markmap-lib 0.15.1 → 0.15.2-alpha.1

package/dist/browser/index.js

@@ -1,9 +1,9 @@
-/*! markmap-lib v0.15.1 | MIT License */
+/*! markmap-lib v0.15.2-alpha.1+6800b6d | MIT License */
 (function (global, factory) {
-typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('katex'), require('highlight.js')) :
-typeof define === 'function' && define.amd ? define(['exports', 'katex', 'highlight.js'], factory) :
-(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.markmap = global.markmap || {}, global.window.katex, global.window.hljs));
-})(this, (function (exports, require$$0, hljs) { 'use strict';
+typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('katex')) :
+typeof define === 'function' && define.amd ? define(['exports', 'katex'], factory) :
+(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.markmap = global.markmap || {}, global.window.katex));
+})(this, (function (exports, require$$0) { 'use strict';
 
 const template = "<!DOCTYPE html>\n<html>\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">\n<title>Markmap</title>\n<style>\n* {\n  margin: 0;\n  padding: 0;\n}\n#mindmap {\n  display: block;\n  width: 100vw;\n  height: 100vh;\n}\n</style>\n<!--CSS-->\n</head>\n<body>\n<svg id=\"mindmap\"></svg>\n<!--JS-->\n</body>\n</html>\n" ;
 const baseJsPaths = [`d3@${"7.8.5"}/dist/d3.min.js`, `markmap-view@${"0.15.0"}/dist/browser/index.js`];
@@ -7687,7 +7687,7 @@ var remarkableKatex = rkatex;
 var remarkableKatex$1 = /*@__PURE__*/getDefaultExportFromCjs(remarkableKatex);
 
 const name$3 = 'katex';
-const preloadScripts = [`katex@${"0.16.8"}/dist/katex.min.js`].map(path => buildJSItem(path));
+const preloadScripts$1 = [`katex@${"0.16.8"}/dist/katex.min.js`].map(path => buildJSItem(path));
 const webfontloader = buildJSItem(`webfontloader@${"1.6.28"}/webfontloader.js`);
 webfontloader.data.defer = true;
 const styles$1 = [`katex@${"0.16.8"}/dist/katex.min.css`].map(path => buildCSSItem(path));
@@ -7696,7 +7696,7 @@ const config$1 = {
     katex: "0.16.8" ,
     webfontloader: "1.6.28" 
   },
-  preloadScripts,
+  preloadScripts: preloadScripts$1,
   scripts: [{
     type: 'iife',
     data: {
@@ -11025,24 +11025,44 @@ var npmUrl = definePlugin({
 });
 
 const name = 'hljs';
-const styles = [`highlight.js@${"11.8.0"}/styles/default.css`].map(path => buildCSSItem(path));
+const preloadScripts = [`@highlightjs/cdn-assets@${"11.8.0"}/highlight.min.js`].map(path => buildJSItem(path));
+const styles = [`@highlightjs/cdn-assets@${"11.8.0"}/styles/default.min.css`
+// `highlight.js@${"11.8.0"}/styles/default.css`,
+].map(path => buildCSSItem(path));
 const config = {
   versions: {
     hljs: "11.8.0" 
   },
+  preloadScripts,
   styles
 };
+
 const plugin = definePlugin({
   name,
   config,
   transform(transformHooks) {
-    var _plugin$config;
+    var _plugin$config, _plugin$config2;
+    let loading;
+    const preloadScripts = ((_plugin$config = plugin.config) == null || (_plugin$config = _plugin$config.preloadScripts) == null ? void 0 : _plugin$config.map(item => patchJSItem(transformHooks.transformer, item))) || [];
+    const autoload = () => {
+      loading || (loading = loadJS(preloadScripts));
+      return loading;
+    };
     let enableFeature = noop;
     transformHooks.parser.tap(md => {
       md.set({
         highlight: (str, language) => {
           enableFeature();
-          return hljs.highlightAuto(str, language ? [language] : undefined).value;
+          const {
+            hljs
+          } = window;
+          if (hljs) {
+            return hljs.highlightAuto(str, language ? [language] : undefined).value;
+          }
+          autoload().then(() => {
+            transformHooks.retransform.call();
+          });
+          return str;
         }
       });
     });
@@ -11052,7 +11072,7 @@ const plugin = definePlugin({
       };
     });
     return {
-      styles: (_plugin$config = plugin.config) == null ? void 0 : _plugin$config.styles
+      styles: (_plugin$config2 = plugin.config) == null ? void 0 : _plugin$config2.styles
     };
   }
 });
@@ -11299,7 +11319,7 @@ class Transformer {
 }
 
 const transformerVersions = {
-  'markmap-lib': '0.15.1',
+  'markmap-lib': '0.15.2-alpha.1+6800b6d',
   d3: "7.8.5"
 };
 

package/dist/browser/index.mjs

@@ -1,16 +1,15 @@
-/*! markmap-lib v0.15.1 | MIT License */
+/*! markmap-lib v0.15.2-alpha.1+6800b6d | MIT License */
 import _extends from '@babel/runtime/helpers/esm/extends';
 import { Remarkable } from 'remarkable';
 import { buildJSItem, buildCSSItem, Hook, noop, loadJS, UrlBuilder, wrapFunction, persistCSS, persistJS } from 'markmap-common';
 import remarkableKatex from 'remarkable-katex';
 import yaml from 'js-yaml';
-import hljs from 'highlight.js';
 
 const template = "<!DOCTYPE html>\n<html>\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">\n<title>Markmap</title>\n<style>\n* {\n  margin: 0;\n  padding: 0;\n}\n#mindmap {\n  display: block;\n  width: 100vw;\n  height: 100vh;\n}\n</style>\n<!--CSS-->\n</head>\n<body>\n<svg id=\"mindmap\"></svg>\n<!--JS-->\n</body>\n</html>\n" ;
 const baseJsPaths = [`d3@${"7.8.5"}/dist/d3.min.js`, `markmap-view@${"0.15.0"}/dist/browser/index.js`];
 
 const name$3 = 'katex';
-const preloadScripts = [`katex@${"0.16.8"}/dist/katex.min.js`].map(path => buildJSItem(path));
+const preloadScripts$1 = [`katex@${"0.16.8"}/dist/katex.min.js`].map(path => buildJSItem(path));
 const webfontloader = buildJSItem(`webfontloader@${"1.6.28"}/webfontloader.js`);
 webfontloader.data.defer = true;
 const styles$1 = [`katex@${"0.16.8"}/dist/katex.min.css`].map(path => buildCSSItem(path));
@@ -19,7 +18,7 @@ const config$1 = {
     katex: "0.16.8" ,
     webfontloader: "1.6.28" 
   },
-  preloadScripts,
+  preloadScripts: preloadScripts$1,
   scripts: [{
     type: 'iife',
     data: {
@@ -237,24 +236,44 @@ var npmUrl = definePlugin({
 });
 
 const name = 'hljs';
-const styles = [`highlight.js@${"11.8.0"}/styles/default.css`].map(path => buildCSSItem(path));
+const preloadScripts = [`@highlightjs/cdn-assets@${"11.8.0"}/highlight.min.js`].map(path => buildJSItem(path));
+const styles = [`@highlightjs/cdn-assets@${"11.8.0"}/styles/default.min.css`
+// `highlight.js@${"11.8.0"}/styles/default.css`,
+].map(path => buildCSSItem(path));
 const config = {
   versions: {
     hljs: "11.8.0" 
   },
+  preloadScripts,
   styles
 };
+
 const plugin = definePlugin({
   name,
   config,
   transform(transformHooks) {
-    var _plugin$config;
+    var _plugin$config, _plugin$config2;
+    let loading;
+    const preloadScripts = ((_plugin$config = plugin.config) == null || (_plugin$config = _plugin$config.preloadScripts) == null ? void 0 : _plugin$config.map(item => patchJSItem(transformHooks.transformer, item))) || [];
+    const autoload = () => {
+      loading || (loading = loadJS(preloadScripts));
+      return loading;
+    };
     let enableFeature = noop;
     transformHooks.parser.tap(md => {
       md.set({
         highlight: (str, language) => {
           enableFeature();
-          return hljs.highlightAuto(str, language ? [language] : undefined).value;
+          const {
+            hljs
+          } = window;
+          if (hljs) {
+            return hljs.highlightAuto(str, language ? [language] : undefined).value;
+          }
+          autoload().then(() => {
+            transformHooks.retransform.call();
+          });
+          return str;
         }
       });
     });
@@ -264,7 +283,7 @@ const plugin = definePlugin({
       };
     });
     return {
-      styles: (_plugin$config = plugin.config) == null ? void 0 : _plugin$config.styles
+      styles: (_plugin$config2 = plugin.config) == null ? void 0 : _plugin$config2.styles
     };
   }
 });
@@ -511,7 +530,7 @@ class Transformer {
 }
 
 const transformerVersions = {
-  'markmap-lib': '0.15.1',
+  'markmap-lib': '0.15.2-alpha.1+6800b6d',
   d3: "7.8.5"
 };
 

package/dist/index.js

@@ -1,4 +1,4 @@
-/*! markmap-lib v0.15.1 | MIT License */
+/*! markmap-lib v0.15.2-alpha.1+6800b6d | MIT License */
 'use strict';
 
 var _extends = require('@babel/runtime/helpers/extends');
@@ -12,7 +12,7 @@ const template = "<!DOCTYPE html>\n<html>\n<head>\n<meta charset=\"UTF-8\">\n<me
 const baseJsPaths = [`d3@${"7.8.5"}/dist/d3.min.js`, `markmap-view@${"0.15.0"}/dist/browser/index.js`];
 
 const name$3 = 'katex';
-const preloadScripts = [`katex@${"0.16.8"}/dist/katex.min.js`].map(path => markmapCommon.buildJSItem(path));
+const preloadScripts$1 = [`katex@${"0.16.8"}/dist/katex.min.js`].map(path => markmapCommon.buildJSItem(path));
 const webfontloader = markmapCommon.buildJSItem(`webfontloader@${"1.6.28"}/webfontloader.js`);
 webfontloader.data.defer = true;
 const styles$1 = [`katex@${"0.16.8"}/dist/katex.min.css`].map(path => markmapCommon.buildCSSItem(path));
@@ -21,7 +21,7 @@ const config$1 = {
     katex: "0.16.8" ,
     webfontloader: "1.6.28" 
   },
-  preloadScripts,
+  preloadScripts: preloadScripts$1,
   scripts: [{
     type: 'iife',
     data: {
@@ -166,13 +166,18 @@ var npmUrl = definePlugin({
 });
 
 const name = 'hljs';
-const styles = [`highlight.js@${"11.8.0"}/styles/default.css`].map(path => markmapCommon.buildCSSItem(path));
+const preloadScripts = [`@highlightjs/cdn-assets@${"11.8.0"}/highlight.min.js`].map(path => markmapCommon.buildJSItem(path));
+const styles = [`@highlightjs/cdn-assets@${"11.8.0"}/styles/default.min.css`
+// `highlight.js@${"11.8.0"}/styles/default.css`,
+].map(path => markmapCommon.buildCSSItem(path));
 const config = {
   versions: {
     hljs: "11.8.0" 
   },
+  preloadScripts,
   styles
 };
+
 const plugin = definePlugin({
   name,
   config,
@@ -461,7 +466,7 @@ class Transformer {
 }
 
 const transformerVersions = {
-  'markmap-lib': '0.15.1',
+  'markmap-lib': '0.15.2-alpha.1+6800b6d',
   d3: "7.8.5"
 };
 

package/dist/index.mjs

@@ -1,4 +1,4 @@
-/*! markmap-lib v0.15.1 | MIT License */
+/*! markmap-lib v0.15.2-alpha.1+6800b6d | MIT License */
 import _extends from '@babel/runtime/helpers/esm/extends';
 import { Remarkable } from 'remarkable';
 import { buildJSItem, buildCSSItem, Hook, wrapFunction, noop, UrlBuilder, persistCSS, persistJS } from 'markmap-common';
@@ -10,7 +10,7 @@ const template = "<!DOCTYPE html>\n<html>\n<head>\n<meta charset=\"UTF-8\">\n<me
 const baseJsPaths = [`d3@${"7.8.5"}/dist/d3.min.js`, `markmap-view@${"0.15.0"}/dist/browser/index.js`];
 
 const name$3 = 'katex';
-const preloadScripts = [`katex@${"0.16.8"}/dist/katex.min.js`].map(path => buildJSItem(path));
+const preloadScripts$1 = [`katex@${"0.16.8"}/dist/katex.min.js`].map(path => buildJSItem(path));
 const webfontloader = buildJSItem(`webfontloader@${"1.6.28"}/webfontloader.js`);
 webfontloader.data.defer = true;
 const styles$1 = [`katex@${"0.16.8"}/dist/katex.min.css`].map(path => buildCSSItem(path));
@@ -19,7 +19,7 @@ const config$1 = {
     katex: "0.16.8" ,
     webfontloader: "1.6.28" 
   },
-  preloadScripts,
+  preloadScripts: preloadScripts$1,
   scripts: [{
     type: 'iife',
     data: {
@@ -164,13 +164,18 @@ var npmUrl = definePlugin({
 });
 
 const name = 'hljs';
-const styles = [`highlight.js@${"11.8.0"}/styles/default.css`].map(path => buildCSSItem(path));
+const preloadScripts = [`@highlightjs/cdn-assets@${"11.8.0"}/highlight.min.js`].map(path => buildJSItem(path));
+const styles = [`@highlightjs/cdn-assets@${"11.8.0"}/styles/default.min.css`
+// `highlight.js@${"11.8.0"}/styles/default.css`,
+].map(path => buildCSSItem(path));
 const config = {
   versions: {
     hljs: "11.8.0" 
   },
+  preloadScripts,
   styles
 };
+
 const plugin = definePlugin({
   name,
   config,
@@ -459,7 +464,7 @@ class Transformer {
 }
 
 const transformerVersions = {
-  'markmap-lib': '0.15.1',
+  'markmap-lib': '0.15.2-alpha.1+6800b6d',
   d3: "7.8.5"
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "markmap-lib",
-  "version": "0.15.1",
+  "version": "0.15.2-alpha.1+6800b6d",
   "description": "Visualize your Markdown as mindmaps with Markmap",
   "author": "Gerald <gera2ld@live.com>",
   "license": "MIT",
@@ -47,6 +47,7 @@
     "url": "https://github.com/markmap/markmap/issues"
   },
   "devDependencies": {
+    "@highlightjs/cdn-assets": "^11.8.0",
     "@types/remarkable": "^2.0.3",
     "markmap-common": "0.15.0",
     "markmap-view": "0.15.0",
@@ -74,5 +75,5 @@
       ]
     }
   },
-  "gitHead": "66edd3e66f16930d15d763ec0ea7239372f3b9c8"
+  "gitHead": "6800b6db7cde4b2a27175091eeccc8abbf7fadba"
 }

package/types/plugins/hljs.browser.d.ts

@@ -0,0 +1,2 @@
+declare const plugin: import("../types").ITransformPlugin;
+export default plugin;

package/types/plugins/hljs.config.d.ts

@@ -0,0 +1,8 @@
+export declare const name = "hljs";
+export declare const config: {
+    versions: {
+        hljs: string;
+    };
+    preloadScripts: import("markmap-common").JSScriptItem[];
+    styles: import("markmap-common").CSSStylesheetItem[];
+};