@md-plugins/md-plugin-codeblocks 0.1.0-alpha.2 → 0.1.0-alpha.20

package/README.md

@@ -38,8 +38,8 @@ md.use(codeblocksPlugin, {
   copyButtonComponent: '<MarkdownCopyButton',
   preClass: 'markdown-code',
   pageScripts: [
-    "import MarkdownPrerender from 'src/components/md/MarkdownPrerender'",
-    "import MarkdownCopyButton from 'src/components/md/MarkdownCopyButton.vue'",
+    "import MarkdownPrerender from 'src/.q-press/components/MarkdownPrerender'",
+    "import MarkdownCopyButton from 'src/.q-press/components/MarkdownCopyButton.vue'",
   ],
 })
 ```
@@ -90,12 +90,14 @@ The `md-plugin-codeblocks` plugin supports the following options:
 
 The plugin supports magic comments for inline annotations:
 
+````markup
 ```js [numbered]
 // All lines will be numbered
 console.log('Line 1')
 console.log('Line 2')
 console.log('Line 3')
 ```
+````
 
 ### Line Highlighting and Annotations
 
@@ -110,8 +112,7 @@ console.log('Line 3')
 ````markup
 ```js
 console.log('Line 1')
-console.log('Line 2')
-;[[highlight]] // This line will be highlighted
+console.log('Line 2') [[highlight]] // This line will be highlighted
 console.log('Line 3')
 ```
 ````
@@ -172,6 +173,10 @@ Run the unit tests with `Vitest`:
 pnpm test
 ```
 
+## Documentation
+
+In case this README falls out of date, please refer to the [documentation](https://md-plugins.netlify.app/md-plugins/codeblocks/overview) for the latest information.
+
 ## License
 
 This project is licensed under the MIT License. See the [LICENSE](LICENSE.md) file for details.

package/dist/index.mjs

@@ -25,9 +25,9 @@ const codeblocksPlugin = (md, {
   tabPanelTagName = "q-tab-panel",
   tabPanelTagClass = "q-pa-none",
   pageScripts = [
-    "import MarkdownPrerender from 'src/components/md/MarkdownPrerender'",
+    "import MarkdownPrerender from 'src/.q-press/components/MarkdownPrerender'",
     // ts file
-    "import MarkdownCopyButton from 'src/components/md/MarkdownCopyButton.vue'"
+    "import MarkdownCopyButton from 'src/.q-press/components/MarkdownCopyButton.vue'"
   ],
   langList = defaultLangList
 } = {}) => {
@@ -76,13 +76,13 @@ const codeblocksPlugin = (md, {
   function extractCodeLineProps(lines, attrs) {
     const acc = {};
     for (const type of magicCommentList) {
-      acc[type] = attrs[type] !== void 0 ? attrs[type].split(",") : [];
+      acc[type] = attrs[type] !== undefined ? attrs[type].split(",") : [];
     }
     lines.forEach((line, lineIndex) => {
       const match = line.match(magicCommentRE);
       if (match !== null) {
         const type = match.groups?.type;
-        if (type !== void 0) {
+        if (type !== undefined) {
           acc[type].push("" + (lineIndex + 1));
         }
       }
@@ -104,7 +104,7 @@ const codeblocksPlugin = (md, {
       const target = props[type];
       for (const value of target) {
         let [from, to] = value.split("-").map((i) => parseInt(i, 10));
-        if (to === void 0) to = from;
+        if (to === undefined) to = from;
         for (let i = from; i <= to; i++) {
           acc[i - 1].classList.push(`line-${type}`);
         }
@@ -142,10 +142,12 @@ const codeblocksPlugin = (md, {
       lineHtml += line;
       return lineHtml;
     }).join("\n");
-    const langClass = lang === "css" ? " language-css" : ` language-${lang}`;
-    const preAttrs = maxheight !== void 0 ? ` style="max-height:${maxheight}"` : "";
+    const preAttrs = maxheight !== undefined ? ` style="max-height:${maxheight}"` : "";
     const langProp = customCopyLangList.includes(lang) === true ? ` lang="${lang}"` : "";
-    return `<pre v-pre class="${preClass}${langClass}"${preAttrs}>` + renderCodeBlock(html, codeClass) + `</pre><${copyButtonComponent}${langProp} />`;
+    return (
+      // `<pre v-pre class="${preClass}${langClass}"${preAttrs}>` +
+      `<pre v-pre class="${preClass}"${preAttrs}>` + renderCodeBlock(html, codeClass) + `</pre><${copyButtonComponent}${langProp} />`
+    );
   }
   function parseAttrs(rawAttrs) {
     if (rawAttrs === null) return {};
@@ -191,7 +193,7 @@ const codeblocksPlugin = (md, {
       }
     }
     const attrs = parseDefinitionLine(token);
-    return `<${containerComponent}${attrs.title !== null ? ` title="${attrs.title}"` : ""}${attrs.tabs !== void 0 ? ` :tabs="${attrs.tabs.param}"` : ""}>` + (attrs.tabs !== void 0 ? attrs.tabs.content : getHighlightedContent(token.content, attrs)) + `</${containerComponent}>`;
+    return `<${containerComponent}${attrs.title !== null ? ` title="${attrs.title}"` : ""}${attrs.tabs !== undefined ? ` :tabs="${attrs.tabs.param}"` : ""}>` + (attrs.tabs !== undefined ? attrs.tabs.content : getHighlightedContent(token.content, attrs)) + `</${containerComponent}>`;
   };
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@md-plugins/md-plugin-codeblocks",
-  "version": "0.1.0-alpha.2",
+  "version": "0.1.0-alpha.20",
   "description": "A markdown-it plugin for code blocks.",
   "keywords": [
     "markdown-it",
@@ -32,17 +32,19 @@
   "files": [
     "./dist"
   ],
-  "dependencies": {
-    "markdown-it": "^14.1.0",
-    "prismjs": "^1.29.0",
-    "@md-plugins/shared": "0.1.0-alpha.2"
-  },
   "publishConfig": {
     "access": "public"
   },
   "devDependencies": {
+    "markdown-it": "^14.1.0",
+    "prismjs": "^1.29.0",
     "@types/markdown-it": "^14.1.2",
-    "@types/prismjs": "^1.26.5"
+    "@types/prismjs": "^1.26.5",
+    "@md-plugins/shared": "0.1.0-alpha.20"
+  },
+  "peerDependencies": {
+    "markdown-it": "^14.1.0",
+    "prismjs": "^1.29.0"
   },
   "scripts": {
     "build": "unbuild",