markmap-lib 0.14.0 → 0.14.2-alpha.0

package/dist/browser/index.js

@@ -1,4 +1,4 @@
-/*! markmap-lib v0.14.0 | MIT License */
+/*! markmap-lib v0.14.2-alpha.0+518591b | MIT License */
 (function (global, factory) {
 typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('katex')) :
 typeof define === 'function' && define.amd ? define(['exports', 'katex'], factory) :
@@ -26,7 +26,7 @@ function _extends$1() {
   return _extends$1.apply(this, arguments);
 }
 
-/*! markmap-common v0.14.0 | MIT License */
+/*! markmap-common v0.14.2-alpha.0+518591b | MIT License */
 class Hook {
   constructor() {
     this.listeners = [];
@@ -237,27 +237,34 @@ const memoizedPreloadJS = memoize(url => {
   }));
 });
 
-function loadJSItem(item, context) {
-  if (item.type === 'script') {
-    return new Promise((resolve, reject) => {
-      var _item$data;
+async function loadJSItem(item, context) {
+  if (!item.loaded) {
+    if (item.type === 'script') {
+      item.loaded = new Promise((resolve, reject) => {
+        var _item$data;
 
-      document.head.append(createElement('script', _extends({}, item.data, {
-        onload: resolve,
-        onerror: reject
-      }))); // Run inline script synchronously
+        document.head.append(createElement('script', _extends({}, item.data, {
+          onload: resolve,
+          onerror: reject
+        }))); // Run inline script synchronously
 
-      if (!((_item$data = item.data) != null && _item$data.src)) resolve();
-    });
-  }
+        if (!((_item$data = item.data) != null && _item$data.src)) resolve(undefined);
+      }).then(() => {
+        item.loaded = true;
+      });
+    }
 
-  if (item.type === 'iife') {
-    const {
-      fn,
-      getParams
-    } = item.data;
-    fn(...((getParams == null ? void 0 : getParams(context)) || []));
+    if (item.type === 'iife') {
+      const {
+        fn,
+        getParams
+      } = item.data;
+      fn(...((getParams == null ? void 0 : getParams(context)) || []));
+      item.loaded = true;
+    }
   }
+
+  await item.loaded;
 }
 
 async function loadJS(items, context) {
@@ -277,7 +284,7 @@ async function loadJS(items, context) {
 }
 
 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.0"}`].map(src => ({
+const BASE_JS = [`https://cdn.jsdelivr.net/npm/d3@${"6.7.0"}`, `https://cdn.jsdelivr.net/npm/markmap-view@${"0.14.2-alpha.0+518591b"}`].map(src => ({
   type: 'script',
   data: {
     src
@@ -8675,72 +8682,89 @@ function resolveNpmPaths(paths, name, version) {
   });
 }
 
+function createTransformHooks() {
+  return {
+    parser: new Hook(),
+    beforeParse: new Hook(),
+    afterParse: new Hook(),
+    htmltag: new Hook(),
+    retransform: new Hook()
+  };
+}
+/**
+ * This function is only used to help type checking.
+ */
+
+function definePlugin(plugin) {
+  return plugin;
+}
+
 let loading$1;
 
 const autoload$1 = () => {
   loading$1 || (loading$1 = loadJS(config$1.preloadScripts));
   return loading$1;
 };
+
 const name$2 = 'katex';
-function transform$2(transformHooks) {
-  const renderKatex = (source, displayMode) => {
-    const {
-      katex
-    } = window;
+var katex = definePlugin({
+  name: name$2,
+  config: config$1,
 
-    if (katex) {
-      return katex.renderToString(source, {
-        displayMode,
-        throwOnError: false
+  transform(transformHooks) {
+    const renderKatex = (source, displayMode) => {
+      const {
+        katex
+      } = window;
+
+      if (katex) {
+        return katex.renderToString(source, {
+          displayMode,
+          throwOnError: false
+        });
+      }
+
+      autoload$1().then(() => {
+        transformHooks.retransform.call();
       });
-    }
+      return source;
+    };
 
-    autoload$1().then(() => {
-      transformHooks.retransform.call();
-    });
-    return source;
-  };
+    let enableFeature = () => {};
 
-  let enableFeature = () => {};
+    transformHooks.parser.tap(md => {
+      md.use(remarkableKatex);
 
-  transformHooks.parser.tap(md => {
-    md.use(remarkableKatex);
+      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$2] = true;
+      };
+    });
+    transformHooks.afterParse.tap((_, context) => {
+      const {
+        frontmatter
+      } = context;
 
-    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$2] = true;
+      if (frontmatter != null && frontmatter.markmap) {
+        ['extraJs', 'extraCss'].forEach(key => {
+          if (frontmatter.markmap[key]) {
+            frontmatter.markmap[key] = resolveNpmPaths(frontmatter.markmap[key], name$2, config$1.versions.katex);
+          }
+        });
+      }
+    });
+    return {
+      styles: config$1.styles,
+      scripts: config$1.scripts
     };
-  });
-  transformHooks.afterParse.tap((_, context) => {
-    const {
-      frontmatter
-    } = context;
-
-    if (frontmatter != null && frontmatter.markmap) {
-      ['extraJs', 'extraCss'].forEach(key => {
-        if (frontmatter.markmap[key]) {
-          frontmatter.markmap[key] = resolveNpmPaths(frontmatter.markmap[key], name$2, config$1.versions.katex);
-        }
-      });
-    }
-  });
-  return {
-    styles: config$1.styles,
-    scripts: config$1.scripts
-  };
-}
+  }
 
-var katex = /*#__PURE__*/Object.freeze({
-__proto__: null,
-config: config$1,
-name: name$2,
-transform: transform$2
 });
 
 var config = {
@@ -8780,45 +8804,45 @@ function loadLanguageAndRefresh(lang, transformHooks) {
     });
   });
 }
-const name$1 = 'prism';
-function transform$1(transformHooks) {
-  let enableFeature = () => {};
 
-  transformHooks.parser.tap(md => {
-    md.set({
-      highlight: (str, lang) => {
-        var _Prism$languages;
+const name$1 = 'prism';
+var prism = definePlugin({
+  name: name$1,
+  config,
+
+  transform(transformHooks) {
+    let enableFeature = () => {};
+
+    transformHooks.parser.tap(md => {
+      md.set({
+        highlight: (str, lang) => {
+          var _Prism$languages;
+
+          enableFeature();
+          const {
+            Prism
+          } = window;
+          const grammar = Prism == null ? void 0 : (_Prism$languages = Prism.languages) == null ? void 0 : _Prism$languages[lang];
+
+          if (!grammar) {
+            loadLanguageAndRefresh(lang, transformHooks);
+            return '';
+          }
 
-        enableFeature();
-        const {
-          Prism
-        } = window;
-        const grammar = Prism == null ? void 0 : (_Prism$languages = Prism.languages) == null ? void 0 : _Prism$languages[lang];
-
-        if (!grammar) {
-          loadLanguageAndRefresh(lang, transformHooks);
-          return '';
+          return Prism.highlight(str, grammar, lang);
         }
-
-        return Prism.highlight(str, grammar, lang);
-      }
+      });
     });
-  });
-  transformHooks.beforeParse.tap((_, context) => {
-    enableFeature = () => {
-      context.features[name$1] = true;
+    transformHooks.beforeParse.tap((_, context) => {
+      enableFeature = () => {
+        context.features[name$1] = true;
+      };
+    });
+    return {
+      styles: config.styles
     };
-  });
-  return {
-    styles: config.styles
-  };
-}
+  }
 
-var prism = /*#__PURE__*/Object.freeze({
-__proto__: null,
-config: config,
-name: name$1,
-transform: transform$1
 });
 
 /*! js-yaml 4.1.0 https://github.com/nodeca/js-yaml @license MIT */
@@ -12672,43 +12696,48 @@ var jsYaml = {
 };
 
 const name = 'frontmatter';
-function transform(transformHooks) {
-  transformHooks.beforeParse.tap((md, context) => {
-    const origParse = md.parse;
-    md.parse = 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 = jsYaml.load(raw);
-
-          if ((_frontmatter = frontmatter) != null && _frontmatter.markmap) {
-            frontmatter.markmap = normalizeMarkmapJsonOptions(frontmatter.markmap);
+var frontmatter = definePlugin({
+  name,
+
+  transform(transformHooks) {
+    transformHooks.beforeParse.tap((md, context) => {
+      const origParse = md.parse;
+      md.parse = 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 = jsYaml.load(raw);
+
+            if ((_frontmatter = frontmatter) != null && _frontmatter.markmap) {
+              frontmatter.markmap = normalizeMarkmapJsonOptions(frontmatter.markmap);
+            }
+          } catch (_unused) {
+            return;
           }
-        } catch (_unused) {
-          return;
-        }
 
-        context.frontmatter = frontmatter;
-        const offset = endOffset + 5;
-        ctx.args[0] = content.slice(offset);
-      },
+          context.frontmatter = frontmatter;
+          const offset = endOffset + 5;
+          ctx.args[0] = content.slice(offset);
+        },
 
-      after() {
-        md.parse = origParse;
-      }
+        after() {
+          md.parse = origParse;
+        }
 
+      });
     });
-  });
-  return {};
-}
+    return {};
+  }
+
+});
 
 function normalizeMarkmapJsonOptions(options) {
   if (!options) return;
@@ -12734,22 +12763,6 @@ function normalizeNumber(value) {
   return +value;
 }
 
-var frontmatter = /*#__PURE__*/Object.freeze({
-__proto__: null,
-name: name,
-transform: transform
-});
-
-function createTransformHooks() {
-  return {
-    parser: new Hook(),
-    beforeParse: new Hook(),
-    afterParse: new Hook(),
-    htmltag: new Hook(),
-    retransform: new Hook()
-  };
-}
-
 const plugins = [frontmatter, katex, prism];
 
 function cleanNode(node) {
@@ -12812,6 +12825,7 @@ function resetDepth(node, depth = 0) {
 
 class Transformer {
   constructor(plugins$1 = plugins) {
+    this.assetsMap = {};
     this.plugins = plugins$1;
     this.hooks = createTransformHooks();
     const assetsMap = {};
@@ -12984,7 +12998,7 @@ class Transformer {
 }
 
 const transformerVersions = {
-  'markmap-lib': '0.14.0',
+  'markmap-lib': '0.14.2-alpha.0+518591b',
   d3: "6.7.0"
 };