markmap-autoloader 0.2.0 → 0.13.1

package/dist/index.js

@@ -1,9 +1,9 @@
-/*! markmap-autoloader v0.2.0 | MIT License */
+/*! markmap-autoloader v0.13.1 | MIT License */
 this.markmap = this.markmap || {};
 (function (exports) {
 'use strict';
 
-/*! markmap-common v0.1.6 | MIT License */
+/*! markmap-common v0.13.0 | MIT License */
 
 function _extends() {
   _extends = Object.assign || function (target) {
@@ -91,6 +91,18 @@ function loadJSItem(item, context) {
   }
 }
 
+function loadCSSItem(item) {
+  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;
@@ -107,7 +119,13 @@ async function loadJS(items, context) {
   }
 }
 
-var _window$markmap2, _window$markmap2$auto;
+function loadCSS(items) {
+  for (const item of items) {
+    loadCSSItem(item);
+  }
+}
+
+var _window$markmap, _window$markmap$autoL;
 const enabled = {};
 const ready = loadJS([{
   type: 'script',
@@ -117,12 +135,19 @@ const ready = loadJS([{
 }, {
   type: 'script',
   data: {
-    src: `https://cdn.jsdelivr.net/combine/npm/markmap-lib@${"0.12.0"},npm/markmap-view@${"0.2.7"}`
+    src: `https://cdn.jsdelivr.net/combine/npm/markmap-lib@${"0.13.1"},npm/markmap-view@${"0.13.1"}`
   }
 }]).then(() => {
-  var _window$markmap, _window$markmap$autoL;
+  var _markmap$autoLoader;
 
-  (_window$markmap = window.markmap) == null ? void 0 : (_window$markmap$autoL = _window$markmap.autoLoader) == null ? void 0 : _window$markmap$autoL.onReady == null ? void 0 : _window$markmap$autoL.onReady();
+  const {
+    markmap
+  } = window;
+  loadCSS([{
+    type: 'style',
+    data: markmap.globalCSS
+  }]);
+  (_markmap$autoLoader = markmap.autoLoader) == null ? void 0 : _markmap$autoLoader.onReady == null ? void 0 : _markmap$autoLoader.onReady();
 });
 
 function transform(transformer, content) {
@@ -162,7 +187,9 @@ function render(el) {
   const transformer = new Transformer(autoLoader == null ? void 0 : autoLoader.transformPlugins);
   el.innerHTML = '<svg></svg>';
   const svg = el.firstChild;
-  const mm = Markmap.create(svg);
+  const mm = Markmap.create(svg, {
+    embedGlobalCSS: false
+  });
 
   const doRender = () => {
     const root = transform(transformer, content);
@@ -181,7 +208,7 @@ function renderAll() {
   return renderAllUnder(document);
 }
 
-if (!((_window$markmap2 = window.markmap) != null && (_window$markmap2$auto = _window$markmap2.autoLoader) != null && _window$markmap2$auto.manual)) {
+if (!((_window$markmap = window.markmap) != null && (_window$markmap$autoL = _window$markmap.autoLoader) != null && _window$markmap$autoL.manual)) {
   if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', () => {
     renderAll();
   });else renderAll();

package/dist/index.min.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "markmap-autoloader",
-  "version": "0.2.0",
+  "version": "0.13.1",
   "description": "Load markmaps automatically in HTML",
   "author": "Gerald <gera2ld@live.com>",
   "license": "MIT",
@@ -38,11 +38,11 @@
     "node": ">=10"
   },
   "dependencies": {
-    "markmap-common": "^0.1.6"
+    "markmap-common": "^0.13.0"
   },
   "devDependencies": {
-    "markmap-lib": "^0.12.0",
-    "markmap-view": "^0.2.7"
+    "markmap-lib": "^0.13.1",
+    "markmap-view": "^0.13.1"
   },
-  "gitHead": "fbec667e1706813f9f60bea6a971f3820858ca40"
+  "gitHead": "c23f372da8c72b8053659cfbb9583c027dea6dab"
 }

package/types/index.d.ts

@@ -1,4 +1,4 @@
 export declare const ready: Promise<void>;
-export declare function render(el: any): void;
+export declare function render(el: HTMLElement): void;
 export declare function renderAllUnder(container: ParentNode): Promise<void>;
 export declare function renderAll(): Promise<void>;