markmap-autoloader 0.14.5-alpha.15 → 0.14.5-alpha.16

package/dist/index.js

@@ -1,4 +1,4 @@
-/*! markmap-autoloader v0.14.5-alpha.15+1fe26c8 | MIT License */
+/*! markmap-autoloader v0.14.5-alpha.16+33e8294 | MIT License */
 this.markmap = this.markmap || {};
 (function (exports) {
 'use strict';
@@ -18,7 +18,7 @@ function _extends$1() {
   return _extends$1.apply(this, arguments);
 }
 
-/*! markmap-common v0.14.5-alpha.15+1fe26c8 | MIT License */
+/*! markmap-common v0.14.5-alpha.16+33e8294 | MIT License */
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -48,6 +48,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}`
@@ -59,22 +214,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
@@ -85,9 +226,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);
@@ -110,21 +251,22 @@ function loadCSSItem(item) {
   if (item.loaded) return;
   item.loaded = true;
   if (item.type === 'style') {
-    document.head.append(createElement('style', {
+    document.head.append(hm('style', {
       textContent: item.data
     }));
   } else if (item.type === 'stylesheet') {
-    document.head.append(createElement('link', _extends({
+    document.head.append(hm('link', _extends({
       rel: 'stylesheet'
     }, item.data)));
   }
 }
 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);
@@ -162,7 +304,7 @@ function buildCSSItem(path, overrideProvider) {
 var _window$markmap;
 const enabled = {};
 const autoLoaderOptions = _extends$1({
-  baseJs: [`d3@${"6.2.0"}`, `markmap-lib@${"0.14.5-alpha.15+1fe26c8"}`, `markmap-view@${"0.14.5-alpha.15+1fe26c8"}`, `markmap-toolbar@${process.env.TOOLBAR_VERSION}`],
+  baseJs: [`d3@${"6.2.0"}`, `markmap-lib@${"0.14.5-alpha.16+33e8294"}`, `markmap-view@${"0.14.5-alpha.16+33e8294"}`, `markmap-toolbar@${process.env.TOOLBAR_VERSION}`],
   baseCss: [`markmap-toolbar@${process.env.TOOLBAR_VERSION}/dist/style.css`],
   manual: false,
   toolbar: false
@@ -195,16 +337,18 @@ function transform(transformer, content) {
   return result;
 }
 function render(el) {
+  var _el$textContent;
   const {
     Transformer,
     Markmap,
     deriveOptions,
     Toolbar
   } = window.markmap;
-  const lines = el.textContent.split('\n');
+  const lines = ((_el$textContent = el.textContent) == null ? void 0 : _el$textContent.split('\n')) || [];
   let indent = Infinity;
   lines.forEach(line => {
-    const spaces = line.match(/^\s*/)[0].length;
+    var _line$match;
+    const spaces = ((_line$match = line.match(/^\s*/)) == null ? void 0 : _line$match[0].length) || 0;
     if (spaces < line.length) indent = Math.min(indent, spaces);
   });
   const content = lines.map(line => line.slice(indent)).join('\n').trim();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "markmap-autoloader",
-  "version": "0.14.5-alpha.15+1fe26c8",
+  "version": "0.14.5-alpha.16+33e8294",
   "description": "Load markmaps automatically in HTML",
   "author": "Gerald <gera2ld@live.com>",
   "license": "MIT",
@@ -38,10 +38,10 @@
     "markmap-common": "*"
   },
   "devDependencies": {
-    "markmap-common": "0.14.5-alpha.15+1fe26c8",
-    "markmap-lib": "0.14.5-alpha.15+1fe26c8",
-    "markmap-toolbar": "0.14.5-alpha.15+1fe26c8",
-    "markmap-view": "0.14.5-alpha.15+1fe26c8"
+    "markmap-common": "0.14.5-alpha.16+33e8294",
+    "markmap-lib": "0.14.5-alpha.16+33e8294",
+    "markmap-toolbar": "0.14.5-alpha.16+33e8294",
+    "markmap-view": "0.14.5-alpha.16+33e8294"
   },
-  "gitHead": "1fe26c8234296e2188e466c7b9dbf3b7e171857d"
+  "gitHead": "33e8294050d7438f6cdadd5bf06a665560585195"
 }