markmap-autoloader 0.14.4-alpha.0 → 0.14.4

package/README.md

@@ -18,18 +18,26 @@ HTML:
 }
 </style>
 
-<div class="markmap">
+<div class="markmap"><script type="text/template">
 - markmap
   - autoloader
   - transformer
   - view
-</div>
+</script></div>
 ```
 
-Autoload all elements matching `.markmap`:
+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`, using latest autoloader version:
 
 ```html
-<script src="https://cdn.jsdelivr.net/npm/markmap-autoloader"></script>
+<script src="https://cdn.jsdelivr.net/npm/markmap-autoloader@latest"></script>
+```
+
+To use specific version (here: `0.14.3`) of `mark-autoloader`:
+
+```html
+<script src="https://cdn.jsdelivr.net/npm/markmap-autoloader@0.14.3"></script>
 ```
 
 Load manually:

package/dist/index.js

@@ -1,4 +1,4 @@
-/*! markmap-autoloader v0.14.4-alpha.0+160d18b | MIT License */
+/*! markmap-autoloader v0.14.4 | MIT License */
 this.markmap = this.markmap || {};
 (function (exports) {
 'use strict';
@@ -24,7 +24,6 @@ function _extends() {
 }
 
 Math.random().toString(36).slice(2, 8);
-
 function memoize(fn) {
   const cache = {};
   return function memoized(...args) {
@@ -98,21 +97,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 +113,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 +123,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"},npm/markmap-view@${"0.14.4"}`
   }
 }]).then(() => {
   var _markmap$autoLoader;
@@ -153,10 +131,10 @@ 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();
 });
 

package/dist/index.min.js

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