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

package/dist/browser/index.js

@@ -1,47 +1,10 @@
-/*! markmap-lib v0.14.5-alpha.19+5323905 | MIT License */
+/*! markmap-lib v0.14.5-alpha.21+fb81f2c | MIT License */
 (function (global, factory) {
-typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('katex')) :
-typeof define === 'function' && define.amd ? define(['exports', 'katex'], factory) :
-(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.markmap = global.markmap || {}, global.window.katex));
-})(this, (function (exports, require$$0) { 'use strict';
+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';
 
-function _extends$1() {
-  _extends$1 = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends$1.apply(this, arguments);
-}
-
-/*! markmap-common v0.14.5-alpha.19+5323905 | MIT License */
-class Hook {
-  constructor() {
-    this.listeners = [];
-  }
-  tap(fn) {
-    this.listeners.push(fn);
-    return () => this.revoke(fn);
-  }
-  revoke(fn) {
-    const i = this.listeners.indexOf(fn);
-    if (i >= 0) this.listeners.splice(i, 1);
-  }
-  revokeAll() {
-    this.listeners.splice(0);
-  }
-  call(...args) {
-    for (const fn of this.listeners) {
-      fn(...args);
-    }
-  }
-}
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -56,358 +19,25 @@ function _extends() {
   };
   return _extends.apply(this, arguments);
 }
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-const _excluded = ["textContent"];
-const escapeChars = {
-  '&': '&amp;',
-  '<': '&lt;',
-  '"': '&quot;'
-};
-function escapeHtml$1(html) {
-  return html.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 ? arg : null);
-  }).join(',');
-  return `(${fn.toString()})(${params})`;
-}
-function persistJS(items, context) {
-  return items.map(item => {
-    if (item.type === 'script') {
-      const _item$data = item.data,
-        {
-          textContent
-        } = _item$data,
-        rest = _objectWithoutPropertiesLoose(_item$data, _excluded);
-      return wrapHtml('script', textContent || '', 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, _extends({
-        rel: 'stylesheet'
-      }, item.data));
-    }
-    /* else if (item.type === 'style') */
-    return wrapHtml('style', item.data);
-  });
-}
-Math.random().toString(36).slice(2, 8);
-function noop() {
-  // noop
-}
-function wrapFunction(fn, wrapper) {
-  return (...args) => wrapper(fn, ...args);
-}
-function memoize(fn) {
-  const cache = {};
-  return function memoized(...args) {
-    const key = `${args[0]}`;
-    let data = cache[key];
-    if (!data) {
-      data = {
-        value: fn(...args)
-      };
-      cache[key] = data;
-    }
-    return data.value;
-  };
-}
-
-/*! @gera2ld/jsx-dom v2.2.2 | ISC License */
-const VTYPE_ELEMENT = 1;
-const VTYPE_FUNCTION = 2;
-const SVG_NS = 'http://www.w3.org/2000/svg';
-const XLINK_NS = 'http://www.w3.org/1999/xlink';
-const NS_ATTRS = {
-  show: XLINK_NS,
-  actuate: XLINK_NS,
-  href: XLINK_NS
-};
-const isLeaf = c => typeof c === 'string' || typeof c === 'number';
-const isElement = c => (c == null ? void 0 : c.vtype) === VTYPE_ELEMENT;
-const isRenderFunction = c => (c == null ? void 0 : c.vtype) === VTYPE_FUNCTION;
-function h(type, props, ...children) {
-  props = Object.assign({}, props, {
-    children: children.length === 1 ? children[0] : children
-  });
-  return jsx(type, props);
-}
-function jsx(type, props) {
-  let vtype;
-  if (typeof type === 'string') vtype = VTYPE_ELEMENT;else if (typeof type === 'function') vtype = VTYPE_FUNCTION;else throw new Error('Invalid VNode type');
-  return {
-    vtype,
-    type,
-    props
-  };
-}
-function Fragment(props) {
-  return props.children;
-}
-const DEFAULT_ENV = {
-  isSvg: false
-};
-function insertDom(parent, nodes) {
-  if (!Array.isArray(nodes)) nodes = [nodes];
-  nodes = nodes.filter(Boolean);
-  if (nodes.length) parent.append(...nodes);
-}
-function mountAttributes(domElement, props, env) {
-  for (const key in props) {
-    if (key === 'key' || key === 'children' || key === 'ref') continue;
-    if (key === 'dangerouslySetInnerHTML') {
-      domElement.innerHTML = props[key].__html;
-    } else if (key === 'innerHTML' || key === 'textContent' || key === 'innerText' || key === 'value' && ['textarea', 'select'].includes(domElement.tagName)) {
-      const value = props[key];
-      if (value != null) domElement[key] = value;
-    } else if (key.startsWith('on')) {
-      domElement[key.toLowerCase()] = props[key];
-    } else {
-      setDOMAttribute(domElement, key, props[key], env.isSvg);
-    }
-  }
-}
-const attrMap = {
-  className: 'class',
-  labelFor: 'for'
-};
-function setDOMAttribute(el, attr, value, isSVG) {
-  attr = attrMap[attr] || attr;
-  if (value === true) {
-    el.setAttribute(attr, '');
-  } else if (value === false) {
-    el.removeAttribute(attr);
-  } else {
-    const namespace = isSVG ? NS_ATTRS[attr] : undefined;
-    if (namespace !== undefined) {
-      el.setAttributeNS(namespace, attr, value);
-    } else {
-      el.setAttribute(attr, value);
-    }
-  }
-}
-function flatten(arr) {
-  return arr.reduce((prev, item) => prev.concat(item), []);
-}
-function mountChildren(children, env) {
-  return Array.isArray(children) ? flatten(children.map(child => mountChildren(child, env))) : mount(children, env);
-}
-function mount(vnode, env = DEFAULT_ENV) {
-  if (vnode == null || typeof vnode === 'boolean') {
-    return null;
-  }
-  if (vnode instanceof Node) {
-    return vnode;
-  }
-  if (isRenderFunction(vnode)) {
-    const {
-      type,
-      props
-    } = vnode;
-    if (type === Fragment) {
-      const node = document.createDocumentFragment();
-      if (props.children) {
-        const children = mountChildren(props.children, env);
-        insertDom(node, children);
-      }
-      return node;
-    }
-    const childVNode = type(props);
-    return mount(childVNode, env);
-  }
-  if (isLeaf(vnode)) {
-    return document.createTextNode(`${vnode}`);
-  }
-  if (isElement(vnode)) {
-    let node;
-    const {
-      type,
-      props
-    } = vnode;
-    if (!env.isSvg && type === 'svg') {
-      env = Object.assign({}, env, {
-        isSvg: true
-      });
-    }
-    if (!env.isSvg) {
-      node = document.createElement(type);
-    } else {
-      node = document.createElementNS(SVG_NS, type);
-    }
-    mountAttributes(node, props, env);
-    if (props.children) {
-      let childEnv = env;
-      if (env.isSvg && type === 'foreignObject') {
-        childEnv = Object.assign({}, childEnv, {
-          isSvg: false
-        });
-      }
-      const children = mountChildren(props.children, childEnv);
-      if (children != null) insertDom(node, children);
-    }
-    const {
-      ref
-    } = props;
-    if (typeof ref === 'function') ref(node);
-    return node;
-  }
-  throw new Error('mount: Invalid Vnode!');
-}
-
-/**
- * Mount vdom as real DOM nodes.
- */
-function mountDom(vnode) {
-  return mount(vnode);
-}
-
-/**
- * Render and mount without returning VirtualDOM, useful when you don't need SVG support.
- */
-function hm(...args) {
-  return mountDom(h(...args));
-}
-const providers = {
-  jsdelivr: path => `https://cdn.jsdelivr.net/npm/${path}`,
-  unpkg: path => `https://unpkg.com/${path}`
-};
-function cdnUrl(provider, path) {
-  const factory = providers[provider];
-  if (!factory) {
-    throw new Error(`Provider ${provider} not found`);
-  }
-  return factory(path);
-}
-const memoizedPreloadJS = memoize(url => {
-  document.head.append(hm('link', {
-    rel: 'preload',
-    as: 'script',
-    href: url
-  }));
-});
-async function loadJSItem(item, context) {
-  if (!item.loaded) {
-    if (item.type === 'script') {
-      item.loaded = new Promise((resolve, reject) => {
-        var _item$data;
-        document.head.append(hm('script', _extends({}, item.data, {
-          onLoad: resolve,
-          onError: reject
-        })));
-        // Run inline script synchronously
-        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)) || []));
-      item.loaded = true;
-    }
-  }
-  await item.loaded;
-}
-async function loadJS(items, context) {
-  items.forEach(item => {
-    var _item$data2;
-    if (item.type === 'script' && (_item$data2 = item.data) != null && _item$data2.src) {
-      memoizedPreloadJS(item.data.src);
-    }
-  });
-  context = _extends({
-    getMarkmap: () => window.markmap
-  }, context);
-  for (const item of items) {
-    await loadJSItem(item, context);
-  }
-}
-let provider = 'jsdelivr';
-function getFullUrl(path, overrideProvider = provider) {
-  if (path.includes('://')) return path;
-  return cdnUrl(overrideProvider, path);
-}
-function buildJSItem(path, overrideProvider) {
-  return {
-    type: 'script',
-    data: {
-      src: getFullUrl(path, overrideProvider)
-    }
-  };
-}
-function buildCSSItem(path, overrideProvider) {
-  return {
-    type: 'stylesheet',
-    data: {
-      href: getFullUrl(path, overrideProvider)
-    }
-  };
-}
 
 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.19"}/dist/browser/index.js`];
+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$1({}, extra);
-  (_extra$baseJs = (_extra = extra).baseJs) != null ? _extra$baseJs : _extra.baseJs = baseJsPaths.map(path => buildJSItem(path));
+  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 ? persistCSS(styles) : [])];
+  const cssList = [...(styles ? markmapCommon.persistCSS(styles) : [])];
   const context = {
     getMarkmap: () => window.markmap,
     getOptions: extra.getOptions,
     jsonOptions: extra.jsonOptions,
     root
   };
-  const jsList = [...persistJS([...extra.baseJs, ...(scripts || []), {
+  const jsList = [...markmapCommon.persistJS([...extra.baseJs, ...(scripts || []), {
     type: 'iife',
     data: {
       fn: (getMarkmap, getOptions, root, jsonOptions) => {
@@ -7688,11 +7318,12 @@ 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 => buildJSItem(path));
-  const webfontloader = buildJSItem(`webfontloader@${"1.6.28"}/webfontloader.js`);
+  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 => buildCSSItem(path));
+  const styles = [`katex@${"0.16.8"}/dist/katex.min.css`].map(path => markmapCommon.buildCSSItem(path));
   return {
     versions: {
       katex: "0.16.8" ,
@@ -7743,11 +7374,11 @@ function addDefaultVersions(paths, name, version) {
 
 function createTransformHooks() {
   return {
-    parser: new Hook(),
-    beforeParse: new Hook(),
-    afterParse: new Hook(),
-    htmltag: new Hook(),
-    retransform: new Hook()
+    parser: new markmapCommon.Hook(),
+    beforeParse: new markmapCommon.Hook(),
+    afterParse: new markmapCommon.Hook(),
+    htmltag: new markmapCommon.Hook(),
+    retransform: new markmapCommon.Hook()
   };
 }
 
@@ -7758,7 +7389,6 @@ function definePlugin(plugin) {
   return plugin;
 }
 
-const name$3 = 'katex';
 var katex = definePlugin(() => {
   const plugin = {
     name: name$3,
@@ -7766,7 +7396,7 @@ var katex = definePlugin(() => {
     transform(transformHooks) {
       let loading;
       const autoload = () => {
-        loading || (loading = loadJS(plugin.config.preloadScripts));
+        loading || (loading = markmapCommon.loadJS(plugin.config.preloadScripts));
         return loading;
       };
       const renderKatex = (source, displayMode) => {
@@ -7784,7 +7414,7 @@ var katex = definePlugin(() => {
         });
         return source;
       };
-      let enableFeature = noop;
+      let enableFeature = markmapCommon.noop;
       transformHooks.parser.tap(md => {
         md.use(remarkableKatex$1);
         md.renderer.rules.katex = (tokens, idx) => {
@@ -7819,67 +7449,6 @@ var katex = definePlugin(() => {
   return plugin;
 });
 
-function getConfig() {
-  const preloadScripts = [`prismjs@${"1.29.0"}/components/prism-core.min.js`, `prismjs@${"1.29.0"}/plugins/autoloader/prism-autoloader.min.js`].map(path => buildJSItem(path));
-  const styles = [`prismjs@${"1.29.0"}/themes/prism.css`].map(path => buildCSSItem(path));
-  return {
-    versions: {
-      prismjs: "1.29.0" 
-    },
-    preloadScripts,
-    styles
-  };
-}
-
-const name$2 = 'prism';
-var prism = definePlugin(() => {
-  const plugin = {
-    name: name$2,
-    config: getConfig(),
-    transform(transformHooks) {
-      let loading;
-      const autoload = () => {
-        loading || (loading = loadJS(plugin.config.preloadScripts));
-        return loading;
-      };
-      function loadLanguageAndRefresh(lang, transformHooks) {
-        autoload().then(() => {
-          window.Prism.plugins.autoloader.loadLanguages([lang], () => {
-            transformHooks.retransform.call();
-          });
-        });
-      }
-      let enableFeature = noop;
-      transformHooks.parser.tap(md => {
-        md.set({
-          highlight: (str, lang) => {
-            var _Prism$languages;
-            enableFeature();
-            const {
-              Prism
-            } = window;
-            const grammar = Prism == null || (_Prism$languages = Prism.languages) == null ? void 0 : _Prism$languages[lang];
-            if (!grammar) {
-              loadLanguageAndRefresh(lang, transformHooks);
-              return '';
-            }
-            return Prism.highlight(str, grammar, lang);
-          }
-        });
-      });
-      transformHooks.beforeParse.tap((_, context) => {
-        enableFeature = () => {
-          context.features[name$2] = true;
-        };
-      });
-      return {
-        styles: plugin.config.styles
-      };
-    }
-  };
-  return plugin;
-});
-
 /*! js-yaml 4.1.0 https://github.com/nodeca/js-yaml @license MIT */
 function isNothing(subject) {
   return typeof subject === 'undefined' || subject === null;
@@ -10991,9 +10560,9 @@ var jsYaml = {
   safeDump: safeDump
 };
 
-const name$1 = 'frontmatter';
+const name$2 = 'frontmatter';
 var frontmatter = definePlugin({
-  name: name$1,
+  name: name$2,
   transform(transformHooks) {
     transformHooks.beforeParse.tap((md, context) => {
       const {
@@ -11041,9 +10610,9 @@ function normalizeNumber(value) {
   return +value;
 }
 
-const name = 'npmUrl';
+const name$1 = 'npmUrl';
 var npmUrl = definePlugin({
-  name,
+  name: name$1,
   transform(transformHooks) {
     transformHooks.afterParse.tap((_, context) => {
       const {
@@ -11056,7 +10625,7 @@ var npmUrl = definePlugin({
           if (value) {
             markmap[key] = value.map(path => {
               if (path.startsWith('npm:')) {
-                return getFullUrl(path.slice(4));
+                return markmapCommon.getFullUrl(path.slice(4));
               }
               return path;
             });
@@ -11068,7 +10637,44 @@ var npmUrl = definePlugin({
   }
 });
 
-const plugins = [frontmatter, katex, prism, npmUrl];
+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;
+        };
+      });
+      return {
+        styles: plugin.config.styles
+      };
+    }
+  };
+  return plugin;
+});
+
+const plugins = [frontmatter, katex, hljs, npmUrl];
 
 function cleanNode(node) {
   if (node.type === 'heading') {
@@ -11081,7 +10687,7 @@ function cleanNode(node) {
       if (['paragraph', 'fence'].includes(item.type)) {
         if (!node.content) {
           node.content = item.content;
-          node.payload = _extends$1({}, node.payload, item.payload);
+          node.payload = _extends({}, node.payload, item.payload);
         }
         return false;
       }
@@ -11095,7 +10701,7 @@ function cleanNode(node) {
     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$1({}, item.payload, {
+        item.payload = _extends({}, item.payload, {
           index
         });
         index += 1;
@@ -11133,7 +10739,7 @@ class Transformer {
       breaks: true,
       maxNesting: Infinity
     });
-    md.renderer.rules.htmltag = wrapFunction(md.renderer.rules.htmltag, (render, ...args) => {
+    md.renderer.rules.htmltag = markmapCommon.wrapFunction(md.renderer.rules.htmltag, (render, ...args) => {
       const result = render(...args);
       this.hooks.htmltag.call({
         args,
@@ -11203,7 +10809,7 @@ class Transformer {
           const comment = (_ctx$result = ctx.result) == null ? void 0 : _ctx$result.match(/^<!--([\s\S]*?)-->$/);
           const data = comment == null ? void 0 : comment[1].trim().split(' ');
           if ((data == null ? void 0 : data[0]) === 'fold') {
-            current.payload = _extends$1({}, current.payload, {
+            current.payload = _extends({}, current.payload, {
               fold: ['all', 'recursively'].includes(data[1]) ? 2 : 1
             });
             ctx.result = '';
@@ -11213,10 +10819,7 @@ 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.
-        const matches = result.match(/<code( class="[^"]*")>/);
-        if (matches) result = result.replace('<pre>', `<pre${matches[1]}>`);
+        const result = md.renderer.render([token], md.options, {});
         current.children.push({
           type: token.type,
           depth: depth + 1,
@@ -11242,7 +10845,7 @@ class Transformer {
     cleanNode(root);
     if (((_root$children = root.children) == null ? void 0 : _root$children.length) === 1) root = root.children[0];
     resetDepth(root);
-    return _extends$1({}, context, {
+    return _extends({}, context, {
       root
     });
   }
@@ -11277,7 +10880,7 @@ class Transformer {
 }
 
 const transformerVersions = {
-  'markmap-lib': '0.14.5-alpha.19+5323905',
+  'markmap-lib': '0.14.5-alpha.21+fb81f2c',
   d3: "7.8.5"
 };