markmap-autoloader 0.14.4-alpha.1 → 0.15.0-alpha.0

package/README.md

@@ -28,10 +28,16 @@ HTML:
 
 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`:
+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,65 +1,63 @@
-/*! markmap-autoloader v0.14.4-alpha.1+8a57fea | MIT License */
+/*! markmap-autoloader v0.15.0-alpha.0 | MIT License */
 this.markmap = this.markmap || {};
 (function (exports) {
 'use strict';
 
-/*! markmap-common v0.14.2 | MIT License */
-
+/*! markmap-common v0.15.0-alpha.0 | MIT License */
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
-
   return _extends.apply(this, arguments);
 }
-
 Math.random().toString(36).slice(2, 8);
-
 function memoize(fn) {
   const cache = {};
   return function memoized(...args) {
     const key = `${args[0]}`;
     let data = cache[key];
-
     if (!data) {
       data = {
         value: fn(...args)
       };
       cache[key] = data;
     }
-
     return data.value;
   };
 }
-
+const providers = {
+  jsdelivr: path => `https://cdn.jsdelivr.net/npm/${path}`,
+  unpkg: path => `https://unpkg.com/${path}`
+};
+function cdnUrl(provider, path) {
+  const factory = providers[provider];
+  if (!factory) {
+    throw new Error(`Provider ${provider} not found`);
+  }
+  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', {
     rel: 'preload',
@@ -67,24 +65,21 @@ const memoizedPreloadJS = memoize(url => {
     href: url
   }));
 });
-
 async function loadJSItem(item, context) {
   if (!item.loaded) {
     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
-        }))); // Run inline script synchronously
-
+        })));
+        // Run inline script synchronously
         if (!((_item$data = item.data) != null && _item$data.src)) resolve(undefined);
       }).then(() => {
         item.loaded = true;
       });
     }
-
     if (item.type === 'iife') {
       const {
         fn,
@@ -94,51 +89,48 @@ async function loadJSItem(item, context) {
       item.loaded = true;
     }
   }
-
   await item.loaded;
 }
-
 async function loadJS(items, context) {
   const needPreload = items.filter(item => {
     var _item$data2;
-
     return item.type === 'script' && ((_item$data2 = item.data) == null ? void 0 : _item$data2.src);
   });
   if (needPreload.length > 1) needPreload.forEach(item => memoizedPreloadJS(item.data.src));
   context = _extends({
     getMarkmap: () => window.markmap
   }, context);
-
   for (const item of items) {
     await loadJSItem(item, context);
   }
 }
+let provider = 'jsdelivr';
+function getFullUrl(path) {
+  if (path.includes('://')) return path;
+  return cdnUrl(provider, path);
+}
+function buildJSItem(path) {
+  return {
+    type: 'script',
+    data: {
+      src: getFullUrl(path)
+    }
+  };
+}
 
-var _window$markmap, _window$markmap$autoL, _window$markmap2, _window$markmap2$auto;
+var _window$markmap, _window$markmap2;
 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) || [{
-  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(() => {
+const ready = loadJS(((_window$markmap = window.markmap) == null || (_window$markmap = _window$markmap.autoLoader) == null ? void 0 : _window$markmap.baseJs) || [`d3@${"6.2.0"}`, `markmap-lib@${"0.15.0-alpha.0"}`, `markmap-view@${"0.15.0-alpha.0"}`].map(buildJSItem)).then(() => {
   var _markmap$autoLoader;
-
   const {
     markmap
   } = window;
   const style = document.createElement('style');
-  style.textContent = markmap.globalCSS; // Insert global CSS to body so it has higher priority than prism.css, etc.
-
+  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();
+  (_markmap$autoLoader = markmap.autoLoader) == null || _markmap$autoLoader.onReady == null ? void 0 : _markmap$autoLoader.onReady();
 });
-
 function transform(transformer, content) {
   const result = transformer.transform(content);
   const keys = Object.keys(result.features).filter(key => !enabled[key]);
@@ -156,7 +148,6 @@ function transform(transformer, content) {
   if (scripts) markmap.loadJS(scripts);
   return result;
 }
-
 function render(el) {
   const {
     Transformer,
@@ -177,7 +168,6 @@ function render(el) {
   const mm = Markmap.create(svg, {
     embedGlobalCSS: false
   });
-
   const doRender = () => {
     const {
       root,
@@ -188,7 +178,6 @@ function render(el) {
     mm.setData(root, frontmatterOptions);
     mm.fit();
   };
-
   transformer.hooks.retransform.tap(doRender);
   doRender();
 }
@@ -199,8 +188,7 @@ async function renderAllUnder(container) {
 function renderAll() {
   return renderAllUnder(document);
 }
-
-if (!((_window$markmap2 = window.markmap) != null && (_window$markmap2$auto = _window$markmap2.autoLoader) != null && _window$markmap2$auto.manual)) {
+if (!((_window$markmap2 = window.markmap) != null && (_window$markmap2 = _window$markmap2.autoLoader) != null && _window$markmap2.manual)) {
   if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', () => {
     renderAll();
   });else renderAll();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "markmap-autoloader",
-  "version": "0.14.4-alpha.1+8a57fea",
+  "version": "0.15.0-alpha.0",
   "description": "Load markmaps automatically in HTML",
   "author": "Gerald <gera2ld@live.com>",
   "license": "MIT",
@@ -9,14 +9,14 @@
     "markdown",
     "mindmap"
   ],
-  "homepage": "https://github.com/gera2ld/markmap/packages/markmap-autoloader#readme",
+  "homepage": "https://github.com/markmap/markmap/packages/markmap-autoloader#readme",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/gera2ld/markmap.git"
+    "url": "git+https://github.com/markmap/markmap.git"
   },
   "scripts": {
     "dev": "rollup -wc rollup.conf.js",
@@ -25,25 +25,22 @@
     "build:js": "rollup -c rollup.conf.js"
   },
   "bugs": {
-    "url": "https://github.com/gera2ld/markmap/issues"
+    "url": "https://github.com/markmap/markmap/issues"
   },
   "main": "dist/index.js",
-  "unpkg": "dist/index.min.js",
-  "jsdelivr": "dist/index.min.js",
+  "unpkg": "dist/index.js",
+  "jsdelivr": "dist/index.js",
   "files": [
     "dist",
     "types"
   ],
-  "engines": {
-    "node": ">=10"
-  },
   "peerDependencies": {
     "markmap-common": "*"
   },
   "devDependencies": {
-    "markmap-common": "^0.14.2",
-    "markmap-lib": "^0.14.4-alpha.1+8a57fea",
-    "markmap-view": "^0.14.4-alpha.1+8a57fea"
+    "markmap-common": "0.15.0-alpha.0",
+    "markmap-lib": "0.15.0-alpha.0",
+    "markmap-view": "0.15.0-alpha.0"
   },
-  "gitHead": "8a57fea7292bee5c50dc0594553d5da62e46d9f8"
+  "gitHead": "cea14d4791b8483481a99baa5d256017f52f267c"
 }

package/dist/index.min.js

@@ -1,3 +0,0 @@
-/*! 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 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||{});