markmap-lib 0.14.5-alpha.21 → 0.14.5-alpha.22

package/dist/browser/index.js

@@ -1,9 +1,12 @@
-/*! markmap-lib v0.14.5-alpha.21+fb81f2c | MIT License */
+/*! markmap-lib v0.14.5-alpha.22+04afb38 | MIT License */
 (function (global, factory) {
 typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('markmap-common'), require('katex'), require('highlight.js')) :
 typeof define === 'function' && define.amd ? define(['exports', 'markmap-common', 'katex', 'highlight.js'], factory) :
 (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.markmap = global.markmap || {}, global.markmap, global.window.katex, global.window.hljs));
-})(this, (function (exports, markmapCommon, require$$0, hljs$1) { 'use strict';
+})(this, (function (exports, markmapCommon, require$$0, hljs) { '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.14.5-alpha.22"}/dist/browser/index.js`];
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -20,44 +23,6 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
-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.14.5-alpha.21"}/dist/browser/index.js`];
-function fillTemplate(root, assets, extra) {
-  var _extra, _extra$baseJs;
-  extra = _extends({}, extra);
-  (_extra$baseJs = (_extra = extra).baseJs) != null ? _extra$baseJs : _extra.baseJs = baseJsPaths.map(path => markmapCommon.buildJSItem(path));
-  const {
-    scripts,
-    styles
-  } = assets;
-  const cssList = [...(styles ? markmapCommon.persistCSS(styles) : [])];
-  const context = {
-    getMarkmap: () => window.markmap,
-    getOptions: extra.getOptions,
-    jsonOptions: extra.jsonOptions,
-    root
-  };
-  const jsList = [...markmapCommon.persistJS([...extra.baseJs, ...(scripts || []), {
-    type: 'iife',
-    data: {
-      fn: (getMarkmap, getOptions, root, jsonOptions) => {
-        const markmap = getMarkmap();
-        window.mm = markmap.Markmap.create('svg#mindmap', (getOptions || markmap.deriveOptions)(jsonOptions), root);
-      },
-      getParams: ({
-        getMarkmap,
-        getOptions,
-        root,
-        jsonOptions
-      }) => {
-        return [getMarkmap, getOptions, root, jsonOptions];
-      }
-    }
-  }], context)];
-  const html = template.replace('<!--CSS-->', () => cssList.join('')).replace('<!--JS-->', () => jsList.join(''));
-  return html;
-}
-
 // List of valid entities
 //
 // Generate with ./support/entities.js script
@@ -6986,7 +6951,7 @@ var commonmarkConfig = {
  * Preset configs
  */
 
-var config = {
+var config$2 = {
   'default': defaultConfig,
   'full': fullConfig,
   'commonmark': commonmarkConfig
@@ -7034,7 +6999,7 @@ function Remarkable(preset, options) {
   this.renderer = new Renderer();
   this.ruler = new Ruler();
   this.options = {};
-  this.configure(config[preset]);
+  this.configure(config$2[preset]);
   this.set(options || {});
 }
 
@@ -7319,40 +7284,38 @@ var remarkableKatex = rkatex;
 var remarkableKatex$1 = /*@__PURE__*/getDefaultExportFromCjs(remarkableKatex);
 
 const name$3 = 'katex';
-function getConfig$1() {
-  const preloadScripts = [`katex@${"0.16.8"}/dist/katex.min.js`].map(path => markmapCommon.buildJSItem(path));
-  const webfontloader = markmapCommon.buildJSItem(`webfontloader@${"1.6.28"}/webfontloader.js`);
-  webfontloader.data.defer = true;
-  const styles = [`katex@${"0.16.8"}/dist/katex.min.css`].map(path => markmapCommon.buildCSSItem(path));
-  return {
-    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];
-        }
+const preloadScripts = [`katex@${"0.16.8"}/dist/katex.min.js`].map(path => markmapCommon.buildJSItem(path));
+const webfontloader = markmapCommon.buildJSItem(`webfontloader@${"1.6.28"}/webfontloader.js`);
+webfontloader.data.defer = true;
+const styles$1 = [`katex@${"0.16.8"}/dist/katex.min.css`].map(path => markmapCommon.buildCSSItem(path));
+const config$1 = {
+  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
-  };
-}
+    }
+  }, webfontloader],
+  styles: styles$1
+};
 
 /**
  * Find NPM paths and resolve them to full URLs with the same package version as in this library.
@@ -7371,9 +7334,30 @@ function addDefaultVersions(paths, name, version) {
     return path;
   });
 }
+function patchJSItem(transformer, item) {
+  if (item.type === 'script' && item.data.src) {
+    return _extends({}, item, {
+      data: _extends({}, item.data, {
+        src: transformer.urlBuilder.getFullUrl(item.data.src)
+      })
+    });
+  }
+  return item;
+}
+function patchCSSItem(transformer, item) {
+  if (item.type === 'stylesheet' && item.data.href) {
+    return _extends({}, item, {
+      data: _extends({}, item.data, {
+        href: transformer.urlBuilder.getFullUrl(item.data.href)
+      })
+    });
+  }
+  return item;
+}
 
-function createTransformHooks() {
+function createTransformHooks(transformer) {
   return {
+    transformer,
     parser: new markmapCommon.Hook(),
     beforeParse: new markmapCommon.Hook(),
     afterParse: new markmapCommon.Hook(),
@@ -7389,64 +7373,64 @@ function definePlugin(plugin) {
   return plugin;
 }
 
-var katex = definePlugin(() => {
-  const plugin = {
-    name: name$3,
-    config: getConfig$1(),
-    transform(transformHooks) {
-      let loading;
-      const autoload = () => {
-        loading || (loading = markmapCommon.loadJS(plugin.config.preloadScripts));
-        return loading;
-      };
-      const renderKatex = (source, displayMode) => {
-        const {
-          katex
-        } = window;
-        if (katex) {
-          return katex.renderToString(source, {
-            displayMode,
-            throwOnError: false
-          });
-        }
-        autoload().then(() => {
-          transformHooks.retransform.call();
+const plugin$1 = definePlugin({
+  name: name$3,
+  config: config$1,
+  transform(transformHooks) {
+    var _plugin$config3, _plugin$config4;
+    let loading;
+    const autoload = () => {
+      var _plugin$config;
+      loading || (loading = markmapCommon.loadJS(((_plugin$config = plugin$1.config) == null ? void 0 : _plugin$config.preloadScripts) || []));
+      return loading;
+    };
+    const renderKatex = (source, displayMode) => {
+      const {
+        katex
+      } = window;
+      if (katex) {
+        return katex.renderToString(source, {
+          displayMode,
+          throwOnError: false
         });
-        return source;
-      };
-      let enableFeature = markmapCommon.noop;
-      transformHooks.parser.tap(md => {
-        md.use(remarkableKatex$1);
-        md.renderer.rules.katex = (tokens, idx) => {
-          enableFeature();
-          const result = renderKatex(tokens[idx].content, !!tokens[idx].block);
-          return result;
-        };
-      });
-      transformHooks.beforeParse.tap((_, context) => {
-        enableFeature = () => {
-          context.features[name$3] = true;
-        };
-      });
-      transformHooks.afterParse.tap((_, context) => {
-        var _context$frontmatter;
-        const markmap = (_context$frontmatter = context.frontmatter) == null ? void 0 : _context$frontmatter.markmap;
-        if (markmap) {
-          ['extraJs', 'extraCss'].forEach(key => {
-            const value = markmap[key];
-            if (value) {
-              markmap[key] = addDefaultVersions(value, name$3, plugin.config.versions.katex);
-            }
-          });
-        }
+      }
+      autoload().then(() => {
+        transformHooks.retransform.call();
       });
-      return {
-        styles: plugin.config.styles,
-        scripts: plugin.config.scripts
+      return source;
+    };
+    let enableFeature = markmapCommon.noop;
+    transformHooks.parser.tap(md => {
+      md.use(remarkableKatex$1);
+      md.renderer.rules.katex = (tokens, idx) => {
+        enableFeature();
+        const result = renderKatex(tokens[idx].content, !!tokens[idx].block);
+        return result;
       };
-    }
-  };
-  return plugin;
+    });
+    transformHooks.beforeParse.tap((_, context) => {
+      enableFeature = () => {
+        context.features[name$3] = true;
+      };
+    });
+    transformHooks.afterParse.tap((_, context) => {
+      var _context$frontmatter;
+      const markmap = (_context$frontmatter = context.frontmatter) == null ? void 0 : _context$frontmatter.markmap;
+      if (markmap) {
+        ['extraJs', 'extraCss'].forEach(key => {
+          const value = markmap[key];
+          if (value) {
+            var _plugin$config2;
+            markmap[key] = addDefaultVersions(value, name$3, ((_plugin$config2 = plugin$1.config) == null || (_plugin$config2 = _plugin$config2.versions) == null ? void 0 : _plugin$config2.katex) || '');
+          }
+        });
+      }
+    });
+    return {
+      styles: (_plugin$config3 = plugin$1.config) == null ? void 0 : _plugin$config3.styles,
+      scripts: (_plugin$config4 = plugin$1.config) == null ? void 0 : _plugin$config4.scripts
+    };
+  }
 });
 
 /*! js-yaml 4.1.0 https://github.com/nodeca/js-yaml @license MIT */
@@ -10625,7 +10609,7 @@ var npmUrl = definePlugin({
           if (value) {
             markmap[key] = value.map(path => {
               if (path.startsWith('npm:')) {
-                return markmapCommon.getFullUrl(path.slice(4));
+                return transformHooks.transformer.urlBuilder.getFullUrl(path.slice(4));
               }
               return path;
             });
@@ -10638,43 +10622,39 @@ var npmUrl = definePlugin({
 });
 
 const name = 'hljs';
-function getConfig() {
-  const styles = [`highlight.js@${"11.8.0"}/styles/default.css`].map(path => markmapCommon.buildCSSItem(path));
-  return {
-    versions: {
-      hljs: "11.8.0" 
-    },
-    styles
-  };
-}
-var hljs = definePlugin(() => {
-  const plugin = {
-    name,
-    config: getConfig(),
-    transform(transformHooks) {
-      let enableFeature = markmapCommon.noop;
-      transformHooks.parser.tap(md => {
-        md.set({
-          highlight: (str, language) => {
-            enableFeature();
-            return hljs$1.highlightAuto(str, language ? [language] : undefined).value;
-          }
-        });
-      });
-      transformHooks.beforeParse.tap((_, context) => {
-        enableFeature = () => {
-          context.features[name] = true;
-        };
+const styles = [`highlight.js@${"11.8.0"}/styles/default.css`].map(path => markmapCommon.buildCSSItem(path));
+const config = {
+  versions: {
+    hljs: "11.8.0" 
+  },
+  styles
+};
+const plugin = definePlugin({
+  name,
+  config,
+  transform(transformHooks) {
+    var _plugin$config;
+    let enableFeature = markmapCommon.noop;
+    transformHooks.parser.tap(md => {
+      md.set({
+        highlight: (str, language) => {
+          enableFeature();
+          return hljs.highlightAuto(str, language ? [language] : undefined).value;
+        }
       });
-      return {
-        styles: plugin.config.styles
+    });
+    transformHooks.beforeParse.tap((_, context) => {
+      enableFeature = () => {
+        context.features[name] = true;
       };
-    }
-  };
-  return plugin;
+    });
+    return {
+      styles: (_plugin$config = plugin.config) == null ? void 0 : _plugin$config.styles
+    };
+  }
 });
 
-const plugins = [frontmatter, katex, hljs, npmUrl];
+const plugins = [frontmatter, plugin$1, plugin, npmUrl];
 
 function cleanNode(node) {
   if (node.type === 'heading') {
@@ -10724,7 +10704,8 @@ function resetDepth(node, depth = 0) {
 class Transformer {
   constructor(plugins$1 = plugins) {
     this.assetsMap = {};
-    this.hooks = createTransformHooks();
+    this.urlBuilder = new markmapCommon.UrlBuilder();
+    this.hooks = createTransformHooks(this);
     this.plugins = plugins$1.map(plugin => typeof plugin === 'function' ? plugin() : plugin);
     const assetsMap = {};
     for (const {
@@ -10865,8 +10846,8 @@ class Transformer {
       }
     }
     return {
-      styles,
-      scripts
+      styles: styles.map(item => patchCSSItem(this, item)),
+      scripts: scripts.map(item => patchJSItem(this, item))
     };
   }
 
@@ -10877,17 +10858,52 @@ class Transformer {
     const keys = this.plugins.map(plugin => plugin.name).filter(name => features[name]);
     return this.getAssets(keys);
   }
+  fillTemplate(root, assets, extra) {
+    var _extra, _extra$baseJs;
+    extra = _extends({}, extra);
+    (_extra$baseJs = (_extra = extra).baseJs) != null ? _extra$baseJs : _extra.baseJs = baseJsPaths.map(path => this.urlBuilder.getFullUrl(path)).map(path => markmapCommon.buildJSItem(path));
+    const {
+      scripts,
+      styles
+    } = assets;
+    const cssList = [...(styles ? markmapCommon.persistCSS(styles) : [])];
+    const context = {
+      getMarkmap: () => window.markmap,
+      getOptions: extra.getOptions,
+      jsonOptions: extra.jsonOptions,
+      root
+    };
+    const jsList = [...markmapCommon.persistJS([...extra.baseJs, ...(scripts || []), {
+      type: 'iife',
+      data: {
+        fn: (getMarkmap, getOptions, root, jsonOptions) => {
+          const markmap = getMarkmap();
+          window.mm = markmap.Markmap.create('svg#mindmap', (getOptions || markmap.deriveOptions)(jsonOptions), root);
+        },
+        getParams: ({
+          getMarkmap,
+          getOptions,
+          root,
+          jsonOptions
+        }) => {
+          return [getMarkmap, getOptions, root, jsonOptions];
+        }
+      }
+    }], context)];
+    const html = template.replace('<!--CSS-->', () => cssList.join('')).replace('<!--JS-->', () => jsList.join(''));
+    return html;
+  }
 }
 
 const transformerVersions = {
-  'markmap-lib': '0.14.5-alpha.21+fb81f2c',
+  'markmap-lib': '0.14.5-alpha.22+04afb38',
   d3: "7.8.5"
 };
 
 exports.Transformer = Transformer;
 exports.baseJsPaths = baseJsPaths;
 exports.builtInPlugins = plugins;
-exports.fillTemplate = fillTemplate;
+exports.template = template;
 exports.transformerVersions = transformerVersions;
 
 }));