markmap-lib 0.15.9-alpha.6 → 0.16.0

package/dist/browser/index.iife.js

@@ -1,12 +1,5 @@
 (function(exports, require$$0) {
   "use strict";
-  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.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 testPath = "npm2url/dist/index.cjs";
   const defaultProviders = {
     jsdelivr: (path) => `https://cdn.jsdelivr.net/npm/${path}`,
@@ -98,75 +91,6 @@
       }
     }
   }
-  const escapeChars = {
-    "&": "&amp;",
-    "<": "&lt;",
-    '"': "&quot;"
-  };
-  function escapeHtml$1(html2) {
-    return html2.replace(/[&<"]/g, (m) => escapeChars[m]);
-  }
-  function escapeScript(content) {
-    return content.replace(/<(\/script>)/g, "\\x3c$2");
-  }
-  function htmlOpen(tagName, attrs) {
-    const attrStr = attrs ? Object.entries(attrs).map(([key, value]) => {
-      if (value == null || value === false)
-        return;
-      key = ` ${escapeHtml$1(key)}`;
-      if (value === true)
-        return key;
-      return `${key}="${escapeHtml$1(value)}"`;
-    }).filter(Boolean).join("") : "";
-    return `<${tagName}${attrStr}>`;
-  }
-  function htmlClose(tagName) {
-    return `</${tagName}>`;
-  }
-  function wrapHtml(tagName, content, attrs) {
-    if (content == null)
-      return htmlOpen(tagName, attrs);
-    return htmlOpen(tagName, attrs) + (content || "") + htmlClose(tagName);
-  }
-  function buildCode(fn, args) {
-    const params = args.map((arg) => {
-      if (typeof arg === "function")
-        return arg.toString();
-      return JSON.stringify(arg ?? null);
-    }).join(",");
-    return `(${fn.toString()})(${params})`;
-  }
-  function persistJS(items, context) {
-    return items.map((item) => {
-      if (item.type === "script") {
-        const { textContent: textContent2, ...rest } = item.data;
-        return wrapHtml(
-          "script",
-          textContent2 || "",
-          rest
-        );
-      }
-      if (item.type === "iife") {
-        const { fn, getParams } = item.data;
-        return wrapHtml(
-          "script",
-          escapeScript(buildCode(fn, (getParams == null ? void 0 : getParams(context)) || []))
-        );
-      }
-      return "";
-    });
-  }
-  function persistCSS(items) {
-    return items.map((item) => {
-      if (item.type === "stylesheet") {
-        return wrapHtml("link", null, {
-          rel: "stylesheet",
-          ...item.data
-        });
-      }
-      return wrapHtml("style", item.data);
-    });
-  }
   Math.random().toString(36).slice(2, 8);
   function noop() {
   }
@@ -14073,7 +13997,7 @@
   const SELECTOR_LIST = /^[uo]l$/;
   const SELECTOR_LIST_ITEM = /^li$/;
   const defaultOptions = {
-    selector: "h1,h2,h3,h4,h5,h6,ul,ol,li,table,pre,p>img:first-child:last-child",
+    selector: "h1,h2,h3,h4,h5,h6,ul,ol,li,table,pre,p>img:only-child",
     selectorWrapper: "div,p",
     selectorNesting: "ul,ol,li",
     selectorPreserveTag: "table,pre,img"
@@ -18047,7 +17971,13 @@
   function definePlugin(plugin2) {
     return plugin2;
   }
+  const svgMarked = '<svg width="16" height="16" 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>\n';
+  const svgUnmarked = '<svg width="16" height="16" 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>\n';
   const name$5 = "checkbox";
+  const images = {
+    " ": svgUnmarked.trim(),
+    x: svgMarked.trim()
+  };
   const plugin$3 = definePlugin({
     name: name$5,
     transform(transformHooks) {
@@ -18062,11 +17992,10 @@
                 const prevType = state.tokens[i2 - 1].type;
                 const prevPrevType = state.tokens[i2 - 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)}`;
-                  }
+                  token.content = token.content.replace(
+                    /^\[(.)\] /,
+                    (m, g) => images[g] ? `${images[g]} ` : m
+                  );
                 }
               }
             }
@@ -18078,6 +18007,7 @@
       return {};
     }
   });
+  const pluginCheckbox = plugin$3;
   /*! js-yaml 4.1.0 https://github.com/nodeca/js-yaml @license MIT */
   function isNothing(subject) {
     return typeof subject === "undefined" || subject === null;
@@ -20766,8 +20696,9 @@
     safeLoadAll,
     safeDump
   };
+  const yaml = jsYaml;
   const name$4 = "frontmatter";
-  const frontmatter = definePlugin({
+  const pluginFrontmatter = definePlugin({
     name: name$4,
     transform(transformHooks) {
       transformHooks.beforeParse.tap((md, context) => {
@@ -20778,18 +20709,18 @@
         if (!match)
           return;
         const raw = content.slice(4, match.index);
-        let frontmatter2;
+        let frontmatter;
         try {
-          frontmatter2 = jsYaml.load(raw);
-          if (frontmatter2 == null ? void 0 : frontmatter2.markmap) {
-            frontmatter2.markmap = normalizeMarkmapJsonOptions(
-              frontmatter2.markmap
+          frontmatter = yaml.load(raw);
+          if (frontmatter == null ? void 0 : frontmatter.markmap) {
+            frontmatter.markmap = normalizeMarkmapJsonOptions(
+              frontmatter.markmap
             );
           }
         } catch {
           return;
         }
-        context.frontmatter = frontmatter2;
+        context.frontmatter = frontmatter;
         context.content = content.slice(match.index + match[0].length);
         context.contentLineOffset = content.slice(0, match.index).split("\n").length + 1;
       });
@@ -20852,7 +20783,6 @@
   ].map((path) => buildJSItem(path));
   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$1 = {
     versions: {
@@ -20900,6 +20830,7 @@
       };
     }
   });
+  const pluginHljs = plugin$2;
   const rkatex = (md, options) => {
     const backslash = "\\";
     const dollar = "$";
@@ -21162,13 +21093,14 @@
       };
     }
   });
+  const pluginKatex = plugin$1;
   const name$1 = "npmUrl";
-  const npmUrl = definePlugin({
+  const pluginNpmUrl = definePlugin({
     name: name$1,
     transform(transformHooks) {
       transformHooks.afterParse.tap((_, context) => {
-        const { frontmatter: frontmatter2 } = context;
-        const markmap = frontmatter2 == null ? void 0 : frontmatter2.markmap;
+        const { frontmatter } = context;
+        const markmap = frontmatter == null ? void 0 : frontmatter.markmap;
         if (markmap) {
           ["extraJs", "extraCss"].forEach((key) => {
             const value = markmap[key];
@@ -21206,7 +21138,7 @@
       return {};
     }
   });
-  function patchRule(rule) {
+  function patchRule(rule, _key) {
     return wrapFunction(rule, (render2, tokens, idx, ...rest) => {
       let html2 = render2(tokens, idx, ...rest);
       const { lines } = tokens[idx];
@@ -21219,14 +21151,16 @@
       return html2;
     });
   }
+  const pluginSourceLines = plugin;
   const plugins = [
-    frontmatter,
-    plugin$1,
-    plugin$2,
-    npmUrl,
-    plugin$3,
-    plugin
+    pluginFrontmatter,
+    pluginKatex,
+    pluginHljs,
+    pluginNpmUrl,
+    pluginCheckbox,
+    pluginSourceLines
   ];
+  const builtInPlugins = plugins;
   function cleanNode(node) {
     while (!node.content && node.children.length === 1) {
       node = node.children[0];
@@ -21243,11 +21177,11 @@
     };
   }
   class Transformer {
-    constructor(plugins$1 = plugins) {
+    constructor(plugins2 = builtInPlugins) {
       this.assetsMap = {};
       this.urlBuilder = new UrlBuilder();
       this.hooks = createTransformHooks(this);
-      this.plugins = plugins$1.map(
+      this.plugins = plugins2.map(
         (plugin2) => typeof plugin2 === "function" ? plugin2() : plugin2
       );
       const assetsMap = {};
@@ -21316,58 +21250,12 @@
       const keys = this.plugins.map((plugin2) => plugin2.name).filter((name2) => features[name2]);
       return this.getAssets(keys);
     }
-    fillTemplate(root2, assets, extra) {
-      extra = {
-        ...extra
-      };
-      extra.baseJs ?? (extra.baseJs = baseJsPaths.map((path) => this.urlBuilder.getFullUrl(path)).map((path) => buildJSItem(path)));
-      const { scripts, styles: styles2 } = assets;
-      const cssList = [...styles2 ? persistCSS(styles2) : []];
-      const context = {
-        getMarkmap: () => window.markmap,
-        getOptions: extra.getOptions,
-        jsonOptions: extra.jsonOptions,
-        root: root2
-      };
-      const jsList = [
-        ...persistJS(
-          [
-            ...extra.baseJs,
-            ...scripts || [],
-            {
-              type: "iife",
-              data: {
-                fn: (getMarkmap, getOptions, root22, jsonOptions) => {
-                  const markmap = getMarkmap();
-                  window.mm = markmap.Markmap.create(
-                    "svg#mindmap",
-                    (getOptions || markmap.deriveOptions)(jsonOptions),
-                    root22
-                  );
-                },
-                getParams: ({ getMarkmap, getOptions, root: root22, jsonOptions }) => {
-                  return [getMarkmap, getOptions, root22, jsonOptions];
-                }
-              }
-            }
-          ],
-          context
-        )
-      ];
-      const html2 = template.replace("<!--CSS-->", () => cssList.join("")).replace("<!--JS-->", () => jsList.join(""));
-      return html2;
-    }
   }
   const transformerVersions = {
-    "markmap-lib": "process.env.VERSION",
-    d3: "7.8.5"
+    "markmap-lib": "0.16.0"
   };
   exports.Transformer = Transformer;
-  exports.baseJsPaths = baseJsPaths;
-  exports.builtInPlugins = plugins;
-  exports.svg_marked = svg_marked;
-  exports.svg_unmarked = svg_unmarked;
-  exports.template = template;
+  exports.builtInPlugins = builtInPlugins;
   exports.transformerVersions = transformerVersions;
   Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 })(this.markmap = this.markmap || {}, window.katex);

package/dist/browser/index.mjs

@@ -1,15 +1,8 @@
-import { Hook, buildJSItem, buildCSSItem, loadJS, noop, wrapFunction, UrlBuilder, persistCSS, persistJS } from "markmap-common";
+import { Hook, buildJSItem, buildCSSItem, loadJS, noop, wrapFunction, UrlBuilder } from "markmap-common";
 import { buildTree } from "markmap-html-parser";
 import { Remarkable } from "remarkable";
 import yaml from "js-yaml";
 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.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>`;
 function createTransformHooks(transformer) {
   return {
     transformer,
@@ -23,7 +16,13 @@ function createTransformHooks(transformer) {
 function definePlugin(plugin2) {
   return plugin2;
 }
+const svgMarked = '<svg width="16" height="16" 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>\n';
+const svgUnmarked = '<svg width="16" height="16" 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>\n';
 const name$5 = "checkbox";
+const images = {
+  " ": svgUnmarked.trim(),
+  x: svgMarked.trim()
+};
 const plugin$3 = definePlugin({
   name: name$5,
   transform(transformHooks) {
@@ -38,11 +37,10 @@ const plugin$3 = definePlugin({
               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)}`;
-                }
+                token.content = token.content.replace(
+                  /^\[(.)\] /,
+                  (m, g) => images[g] ? `${images[g]} ` : m
+                );
               }
             }
           }
@@ -54,8 +52,9 @@ const plugin$3 = definePlugin({
     return {};
   }
 });
+const pluginCheckbox = plugin$3;
 const name$4 = "frontmatter";
-const frontmatter = definePlugin({
+const pluginFrontmatter = definePlugin({
   name: name$4,
   transform(transformHooks) {
     transformHooks.beforeParse.tap((md, context) => {
@@ -66,18 +65,18 @@ const frontmatter = definePlugin({
       if (!match)
         return;
       const raw = content.slice(4, match.index);
-      let frontmatter2;
+      let frontmatter;
       try {
-        frontmatter2 = yaml.load(raw);
-        if (frontmatter2 == null ? void 0 : frontmatter2.markmap) {
-          frontmatter2.markmap = normalizeMarkmapJsonOptions(
-            frontmatter2.markmap
+        frontmatter = yaml.load(raw);
+        if (frontmatter == null ? void 0 : frontmatter.markmap) {
+          frontmatter.markmap = normalizeMarkmapJsonOptions(
+            frontmatter.markmap
           );
         }
       } catch {
         return;
       }
-      context.frontmatter = frontmatter2;
+      context.frontmatter = frontmatter;
       context.content = content.slice(match.index + match[0].length);
       context.contentLineOffset = content.slice(0, match.index).split("\n").length + 1;
     });
@@ -140,7 +139,6 @@ const preloadScripts$1 = [
 ].map((path) => buildJSItem(path));
 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$1 = {
   versions: {
@@ -188,6 +186,7 @@ const plugin$2 = definePlugin({
     };
   }
 });
+const pluginHljs = plugin$2;
 const name$2 = "katex";
 const preloadScripts = [
   `katex@${"0.16.8"}/dist/katex.min.js`
@@ -320,13 +319,14 @@ const plugin$1 = definePlugin({
     };
   }
 });
+const pluginKatex = plugin$1;
 const name$1 = "npmUrl";
-const npmUrl = definePlugin({
+const pluginNpmUrl = definePlugin({
   name: name$1,
   transform(transformHooks) {
     transformHooks.afterParse.tap((_, context) => {
-      const { frontmatter: frontmatter2 } = context;
-      const markmap = frontmatter2 == null ? void 0 : frontmatter2.markmap;
+      const { frontmatter } = context;
+      const markmap = frontmatter == null ? void 0 : frontmatter.markmap;
       if (markmap) {
         ["extraJs", "extraCss"].forEach((key) => {
           const value = markmap[key];
@@ -364,7 +364,7 @@ const plugin = definePlugin({
     return {};
   }
 });
-function patchRule(rule) {
+function patchRule(rule, _key) {
   return wrapFunction(rule, (render, tokens, idx, ...rest) => {
     let html = render(tokens, idx, ...rest);
     const { lines } = tokens[idx];
@@ -377,14 +377,16 @@ function patchRule(rule) {
     return html;
   });
 }
+const pluginSourceLines = plugin;
 const plugins = [
-  frontmatter,
-  plugin$1,
-  plugin$2,
-  npmUrl,
-  plugin$3,
-  plugin
+  pluginFrontmatter,
+  pluginKatex,
+  pluginHljs,
+  pluginNpmUrl,
+  pluginCheckbox,
+  pluginSourceLines
 ];
+const builtInPlugins = plugins;
 function cleanNode(node) {
   while (!node.content && node.children.length === 1) {
     node = node.children[0];
@@ -401,11 +403,11 @@ function cleanNode(node) {
   };
 }
 class Transformer {
-  constructor(plugins$1 = plugins) {
+  constructor(plugins2 = builtInPlugins) {
     this.assetsMap = {};
     this.urlBuilder = new UrlBuilder();
     this.hooks = createTransformHooks(this);
-    this.plugins = plugins$1.map(
+    this.plugins = plugins2.map(
       (plugin2) => typeof plugin2 === "function" ? plugin2() : plugin2
     );
     const assetsMap = {};
@@ -474,58 +476,12 @@ class Transformer {
     const keys = this.plugins.map((plugin2) => plugin2.name).filter((name2) => features[name2]);
     return this.getAssets(keys);
   }
-  fillTemplate(root, assets, extra) {
-    extra = {
-      ...extra
-    };
-    extra.baseJs ?? (extra.baseJs = baseJsPaths.map((path) => this.urlBuilder.getFullUrl(path)).map((path) => buildJSItem(path)));
-    const { scripts, styles: styles2 } = assets;
-    const cssList = [...styles2 ? persistCSS(styles2) : []];
-    const context = {
-      getMarkmap: () => window.markmap,
-      getOptions: extra.getOptions,
-      jsonOptions: extra.jsonOptions,
-      root
-    };
-    const jsList = [
-      ...persistJS(
-        [
-          ...extra.baseJs,
-          ...scripts || [],
-          {
-            type: "iife",
-            data: {
-              fn: (getMarkmap, getOptions, root2, jsonOptions) => {
-                const markmap = getMarkmap();
-                window.mm = markmap.Markmap.create(
-                  "svg#mindmap",
-                  (getOptions || markmap.deriveOptions)(jsonOptions),
-                  root2
-                );
-              },
-              getParams: ({ getMarkmap, getOptions, root: root2, jsonOptions }) => {
-                return [getMarkmap, getOptions, root2, jsonOptions];
-              }
-            }
-          }
-        ],
-        context
-      )
-    ];
-    const html = template.replace("<!--CSS-->", () => cssList.join("")).replace("<!--JS-->", () => jsList.join(""));
-    return html;
-  }
 }
 const transformerVersions = {
-  "markmap-lib": "process.env.VERSION",
-  d3: "7.8.5"
+  "markmap-lib": "0.16.0"
 };
 export {
   Transformer,
-  baseJsPaths,
-  plugins as builtInPlugins,
-  svg_marked,
-  svg_unmarked,
-  template,
+  builtInPlugins,
   transformerVersions
 };

package/dist/index.d.ts

@@ -1,7 +1,5 @@
 export * from './types';
-export * from './constants';
 export * from './transform';
 export declare const transformerVersions: {
-    'markmap-lib': string;
-    d3: string | undefined;
+    'markmap-lib': string | undefined;
 };