markmap-lib 0.15.0-alpha.0 → 0.15.1

package/dist/browser/index.js

@@ -1,9 +1,12 @@
-/*! markmap-lib v0.15.0-alpha.0 | MIT License */
+/*! markmap-lib v0.15.1 | 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('katex'), require('highlight.js')) :
+typeof define === 'function' && define.amd ? define(['exports', 'katex', 'highlight.js'], factory) :
+(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.markmap = global.markmap || {}, global.window.katex, global.window.hljs));
+})(this, (function (exports, 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.15.0"}/dist/browser/index.js`];
 
 function _extends$1() {
   _extends$1 = Object.assign ? Object.assign.bind() : function (target) {
@@ -20,271 +23,6 @@ function _extends$1() {
   return _extends$1.apply(this, arguments);
 }
 
-/*! markmap-common v0.15.0-alpha.0 | 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++) {
-      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);
-}
-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"];
-function escapeHtml$1(html) {
-  return html.replace(/[&<"]/g, m => ({
-    '&': '&amp;',
-    '<': '&lt;',
-    '"': '&quot;'
-  })[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;
-  };
-}
-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);
-}
-function createElement(tagName, props, attrs) {
-  const el = document.createElement(tagName);
-  if (props) {
-    Object.entries(props).forEach(([key, value]) => {
-      el[key] = value;
-    });
-  }
-  if (attrs) {
-    Object.entries(attrs).forEach(([key, value]) => {
-      el.setAttribute(key, value);
-    });
-  }
-  return el;
-}
-const memoizedPreloadJS = memoize(url => {
-  document.head.append(createElement('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(createElement('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) {
-  const needPreload = items.filter(item => {
-    var _item$data2;
-    return item.type === 'script' && ((_item$data2 = item.data) == null ? void 0 : _item$data2.src);
-  });
-  if (needPreload.length > 1) needPreload.forEach(item => 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) {
-  if (path.includes('://')) return path;
-  return cdnUrl(provider, path);
-}
-function buildJSItem(path) {
-  return {
-    type: 'script',
-    data: {
-      src: getFullUrl(path)
-    }
-  };
-}
-function buildCSSItem(path) {
-  return {
-    type: 'stylesheet',
-    data: {
-      href: getFullUrl(path)
-    }
-  };
-}
-
-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@${"6.2.0"}`, `markmap-view@${"0.15.0-alpha.0"}`];
-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(buildJSItem);
-  const {
-    scripts,
-    styles
-  } = assets;
-  const cssList = [...(styles ? persistCSS(styles) : [])];
-  const context = {
-    getMarkmap: () => window.markmap,
-    getOptions: extra.getOptions,
-    jsonOptions: extra.jsonOptions,
-    root
-  };
-  const jsList = [...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
@@ -2541,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);
   }
@@ -2572,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>';
 };
 
 /**
@@ -2602,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);
 };
@@ -2688,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 */
 () {
@@ -2702,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 + '>';
 };
@@ -2832,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>';
 };
 
 /**
@@ -2854,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);
 };
 
 /**
@@ -2873,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 */
 () {
@@ -7213,7 +6951,7 @@ var commonmarkConfig = {
  * Preset configs
  */
 
-var config = {
+var config$2 = {
   'default': defaultConfig,
   'full': fullConfig,
   'commonmark': commonmarkConfig
@@ -7261,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 || {});
 }
 
@@ -7381,53 +7119,456 @@ Remarkable.prototype.renderInline = function (str, env) {
   return this.renderer.render(this.parseInline(str, env), this.options, env);
 };
 
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+/*! 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);
 }
-
-/**
- * Plugin for Remarkable Markdown processor which transforms $..$ and $$..$$ sequences into math HTML using the
- * Katex package.
- */
-const rkatex = (md, options) => {
-  const backslash = '\\';
-  const dollar = '$';
-  const opts = options || {};
-  const delimiter = opts.delimiter || dollar;
-  if (delimiter.length !== 1) {
-    throw new Error('invalid delimiter');
+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];
+    }
   }
-  const katex = require$$0;
-
-  /**
-   * Render the contents as KaTeX
-   */
-  const renderKatex = (source, displayMode) => katex.renderToString(source, {
-    displayMode: displayMode,
-    throwOnError: false
-  });
-
-  /**
-   * Parse '$$' as a block. Based off of similar method in remarkable.
-   */
-  const parseBlockKatex = (state, startLine, endLine) => {
-    let haveEndMarker = false;
-    let pos = state.bMarks[startLine] + state.tShift[startLine];
-    let max = state.eMarks[startLine];
-    if (pos + 1 > max) {
-      return false;
+  getFullUrl(path, provider = this.provider) {
+    if (path.includes("://")) {
+      return path;
     }
-    const marker = state.src.charAt(pos);
-    if (marker !== delimiter) {
-      return false;
+    const factory = this.providers[provider];
+    if (!factory) {
+      throw new Error(`Provider ${provider} not found`);
     }
-
-    // scan marker length
-    let mem = pos;
-    pos = state.skipChars(pos, marker);
-    let len = pos - mem;
-    if (len !== 2) {
-      return false;
+    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;
+}
+
+/**
+ * Plugin for Remarkable Markdown processor which transforms $..$ and $$..$$ sequences into math HTML using the
+ * Katex package.
+ */
+const rkatex = (md, options) => {
+  const backslash = '\\';
+  const dollar = '$';
+  const opts = options || {};
+  const delimiter = opts.delimiter || dollar;
+  if (delimiter.length !== 1) {
+    throw new Error('invalid delimiter');
+  }
+  const katex = require$$0;
+
+  /**
+   * Render the contents as KaTeX
+   */
+  const renderKatex = (source, displayMode) => katex.renderToString(source, {
+    displayMode: displayMode,
+    throwOnError: false
+  });
+
+  /**
+   * Parse '$$' as a block. Based off of similar method in remarkable.
+   */
+  const parseBlockKatex = (state, startLine, endLine) => {
+    let haveEndMarker = false;
+    let pos = state.bMarks[startLine] + state.tShift[startLine];
+    let max = state.eMarks[startLine];
+    if (pos + 1 > max) {
+      return false;
+    }
+    const marker = state.src.charAt(pos);
+    if (marker !== delimiter) {
+      return false;
+    }
+
+    // scan marker length
+    let mem = pos;
+    pos = state.skipChars(pos, marker);
+    let len = pos - mem;
+    if (len !== 2) {
+      return false;
     }
 
     // search end of block
@@ -7545,40 +7686,39 @@ var remarkableKatex = rkatex;
 
 var remarkableKatex$1 = /*@__PURE__*/getDefaultExportFromCjs(remarkableKatex);
 
-function getConfig$1() {
-  const preloadScripts = [`katex@${"0.16.0"}/dist/katex.min.js`].map(buildJSItem);
-  const webfontloader = buildJSItem(`webfontloader@${"1.6.28"}/webfontloader.js`);
-  webfontloader.data.defer = true;
-  const styles = [`katex@${"0.16.0"}/dist/katex.min.css`].map(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];
-        }
+const name$3 = 'katex';
+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 => 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.
@@ -7597,9 +7737,30 @@ function addDefaultVersions(paths, name, version) {
     return path;
   });
 }
+function patchJSItem(transformer, item) {
+  if (item.type === 'script' && item.data.src) {
+    return _extends$1({}, item, {
+      data: _extends$1({}, item.data, {
+        src: transformer.urlBuilder.getFullUrl(item.data.src)
+      })
+    });
+  }
+  return item;
+}
+function patchCSSItem(transformer, item) {
+  if (item.type === 'stylesheet' && item.data.href) {
+    return _extends$1({}, item, {
+      data: _extends$1({}, item.data, {
+        href: transformer.urlBuilder.getFullUrl(item.data.href)
+      })
+    });
+  }
+  return item;
+}
 
-function createTransformHooks() {
+function createTransformHooks(transformer) {
   return {
+    transformer,
     parser: new Hook(),
     beforeParse: new Hook(),
     afterParse: new Hook(),
@@ -7615,126 +7776,64 @@ function definePlugin(plugin) {
   return plugin;
 }
 
-const name$3 = 'katex';
-var katex = definePlugin(() => {
-  const plugin = {
-    name: name$3,
-    config: getConfig$1(),
-    transform(transformHooks) {
-      let loading;
-      const autoload = () => {
-        loading || (loading = 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$config, _plugin$config3, _plugin$config4;
+    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 = loadJS(preloadScripts));
+      return loading;
+    };
+    const renderKatex = (source, displayMode) => {
+      const {
+        katex
+      } = window;
+      if (katex) {
+        return katex.renderToString(source, {
+          displayMode,
+          throwOnError: false
         });
-        return source;
-      };
-      let enableFeature = 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) => {
-        const {
-          frontmatter
-        } = context;
-        if (frontmatter != null && frontmatter.markmap) {
-          ['extraJs', 'extraCss'].forEach(key => {
-            if (frontmatter.markmap[key]) {
-              frontmatter.markmap[key] = addDefaultVersions(frontmatter.markmap[key], name$3, plugin.config.versions.katex);
-            }
-          });
-        }
+      }
+      autoload().then(() => {
+        transformHooks.retransform.call();
       });
-      return {
-        styles: plugin.config.styles,
-        scripts: plugin.config.scripts
+      return source;
+    };
+    let enableFeature = 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;
-});
-
-function getConfig() {
-  const preloadScripts = [`prismjs@${"1.28.0"}/components/prism-core.min.js`, `prismjs@${"1.28.0"}/plugins/autoloader/prism-autoloader.min.js`].map(buildJSItem);
-  const styles = [`prismjs@${"1.28.0"}/themes/prism.css`].map(buildCSSItem);
-  return {
-    versions: {
-      prismjs: "1.28.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;
+    });
+    transformHooks.beforeParse.tap((_, context) => {
+      enableFeature = () => {
+        context.features[name$3] = true;
       };
-      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.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) || '');
           }
         });
-      });
-      transformHooks.beforeParse.tap((_, context) => {
-        enableFeature = () => {
-          context.features[name$2] = true;
-        };
-      });
-      return {
-        styles: plugin.config.styles
-      };
-    }
-  };
-  return plugin;
+      }
+    });
+    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 */
@@ -10848,9 +10947,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 {
@@ -10898,20 +10997,22 @@ 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 {
         frontmatter
       } = context;
-      if (frontmatter != null && frontmatter.markmap) {
+      const markmap = frontmatter == null ? void 0 : frontmatter.markmap;
+      if (markmap) {
         ['extraJs', 'extraCss'].forEach(key => {
-          if (frontmatter.markmap[key]) {
-            frontmatter.markmap[key] = frontmatter.markmap[key].map(path => {
+          const value = markmap[key];
+          if (value) {
+            markmap[key] = value.map(path => {
               if (path.startsWith('npm:')) {
-                return getFullUrl(path.slice(4));
+                return transformHooks.transformer.urlBuilder.getFullUrl(path.slice(4));
               }
               return path;
             });
@@ -10923,7 +11024,40 @@ var npmUrl = definePlugin({
   }
 });
 
-const plugins = [frontmatter, katex, prism, npmUrl];
+const name = 'hljs';
+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 = noop;
+    transformHooks.parser.tap(md => {
+      md.set({
+        highlight: (str, language) => {
+          enableFeature();
+          return hljs.highlightAuto(str, language ? [language] : undefined).value;
+        }
+      });
+    });
+    transformHooks.beforeParse.tap((_, context) => {
+      enableFeature = () => {
+        context.features[name] = true;
+      };
+    });
+    return {
+      styles: (_plugin$config = plugin.config) == null ? void 0 : _plugin$config.styles
+    };
+  }
+});
+
+const plugins = [frontmatter, plugin$1, plugin, npmUrl];
 
 function cleanNode(node) {
   if (node.type === 'heading') {
@@ -10957,9 +11091,7 @@ function cleanNode(node) {
       }
     });
   }
-  if (node.children.length === 0) {
-    delete node.children;
-  } else {
+  if (node.children.length > 0) {
     node.children.forEach(child => cleanNode(child));
     if (node.children.length === 1 && !node.children[0].content) {
       node.children = node.children[0].children;
@@ -10967,16 +11099,16 @@ function cleanNode(node) {
   }
 }
 function resetDepth(node, depth = 0) {
-  var _node$children;
   node.depth = depth;
-  (_node$children = node.children) == null ? void 0 : _node$children.forEach(child => {
+  node.children.forEach(child => {
     resetDepth(child, depth + 1);
   });
 }
 class Transformer {
   constructor(plugins$1 = plugins) {
     this.assetsMap = {};
-    this.hooks = createTransformHooks();
+    this.urlBuilder = new UrlBuilder();
+    this.hooks = createTransformHooks(this);
     this.plugins = plugins$1.map(plugin => typeof plugin === 'function' ? plugin() : plugin);
     const assetsMap = {};
     for (const {
@@ -11016,13 +11148,13 @@ class Transformer {
     const stack = [root];
     let depth = 0;
     for (const token of tokens) {
+      const payload = {};
+      if (token.lines) {
+        payload.lines = token.lines;
+      }
       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) {
@@ -11057,10 +11189,13 @@ class Transformer {
         }
       } else if (token.type === 'inline') {
         const revoke = this.hooks.htmltag.tap(ctx => {
-          const comment = ctx.result.match(/^<!--([\s\S]*?)-->$/);
+          var _ctx$result;
+          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[0] === 'fold') {
-            current.payload.fold = ['all', 'recursively'].includes(data[1]) ? 2 : 1;
+          if ((data == null ? void 0 : data[0]) === 'fold') {
+            current.payload = _extends$1({}, current.payload, {
+              fold: ['all', 'recursively'].includes(data[1]) ? 2 : 1
+            });
             ctx.result = '';
           }
         });
@@ -11068,15 +11203,13 @@ 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,
           content: result,
-          children: []
+          children: [],
+          payload
         });
       } else ;
     }
@@ -11116,8 +11249,8 @@ class Transformer {
       }
     }
     return {
-      styles,
-      scripts
+      styles: styles.map(item => patchCSSItem(this, item)),
+      scripts: scripts.map(item => patchJSItem(this, item))
     };
   }
 
@@ -11128,17 +11261,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$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 ? persistCSS(styles) : [])];
+    const context = {
+      getMarkmap: () => window.markmap,
+      getOptions: extra.getOptions,
+      jsonOptions: extra.jsonOptions,
+      root
+    };
+    const jsList = [...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.15.0-alpha.0',
-  d3: "6.2.0"
+  'markmap-lib': '0.15.1',
+  d3: "7.8.5"
 };
 
 exports.Transformer = Transformer;
 exports.baseJsPaths = baseJsPaths;
 exports.builtInPlugins = plugins;
-exports.fillTemplate = fillTemplate;
+exports.template = template;
 exports.transformerVersions = transformerVersions;
 
 }));