markmap-lib 0.15.0 → 0.15.2-alpha.0

package/dist/browser/index.js

@@ -1,15 +1,15 @@
-/*! markmap-lib v0.15.0 | MIT License */
+/*! markmap-lib v0.15.2-alpha.0+3e3da98 | 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) { 'use strict';
+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';
 
 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.0"}/dist/browser/index.js`];
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
+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) {
@@ -20,7 +20,7 @@ function _extends() {
     }
     return target;
   };
-  return _extends.apply(this, arguments);
+  return _extends$1.apply(this, arguments);
 }
 
 // List of valid entities
@@ -2279,7 +2279,7 @@ var HTML_REPLACEMENTS = {
 function replaceUnsafeChar(ch) {
   return HTML_REPLACEMENTS[ch];
 }
-function escapeHtml(str) {
+function escapeHtml$1(str) {
   if (HTML_ESCAPE_TEST_RE.test(str)) {
     return str.replace(HTML_ESCAPE_REPLACE_RE, replaceUnsafeChar);
   }
@@ -2310,9 +2310,9 @@ rules.blockquote_close = function (tokens, idx /*, options, env */) {
 
 rules.code = function (tokens, idx /*, options, env */) {
   if (tokens[idx].block) {
-    return '<pre><code>' + escapeHtml(tokens[idx].content) + '</code></pre>' + getBreak(tokens, idx);
+    return '<pre><code>' + escapeHtml$1(tokens[idx].content) + '</code></pre>' + getBreak(tokens, idx);
   }
-  return '<code>' + escapeHtml(tokens[idx].content) + '</code>';
+  return '<code>' + escapeHtml$1(tokens[idx].content) + '</code>';
 };
 
 /**
@@ -2340,13 +2340,13 @@ rules.fence = function (tokens, idx, options, env, instance) {
     if (has$1(instance.rules.fence_custom, fences[0])) {
       return instance.rules.fence_custom[fences[0]](tokens, idx, options, env, instance);
     }
-    langName = escapeHtml(replaceEntities(unescapeMd(fenceName)));
+    langName = escapeHtml$1(replaceEntities(unescapeMd(fenceName)));
     langClass = ' class="' + langPrefix + langName + '"';
   }
   if (options.highlight) {
-    highlighted = options.highlight.apply(options.highlight, [token.content].concat(fences)) || escapeHtml(token.content);
+    highlighted = options.highlight.apply(options.highlight, [token.content].concat(fences)) || escapeHtml$1(token.content);
   } else {
-    highlighted = escapeHtml(token.content);
+    highlighted = escapeHtml$1(token.content);
   }
   return '<pre><code' + langClass + '>' + highlighted + '</code></pre>' + getBreak(tokens, idx);
 };
@@ -2426,9 +2426,9 @@ rules.paragraph_close = function (tokens, idx /*, options, env */) {
  */
 
 rules.link_open = function (tokens, idx, options /* env */) {
-  var title = tokens[idx].title ? ' title="' + escapeHtml(replaceEntities(tokens[idx].title)) + '"' : '';
+  var title = tokens[idx].title ? ' title="' + escapeHtml$1(replaceEntities(tokens[idx].title)) + '"' : '';
   var target = options.linkTarget ? ' target="' + options.linkTarget + '"' : '';
-  return '<a href="' + escapeHtml(tokens[idx].href) + '"' + title + target + '>';
+  return '<a href="' + escapeHtml$1(tokens[idx].href) + '"' + title + target + '>';
 };
 rules.link_close = function /* tokens, idx, options, env */
 () {
@@ -2440,9 +2440,9 @@ rules.link_close = function /* tokens, idx, options, env */
  */
 
 rules.image = function (tokens, idx, options /*, env */) {
-  var src = ' src="' + escapeHtml(tokens[idx].src) + '"';
-  var title = tokens[idx].title ? ' title="' + escapeHtml(replaceEntities(tokens[idx].title)) + '"' : '';
-  var alt = ' alt="' + (tokens[idx].alt ? escapeHtml(replaceEntities(unescapeMd(tokens[idx].alt))) : '') + '"';
+  var src = ' src="' + escapeHtml$1(tokens[idx].src) + '"';
+  var title = tokens[idx].title ? ' title="' + escapeHtml$1(replaceEntities(tokens[idx].title)) + '"' : '';
+  var alt = ' alt="' + (tokens[idx].alt ? escapeHtml$1(replaceEntities(unescapeMd(tokens[idx].alt))) : '') + '"';
   var suffix = options.xhtmlOut ? ' /' : '';
   return '<img' + src + alt + title + suffix + '>';
 };
@@ -2570,10 +2570,10 @@ rules.mark_close = function /* tokens, idx, options, env */
  */
 
 rules.sub = function (tokens, idx /*, options, env */) {
-  return '<sub>' + escapeHtml(tokens[idx].content) + '</sub>';
+  return '<sub>' + escapeHtml$1(tokens[idx].content) + '</sub>';
 };
 rules.sup = function (tokens, idx /*, options, env */) {
-  return '<sup>' + escapeHtml(tokens[idx].content) + '</sup>';
+  return '<sup>' + escapeHtml$1(tokens[idx].content) + '</sup>';
 };
 
 /**
@@ -2592,7 +2592,7 @@ rules.softbreak = function (tokens, idx, options /*, env */) {
  */
 
 rules.text = function (tokens, idx /*, options, env */) {
-  return escapeHtml(tokens[idx].content);
+  return escapeHtml$1(tokens[idx].content);
 };
 
 /**
@@ -2611,7 +2611,7 @@ rules.htmltag = function (tokens, idx /*, options, env */) {
  */
 
 rules.abbr_open = function (tokens, idx /*, options, env */) {
-  return '<abbr title="' + escapeHtml(replaceEntities(tokens[idx].title)) + '">';
+  return '<abbr title="' + escapeHtml$1(replaceEntities(tokens[idx].title)) + '">';
 };
 rules.abbr_close = function /* tokens, idx, options, env */
 () {
@@ -7119,6 +7119,409 @@ Remarkable.prototype.renderInline = function (str, env) {
   return this.renderer.render(this.parseInline(str, env), this.options, env);
 };
 
+/*! markmap-common v0.15.0 | MIT License */
+function _extends() {
+  _extends = 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.apply(this, arguments);
+}
+const testPath = "npm2url/dist/index.cjs";
+const defaultProviders = {
+  jsdelivr: path => `https://cdn.jsdelivr.net/npm/${path}`,
+  unpkg: path => `https://unpkg.com/${path}`
+};
+class UrlBuilder {
+  constructor() {
+    this.providers = _extends({}, defaultProviders);
+    this.provider = "jsdelivr";
+  }
+  getFastestProvider(path = testPath) {
+    return Promise.any(Object.entries(this.providers).map(async ([name, factory]) => {
+      const res = await fetch(factory(path));
+      if (!res.ok) {
+        throw res;
+      }
+      await res.text();
+      return name;
+    }));
+  }
+  async findFastestProvider() {
+    this.provider = await this.getFastestProvider();
+    return this.provider;
+  }
+  setProvider(name, factory) {
+    if (factory) {
+      this.providers[name] = factory;
+    } else {
+      delete this.providers[name];
+    }
+  }
+  getFullUrl(path, provider = this.provider) {
+    if (path.includes("://")) {
+      return path;
+    }
+    const factory = this.providers[provider];
+    if (!factory) {
+      throw new Error(`Provider ${provider} not found`);
+    }
+    return factory(path);
+  }
+}
+new UrlBuilder();
+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 _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(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(key)}`;
+    if (value === true) return key;
+    return `${key}="${escapeHtml(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 memoizedPreloadJS = memoize(url => {
+  document.head.append(hm('link', {
+    rel: 'preload',
+    as: 'script',
+    href: url
+  }));
+});
+const jsCache = {};
+async function loadJSItem(item, context) {
+  var _item$data;
+  const src = item.type === 'script' && ((_item$data = item.data) == null ? void 0 : _item$data.src) || '';
+  item.loaded || (item.loaded = jsCache[src]);
+  if (!item.loaded) {
+    if (item.type === 'script') {
+      item.loaded = new Promise((resolve, reject) => {
+        document.head.append(hm('script', _extends({}, item.data, {
+          onLoad: resolve,
+          onError: reject
+        })));
+        if (!src) {
+          // Run inline script synchronously
+          resolve(undefined);
+        }
+      }).then(() => {
+        item.loaded = true;
+      });
+      if (src) jsCache[src] = item.loaded;
+    }
+    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);
+  }
+}
+function buildJSItem(path) {
+  return {
+    type: 'script',
+    data: {
+      src: path
+    }
+  };
+}
+function buildCSSItem(path) {
+  return {
+    type: 'stylesheet',
+    data: {
+      href: path
+    }
+  };
+}
+
 function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
 }
@@ -7284,10 +7687,10 @@ var remarkableKatex = rkatex;
 var remarkableKatex$1 = /*@__PURE__*/getDefaultExportFromCjs(remarkableKatex);
 
 const name$3 = 'katex';
-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`);
+const preloadScripts = [`katex@${"0.16.8"}/dist/katex.min.js`].map(path => buildJSItem(path));
+const webfontloader = 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 styles$1 = [`katex@${"0.16.8"}/dist/katex.min.css`].map(path => buildCSSItem(path));
 const config$1 = {
   versions: {
     katex: "0.16.8" ,
@@ -7336,8 +7739,8 @@ function addDefaultVersions(paths, name, version) {
 }
 function patchJSItem(transformer, item) {
   if (item.type === 'script' && item.data.src) {
-    return _extends({}, item, {
-      data: _extends({}, item.data, {
+    return _extends$1({}, item, {
+      data: _extends$1({}, item.data, {
         src: transformer.urlBuilder.getFullUrl(item.data.src)
       })
     });
@@ -7346,8 +7749,8 @@ function patchJSItem(transformer, item) {
 }
 function patchCSSItem(transformer, item) {
   if (item.type === 'stylesheet' && item.data.href) {
-    return _extends({}, item, {
-      data: _extends({}, item.data, {
+    return _extends$1({}, item, {
+      data: _extends$1({}, item.data, {
         href: transformer.urlBuilder.getFullUrl(item.data.href)
       })
     });
@@ -7358,11 +7761,11 @@ function patchCSSItem(transformer, item) {
 function createTransformHooks(transformer) {
   return {
     transformer,
-    parser: new markmapCommon.Hook(),
-    beforeParse: new markmapCommon.Hook(),
-    afterParse: new markmapCommon.Hook(),
-    htmltag: new markmapCommon.Hook(),
-    retransform: new markmapCommon.Hook()
+    parser: new Hook(),
+    beforeParse: new Hook(),
+    afterParse: new Hook(),
+    htmltag: new Hook(),
+    retransform: new Hook()
   };
 }
 
@@ -7381,7 +7784,7 @@ const plugin$1 = definePlugin({
     let loading;
     const preloadScripts = ((_plugin$config = plugin$1.config) == null || (_plugin$config = _plugin$config.preloadScripts) == null ? void 0 : _plugin$config.map(item => patchJSItem(transformHooks.transformer, item))) || [];
     const autoload = () => {
-      loading || (loading = markmapCommon.loadJS(preloadScripts));
+      loading || (loading = loadJS(preloadScripts));
       return loading;
     };
     const renderKatex = (source, displayMode) => {
@@ -7399,7 +7802,7 @@ const plugin$1 = definePlugin({
       });
       return source;
     };
-    let enableFeature = markmapCommon.noop;
+    let enableFeature = noop;
     transformHooks.parser.tap(md => {
       md.use(remarkableKatex$1);
       md.renderer.rules.katex = (tokens, idx) => {
@@ -10622,24 +11025,40 @@ var npmUrl = definePlugin({
 });
 
 const name = 'hljs';
-const styles = [`highlight.js@${"11.8.0"}/styles/default.css`].map(path => markmapCommon.buildCSSItem(path));
+const styles = [`highlight.js@${"11.8.0"}/styles/default.css`].map(path => buildCSSItem(path));
 const config = {
   versions: {
     hljs: "11.8.0" 
   },
   styles
 };
+
 const plugin = definePlugin({
   name,
   config,
   transform(transformHooks) {
-    var _plugin$config;
-    let enableFeature = markmapCommon.noop;
+    var _plugin$config, _plugin$config2;
+    let loading;
+    const preloadScripts = ((_plugin$config = plugin.config) == null || (_plugin$config = _plugin$config.preloadScripts) == null ? void 0 : _plugin$config.map(item => patchJSItem(transformHooks.transformer, item))) || [];
+    const autoload = () => {
+      loading || (loading = loadJS(preloadScripts));
+      return loading;
+    };
+    let enableFeature = noop;
     transformHooks.parser.tap(md => {
       md.set({
         highlight: (str, language) => {
           enableFeature();
-          return hljs.highlightAuto(str, language ? [language] : undefined).value;
+          const {
+            hljs
+          } = window;
+          if (hljs) {
+            return hljs.highlightAuto(str, language ? [language] : undefined).value;
+          }
+          autoload().then(() => {
+            transformHooks.retransform.call();
+          });
+          return str;
         }
       });
     });
@@ -10649,7 +11068,7 @@ const plugin = definePlugin({
       };
     });
     return {
-      styles: (_plugin$config = plugin.config) == null ? void 0 : _plugin$config.styles
+      styles: (_plugin$config2 = plugin.config) == null ? void 0 : _plugin$config2.styles
     };
   }
 });
@@ -10667,7 +11086,7 @@ function cleanNode(node) {
       if (['paragraph', 'fence'].includes(item.type)) {
         if (!node.content) {
           node.content = item.content;
-          node.payload = _extends({}, node.payload, item.payload);
+          node.payload = _extends$1({}, node.payload, item.payload);
         }
         return false;
       }
@@ -10681,7 +11100,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({}, item.payload, {
+        item.payload = _extends$1({}, item.payload, {
           index
         });
         index += 1;
@@ -10704,7 +11123,7 @@ function resetDepth(node, depth = 0) {
 class Transformer {
   constructor(plugins$1 = plugins) {
     this.assetsMap = {};
-    this.urlBuilder = new markmapCommon.UrlBuilder();
+    this.urlBuilder = new UrlBuilder();
     this.hooks = createTransformHooks(this);
     this.plugins = plugins$1.map(plugin => typeof plugin === 'function' ? plugin() : plugin);
     const assetsMap = {};
@@ -10720,7 +11139,7 @@ class Transformer {
       breaks: true,
       maxNesting: Infinity
     });
-    md.renderer.rules.htmltag = markmapCommon.wrapFunction(md.renderer.rules.htmltag, (render, ...args) => {
+    md.renderer.rules.htmltag = wrapFunction(md.renderer.rules.htmltag, (render, ...args) => {
       const result = render(...args);
       this.hooks.htmltag.call({
         args,
@@ -10790,7 +11209,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({}, current.payload, {
+            current.payload = _extends$1({}, current.payload, {
               fold: ['all', 'recursively'].includes(data[1]) ? 2 : 1
             });
             ctx.result = '';
@@ -10826,7 +11245,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({}, context, {
+    return _extends$1({}, context, {
       root
     });
   }
@@ -10860,20 +11279,20 @@ class Transformer {
   }
   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));
+    extra = _extends$1({}, extra);
+    (_extra$baseJs = (_extra = extra).baseJs) != null ? _extra$baseJs : _extra.baseJs = baseJsPaths.map(path => this.urlBuilder.getFullUrl(path)).map(path => buildJSItem(path));
     const {
       scripts,
       styles
     } = assets;
-    const cssList = [...(styles ? markmapCommon.persistCSS(styles) : [])];
+    const cssList = [...(styles ? persistCSS(styles) : [])];
     const context = {
       getMarkmap: () => window.markmap,
       getOptions: extra.getOptions,
       jsonOptions: extra.jsonOptions,
       root
     };
-    const jsList = [...markmapCommon.persistJS([...extra.baseJs, ...(scripts || []), {
+    const jsList = [...persistJS([...extra.baseJs, ...(scripts || []), {
       type: 'iife',
       data: {
         fn: (getMarkmap, getOptions, root, jsonOptions) => {
@@ -10896,7 +11315,7 @@ class Transformer {
 }
 
 const transformerVersions = {
-  'markmap-lib': '0.15.0',
+  'markmap-lib': '0.15.2-alpha.0+3e3da98',
   d3: "7.8.5"
 };
 

package/dist/browser/index.mjs

@@ -1,10 +1,9 @@
-/*! markmap-lib v0.15.0 | MIT License */
+/*! markmap-lib v0.15.2-alpha.0+3e3da98 | MIT License */
 import _extends from '@babel/runtime/helpers/esm/extends';
 import { Remarkable } from 'remarkable';
 import { buildJSItem, buildCSSItem, Hook, noop, loadJS, UrlBuilder, wrapFunction, persistCSS, persistJS } from 'markmap-common';
 import remarkableKatex from 'remarkable-katex';
 import yaml from 'js-yaml';
-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.0"}/dist/browser/index.js`];
@@ -244,17 +243,33 @@ const config = {
   },
   styles
 };
+
 const plugin = definePlugin({
   name,
   config,
   transform(transformHooks) {
-    var _plugin$config;
+    var _plugin$config, _plugin$config2;
+    let loading;
+    const preloadScripts = ((_plugin$config = plugin.config) == null || (_plugin$config = _plugin$config.preloadScripts) == null ? void 0 : _plugin$config.map(item => patchJSItem(transformHooks.transformer, item))) || [];
+    const autoload = () => {
+      loading || (loading = loadJS(preloadScripts));
+      return loading;
+    };
     let enableFeature = noop;
     transformHooks.parser.tap(md => {
       md.set({
         highlight: (str, language) => {
           enableFeature();
-          return hljs.highlightAuto(str, language ? [language] : undefined).value;
+          const {
+            hljs
+          } = window;
+          if (hljs) {
+            return hljs.highlightAuto(str, language ? [language] : undefined).value;
+          }
+          autoload().then(() => {
+            transformHooks.retransform.call();
+          });
+          return str;
         }
       });
     });
@@ -264,7 +279,7 @@ const plugin = definePlugin({
       };
     });
     return {
-      styles: (_plugin$config = plugin.config) == null ? void 0 : _plugin$config.styles
+      styles: (_plugin$config2 = plugin.config) == null ? void 0 : _plugin$config2.styles
     };
   }
 });
@@ -511,7 +526,7 @@ class Transformer {
 }
 
 const transformerVersions = {
-  'markmap-lib': '0.15.0',
+  'markmap-lib': '0.15.2-alpha.0+3e3da98',
   d3: "7.8.5"
 };
 

package/dist/index.js

@@ -1,4 +1,4 @@
-/*! markmap-lib v0.15.0 | MIT License */
+/*! markmap-lib v0.15.2-alpha.0+3e3da98 | MIT License */
 'use strict';
 
 var _extends = require('@babel/runtime/helpers/extends');
@@ -173,6 +173,7 @@ const config = {
   },
   styles
 };
+
 const plugin = definePlugin({
   name,
   config,
@@ -461,7 +462,7 @@ class Transformer {
 }
 
 const transformerVersions = {
-  'markmap-lib': '0.15.0',
+  'markmap-lib': '0.15.2-alpha.0+3e3da98',
   d3: "7.8.5"
 };
 

package/dist/index.mjs

@@ -1,4 +1,4 @@
-/*! markmap-lib v0.15.0 | MIT License */
+/*! markmap-lib v0.15.2-alpha.0+3e3da98 | MIT License */
 import _extends from '@babel/runtime/helpers/esm/extends';
 import { Remarkable } from 'remarkable';
 import { buildJSItem, buildCSSItem, Hook, wrapFunction, noop, UrlBuilder, persistCSS, persistJS } from 'markmap-common';
@@ -171,6 +171,7 @@ const config = {
   },
   styles
 };
+
 const plugin = definePlugin({
   name,
   config,
@@ -459,7 +460,7 @@ class Transformer {
 }
 
 const transformerVersions = {
-  'markmap-lib': '0.15.0',
+  'markmap-lib': '0.15.2-alpha.0+3e3da98',
   d3: "7.8.5"
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "markmap-lib",
-  "version": "0.15.0",
+  "version": "0.15.2-alpha.0+3e3da98",
   "description": "Visualize your Markdown as mindmaps with Markmap",
   "author": "Gerald <gera2ld@live.com>",
   "license": "MIT",
@@ -74,5 +74,5 @@
       ]
     }
   },
-  "gitHead": "9c13bae5e28346ec613362046a023839ef64538b"
+  "gitHead": "3e3da98311de8c23efd74f08919a960fa87956b8"
 }

package/types/plugins/hljs.browser.d.ts

@@ -0,0 +1,2 @@
+declare const plugin: import("../types").ITransformPlugin;
+export default plugin;

package/types/plugins/hljs.config.d.ts

@@ -0,0 +1,7 @@
+export declare const name = "hljs";
+export declare const config: {
+    versions: {
+        hljs: string;
+    };
+    styles: import("markmap-common").CSSStylesheetItem[];
+};