markmap-lib 0.15.9-alpha.5 → 0.15.9-alpha.6

package/dist/index.mjs

@@ -1,69 +1,16 @@
-import { buildJSItem, buildCSSItem, Hook, wrapFunction, noop, UrlBuilder, persistCSS, persistJS } from "markmap-common";
+import { Hook, buildJSItem, buildCSSItem, noop, wrapFunction, UrlBuilder, persistCSS, persistJS } from "markmap-common";
 import { buildTree } from "markmap-html-parser";
 import { Remarkable } from "remarkable";
-import remarkableKatex from "remarkable-katex";
 import yaml from "js-yaml";
 import hljs from "highlight.js";
+import remarkableKatex from "remarkable-katex";
 const template = '<!DOCTYPE html>\n<html>\n<head>\n<meta charset="UTF-8">\n<meta name="viewport" content="width=device-width, initial-scale=1.0">\n<meta http-equiv="X-UA-Compatible" content="ie=edge">\n<title>Markmap</title>\n<style>\n* {\n  margin: 0;\n  padding: 0;\n}\n#mindmap {\n  display: block;\n  width: 100vw;\n  height: 100vh;\n}\n</style>\n<!--CSS-->\n</head>\n<body>\n<svg id="mindmap"></svg>\n<!--JS-->\n</body>\n</html>\n';
 const baseJsPaths = [
   `d3@${"7.8.5"}/dist/d3.min.js`,
-  `markmap-view@${"0.15.9-alpha.5"}/dist/browser/index.js`
+  `markmap-view@${"0.15.9-alpha.6"}/dist/browser/index.js`
 ];
 const svg_marked = `<svg width="16" height="16" fill="currentColor" viewBox="0 -3 24 24"><path d="M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2m-9 14-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z"/></svg>`;
 const svg_unmarked = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 -3 24 24"><path fill-rule="evenodd" d="M6 5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1zM3 6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3v-5z" clip-rule="evenodd"/></svg>`;
-const name$4 = "katex";
-const preloadScripts$1 = [
-  `katex@${"0.16.8"}/dist/katex.min.js`
-].map((path) => buildJSItem(path));
-const webfontloader = buildJSItem(
-  `webfontloader@${"1.6.28"}/webfontloader.js`
-);
-webfontloader.data.defer = true;
-const styles$1 = [`katex@${"0.16.8"}/dist/katex.min.css`].map(
-  (path) => buildCSSItem(path)
-);
-const config$1 = {
-  versions: {
-    katex: "0.16.8",
-    webfontloader: "1.6.28"
-  },
-  preloadScripts: preloadScripts$1,
-  scripts: [
-    {
-      type: "iife",
-      data: {
-        fn: (getMarkmap) => {
-          window.WebFontConfig = {
-            custom: {
-              families: [
-                "KaTeX_AMS",
-                "KaTeX_Caligraphic:n4,n7",
-                "KaTeX_Fraktur:n4,n7",
-                "KaTeX_Main:n4,n7,i4,i7",
-                "KaTeX_Math:i4,i7",
-                "KaTeX_Script",
-                "KaTeX_SansSerif:n4,n7,i4",
-                "KaTeX_Size1",
-                "KaTeX_Size2",
-                "KaTeX_Size3",
-                "KaTeX_Size4",
-                "KaTeX_Typewriter"
-              ]
-            },
-            active: () => {
-              getMarkmap().refreshHook.call();
-            }
-          };
-        },
-        getParams({ getMarkmap }) {
-          return [getMarkmap];
-        }
-      }
-    },
-    webfontloader
-  ],
-  styles: styles$1
-};
 function createTransformHooks(transformer) {
   return {
     transformer,
@@ -77,36 +24,40 @@ function createTransformHooks(transformer) {
 function definePlugin(plugin2) {
   return plugin2;
 }
-const plugin$2 = definePlugin({
-  name: name$4,
-  config: config$1,
+const name$5 = "checkbox";
+const plugin$3 = definePlugin({
+  name: name$5,
   transform(transformHooks) {
-    var _a, _b;
-    let enableFeature = noop;
     transformHooks.parser.tap((md) => {
-      md.use(remarkableKatex);
-      md.renderer.rules.katex = wrapFunction(
-        md.renderer.rules.katex,
-        (render, ...args) => {
-          enableFeature();
-          return render(...args);
-        }
+      md.core.ruler.before(
+        "inline",
+        "checkbox",
+        (state) => {
+          for (let i = 2; i < state.tokens.length; i += 1) {
+            const token = state.tokens[i];
+            if (token.type === "inline" && token.content) {
+              const prevType = state.tokens[i - 1].type;
+              const prevPrevType = state.tokens[i - 2].type;
+              if (prevType === "heading_open" || prevType === "paragraph_open" && prevPrevType === "list_item_open") {
+                if (token.content.startsWith("[ ]")) {
+                  token.content = `${svg_unmarked} ${token.content.slice(3)}`;
+                } else if (token.content.startsWith("[x]")) {
+                  token.content = `${svg_marked} ${token.content.slice(3)}`;
+                }
+              }
+            }
+          }
+          return false;
+        },
+        {}
       );
     });
-    transformHooks.beforeParse.tap((_, context) => {
-      enableFeature = () => {
-        context.features[name$4] = true;
-      };
-    });
-    return {
-      styles: (_a = plugin$2.config) == null ? void 0 : _a.styles,
-      scripts: (_b = plugin$2.config) == null ? void 0 : _b.scripts
-    };
+    return {};
   }
 });
-const name$3 = "frontmatter";
+const name$4 = "frontmatter";
 const frontmatter = definePlugin({
-  name: name$3,
+  name: name$4,
   transform(transformHooks) {
     transformHooks.beforeParse.tap((md, context) => {
       const { content } = context;
@@ -160,50 +111,24 @@ function normalizeNumber(value) {
     return;
   return +value;
 }
-const name$2 = "npmUrl";
-const npmUrl = definePlugin({
-  name: name$2,
-  transform(transformHooks) {
-    transformHooks.afterParse.tap((_, context) => {
-      const { frontmatter: frontmatter2 } = context;
-      const markmap = frontmatter2 == null ? void 0 : frontmatter2.markmap;
-      if (markmap) {
-        ["extraJs", "extraCss"].forEach((key) => {
-          const value = markmap[key];
-          if (value) {
-            markmap[key] = value.map((path) => {
-              if (path.startsWith("npm:")) {
-                return transformHooks.transformer.urlBuilder.getFullUrl(
-                  path.slice(4)
-                );
-              }
-              return path;
-            });
-          }
-        });
-      }
-    });
-    return {};
-  }
-});
-const name$1 = "hljs";
-const preloadScripts = [
+const name$3 = "hljs";
+const preloadScripts$1 = [
   `@highlightjs/cdn-assets@${"11.8.0"}/highlight.min.js`
 ].map((path) => buildJSItem(path));
-const styles = [
+const styles$1 = [
   `@highlightjs/cdn-assets@${"11.8.0"}/styles/default.min.css`
   // `highlight.js@${process.env.HLJS_VERSION}/styles/default.css`,
 ].map((path) => buildCSSItem(path));
-const config = {
+const config$1 = {
   versions: {
     hljs: "11.8.0"
   },
-  preloadScripts,
-  styles
+  preloadScripts: preloadScripts$1,
+  styles: styles$1
 };
-const plugin$1 = definePlugin({
-  name: name$1,
-  config,
+const plugin$2 = definePlugin({
+  name: name$3,
+  config: config$1,
   transform(transformHooks) {
     var _a;
     let enableFeature = noop;
@@ -217,46 +142,159 @@ const plugin$1 = definePlugin({
     });
     transformHooks.beforeParse.tap((_, context) => {
       enableFeature = () => {
-        context.features[name$1] = true;
+        context.features[name$3] = true;
       };
     });
     return {
-      styles: (_a = plugin$1.config) == null ? void 0 : _a.styles
+      styles: (_a = plugin$2.config) == null ? void 0 : _a.styles
     };
   }
 });
-const name = "checkbox";
-const plugin = definePlugin({
-  name,
+const name$2 = "katex";
+const preloadScripts = [
+  `katex@${"0.16.8"}/dist/katex.min.js`
+].map((path) => buildJSItem(path));
+const webfontloader = buildJSItem(
+  `webfontloader@${"1.6.28"}/webfontloader.js`
+);
+webfontloader.data.defer = true;
+const styles = [`katex@${"0.16.8"}/dist/katex.min.css`].map(
+  (path) => buildCSSItem(path)
+);
+const config = {
+  versions: {
+    katex: "0.16.8",
+    webfontloader: "1.6.28"
+  },
+  preloadScripts,
+  scripts: [
+    {
+      type: "iife",
+      data: {
+        fn: (getMarkmap) => {
+          window.WebFontConfig = {
+            custom: {
+              families: [
+                "KaTeX_AMS",
+                "KaTeX_Caligraphic:n4,n7",
+                "KaTeX_Fraktur:n4,n7",
+                "KaTeX_Main:n4,n7,i4,i7",
+                "KaTeX_Math:i4,i7",
+                "KaTeX_Script",
+                "KaTeX_SansSerif:n4,n7,i4",
+                "KaTeX_Size1",
+                "KaTeX_Size2",
+                "KaTeX_Size3",
+                "KaTeX_Size4",
+                "KaTeX_Typewriter"
+              ]
+            },
+            active: () => {
+              getMarkmap().refreshHook.call();
+            }
+          };
+        },
+        getParams({ getMarkmap }) {
+          return [getMarkmap];
+        }
+      }
+    },
+    webfontloader
+  ],
+  styles
+};
+const plugin$1 = definePlugin({
+  name: name$2,
+  config,
   transform(transformHooks) {
+    var _a, _b;
+    let enableFeature = noop;
     transformHooks.parser.tap((md) => {
-      md.core.ruler.before(
-        "inline",
-        "checkbox",
-        (state) => {
-          for (let i = 2; i < state.tokens.length; i += 1) {
-            const token = state.tokens[i];
-            if (token.type === "inline" && token.content) {
-              const prevType = state.tokens[i - 1].type;
-              const prevPrevType = state.tokens[i - 2].type;
-              if (prevType === "heading_open" || prevType === "paragraph_open" && prevPrevType === "list_item_open") {
-                if (token.content.startsWith("[ ]")) {
-                  token.content = `${svg_unmarked} ${token.content.slice(3)}`;
-                } else if (token.content.startsWith("[x]")) {
-                  token.content = `${svg_marked} ${token.content.slice(3)}`;
-                }
+      md.use(remarkableKatex);
+      md.renderer.rules.katex = wrapFunction(
+        md.renderer.rules.katex,
+        (render, ...args) => {
+          enableFeature();
+          return render(...args);
+        }
+      );
+    });
+    transformHooks.beforeParse.tap((_, context) => {
+      enableFeature = () => {
+        context.features[name$2] = true;
+      };
+    });
+    return {
+      styles: (_a = plugin$1.config) == null ? void 0 : _a.styles,
+      scripts: (_b = plugin$1.config) == null ? void 0 : _b.scripts
+    };
+  }
+});
+const name$1 = "npmUrl";
+const npmUrl = definePlugin({
+  name: name$1,
+  transform(transformHooks) {
+    transformHooks.afterParse.tap((_, context) => {
+      const { frontmatter: frontmatter2 } = context;
+      const markmap = frontmatter2 == null ? void 0 : frontmatter2.markmap;
+      if (markmap) {
+        ["extraJs", "extraCss"].forEach((key) => {
+          const value = markmap[key];
+          if (value) {
+            markmap[key] = value.map((path) => {
+              if (path.startsWith("npm:")) {
+                return transformHooks.transformer.urlBuilder.getFullUrl(
+                  path.slice(4)
+                );
               }
-            }
+              return path;
+            });
           }
-          return false;
-        },
-        {}
-      );
+        });
+      }
     });
     return {};
   }
 });
-const plugins = [frontmatter, plugin$2, plugin$1, npmUrl, plugin];
+const name = "sourceLines";
+const plugin = definePlugin({
+  name,
+  transform(transformHooks) {
+    transformHooks.parser.tap((md) => {
+      Object.entries(md.renderer.rules).forEach(([key, value]) => {
+        if (typeof value === "function") {
+          md.renderer.rules[key] = patchRule(value);
+        } else {
+          Object.entries(value).forEach(([k, v]) => {
+            value[k] = patchRule(v);
+          });
+        }
+      });
+    });
+    return {};
+  }
+});
+function patchRule(rule) {
+  return wrapFunction(rule, (render, tokens, idx, ...rest) => {
+    let html = render(tokens, idx, ...rest);
+    const { lines } = tokens[idx];
+    if (lines) {
+      html = html.replace(
+        /^<[\w-]+/,
+        (m) => `${m} data-lines="${lines.join(",")}"`
+      );
+    }
+    return html;
+  });
+}
+const plugins = [
+  frontmatter,
+  plugin$1,
+  plugin$2,
+  npmUrl,
+  plugin$3,
+  plugin
+];
 function patchJSItem(urlBuilder, item) {
   if (item.type === "script" && item.data.src) {
     return {

package/dist/plugins/source-lines.d.ts

@@ -0,0 +1,2 @@
+declare const plugin: import("../types").ITransformPlugin;
+export default plugin;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "markmap-lib",
-  "version": "0.15.9-alpha.5+c64866f",
+  "version": "0.15.9-alpha.6+ccc1c15",
   "description": "Visualize your Markdown as mindmaps with Markmap",
   "author": "Gerald <gera2ld@live.com>",
   "license": "MIT",
@@ -47,8 +47,8 @@
   "devDependencies": {
     "@highlightjs/cdn-assets": "^11.8.0",
     "@types/remarkable": "^2.0.3",
-    "markmap-common": "0.15.9-alpha.5+c64866f",
-    "markmap-view": "0.15.9-alpha.5+c64866f",
+    "markmap-common": "0.15.9-alpha.6+ccc1c15",
+    "markmap-view": "0.15.9-alpha.6+ccc1c15",
     "webfontloader": "^1.6.28"
   },
   "dependencies": {
@@ -56,7 +56,7 @@
     "highlight.js": "^11.8.0",
     "js-yaml": "^4.1.0",
     "katex": "^0.16.8",
-    "markmap-html-parser": "0.15.9-alpha.5+c64866f",
+    "markmap-html-parser": "0.15.9-alpha.6+ccc1c15",
     "prismjs": "^1.29.0",
     "remarkable": "^2.0.1",
     "remarkable-katex": "^1.2.1"
@@ -74,5 +74,5 @@
       ]
     }
   },
-  "gitHead": "c64866fb4873a99923be18ea70715aa49a6dabef"
+  "gitHead": "ccc1c157905c0a8aedbadcb579a79d7114b45b0b"
 }