markmap-lib 0.14.5-alpha.13 → 0.14.5-alpha.16

package/dist/browser/index.js

@@ -1,4 +1,4 @@
-/*! markmap-lib v0.14.5-alpha.13+50ca560 | MIT License */
+/*! markmap-lib v0.14.5-alpha.16+33e8294 | MIT License */
 (function (global, factory) {
 typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('katex')) :
 typeof define === 'function' && define.amd ? define(['exports', 'katex'], factory) :
@@ -20,7 +20,7 @@ function _extends$1() {
   return _extends$1.apply(this, arguments);
 }
 
-/*! markmap-common v0.14.5-alpha.13+50ca560 | MIT License */
+/*! markmap-common v0.14.5-alpha.16+33e8294 | MIT License */
 class Hook {
   constructor() {
     this.listeners = [];
@@ -69,12 +69,13 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 const _excluded = ["textContent"];
+const escapeChars = {
+  '&': '&',
+  '<': '&lt;',
+  '"': '&quot;'
+};
 function escapeHtml$1(html) {
-  return html.replace(/[&<"]/g, m => ({
-    '&': '&amp;',
-    '<': '&lt;',
-    '"': '&quot;'
-  })[m]);
+  return html.replace(/[&<"]/g, m => escapeChars[m]);
 }
 function escapeScript(content) {
   return content.replace(/<(\/script>)/g, '\\x3c$2');
@@ -154,6 +155,161 @@ function memoize(fn) {
     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}`
@@ -165,22 +321,8 @@ function cdnUrl(provider, path) {
   }
   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', {
+  document.head.append(hm('link', {
     rel: 'preload',
     as: 'script',
     href: url
@@ -191,9 +333,9 @@ async function loadJSItem(item, context) {
     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
+        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);
@@ -213,11 +355,12 @@ async function loadJSItem(item, context) {
   await item.loaded;
 }
 async function loadJS(items, context) {
-  const needPreload = items.filter(item => {
+  items.forEach(item => {
     var _item$data2;
-    return item.type === 'script' && ((_item$data2 = item.data) == null ? void 0 : _item$data2.src);
+    if (item.type === 'script' && (_item$data2 = item.data) != null && _item$data2.src) {
+      memoizedPreloadJS(item.data.src);
+    }
   });
-  if (needPreload.length > 1) needPreload.forEach(item => memoizedPreloadJS(item.data.src));
   context = _extends({
     getMarkmap: () => window.markmap
   }, context);
@@ -226,33 +369,33 @@ async function loadJS(items, context) {
   }
 }
 let provider = 'jsdelivr';
-function getFullUrl(path) {
+function getFullUrl(path, overrideProvider = provider) {
   if (path.includes('://')) return path;
-  return cdnUrl(provider, path);
+  return cdnUrl(overrideProvider, path);
 }
-function buildJSItem(path) {
+function buildJSItem(path, overrideProvider) {
   return {
     type: 'script',
     data: {
-      src: getFullUrl(path)
+      src: getFullUrl(path, overrideProvider)
     }
   };
 }
-function buildCSSItem(path) {
+function buildCSSItem(path, overrideProvider) {
   return {
     type: 'stylesheet',
     data: {
-      href: getFullUrl(path)
+      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@${"6.2.0"}`, `markmap-view@${"0.14.5-alpha.13+50ca560"}`];
+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"}/dist/d3.min.js`, `markmap-view@${"0.14.5-alpha.16+33e8294"}/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(buildJSItem);
+  (_extra$baseJs = (_extra = extra).baseJs) != null ? _extra$baseJs : _extra.baseJs = baseJsPaths.map(path => buildJSItem(path));
   const {
     scripts,
     styles
@@ -7546,14 +7689,14 @@ 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 preloadScripts = [`katex@${"0.16.0"}/dist/katex.min.js`].map(path => buildJSItem(path));
   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);
+  const styles = [`katex@${"0.16.0"}/dist/katex.min.css`].map(path => buildCSSItem(path));
   return {
     versions: {
-      katex: "0.16.0",
-      webfontloader: "1.6.28"
+      katex: "0.16.0" ,
+      webfontloader: "1.6.28" 
     },
     preloadScripts,
     scripts: [{
@@ -7646,7 +7789,7 @@ var katex = definePlugin(() => {
         md.use(remarkableKatex$1);
         md.renderer.rules.katex = (tokens, idx) => {
           enableFeature();
-          const result = renderKatex(tokens[idx].content, tokens[idx].block);
+          const result = renderKatex(tokens[idx].content, !!tokens[idx].block);
           return result;
         };
       });
@@ -7656,13 +7799,13 @@ var katex = definePlugin(() => {
         };
       });
       transformHooks.afterParse.tap((_, context) => {
-        const {
-          frontmatter
-        } = context;
-        if (frontmatter != null && frontmatter.markmap) {
+        var _context$frontmatter;
+        const markmap = (_context$frontmatter = context.frontmatter) == null ? void 0 : _context$frontmatter.markmap;
+        if (markmap) {
           ['extraJs', 'extraCss'].forEach(key => {
-            if (frontmatter.markmap[key]) {
-              frontmatter.markmap[key] = addDefaultVersions(frontmatter.markmap[key], name$3, plugin.config.versions.katex);
+            const value = markmap[key];
+            if (value) {
+              markmap[key] = addDefaultVersions(value, name$3, plugin.config.versions.katex);
             }
           });
         }
@@ -7677,11 +7820,11 @@ var katex = definePlugin(() => {
 });
 
 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);
+  const preloadScripts = [`prismjs@${"1.28.0"}/components/prism-core.min.js`, `prismjs@${"1.28.0"}/plugins/autoloader/prism-autoloader.min.js`].map(path => buildJSItem(path));
+  const styles = [`prismjs@${"1.28.0"}/themes/prism.css`].map(path => buildCSSItem(path));
   return {
     versions: {
-      prismjs: "1.28.0"
+      prismjs: "1.28.0" 
     },
     preloadScripts,
     styles
@@ -10906,10 +11049,12 @@ var npmUrl = definePlugin({
       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));
               }
@@ -10957,9 +11102,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,9 +11110,8 @@ 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);
   });
 }
@@ -11057,10 +11199,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 = '';
           }
         });
@@ -11131,7 +11276,7 @@ class Transformer {
 }
 
 const transformerVersions = {
-  'markmap-lib': '0.14.5-alpha.13+50ca560',
+  'markmap-lib': '0.14.5-alpha.16+33e8294',
   d3: "6.2.0"
 };
 

package/dist/browser/index.mjs

@@ -1,4 +1,4 @@
-/*! markmap-lib v0.14.5-alpha.13+50ca560 | MIT License */
+/*! markmap-lib v0.14.5-alpha.16+33e8294 | MIT License */
 import require$$0 from 'katex';
 
 function _extends$1() {
@@ -16,7 +16,7 @@ function _extends$1() {
   return _extends$1.apply(this, arguments);
 }
 
-/*! markmap-common v0.14.5-alpha.13+50ca560 | MIT License */
+/*! markmap-common v0.14.5-alpha.16+33e8294 | MIT License */
 class Hook {
   constructor() {
     this.listeners = [];
@@ -65,12 +65,13 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 const _excluded = ["textContent"];
+const escapeChars = {
+  '&': '&',
+  '<': '&lt;',
+  '"': '&quot;'
+};
 function escapeHtml$1(html) {
-  return html.replace(/[&<"]/g, m => ({
-    '&': '&amp;',
-    '<': '&lt;',
-    '"': '&quot;'
-  })[m]);
+  return html.replace(/[&<"]/g, m => escapeChars[m]);
 }
 function escapeScript(content) {
   return content.replace(/<(\/script>)/g, '\\x3c$2');
@@ -150,6 +151,161 @@ function memoize(fn) {
     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}`
@@ -161,22 +317,8 @@ function cdnUrl(provider, path) {
   }
   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', {
+  document.head.append(hm('link', {
     rel: 'preload',
     as: 'script',
     href: url
@@ -187,9 +329,9 @@ async function loadJSItem(item, context) {
     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
+        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);
@@ -209,11 +351,12 @@ async function loadJSItem(item, context) {
   await item.loaded;
 }
 async function loadJS(items, context) {
-  const needPreload = items.filter(item => {
+  items.forEach(item => {
     var _item$data2;
-    return item.type === 'script' && ((_item$data2 = item.data) == null ? void 0 : _item$data2.src);
+    if (item.type === 'script' && (_item$data2 = item.data) != null && _item$data2.src) {
+      memoizedPreloadJS(item.data.src);
+    }
   });
-  if (needPreload.length > 1) needPreload.forEach(item => memoizedPreloadJS(item.data.src));
   context = _extends({
     getMarkmap: () => window.markmap
   }, context);
@@ -222,33 +365,33 @@ async function loadJS(items, context) {
   }
 }
 let provider = 'jsdelivr';
-function getFullUrl(path) {
+function getFullUrl(path, overrideProvider = provider) {
   if (path.includes('://')) return path;
-  return cdnUrl(provider, path);
+  return cdnUrl(overrideProvider, path);
 }
-function buildJSItem(path) {
+function buildJSItem(path, overrideProvider) {
   return {
     type: 'script',
     data: {
-      src: getFullUrl(path)
+      src: getFullUrl(path, overrideProvider)
     }
   };
 }
-function buildCSSItem(path) {
+function buildCSSItem(path, overrideProvider) {
   return {
     type: 'stylesheet',
     data: {
-      href: getFullUrl(path)
+      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@${"6.2.0"}`, `markmap-view@${"0.14.5-alpha.13+50ca560"}`];
+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"}/dist/d3.min.js`, `markmap-view@${"0.14.5-alpha.16+33e8294"}/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(buildJSItem);
+  (_extra$baseJs = (_extra = extra).baseJs) != null ? _extra$baseJs : _extra.baseJs = baseJsPaths.map(path => buildJSItem(path));
   const {
     scripts,
     styles
@@ -7542,14 +7685,14 @@ 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 preloadScripts = [`katex@${"0.16.0"}/dist/katex.min.js`].map(path => buildJSItem(path));
   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);
+  const styles = [`katex@${"0.16.0"}/dist/katex.min.css`].map(path => buildCSSItem(path));
   return {
     versions: {
-      katex: "0.16.0",
-      webfontloader: "1.6.28"
+      katex: "0.16.0" ,
+      webfontloader: "1.6.28" 
     },
     preloadScripts,
     scripts: [{
@@ -7642,7 +7785,7 @@ var katex = definePlugin(() => {
         md.use(remarkableKatex$1);
         md.renderer.rules.katex = (tokens, idx) => {
           enableFeature();
-          const result = renderKatex(tokens[idx].content, tokens[idx].block);
+          const result = renderKatex(tokens[idx].content, !!tokens[idx].block);
           return result;
         };
       });
@@ -7652,13 +7795,13 @@ var katex = definePlugin(() => {
         };
       });
       transformHooks.afterParse.tap((_, context) => {
-        const {
-          frontmatter
-        } = context;
-        if (frontmatter != null && frontmatter.markmap) {
+        var _context$frontmatter;
+        const markmap = (_context$frontmatter = context.frontmatter) == null ? void 0 : _context$frontmatter.markmap;
+        if (markmap) {
           ['extraJs', 'extraCss'].forEach(key => {
-            if (frontmatter.markmap[key]) {
-              frontmatter.markmap[key] = addDefaultVersions(frontmatter.markmap[key], name$3, plugin.config.versions.katex);
+            const value = markmap[key];
+            if (value) {
+              markmap[key] = addDefaultVersions(value, name$3, plugin.config.versions.katex);
             }
           });
         }
@@ -7673,11 +7816,11 @@ var katex = definePlugin(() => {
 });
 
 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);
+  const preloadScripts = [`prismjs@${"1.28.0"}/components/prism-core.min.js`, `prismjs@${"1.28.0"}/plugins/autoloader/prism-autoloader.min.js`].map(path => buildJSItem(path));
+  const styles = [`prismjs@${"1.28.0"}/themes/prism.css`].map(path => buildCSSItem(path));
   return {
     versions: {
-      prismjs: "1.28.0"
+      prismjs: "1.28.0" 
     },
     preloadScripts,
     styles
@@ -10902,10 +11045,12 @@ var npmUrl = definePlugin({
       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));
               }
@@ -10953,9 +11098,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;
@@ -10963,9 +11106,8 @@ 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);
   });
 }
@@ -11053,10 +11195,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 = '';
           }
         });
@@ -11127,7 +11272,7 @@ class Transformer {
 }
 
 const transformerVersions = {
-  'markmap-lib': '0.14.5-alpha.13+50ca560',
+  'markmap-lib': '0.14.5-alpha.16+33e8294',
   d3: "6.2.0"
 };
 

package/dist/index.js

@@ -1,4 +1,4 @@
-/*! markmap-lib v0.14.5-alpha.13+50ca560 | MIT License */
+/*! markmap-lib v0.14.5-alpha.16+33e8294 | MIT License */
 'use strict';
 
 var _extends = require('@babel/runtime/helpers/extends');
@@ -9,12 +9,12 @@ var Prism = require('prismjs');
 var loadLanguages = require('prismjs/components/index.js');
 var yaml = require('js-yaml');
 
-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.14.5-alpha.13+50ca560"}`];
+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"}/dist/d3.min.js`, `markmap-view@${"0.14.5-alpha.16+33e8294"}/dist/browser/index.js`];
 function fillTemplate(root, assets, extra) {
   var _extra, _extra$baseJs;
   extra = _extends({}, extra);
-  (_extra$baseJs = (_extra = extra).baseJs) != null ? _extra$baseJs : _extra.baseJs = baseJsPaths.map(markmapCommon.buildJSItem);
+  (_extra$baseJs = (_extra = extra).baseJs) != null ? _extra$baseJs : _extra.baseJs = baseJsPaths.map(path => markmapCommon.buildJSItem(path));
   const {
     scripts,
     styles
@@ -48,14 +48,14 @@ function fillTemplate(root, assets, extra) {
 }
 
 function getConfig$1() {
-  const preloadScripts = [`katex@${"0.16.0"}/dist/katex.min.js`].map(markmapCommon.buildJSItem);
+  const preloadScripts = [`katex@${"0.16.0"}/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.0"}/dist/katex.min.css`].map(markmapCommon.buildCSSItem);
+  const styles = [`katex@${"0.16.0"}/dist/katex.min.css`].map(path => markmapCommon.buildCSSItem(path));
   return {
     versions: {
-      katex: "0.16.0",
-      webfontloader: "1.6.28"
+      katex: "0.16.0" ,
+      webfontloader: "1.6.28" 
     },
     preloadScripts,
     scripts: [{
@@ -128,11 +128,11 @@ var katex = definePlugin(() => {
 });
 
 function getConfig() {
-  const preloadScripts = [`prismjs@${"1.28.0"}/components/prism-core.min.js`, `prismjs@${"1.28.0"}/plugins/autoloader/prism-autoloader.min.js`].map(markmapCommon.buildJSItem);
-  const styles = [`prismjs@${"1.28.0"}/themes/prism.css`].map(markmapCommon.buildCSSItem);
+  const preloadScripts = [`prismjs@${"1.28.0"}/components/prism-core.min.js`, `prismjs@${"1.28.0"}/plugins/autoloader/prism-autoloader.min.js`].map(path => markmapCommon.buildJSItem(path));
+  const styles = [`prismjs@${"1.28.0"}/themes/prism.css`].map(path => markmapCommon.buildCSSItem(path));
   return {
     versions: {
-      prismjs: "1.28.0"
+      prismjs: "1.28.0" 
     },
     preloadScripts,
     styles
@@ -233,10 +233,12 @@ var npmUrl = definePlugin({
       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 markmapCommon.getFullUrl(path.slice(4));
               }
@@ -284,9 +286,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;
@@ -294,9 +294,8 @@ 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);
   });
 }
@@ -384,10 +383,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({}, current.payload, {
+              fold: ['all', 'recursively'].includes(data[1]) ? 2 : 1
+            });
             ctx.result = '';
           }
         });
@@ -458,7 +460,7 @@ class Transformer {
 }
 
 const transformerVersions = {
-  'markmap-lib': '0.14.5-alpha.13+50ca560',
+  'markmap-lib': '0.14.5-alpha.16+33e8294',
   d3: "6.2.0"
 };
 

package/dist/index.mjs

@@ -1,4 +1,4 @@
-/*! markmap-lib v0.14.5-alpha.13+50ca560 | MIT License */
+/*! markmap-lib v0.14.5-alpha.16+33e8294 | MIT License */
 import _extends from '@babel/runtime/helpers/esm/extends';
 import { buildJSItem, persistCSS, persistJS, buildCSSItem, Hook, wrapFunction, noop, getFullUrl } from 'markmap-common';
 import { Remarkable } from 'remarkable';
@@ -7,12 +7,12 @@ import Prism from 'prismjs';
 import loadLanguages from 'prismjs/components/index.js';
 import yaml from 'js-yaml';
 
-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.14.5-alpha.13+50ca560"}`];
+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"}/dist/d3.min.js`, `markmap-view@${"0.14.5-alpha.16+33e8294"}/dist/browser/index.js`];
 function fillTemplate(root, assets, extra) {
   var _extra, _extra$baseJs;
   extra = _extends({}, extra);
-  (_extra$baseJs = (_extra = extra).baseJs) != null ? _extra$baseJs : _extra.baseJs = baseJsPaths.map(buildJSItem);
+  (_extra$baseJs = (_extra = extra).baseJs) != null ? _extra$baseJs : _extra.baseJs = baseJsPaths.map(path => buildJSItem(path));
   const {
     scripts,
     styles
@@ -46,14 +46,14 @@ function fillTemplate(root, assets, extra) {
 }
 
 function getConfig$1() {
-  const preloadScripts = [`katex@${"0.16.0"}/dist/katex.min.js`].map(buildJSItem);
+  const preloadScripts = [`katex@${"0.16.0"}/dist/katex.min.js`].map(path => buildJSItem(path));
   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);
+  const styles = [`katex@${"0.16.0"}/dist/katex.min.css`].map(path => buildCSSItem(path));
   return {
     versions: {
-      katex: "0.16.0",
-      webfontloader: "1.6.28"
+      katex: "0.16.0" ,
+      webfontloader: "1.6.28" 
     },
     preloadScripts,
     scripts: [{
@@ -126,11 +126,11 @@ var katex = definePlugin(() => {
 });
 
 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);
+  const preloadScripts = [`prismjs@${"1.28.0"}/components/prism-core.min.js`, `prismjs@${"1.28.0"}/plugins/autoloader/prism-autoloader.min.js`].map(path => buildJSItem(path));
+  const styles = [`prismjs@${"1.28.0"}/themes/prism.css`].map(path => buildCSSItem(path));
   return {
     versions: {
-      prismjs: "1.28.0"
+      prismjs: "1.28.0" 
     },
     preloadScripts,
     styles
@@ -231,10 +231,12 @@ var npmUrl = definePlugin({
       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));
               }
@@ -282,9 +284,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;
@@ -292,9 +292,8 @@ 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);
   });
 }
@@ -382,10 +381,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({}, current.payload, {
+              fold: ['all', 'recursively'].includes(data[1]) ? 2 : 1
+            });
             ctx.result = '';
           }
         });
@@ -456,7 +458,7 @@ class Transformer {
 }
 
 const transformerVersions = {
-  'markmap-lib': '0.14.5-alpha.13+50ca560',
+  'markmap-lib': '0.14.5-alpha.16+33e8294',
   d3: "6.2.0"
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "markmap-lib",
-  "version": "0.14.5-alpha.13+50ca560",
+  "version": "0.14.5-alpha.16+33e8294",
   "description": "Visualize your Markdown as mindmaps with Markmap",
   "author": "Gerald <gera2ld@live.com>",
   "license": "MIT",
@@ -47,8 +47,8 @@
   },
   "devDependencies": {
     "@types/remarkable": "^2.0.3",
-    "markmap-common": "0.14.5-alpha.13+50ca560",
-    "markmap-view": "0.14.5-alpha.13+50ca560",
+    "markmap-common": "0.14.5-alpha.16+33e8294",
+    "markmap-view": "0.14.5-alpha.16+33e8294",
     "webfontloader": "^1.6.28"
   },
   "dependencies": {
@@ -62,5 +62,5 @@
   "peerDependencies": {
     "markmap-common": "*"
   },
-  "gitHead": "50ca5603019498f93dba6485c96d0a5630b221e5"
+  "gitHead": "33e8294050d7438f6cdadd5bf06a665560585195"
 }

package/types/index.d.ts

@@ -3,5 +3,5 @@ export * from './template';
 export * from './transform';
 export declare const transformerVersions: {
     'markmap-lib': string;
-    d3: string;
+    d3: string | undefined;
 };

package/types/template.d.ts

@@ -1,7 +1,7 @@
-import { JSItem, INode, IMarkmapOptions, IMarkmapJSONOptions } from 'markmap-common';
+import { JSItem, IMarkmapOptions, IMarkmapJSONOptions, IPureNode } from 'markmap-common';
 import { IAssets } from './types';
 export declare const baseJsPaths: string[];
-export declare function fillTemplate(root: INode | undefined, assets: IAssets, extra?: {
+export declare function fillTemplate(root: IPureNode | null, assets: IAssets, extra?: {
     baseJs?: JSItem[];
     jsonOptions?: IMarkmapJSONOptions;
     getOptions?: (jsonOptions: IMarkmapJSONOptions) => Partial<IMarkmapOptions>;

package/types/transform.d.ts

@@ -1,5 +1,5 @@
 import { Remarkable } from 'remarkable';
-import { INode } from 'markmap-common';
+import { IPureNode } from 'markmap-common';
 import { ITransformResult, ITransformPlugin, IAssets, ITransformHooks, IFeatures } from './types';
 import { plugins as builtInPlugins } from './plugins';
 export { builtInPlugins };
@@ -9,7 +9,7 @@ export declare class Transformer {
     assetsMap: Record<string, IAssets>;
     plugins: ITransformPlugin[];
     constructor(plugins?: Array<ITransformPlugin | (() => ITransformPlugin)>);
-    buildTree(tokens: Remarkable.Token[]): INode;
+    buildTree(tokens: Remarkable.Token[]): IPureNode;
     transform(content: string): ITransformResult;
     /**
      * Get all assets from enabled plugins or filter them by plugin names as keys.

package/types/types.d.ts

@@ -1,5 +1,5 @@
 import type { Remarkable } from 'remarkable';
-import { CSSItem, JSItem, INode, IWrapContext, Hook, IMarkmapJSONOptions } from 'markmap-common';
+import { CSSItem, JSItem, IPureNode, IWrapContext, Hook, IMarkmapJSONOptions } from 'markmap-common';
 type Htmltag = Remarkable.Rule<Remarkable.HtmlTagToken, string>;
 export interface ITransformHooks {
     /**
@@ -51,7 +51,7 @@ export interface ITransformContext {
     contentLineOffset: number;
 }
 export interface ITransformResult extends ITransformContext {
-    root: INode;
+    root: IPureNode;
 }
 export interface ITransformPlugin {
     name: string;