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

package/dist/browser/index.iife.js

@@ -3,8 +3,10 @@
   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.0"}/dist/browser/index.js`
+    `markmap-view@${"0.15.9-alpha.5"}/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}`,
@@ -14066,12 +14068,14 @@
   const parse = getParse((content, options, isDocument2, context) => options.xmlMode || options._useHtmlParser2 ? parseDocument(content, options) : parseWithParse5(content, options, isDocument2, context));
   const load$2 = getLoad(parse, (dom, options) => options.xmlMode || options._useHtmlParser2 ? render$1(dom, options) : renderWithParse5(dom));
   load$2([]);
+  const MARKMAP_COMMENT_PREFIX = "markmap: ";
   const SELECTOR_HEADING = /^h[1-6]$/;
   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",
-    selectorPreserveContent: "table,pre",
+    selectorWrapper: "div,p",
+    selectorNesting: "ul,ol,li",
     selectorPreserveTag: "table,pre,img"
   };
   function getLevel(tagName) {
@@ -14089,71 +14093,130 @@
       ...opts
     };
     const $2 = load$2(html2);
+    const $root = $2("body");
     let id = 0;
-    const elMap = {
-      [id]: $2("<div>")
-    };
-    const root2 = {
+    const rootNode = {
       id,
       tag: "",
       html: "",
       level: 0,
+      parent: 0,
       childrenLevel: 0,
-      children: [],
-      parent: 0
+      children: []
     };
-    const nodeMap = {
-      [id]: root2
+    const elMap = {
+      [id]: $2("<div>")
     };
-    let cur = root2;
-    $2(options.selector).each((_, el) => {
+    const headingStack = [];
+    let skippingHeading = 0;
+    checkNode($root);
+    walkTree(rootNode, (node, next2) => {
+      next2();
+      const $el = elMap[node.id];
+      $el.contents().each((_, child) => {
+        if (child.type === "comment") {
+          const data2 = child.data.trim();
+          if (data2.startsWith(MARKMAP_COMMENT_PREFIX)) {
+            node.comments || (node.comments = []);
+            node.comments.push(data2.slice(MARKMAP_COMMENT_PREFIX.length).trim());
+            $2(child).remove();
+          }
+        }
+      });
+      node.html = (($el.is(options.selectorPreserveTag) ? $2.html($el) : $el.html()) || "").trimEnd();
+    });
+    return rootNode;
+    function addChild($child, parent2, nesting) {
+      const child = $child[0];
       const node = {
         id: ++id,
-        tag: el.tagName,
+        tag: child.tagName,
         html: "",
-        level: getLevel(el.tagName),
+        level: getLevel(child.tagName),
         childrenLevel: 0,
-        children: $2(el).is(options.selectorPreserveContent) ? void 0 : [],
-        parent: 0
+        children: nesting ? [] : void 0,
+        parent: parent2.id
       };
-      elMap[node.id] = $2(el);
-      nodeMap[node.id] = node;
-      if (node.level <= 6) {
-        while (cur !== root2 && (cur.level > 6 || cur.tag >= node.tag)) {
-          cur = nodeMap[cur.parent];
+      if (parent2.children) {
+        if (parent2.childrenLevel === 0 || parent2.childrenLevel > node.level) {
+          parent2.children = [];
+          parent2.childrenLevel = node.level;
         }
-      } else {
-        while (cur !== root2 && cur.level > 6 && !elMap[cur.id].find(el).length) {
-          cur = nodeMap[cur.parent];
+        if (parent2.childrenLevel === node.level) {
+          parent2.children.push(node);
         }
       }
-      if (cur.children) {
-        node.parent = cur.id;
-        const level = getLevel(node.tag);
-        if (!cur.childrenLevel || cur.childrenLevel > level) {
-          cur.childrenLevel = level;
-          cur.children = [];
+      elMap[node.id] = $child;
+      return node;
+    }
+    function getCurrentHeading(level) {
+      let heading2;
+      while ((heading2 = headingStack.at(-1)) && heading2.level >= level) {
+        headingStack.pop();
+      }
+      return heading2 || rootNode;
+    }
+    function checkNode($el, node) {
+      $el.children().each((_, child) => {
+        const $child = $2(child);
+        if ($child.is(options.selectorWrapper)) {
+          checkNode($child);
+          return;
+        }
+        if (!$child.is(options.selector)) {
+          const level2 = getLevel(child.tagName);
+          if (level2 <= 6) {
+            skippingHeading = level2;
+          }
+          return;
         }
-        if (cur.childrenLevel === level) {
-          cur.children.push(node);
+        const level = getLevel(child.tagName);
+        if (skippingHeading > 0 && level > skippingHeading) {
+          return;
+        }
+        skippingHeading = 0;
+        if ($child.is(options.selectorNesting)) {
+          const childNode2 = addChild(
+            $child,
+            node || getCurrentHeading(level),
+            true
+          );
+          if (childNode2) {
+            checkNode($child, childNode2);
+            $child.remove();
+          }
+          return;
+        }
+        const isHeading = level <= 6;
+        const childNode = addChild(
+          $child,
+          node || getCurrentHeading(level),
+          isHeading
+        );
+        if (isHeading)
+          headingStack.push(childNode);
+      });
+    }
+  }
+  function convertNode(htmlRoot) {
+    return walkTree(htmlRoot, (htmlNode, next2) => {
+      const node = {
+        content: htmlNode.html,
+        children: next2() || []
+      };
+      if (htmlNode.comments) {
+        if (htmlNode.comments.includes("foldAll")) {
+          node.payload = { fold: 2 };
+        } else if (htmlNode.comments.includes("fold")) {
+          node.payload = { fold: 1 };
         }
-        cur = node;
       }
+      return node;
     });
-    walkTree(root2, (node, next2) => {
-      next2();
-      const $el = elMap[node.id];
-      $el.remove();
-      node.html = (($el.is(options.selectorPreserveTag) ? $2.html($el) : $el.html()) || "").trimEnd();
-    });
-    return root2;
   }
   function buildTree(html2, opts) {
     const htmlRoot = parseHtml(html2, opts);
-    return walkTree(htmlRoot, (node, next2) => ({
-      content: node.html,
-      children: next2() || []
-    }));
+    return convertNode(htmlRoot);
   }
   var textarea;
   function decodeEntity(name2) {
@@ -18092,7 +18155,7 @@
   };
   var remarkableKatex = rkatex;
   const remarkableKatex$1 = /* @__PURE__ */ getDefaultExportFromCjs(remarkableKatex);
-  const name$3 = "katex";
+  const name$4 = "katex";
   const preloadScripts$1 = [
     `katex@${"0.16.8"}/dist/katex.min.js`
   ].map((path) => buildJSItem(path));
@@ -18198,13 +18261,13 @@
   function definePlugin(plugin2) {
     return plugin2;
   }
-  const plugin$1 = definePlugin({
-    name: name$3,
+  const plugin$2 = definePlugin({
+    name: name$4,
     config: config$1,
     transform(transformHooks) {
       var _a2, _b, _c, _d;
       let loading;
-      const preloadScripts2 = ((_b = (_a2 = plugin$1.config) == null ? void 0 : _a2.preloadScripts) == null ? void 0 : _b.map(
+      const preloadScripts2 = ((_b = (_a2 = plugin$2.config) == null ? void 0 : _a2.preloadScripts) == null ? void 0 : _b.map(
         (item) => patchJSItem(transformHooks.transformer.urlBuilder, item)
       )) || [];
       const autoload = () => {
@@ -18235,7 +18298,7 @@
       });
       transformHooks.beforeParse.tap((_, context) => {
         enableFeature = () => {
-          context.features[name$3] = true;
+          context.features[name$4] = true;
         };
       });
       transformHooks.afterParse.tap((_, context) => {
@@ -18248,16 +18311,16 @@
             if (value) {
               markmap[key] = addDefaultVersions(
                 value,
-                name$3,
-                ((_b2 = (_a4 = plugin$1.config) == null ? void 0 : _a4.versions) == null ? void 0 : _b2.katex) || ""
+                name$4,
+                ((_b2 = (_a4 = plugin$2.config) == null ? void 0 : _a4.versions) == null ? void 0 : _b2.katex) || ""
               );
             }
           });
         }
       });
       return {
-        styles: (_c = plugin$1.config) == null ? void 0 : _c.styles,
-        scripts: (_d = plugin$1.config) == null ? void 0 : _d.scripts
+        styles: (_c = plugin$2.config) == null ? void 0 : _c.styles,
+        scripts: (_d = plugin$2.config) == null ? void 0 : _d.scripts
       };
     }
   });
@@ -20949,9 +21012,9 @@
     safeLoadAll,
     safeDump
   };
-  const name$2 = "frontmatter";
+  const name$3 = "frontmatter";
   const frontmatter = definePlugin({
-    name: name$2,
+    name: name$3,
     transform(transformHooks) {
       transformHooks.beforeParse.tap((md, context) => {
         const { content } = context;
@@ -21005,9 +21068,9 @@
       return;
     return +value;
   }
-  const name$1 = "npmUrl";
+  const name$2 = "npmUrl";
   const npmUrl = definePlugin({
-    name: name$1,
+    name: name$2,
     transform(transformHooks) {
       transformHooks.afterParse.tap((_, context) => {
         const { frontmatter: frontmatter2 } = context;
@@ -21031,7 +21094,7 @@
       return {};
     }
   });
-  const name = "hljs";
+  const name$1 = "hljs";
   const preloadScripts = [
     `@highlightjs/cdn-assets@${"11.8.0"}/highlight.min.js`
   ].map((path) => buildJSItem(path));
@@ -21046,13 +21109,13 @@
     preloadScripts,
     styles
   };
-  const plugin = definePlugin({
-    name,
+  const plugin$1 = definePlugin({
+    name: name$1,
     config,
     transform(transformHooks) {
       var _a2, _b, _c;
       let loading;
-      const preloadScripts2 = ((_b = (_a2 = plugin.config) == null ? void 0 : _a2.preloadScripts) == null ? void 0 : _b.map(
+      const preloadScripts2 = ((_b = (_a2 = plugin$1.config) == null ? void 0 : _a2.preloadScripts) == null ? void 0 : _b.map(
         (item) => patchJSItem(transformHooks.transformer.urlBuilder, item)
       )) || [];
       const autoload = () => {
@@ -21077,15 +21140,46 @@
       });
       transformHooks.beforeParse.tap((_, context) => {
         enableFeature = () => {
-          context.features[name] = true;
+          context.features[name$1] = true;
         };
       });
       return {
-        styles: (_c = plugin.config) == null ? void 0 : _c.styles
+        styles: (_c = plugin$1.config) == null ? void 0 : _c.styles
       };
     }
   });
-  const plugins = [frontmatter, plugin$1, plugin, npmUrl];
+  const name = "checkbox";
+  const plugin = definePlugin({
+    name,
+    transform(transformHooks) {
+      transformHooks.parser.tap((md) => {
+        md.core.ruler.before(
+          "inline",
+          "checkbox",
+          (state) => {
+            for (let i2 = 2; i2 < state.tokens.length; i2 += 1) {
+              const token = state.tokens[i2];
+              if (token.type === "inline" && token.content) {
+                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)}`;
+                  }
+                }
+              }
+            }
+            return false;
+          },
+          {}
+        );
+      });
+      return {};
+    }
+  });
+  const plugins = [frontmatter, plugin$2, plugin$1, npmUrl, plugin];
   function cleanNode(node) {
     while (!node.content && node.children.length === 1) {
       node = node.children[0];
@@ -21224,6 +21318,8 @@
   exports.Transformer = Transformer;
   exports.baseJsPaths = baseJsPaths;
   exports.builtInPlugins = plugins;
+  exports.svg_marked = svg_marked;
+  exports.svg_unmarked = svg_unmarked;
   exports.template = template;
   exports.transformerVersions = transformerVersions;
   Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });

package/dist/browser/index.mjs

@@ -6,9 +6,11 @@ import yaml from "js-yaml";
 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.0"}/dist/browser/index.js`
+  `markmap-view@${"0.15.9-alpha.5"}/dist/browser/index.js`
 ];
-const name$3 = "katex";
+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));
@@ -114,13 +116,13 @@ function createTransformHooks(transformer) {
 function definePlugin(plugin2) {
   return plugin2;
 }
-const plugin$1 = definePlugin({
-  name: name$3,
+const plugin$2 = definePlugin({
+  name: name$4,
   config: config$1,
   transform(transformHooks) {
     var _a, _b, _c, _d;
     let loading;
-    const preloadScripts2 = ((_b = (_a = plugin$1.config) == null ? void 0 : _a.preloadScripts) == null ? void 0 : _b.map(
+    const preloadScripts2 = ((_b = (_a = plugin$2.config) == null ? void 0 : _a.preloadScripts) == null ? void 0 : _b.map(
       (item) => patchJSItem(transformHooks.transformer.urlBuilder, item)
     )) || [];
     const autoload = () => {
@@ -151,7 +153,7 @@ const plugin$1 = definePlugin({
     });
     transformHooks.beforeParse.tap((_, context) => {
       enableFeature = () => {
-        context.features[name$3] = true;
+        context.features[name$4] = true;
       };
     });
     transformHooks.afterParse.tap((_, context) => {
@@ -164,22 +166,22 @@ const plugin$1 = definePlugin({
           if (value) {
             markmap[key] = addDefaultVersions(
               value,
-              name$3,
-              ((_b2 = (_a3 = plugin$1.config) == null ? void 0 : _a3.versions) == null ? void 0 : _b2.katex) || ""
+              name$4,
+              ((_b2 = (_a3 = plugin$2.config) == null ? void 0 : _a3.versions) == null ? void 0 : _b2.katex) || ""
             );
           }
         });
       }
     });
     return {
-      styles: (_c = plugin$1.config) == null ? void 0 : _c.styles,
-      scripts: (_d = plugin$1.config) == null ? void 0 : _d.scripts
+      styles: (_c = plugin$2.config) == null ? void 0 : _c.styles,
+      scripts: (_d = plugin$2.config) == null ? void 0 : _d.scripts
     };
   }
 });
-const name$2 = "frontmatter";
+const name$3 = "frontmatter";
 const frontmatter = definePlugin({
-  name: name$2,
+  name: name$3,
   transform(transformHooks) {
     transformHooks.beforeParse.tap((md, context) => {
       const { content } = context;
@@ -233,9 +235,9 @@ function normalizeNumber(value) {
     return;
   return +value;
 }
-const name$1 = "npmUrl";
+const name$2 = "npmUrl";
 const npmUrl = definePlugin({
-  name: name$1,
+  name: name$2,
   transform(transformHooks) {
     transformHooks.afterParse.tap((_, context) => {
       const { frontmatter: frontmatter2 } = context;
@@ -259,7 +261,7 @@ const npmUrl = definePlugin({
     return {};
   }
 });
-const name = "hljs";
+const name$1 = "hljs";
 const preloadScripts = [
   `@highlightjs/cdn-assets@${"11.8.0"}/highlight.min.js`
 ].map((path) => buildJSItem(path));
@@ -274,13 +276,13 @@ const config = {
   preloadScripts,
   styles
 };
-const plugin = definePlugin({
-  name,
+const plugin$1 = definePlugin({
+  name: name$1,
   config,
   transform(transformHooks) {
     var _a, _b, _c;
     let loading;
-    const preloadScripts2 = ((_b = (_a = plugin.config) == null ? void 0 : _a.preloadScripts) == null ? void 0 : _b.map(
+    const preloadScripts2 = ((_b = (_a = plugin$1.config) == null ? void 0 : _a.preloadScripts) == null ? void 0 : _b.map(
       (item) => patchJSItem(transformHooks.transformer.urlBuilder, item)
     )) || [];
     const autoload = () => {
@@ -305,15 +307,46 @@ const plugin = definePlugin({
     });
     transformHooks.beforeParse.tap((_, context) => {
       enableFeature = () => {
-        context.features[name] = true;
+        context.features[name$1] = true;
       };
     });
     return {
-      styles: (_c = plugin.config) == null ? void 0 : _c.styles
+      styles: (_c = plugin$1.config) == null ? void 0 : _c.styles
     };
   }
 });
-const plugins = [frontmatter, plugin$1, plugin, npmUrl];
+const name = "checkbox";
+const plugin = definePlugin({
+  name,
+  transform(transformHooks) {
+    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)}`;
+                }
+              }
+            }
+          }
+          return false;
+        },
+        {}
+      );
+    });
+    return {};
+  }
+});
+const plugins = [frontmatter, plugin$2, plugin$1, npmUrl, plugin];
 function cleanNode(node) {
   while (!node.content && node.children.length === 1) {
     node = node.children[0];
@@ -453,6 +486,8 @@ export {
   Transformer,
   baseJsPaths,
   plugins as builtInPlugins,
+  svg_marked,
+  svg_unmarked,
   template,
   transformerVersions
 };

package/dist/constants.d.ts

@@ -1,2 +1,4 @@
 export declare const template: string;
 export declare const baseJsPaths: string[];
+export declare 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>";
+export declare 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>";

package/dist/index.js

@@ -9,9 +9,11 @@ const hljs = require("highlight.js");
 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.0"}/dist/browser/index.js`
+  `markmap-view@${"0.15.9-alpha.5"}/dist/browser/index.js`
 ];
-const name$3 = "katex";
+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) => markmapCommon.buildJSItem(path));
@@ -77,8 +79,8 @@ function createTransformHooks(transformer) {
 function definePlugin(plugin2) {
   return plugin2;
 }
-const plugin$1 = definePlugin({
-  name: name$3,
+const plugin$2 = definePlugin({
+  name: name$4,
   config: config$1,
   transform(transformHooks) {
     var _a, _b;
@@ -95,18 +97,18 @@ const plugin$1 = definePlugin({
     });
     transformHooks.beforeParse.tap((_, context) => {
       enableFeature = () => {
-        context.features[name$3] = true;
+        context.features[name$4] = true;
       };
     });
     return {
-      styles: (_a = plugin$1.config) == null ? void 0 : _a.styles,
-      scripts: (_b = plugin$1.config) == null ? void 0 : _b.scripts
+      styles: (_a = plugin$2.config) == null ? void 0 : _a.styles,
+      scripts: (_b = plugin$2.config) == null ? void 0 : _b.scripts
     };
   }
 });
-const name$2 = "frontmatter";
+const name$3 = "frontmatter";
 const frontmatter = definePlugin({
-  name: name$2,
+  name: name$3,
   transform(transformHooks) {
     transformHooks.beforeParse.tap((md, context) => {
       const { content } = context;
@@ -160,9 +162,9 @@ function normalizeNumber(value) {
     return;
   return +value;
 }
-const name$1 = "npmUrl";
+const name$2 = "npmUrl";
 const npmUrl = definePlugin({
-  name: name$1,
+  name: name$2,
   transform(transformHooks) {
     transformHooks.afterParse.tap((_, context) => {
       const { frontmatter: frontmatter2 } = context;
@@ -186,7 +188,7 @@ const npmUrl = definePlugin({
     return {};
   }
 });
-const name = "hljs";
+const name$1 = "hljs";
 const preloadScripts = [
   `@highlightjs/cdn-assets@${"11.8.0"}/highlight.min.js`
 ].map((path) => markmapCommon.buildJSItem(path));
@@ -201,8 +203,8 @@ const config = {
   preloadScripts,
   styles
 };
-const plugin = definePlugin({
-  name,
+const plugin$1 = definePlugin({
+  name: name$1,
   config,
   transform(transformHooks) {
     var _a;
@@ -217,15 +219,46 @@ const plugin = definePlugin({
     });
     transformHooks.beforeParse.tap((_, context) => {
       enableFeature = () => {
-        context.features[name] = true;
+        context.features[name$1] = true;
       };
     });
     return {
-      styles: (_a = plugin.config) == null ? void 0 : _a.styles
+      styles: (_a = plugin$1.config) == null ? void 0 : _a.styles
     };
   }
 });
-const plugins = [frontmatter, plugin$1, plugin, npmUrl];
+const name = "checkbox";
+const plugin = definePlugin({
+  name,
+  transform(transformHooks) {
+    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)}`;
+                }
+              }
+            }
+          }
+          return false;
+        },
+        {}
+      );
+    });
+    return {};
+  }
+});
+const plugins = [frontmatter, plugin$2, plugin$1, npmUrl, plugin];
 function patchJSItem(urlBuilder, item) {
   if (item.type === "script" && item.data.src) {
     return {
@@ -388,5 +421,7 @@ const transformerVersions = {
 exports.Transformer = Transformer;
 exports.baseJsPaths = baseJsPaths;
 exports.builtInPlugins = plugins;
+exports.svg_marked = svg_marked;
+exports.svg_unmarked = svg_unmarked;
 exports.template = template;
 exports.transformerVersions = transformerVersions;

package/dist/index.mjs

@@ -7,9 +7,11 @@ import hljs from "highlight.js";
 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.0"}/dist/browser/index.js`
+  `markmap-view@${"0.15.9-alpha.5"}/dist/browser/index.js`
 ];
-const name$3 = "katex";
+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));
@@ -75,8 +77,8 @@ function createTransformHooks(transformer) {
 function definePlugin(plugin2) {
   return plugin2;
 }
-const plugin$1 = definePlugin({
-  name: name$3,
+const plugin$2 = definePlugin({
+  name: name$4,
   config: config$1,
   transform(transformHooks) {
     var _a, _b;
@@ -93,18 +95,18 @@ const plugin$1 = definePlugin({
     });
     transformHooks.beforeParse.tap((_, context) => {
       enableFeature = () => {
-        context.features[name$3] = true;
+        context.features[name$4] = true;
       };
     });
     return {
-      styles: (_a = plugin$1.config) == null ? void 0 : _a.styles,
-      scripts: (_b = plugin$1.config) == null ? void 0 : _b.scripts
+      styles: (_a = plugin$2.config) == null ? void 0 : _a.styles,
+      scripts: (_b = plugin$2.config) == null ? void 0 : _b.scripts
     };
   }
 });
-const name$2 = "frontmatter";
+const name$3 = "frontmatter";
 const frontmatter = definePlugin({
-  name: name$2,
+  name: name$3,
   transform(transformHooks) {
     transformHooks.beforeParse.tap((md, context) => {
       const { content } = context;
@@ -158,9 +160,9 @@ function normalizeNumber(value) {
     return;
   return +value;
 }
-const name$1 = "npmUrl";
+const name$2 = "npmUrl";
 const npmUrl = definePlugin({
-  name: name$1,
+  name: name$2,
   transform(transformHooks) {
     transformHooks.afterParse.tap((_, context) => {
       const { frontmatter: frontmatter2 } = context;
@@ -184,7 +186,7 @@ const npmUrl = definePlugin({
     return {};
   }
 });
-const name = "hljs";
+const name$1 = "hljs";
 const preloadScripts = [
   `@highlightjs/cdn-assets@${"11.8.0"}/highlight.min.js`
 ].map((path) => buildJSItem(path));
@@ -199,8 +201,8 @@ const config = {
   preloadScripts,
   styles
 };
-const plugin = definePlugin({
-  name,
+const plugin$1 = definePlugin({
+  name: name$1,
   config,
   transform(transformHooks) {
     var _a;
@@ -215,15 +217,46 @@ const plugin = definePlugin({
     });
     transformHooks.beforeParse.tap((_, context) => {
       enableFeature = () => {
-        context.features[name] = true;
+        context.features[name$1] = true;
       };
     });
     return {
-      styles: (_a = plugin.config) == null ? void 0 : _a.styles
+      styles: (_a = plugin$1.config) == null ? void 0 : _a.styles
     };
   }
 });
-const plugins = [frontmatter, plugin$1, plugin, npmUrl];
+const name = "checkbox";
+const plugin = definePlugin({
+  name,
+  transform(transformHooks) {
+    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)}`;
+                }
+              }
+            }
+          }
+          return false;
+        },
+        {}
+      );
+    });
+    return {};
+  }
+});
+const plugins = [frontmatter, plugin$2, plugin$1, npmUrl, plugin];
 function patchJSItem(urlBuilder, item) {
   if (item.type === "script" && item.data.src) {
     return {
@@ -387,6 +420,8 @@ export {
   Transformer,
   baseJsPaths,
   plugins as builtInPlugins,
+  svg_marked,
+  svg_unmarked,
   template,
   transformerVersions
 };

package/dist/plugins/checkbox.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.0+9cb40e7",
+  "version": "0.15.9-alpha.5+c64866f",
   "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.0+9cb40e7",
-    "markmap-view": "0.15.9-alpha.0+9cb40e7",
+    "markmap-common": "0.15.9-alpha.5+c64866f",
+    "markmap-view": "0.15.9-alpha.5+c64866f",
     "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.0+9cb40e7",
+    "markmap-html-parser": "0.15.9-alpha.5+c64866f",
     "prismjs": "^1.29.0",
     "remarkable": "^2.0.1",
     "remarkable-katex": "^1.2.1"
@@ -74,5 +74,5 @@
       ]
     }
   },
-  "gitHead": "9cb40e7e9ec0aa1f25a2de6a74912cd0c21f52ed"
+  "gitHead": "c64866fb4873a99923be18ea70715aa49a6dabef"
 }