markmap-autoloader 0.14.3 → 0.14.4-alpha.1

package/README.md

@@ -18,14 +18,16 @@ HTML:
 }
 </style>
 
-<div class="markmap">
+<div class="markmap"><script type="text/template">
 - markmap
   - autoloader
   - transformer
   - view
-</div>
+</script></div>
 ```
 
+Note that `<script type="text/template">` is optional, for the content inside to be invisible before the markmap is rendered.
+
 Autoload all elements matching `.markmap`:
 
 ```html

package/dist/index.js

@@ -1,4 +1,4 @@
-/*! markmap-autoloader v0.14.3 | MIT License */
+/*! markmap-autoloader v0.14.4-alpha.1+8a57fea | MIT License */
 this.markmap = this.markmap || {};
 (function (exports) {
 'use strict';
@@ -98,21 +98,6 @@ async function loadJSItem(item, context) {
   await item.loaded;
 }
 
-function loadCSSItem(item) {
-  if (item.loaded) return;
-  item.loaded = true;
-
-  if (item.type === 'style') {
-    document.head.append(createElement('style', {
-      textContent: item.data
-    }));
-  } else if (item.type === 'stylesheet') {
-    document.head.append(createElement('link', _extends({
-      rel: 'stylesheet'
-    }, item.data)));
-  }
-}
-
 async function loadJS(items, context) {
   const needPreload = items.filter(item => {
     var _item$data2;
@@ -129,12 +114,6 @@ async function loadJS(items, context) {
   }
 }
 
-function loadCSS(items) {
-  for (const item of items) {
-    loadCSSItem(item);
-  }
-}
-
 var _window$markmap, _window$markmap$autoL, _window$markmap2, _window$markmap2$auto;
 const enabled = {};
 const ready = loadJS(((_window$markmap = window.markmap) == null ? void 0 : (_window$markmap$autoL = _window$markmap.autoLoader) == null ? void 0 : _window$markmap$autoL.baseJs) || [{
@@ -145,7 +124,7 @@ const ready = loadJS(((_window$markmap = window.markmap) == null ? void 0 : (_wi
 }, {
   type: 'script',
   data: {
-    src: `https://cdn.jsdelivr.net/combine/npm/markmap-lib@${"0.14.3"},npm/markmap-view@${"0.14.3"}`
+    src: `https://cdn.jsdelivr.net/combine/npm/markmap-lib@${"0.14.4-alpha.1+8a57fea"},npm/markmap-view@${"0.14.4-alpha.1+8a57fea"}`
   }
 }]).then(() => {
   var _markmap$autoLoader;
@@ -153,19 +132,16 @@ const ready = loadJS(((_window$markmap = window.markmap) == null ? void 0 : (_wi
   const {
     markmap
   } = window;
-  loadCSS([{
-    type: 'style',
-    data: markmap.globalCSS
-  }]);
+  const style = document.createElement('style');
+  style.textContent = markmap.globalCSS; // Insert global CSS to body so it has higher priority than prism.css, etc.
+
+  document.body.prepend(style);
   (_markmap$autoLoader = markmap.autoLoader) == null ? void 0 : _markmap$autoLoader.onReady == null ? void 0 : _markmap$autoLoader.onReady();
 });
 
 function transform(transformer, content) {
-  const {
-    root,
-    features
-  } = transformer.transform(content);
-  const keys = Object.keys(features).filter(key => !enabled[key]);
+  const result = transformer.transform(content);
+  const keys = Object.keys(result.features).filter(key => !enabled[key]);
   keys.forEach(key => {
     enabled[key] = true;
   });
@@ -178,14 +154,15 @@ function transform(transformer, content) {
   } = window;
   if (styles) markmap.loadCSS(styles);
   if (scripts) markmap.loadJS(scripts);
-  return root;
+  return result;
 }
 
 function render(el) {
   const {
     Transformer,
     Markmap,
-    autoLoader
+    autoLoader,
+    deriveOptions
   } = window.markmap;
   const lines = el.textContent.split('\n');
   let indent = Infinity;
@@ -193,7 +170,7 @@ function render(el) {
     const spaces = line.match(/^\s*/)[0].length;
     if (spaces < line.length) indent = Math.min(indent, spaces);
   });
-  const content = lines.map(line => line.slice(indent)).join('\n');
+  const content = lines.map(line => line.slice(indent)).join('\n').trim();
   const transformer = new Transformer(autoLoader == null ? void 0 : autoLoader.transformPlugins);
   el.innerHTML = '<svg></svg>';
   const svg = el.firstChild;
@@ -202,8 +179,13 @@ function render(el) {
   });
 
   const doRender = () => {
-    const root = transform(transformer, content);
-    mm.setData(root);
+    const {
+      root,
+      frontmatter
+    } = transform(transformer, content);
+    const markmapOptions = frontmatter == null ? void 0 : frontmatter.markmap;
+    const frontmatterOptions = deriveOptions(markmapOptions);
+    mm.setData(root, frontmatterOptions);
     mm.fit();
   };
 

package/dist/index.min.js

@@ -1,3 +1,3 @@
-/*! markmap-autoloader v0.14.3 | MIT License */
+/*! markmap-autoloader v0.14.4-alpha.1+8a57fea | MIT License */
 this.markmap=this.markmap||{},function(t){"use strict";
-/*! markmap-common v0.14.2 | MIT License */function e(){return e=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var a=arguments[e];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(t[n]=a[n])}return t},e.apply(this,arguments)}function a(t,e,a){const n=document.createElement(t);return e&&Object.entries(e).forEach((([t,e])=>{n[t]=e})),a&&Object.entries(a).forEach((([t,e])=>{n.setAttribute(t,e)})),n}Math.random().toString(36).slice(2,8);const n=function(t){const e={};return function(...a){const n=`${a[0]}`;let r=e[n];return r||(r={value:t(...a)},e[n]=r),r.value}}((t=>{document.head.append(a("link",{rel:"preload",as:"script",href:t}))}));async function r(t,n){if(!t.loaded&&("script"===t.type&&(t.loaded=new Promise(((n,r)=>{var o;document.head.append(a("script",e({},t.data,{onload:n,onerror:r}))),null!=(o=t.data)&&o.src||n(void 0)})).then((()=>{t.loaded=!0}))),"iife"===t.type)){const{fn:e,getParams:a}=t.data;e(...(null==a?void 0:a(n))||[]),t.loaded=!0}await t.loaded}function o(t){t.loaded||(t.loaded=!0,"style"===t.type?document.head.append(a("style",{textContent:t.data})):"stylesheet"===t.type&&document.head.append(a("link",e({rel:"stylesheet"},t.data))))}var s,d,c,l;const i={},u=async function(t,a){const o=t.filter((t=>{var e;return"script"===t.type&&(null==(e=t.data)?void 0:e.src)}));o.length>1&&o.forEach((t=>n(t.data.src))),a=e({getMarkmap:()=>window.markmap},a);for(const e of t)await r(e,a)}((null==(s=window.markmap)||null==(d=s.autoLoader)?void 0:d.baseJs)||[{type:"script",data:{src:"https://cdn.jsdelivr.net/npm/d3@6.7.0"}},{type:"script",data:{src:"https://cdn.jsdelivr.net/combine/npm/markmap-lib@0.14.3,npm/markmap-view@0.14.3"}}]).then((()=>{var t;const{markmap:e}=window;!function(t){for(const e of t)o(e)}([{type:"style",data:e.globalCSS}]),null==(t=e.autoLoader)||null==t.onReady||t.onReady()}));function m(t){const{Transformer:e,Markmap:a,autoLoader:n}=window.markmap,r=t.textContent.split("\n");let o=1/0;r.forEach((t=>{const e=t.match(/^\s*/)[0].length;e<t.length&&(o=Math.min(o,e))}));const s=r.map((t=>t.slice(o))).join("\n"),d=new e(null==n?void 0:n.transformPlugins);t.innerHTML="<svg></svg>";const c=t.firstChild,l=a.create(c,{embedGlobalCSS:!1}),u=()=>{const t=function(t,e){const{root:a,features:n}=t.transform(e),r=Object.keys(n).filter((t=>!i[t]));r.forEach((t=>{i[t]=!0}));const{styles:o,scripts:s}=t.getAssets(r),{markmap:d}=window;return o&&d.loadCSS(o),s&&d.loadJS(s),a}(d,s);l.setData(t),l.fit()};d.hooks.retransform.tap(u),u()}async function p(t){await u,t.querySelectorAll(".markmap").forEach(m)}function f(){return p(document)}null!=(c=window.markmap)&&null!=(l=c.autoLoader)&&l.manual||("loading"===document.readyState?document.addEventListener("DOMContentLoaded",(()=>{f()})):f()),t.ready=u,t.render=m,t.renderAll=f,t.renderAllUnder=p}(this.markmap.autoLoader=this.markmap.autoLoader||{});
+/*! markmap-common v0.14.2 | MIT License */function a(){return a=Object.assign||function(t){for(var a=1;a<arguments.length;a++){var n=arguments[a];for(var e in n)Object.prototype.hasOwnProperty.call(n,e)&&(t[e]=n[e])}return t},a.apply(this,arguments)}function n(t,a,n){const e=document.createElement(t);return a&&Object.entries(a).forEach((([t,a])=>{e[t]=a})),n&&Object.entries(n).forEach((([t,a])=>{e.setAttribute(t,a)})),e}Math.random().toString(36).slice(2,8);const e=function(t){const a={};return function(...n){const e=`${n[0]}`;let r=a[e];return r||(r={value:t(...n)},a[e]=r),r.value}}((t=>{document.head.append(n("link",{rel:"preload",as:"script",href:t}))}));async function r(t,e){if(!t.loaded&&("script"===t.type&&(t.loaded=new Promise(((e,r)=>{var o;document.head.append(n("script",a({},t.data,{onload:e,onerror:r}))),null!=(o=t.data)&&o.src||e(void 0)})).then((()=>{t.loaded=!0}))),"iife"===t.type)){const{fn:a,getParams:n}=t.data;a(...(null==n?void 0:n(e))||[]),t.loaded=!0}await t.loaded}var o,s,d,c;const i={},l=async function(t,n){const o=t.filter((t=>{var a;return"script"===t.type&&(null==(a=t.data)?void 0:a.src)}));o.length>1&&o.forEach((t=>e(t.data.src))),n=a({getMarkmap:()=>window.markmap},n);for(const a of t)await r(a,n)}((null==(o=window.markmap)||null==(s=o.autoLoader)?void 0:s.baseJs)||[{type:"script",data:{src:"https://cdn.jsdelivr.net/npm/d3@6.7.0"}},{type:"script",data:{src:"https://cdn.jsdelivr.net/combine/npm/markmap-lib@0.14.4-alpha.1+8a57fea,npm/markmap-view@0.14.4-alpha.1+8a57fea"}}]).then((()=>{var t;const{markmap:a}=window,n=document.createElement("style");n.textContent=a.globalCSS,document.body.prepend(n),null==(t=a.autoLoader)||null==t.onReady||t.onReady()}));function m(t){const{Transformer:a,Markmap:n,autoLoader:e,deriveOptions:r}=window.markmap,o=t.textContent.split("\n");let s=1/0;o.forEach((t=>{const a=t.match(/^\s*/)[0].length;a<t.length&&(s=Math.min(s,a))}));const d=o.map((t=>t.slice(s))).join("\n").trim(),c=new a(null==e?void 0:e.transformPlugins);t.innerHTML="<svg></svg>";const l=t.firstChild,m=n.create(l,{embedGlobalCSS:!1}),u=()=>{const{root:t,frontmatter:a}=function(t,a){const n=t.transform(a),e=Object.keys(n.features).filter((t=>!i[t]));e.forEach((t=>{i[t]=!0}));const{styles:r,scripts:o}=t.getAssets(e),{markmap:s}=window;return r&&s.loadCSS(r),o&&s.loadJS(o),n}(c,d),n=null==a?void 0:a.markmap,e=r(n);m.setData(t,e),m.fit()};c.hooks.retransform.tap(u),u()}async function u(t){await l,t.querySelectorAll(".markmap").forEach(m)}function p(){return u(document)}null!=(d=window.markmap)&&null!=(c=d.autoLoader)&&c.manual||("loading"===document.readyState?document.addEventListener("DOMContentLoaded",(()=>{p()})):p()),t.ready=l,t.render=m,t.renderAll=p,t.renderAllUnder=u}(this.markmap.autoLoader=this.markmap.autoLoader||{});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "markmap-autoloader",
-  "version": "0.14.3",
+  "version": "0.14.4-alpha.1+8a57fea",
   "description": "Load markmaps automatically in HTML",
   "author": "Gerald <gera2ld@live.com>",
   "license": "MIT",
@@ -42,8 +42,8 @@
   },
   "devDependencies": {
     "markmap-common": "^0.14.2",
-    "markmap-lib": "^0.14.3",
-    "markmap-view": "^0.14.3"
+    "markmap-lib": "^0.14.4-alpha.1+8a57fea",
+    "markmap-view": "^0.14.4-alpha.1+8a57fea"
   },
-  "gitHead": "ef956864fe1a6d9927bf2febbf597f6866efe75d"
+  "gitHead": "8a57fea7292bee5c50dc0594553d5da62e46d9f8"
 }