-
Notifications
You must be signed in to change notification settings - Fork 18
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Fix #41 - Add auto_detection option to control hljs' language detection feature #43
Changes from all commits
File filter
Filter by extension
Conversations
Jump to
Diff view
Diff view
There are no files selected for viewing
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,4 +1,9 @@ | ||
import type { ShowdownExtension } from "showdown"; | ||
|
||
declare function showdownHighlight({ pre: Boolean }): ShowdownExtension[]; | ||
declare type ShowdownHighlightOptions = { | ||
pre: boolean | ||
auto_detection: boolean | ||
} | ||
|
||
declare function showdownHighlight(options?: Partial<ShowdownHighlightOptions>): ShowdownExtension[]; | ||
export = showdownHighlight; |
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -28,7 +28,7 @@ const decodeHtml = require("html-encoder-decoder").decode | |
* @name showdownHighlight | ||
* @function | ||
*/ | ||
module.exports = function showdownHighlight({ pre = false } = {}) { | ||
module.exports = function showdownHighlight({ pre = false, auto_detection = true } = {}) { | ||
const filter = (text, converter, options) => { | ||
const params = { | ||
left: "<pre><code\\b[^>]*>" | ||
|
@@ -41,6 +41,10 @@ module.exports = function showdownHighlight({ pre = false } = {}) { | |
|
||
const lang = (left.match(/class=\"([^ \"]+)/) || [])[1] | ||
|
||
if (!lang && !auto_detection) { | ||
return wholeMatch | ||
} | ||
|
||
Comment on lines
+44
to
+47
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Early return if |
||
if (left.includes(classAttr)) { | ||
const attrIndex = left.indexOf(classAttr) + classAttr.length | ||
left = left.slice(0, attrIndex) + 'hljs ' + left.slice(attrIndex) | ||
|
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -6,37 +6,73 @@ const tester = require("tester") | |
; | ||
|
||
tester.describe("showdown-highlight", t => { | ||
// After requiring the module, use it as extension | ||
let converter = new showdown.Converter({ | ||
extensions: [showdownHighlight] | ||
}); | ||
|
||
t.should("A Showdown extension for highlight the code blocks.", () => { | ||
// Now you can Highlight code blocks | ||
let html = converter.makeHtml(` | ||
const CODEBLOCK_WITH_LANGUAGE = ` | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Since it's repetitively used, I extracted as constant. |
||
\`\`\`js | ||
function sayHello (msg, who) { | ||
return \`\${who} says: msg\`; | ||
} | ||
sayHello("Hello World", "Johnny"); | ||
|
||
\`\`\`` | ||
const CODEBLOCK_WITHOUT_LANGUAGE = ` | ||
\`\`\` | ||
`); | ||
function sayHello (msg, who) { | ||
return \`\${who} says: msg\`; | ||
} | ||
sayHello("Hello World", "Johnny"); | ||
\`\`\`` | ||
|
||
// After requiring the module, use it as extension | ||
const converter = new showdown.Converter({ | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Since |
||
extensions: [showdownHighlight] | ||
}); | ||
|
||
t.should("A Showdown extension for highlight the code blocks.", () => { | ||
// Now you can Highlight code blocks | ||
let html = converter.makeHtml(CODEBLOCK_WITH_LANGUAGE); | ||
|
||
t.expect(html.includes('class="hljs js language-js"')).toEqual(true); | ||
t.expect(html.includes("hljs-string")).toEqual(true); | ||
}); | ||
|
||
t.should("work without code block language", () => { | ||
// Now you can Highlight code blocks | ||
let html = converter.makeHtml(` | ||
\`\`\` | ||
function sayHello (msg, who) { | ||
return \`\${who} says: msg\`; | ||
} | ||
sayHello("Hello World", "Johnny"); | ||
\`\`\` | ||
`); | ||
let html = converter.makeHtml(CODEBLOCK_WITHOUT_LANGUAGE); | ||
|
||
t.expect(html.includes('class="hljs"')).toEqual(true); | ||
}); | ||
|
||
const converter_auto_disabled = new showdown.Converter({ | ||
extensions: [showdownHighlight({ | ||
auto_detection: false | ||
})] | ||
}) | ||
const converter_auto_disabled_with_pre = new showdown.Converter({ | ||
extensions: [showdownHighlight({ | ||
auto_detection: false | ||
, pre: true | ||
})] | ||
}) | ||
|
||
t.should("process code block with language, when auto_detection disabled", () => { | ||
t.expect(converter_auto_disabled | ||
.makeHtml(CODEBLOCK_WITH_LANGUAGE) | ||
.includes('class="hljs js language-js"')) | ||
.toEqual(true); | ||
t.expect(converter_auto_disabled_with_pre | ||
.makeHtml(CODEBLOCK_WITH_LANGUAGE) | ||
.includes('class="hljs js language-js"')) | ||
.toEqual(true); | ||
}) | ||
|
||
t.should("not process code block with no language, when auto_detection disabled", () => { | ||
t.expect(converter_auto_disabled | ||
.makeHtml(CODEBLOCK_WITHOUT_LANGUAGE) | ||
.includes('hljs')) | ||
.toEqual(false) | ||
t.expect(converter_auto_disabled_with_pre | ||
.makeHtml(CODEBLOCK_WITHOUT_LANGUAGE) | ||
.includes('hljs')) | ||
.toEqual(false) | ||
}) | ||
}); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Since its implementation has default parameter and default destructured value, it should be optional. Also
Boolean
is not desirable for modern TypeScript declaration. #note