markmap-lib 0.14.4-alpha.1 → 0.15.0-alpha.0

package/dist/index.js

@@ -1,4 +1,4 @@
-/*! markmap-lib v0.14.4-alpha.1+8a57fea | MIT License */
+/*! markmap-lib v0.15.0-alpha.0 | MIT License */
 'use strict';
 
 var _extends = require('@babel/runtime/helpers/extends');
@@ -9,25 +9,12 @@ var Prism = require('prismjs');
 var loadLanguages = require('prismjs/components/');
 var yaml = require('js-yaml');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e["default"] : e; }
-
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var remarkableKatex__default = /*#__PURE__*/_interopDefaultLegacy(remarkableKatex);
-var Prism__default = /*#__PURE__*/_interopDefaultLegacy(Prism);
-var loadLanguages__default = /*#__PURE__*/_interopDefaultLegacy(loadLanguages);
-var yaml__default = /*#__PURE__*/_interopDefaultLegacy(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 BASE_JS = [`https://cdn.jsdelivr.net/npm/d3@${"6.7.0"}`, `https://cdn.jsdelivr.net/npm/markmap-view@${"0.14.4-alpha.1+8a57fea"}`].map(src => ({
-  type: 'script',
-  data: {
-    src
-  }
-}));
+const baseJsPaths = [`d3@${"6.2.0"}`, `markmap-view@${"0.15.0-alpha.0"}`];
 function fillTemplate(root, assets, extra) {
-  extra = _extends__default({
-    baseJs: BASE_JS
-  }, extra);
+  var _extra, _extra$baseJs;
+  extra = _extends({}, extra);
+  (_extra$baseJs = (_extra = extra).baseJs) != null ? _extra$baseJs : _extra.baseJs = baseJsPaths.map(markmapCommon.buildJSItem);
   const {
     scripts,
     styles
@@ -60,52 +47,40 @@ function fillTemplate(root, assets, extra) {
   return html;
 }
 
-var config$1 = {
-  versions: {
-    katex: "0.16.0",
-    webfontloader: "1.6.28"
-  },
-  preloadScripts: [{
-    type: 'script',
-    data: {
-      src: `https://cdn.jsdelivr.net/npm/katex@${"0.16.0"}/dist/katex.min.js`
-    }
-  }],
-  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];
+function getConfig$1() {
+  const preloadScripts = [`katex@${"0.16.0"}/dist/katex.min.js`].map(markmapCommon.buildJSItem);
+  const webfontloader = markmapCommon.buildJSItem(`webfontloader@${"1.6.28"}/webfontloader.js`);
+  webfontloader.data.defer = true;
+  const styles = [`katex@${"0.16.0"}/dist/katex.min.css`].map(markmapCommon.buildCSSItem);
+  return {
+    versions: {
+      katex: "0.16.0",
+      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];
+        }
       }
-
-    }
-  }, {
-    type: 'script',
-    data: {
-      src: `https://cdn.jsdelivr.net/npm/webfontloader@${"1.6.28"}/webfontloader.js`,
-      defer: true
-    }
-  }],
-  styles: [{
-    type: 'stylesheet',
-    data: {
-      href: `https://cdn.jsdelivr.net/npm/katex@${"0.16.0"}/dist/katex.min.css`
-    }
-  }]
-};
+    }, webfontloader],
+    styles
+  };
+}
 
 function createTransformHooks() {
   return {
@@ -116,149 +91,119 @@ function createTransformHooks() {
     retransform: new markmapCommon.Hook()
   };
 }
+
 /**
  * This function is only used to help type checking.
  */
-
 function definePlugin(plugin) {
   return plugin;
 }
 
-const name$2 = 'katex';
-var katex = definePlugin({
-  name: name$2,
-  config: config$1,
-
-  transform(transformHooks) {
-    let enableFeature = () => {};
-
-    transformHooks.parser.tap(md => {
-      md.use(remarkableKatex__default);
-      md.renderer.rules.katex = markmapCommon.wrapFunction(md.renderer.rules.katex, {
-        after: () => {
+const name$3 = 'katex';
+var katex = definePlugin(() => {
+  const plugin = {
+    name: name$3,
+    config: getConfig$1(),
+    transform(transformHooks) {
+      let enableFeature = markmapCommon.noop;
+      transformHooks.parser.tap(md => {
+        md.use(remarkableKatex);
+        md.renderer.rules.katex = markmapCommon.wrapFunction(md.renderer.rules.katex, (render, ...args) => {
           enableFeature();
-        }
+          return render(...args);
+        });
       });
-    });
-    transformHooks.beforeParse.tap((_, context) => {
-      enableFeature = () => {
-        context.features[name$2] = true;
+      transformHooks.beforeParse.tap((_, context) => {
+        enableFeature = () => {
+          context.features[name$3] = true;
+        };
+      });
+      return {
+        styles: plugin.config.styles,
+        scripts: plugin.config.scripts
       };
-    });
-    return {
-      styles: config$1.styles,
-      scripts: config$1.scripts
-    };
-  }
-
-});
-
-var config = {
-  versions: {
-    prismjs: "1.28.0"
-  },
-  preloadScripts: [{
-    type: 'script',
-    data: {
-      src: `https://cdn.jsdelivr.net/npm/prismjs@${"1.28.0"}/components/prism-core.min.js`
-    }
-  }, {
-    type: 'script',
-    data: {
-      src: `https://cdn.jsdelivr.net/npm/prismjs@${"1.28.0"}/plugins/autoloader/prism-autoloader.min.js`
-    }
-  }],
-  styles: [{
-    type: 'stylesheet',
-    data: {
-      href: `https://cdn.jsdelivr.net/npm/prismjs@${"1.28.0"}/themes/prism.css`
     }
-  }]
-};
-
-const name$1 = 'prism';
-var prism = definePlugin({
-  name: name$1,
-  config,
-
-  transform(transformHooks) {
-    let enableFeature = () => {};
-
-    transformHooks.parser.tap(md => {
-      md.set({
-        highlight: (str, lang) => {
-          enableFeature();
-          let grammar = Prism__default.languages[lang];
+  };
+  return plugin;
+});
 
-          if (!grammar && lang) {
-            loadLanguages__default([lang]);
-            grammar = Prism__default.languages[lang];
-          }
+function getConfig() {
+  const preloadScripts = [`prismjs@${"1.28.0"}/components/prism-core.min.js`, `prismjs@${"1.28.0"}/plugins/autoloader/prism-autoloader.min.js`].map(markmapCommon.buildJSItem);
+  const styles = [`prismjs@${"1.28.0"}/themes/prism.css`].map(markmapCommon.buildCSSItem);
+  return {
+    versions: {
+      prismjs: "1.28.0"
+    },
+    preloadScripts,
+    styles
+  };
+}
 
-          if (grammar) {
-            return Prism__default.highlight(str, grammar, lang);
+const name$2 = 'prism';
+var prism = definePlugin(() => {
+  const plugin = {
+    name: name$2,
+    config: getConfig(),
+    transform(transformHooks) {
+      let enableFeature = markmapCommon.noop;
+      transformHooks.parser.tap(md => {
+        md.set({
+          highlight: (str, lang) => {
+            enableFeature();
+            let grammar = Prism.languages[lang];
+            if (!grammar && lang) {
+              loadLanguages([lang]);
+              grammar = Prism.languages[lang];
+            }
+            if (grammar) {
+              return Prism.highlight(str, grammar, lang);
+            }
+            return '';
           }
-
-          return '';
-        }
+        });
       });
-    });
-    transformHooks.beforeParse.tap((_, context) => {
-      enableFeature = () => {
-        context.features[name$1] = true;
+      transformHooks.beforeParse.tap((_, context) => {
+        enableFeature = () => {
+          context.features[name$2] = true;
+        };
+      });
+      return {
+        styles: plugin.config.styles
       };
-    });
-    return {
-      styles: config.styles
-    };
-  }
-
+    }
+  };
+  return plugin;
 });
 
-const name = 'frontmatter';
+const name$1 = 'frontmatter';
 var frontmatter = definePlugin({
-  name,
-
+  name: name$1,
   transform(transformHooks) {
     transformHooks.beforeParse.tap((md, context) => {
-      const origParse = md.parse;
-      md.parse = markmapCommon.wrapFunction(origParse, {
-        before(ctx) {
-          const [content] = ctx.args;
-          if (!content.startsWith('---\n')) return;
-          const endOffset = content.indexOf('\n---\n');
-          if (endOffset < 0) return;
-          const raw = content.slice(4, endOffset);
-          let frontmatter;
-
-          try {
-            var _frontmatter;
-
-            frontmatter = yaml__default.load(raw);
-
-            if ((_frontmatter = frontmatter) != null && _frontmatter.markmap) {
-              frontmatter.markmap = normalizeMarkmapJsonOptions(frontmatter.markmap);
-            }
-          } catch (_unused) {
-            return;
-          }
-
-          context.frontmatter = frontmatter;
-          const offset = endOffset + 5;
-          ctx.args[0] = content.slice(offset);
-        },
-
-        after() {
-          md.parse = origParse;
+      const {
+        content
+      } = context;
+      if (!content.startsWith('---\n')) return;
+      const endOffset = content.indexOf('\n---\n');
+      if (endOffset < 0) return;
+      const raw = content.slice(4, endOffset);
+      let frontmatter;
+      try {
+        var _frontmatter;
+        frontmatter = yaml.load(raw);
+        if ((_frontmatter = frontmatter) != null && _frontmatter.markmap) {
+          frontmatter.markmap = normalizeMarkmapJsonOptions(frontmatter.markmap);
         }
-
-      });
+      } catch (_unused) {
+        return;
+      }
+      context.frontmatter = frontmatter;
+      context.content = content.slice(endOffset + 5);
+      context.contentLineOffset = content.slice(0, endOffset).split('\n').length + 1;
     });
     return {};
   }
-
 });
-
 function normalizeMarkmapJsonOptions(options) {
   if (!options) return;
   ['color', 'extraJs', 'extraCss'].forEach(key => {
@@ -269,21 +214,43 @@ function normalizeMarkmapJsonOptions(options) {
   });
   return options;
 }
-
 function normalizeStringArray(value) {
   var _result;
-
   let result;
   if (typeof value === 'string') result = [value];else if (Array.isArray(value)) result = value.filter(item => item && typeof item === 'string');
   return (_result = result) != null && _result.length ? result : undefined;
 }
-
 function normalizeNumber(value) {
   if (isNaN(+value)) return;
   return +value;
 }
 
-const plugins = [frontmatter, katex, prism];
+const name = 'npmUrl';
+var npmUrl = definePlugin({
+  name,
+  transform(transformHooks) {
+    transformHooks.afterParse.tap((_, context) => {
+      const {
+        frontmatter
+      } = context;
+      if (frontmatter != null && frontmatter.markmap) {
+        ['extraJs', 'extraCss'].forEach(key => {
+          if (frontmatter.markmap[key]) {
+            frontmatter.markmap[key] = frontmatter.markmap[key].map(path => {
+              if (path.startsWith('npm:')) {
+                return markmapCommon.getFullUrl(path.slice(4));
+              }
+              return path;
+            });
+          }
+        });
+      }
+    });
+    return {};
+  }
+});
+
+const plugins = [frontmatter, katex, prism, npmUrl];
 
 function cleanNode(node) {
   if (node.type === 'heading') {
@@ -291,87 +258,77 @@ function cleanNode(node) {
     node.children = node.children.filter(item => item.type !== 'paragraph');
   } else if (node.type === 'list_item') {
     var _node$payload;
-
     // keep first paragraph as content of list_item, drop others
     node.children = node.children.filter(item => {
       if (['paragraph', 'fence'].includes(item.type)) {
         if (!node.content) {
           node.content = item.content;
-          node.payload = _extends__default({}, node.payload, item.payload);
+          node.payload = _extends({}, node.payload, item.payload);
         }
-
         return false;
       }
-
       return true;
     });
-
     if (((_node$payload = node.payload) == null ? void 0 : _node$payload.index) != null) {
       node.content = `${node.payload.index}. ${node.content}`;
     }
   } else if (node.type === 'ordered_list') {
     var _node$payload$startIn, _node$payload2;
-
     let index = (_node$payload$startIn = (_node$payload2 = node.payload) == null ? void 0 : _node$payload2.startIndex) != null ? _node$payload$startIn : 1;
     node.children.forEach(item => {
       if (item.type === 'list_item') {
-        item.payload = _extends__default({}, item.payload, {
+        item.payload = _extends({}, item.payload, {
           index
         });
         index += 1;
       }
     });
   }
-
   if (node.children.length === 0) {
     delete node.children;
   } else {
     node.children.forEach(child => cleanNode(child));
-
     if (node.children.length === 1 && !node.children[0].content) {
       node.children = node.children[0].children;
     }
   }
 }
-
 function resetDepth(node, depth = 0) {
   var _node$children;
-
   node.depth = depth;
   (_node$children = node.children) == null ? void 0 : _node$children.forEach(child => {
     resetDepth(child, depth + 1);
   });
 }
-
 class Transformer {
   constructor(plugins$1 = plugins) {
     this.assetsMap = {};
-    this.plugins = plugins$1;
     this.hooks = createTransformHooks();
+    this.plugins = plugins$1.map(plugin => typeof plugin === 'function' ? plugin() : plugin);
     const assetsMap = {};
-
     for (const {
       name,
       transform
-    } of plugins$1) {
+    } of this.plugins) {
       assetsMap[name] = transform(this.hooks);
     }
-
     this.assetsMap = assetsMap;
     const md = new remarkable.Remarkable('full', {
       html: true,
       breaks: true,
       maxNesting: Infinity
     });
-    md.renderer.rules.htmltag = markmapCommon.wrapFunction(md.renderer.rules.htmltag, {
-      after: ctx => {
-        this.hooks.htmltag.call(ctx);
-      }
+    md.renderer.rules.htmltag = markmapCommon.wrapFunction(md.renderer.rules.htmltag, (render, ...args) => {
+      const result = render(...args);
+      this.hooks.htmltag.call({
+        args,
+        result
+      });
+      return result;
     });
     this.md = md;
     this.hooks.parser.call(md);
   }
-
   buildTree(tokens) {
     const {
       md
@@ -385,37 +342,28 @@ class Transformer {
     };
     const stack = [root];
     let depth = 0;
-
     for (const token of tokens) {
       let current = stack[stack.length - 1];
-
       if (token.type.endsWith('_open')) {
         const type = token.type.slice(0, -5);
         const payload = {};
-
         if (token.lines) {
           payload.lines = token.lines;
         }
-
         if (type === 'heading') {
           depth = token.hLevel;
-
           while (((_current = current) == null ? void 0 : _current.depth) >= depth) {
             var _current;
-
             stack.pop();
             current = stack[stack.length - 1];
           }
         } else {
           var _current2;
-
           depth = Math.max(depth, ((_current2 = current) == null ? void 0 : _current2.depth) || 0) + 1;
-
           if (type === 'ordered_list') {
             payload.startIndex = token.order;
           }
         }
-
         const item = {
           type,
           depth,
@@ -438,7 +386,6 @@ class Transformer {
         const revoke = this.hooks.htmltag.tap(ctx => {
           const comment = ctx.result.match(/^<!--([\s\S]*?)-->$/);
           const data = comment == null ? void 0 : comment[1].trim().split(' ');
-
           if (data[0] === 'fold') {
             current.payload.fold = ['all', 'recursively'].includes(data[1]) ? 2 : 1;
             ctx.result = '';
@@ -448,8 +395,8 @@ class Transformer {
         revoke();
         current.content = `${current.content || ''}${text}`;
       } else if (token.type === 'fence') {
-        let result = md.renderer.render([token], md.options, {}); // Remarkable only adds className to `<code>` but not `<pre>`, copy it to make PrismJS style work.
-
+        let result = md.renderer.render([token], md.options, {});
+        // Remarkable only adds className to `<code>` but not `<pre>`, copy it to make PrismJS style work.
         const matches = result.match(/<code( class="[^"]*")>/);
         if (matches) result = result.replace('<pre>', `<pre${matches[1]}>`);
         current.children.push({
@@ -460,69 +407,63 @@ class Transformer {
         });
       } else ;
     }
-
     return root;
   }
-
   transform(content) {
     var _root$children;
-
     const context = {
-      features: {}
+      content,
+      features: {},
+      contentLineOffset: 0
     };
     this.hooks.beforeParse.call(this.md, context);
-    const tokens = this.md.parse(content, {});
+    const tokens = this.md.parse(context.content, {});
     this.hooks.afterParse.call(this.md, context);
     let root = this.buildTree(tokens);
     cleanNode(root);
     if (((_root$children = root.children) == null ? void 0 : _root$children.length) === 1) root = root.children[0];
     resetDepth(root);
-    return _extends__default({}, context, {
+    return _extends({}, context, {
       root
     });
   }
+
   /**
    * Get all assets from enabled plugins or filter them by plugin names as keys.
    */
-
-
   getAssets(keys) {
     var _keys;
-
     const styles = [];
     const scripts = [];
     (_keys = keys) != null ? _keys : keys = this.plugins.map(plugin => plugin.name);
-
     for (const assets of keys.map(key => this.assetsMap[key])) {
       if (assets) {
         if (assets.styles) styles.push(...assets.styles);
         if (assets.scripts) scripts.push(...assets.scripts);
       }
     }
-
     return {
       styles,
       scripts
     };
   }
+
   /**
    * Get used assets by features object returned by `transform`.
    */
-
-
   getUsedAssets(features) {
     const keys = this.plugins.map(plugin => plugin.name).filter(name => features[name]);
     return this.getAssets(keys);
   }
-
 }
 
 const transformerVersions = {
-  'markmap-lib': '0.14.4-alpha.1+8a57fea',
-  d3: "6.7.0"
+  'markmap-lib': '0.15.0-alpha.0',
+  d3: "6.2.0"
 };
 
 exports.Transformer = Transformer;
+exports.baseJsPaths = baseJsPaths;
 exports.builtInPlugins = plugins;
 exports.fillTemplate = fillTemplate;
 exports.transformerVersions = transformerVersions;