feat: allow disabling `markdown-it-attrs` (#662) (#664)

close #664

Co-authored-by: Kia King Ishii <kia.king.08@gmail.com>

docs/config/app-configs.md

@@ -119,6 +119,7 @@ interface MarkdownOptions extends MarkdownIt.Options {
     leftDelimiter?: string
     rightDelimiter?: string
     allowedAttributes?: string[]
+    disable?: boolean
   }
 
   // markdown-it-toc-done-right plugin options

src/node/markdown/markdown.ts

@@ -29,6 +29,7 @@ export interface MarkdownOptions extends MarkdownIt.Options {
     leftDelimiter?: string
     rightDelimiter?: string
     allowedAttributes?: string[]
+    disable?: boolean
   }
   theme?: Theme
   // https://github.com/nagaozen/markdown-it-toc-done-right
@@ -80,9 +81,13 @@ export const createMarkdownRenderer = async (
       },
       base
     )
+
   // 3rd party plugins
-    .use(attrs, options.attrs)
+  if (!options.attrs?.disable) {
-    .use(anchor, {
+    md.use(attrs, options.attrs)
+  }
+
+  md.use(anchor, {
     slugify,
     permalink: anchor.permalink.ariaHidden({}),
     ...options.anchor

src/node/markdown/plugins/highlightLines.ts

@@ -1,6 +1,7 @@
 // Modified from https://github.com/egoist/markdown-it-highlight-lines
 import MarkdownIt from 'markdown-it'
 
+const RE = /{([\d,-]+)}/
 const wrapperRE = /^<pre .*?><code>/
 
 export const highlightLinePlugin = (md: MarkdownIt) => {
@@ -9,17 +10,35 @@ export const highlightLinePlugin = (md: MarkdownIt) => {
     const [tokens, idx, options] = args
     const token = tokens[idx]
 
-    // due to use of markdown-it-attrs, the {0} syntax would have been converted
+    // due to use of markdown-it-attrs, the {0} syntax would have been
-    // to attrs on the token
+    // converted to attrs on the token
     const attr = token.attrs && token.attrs[0]
+
+    let lines = null
+
     if (!attr) {
+      // markdown-it-attrs maybe disabled
+      const rawInfo = token.info
+
+      if (!rawInfo || !RE.test(rawInfo)) {
         return fence(...args)
       }
 
-    const lines = attr[0]
+      const langName = rawInfo.replace(RE, '').trim()
+
+      // ensure the next plugin get the correct lang
+      token.info = langName
+
+      lines = RE.exec(rawInfo)![1]
+    }
+
+    if (!lines) {
+      lines = attr![0]
+
       if (!lines || !/[\d,-]+/.test(lines)) {
         return fence(...args)
       }
+    }
 
     const lineNumbers = lines
       .split(',')
@@ -30,6 +49,7 @@ export const highlightLinePlugin = (md: MarkdownIt) => {
       : token.content
 
     const rawCode = code.replace(wrapperRE, '')
+
     const highlightLinesCode = rawCode
       .split('\n')
       .map((split, index) => {