markmap-lib 0.15.9-alpha.0 → 0.15.9-alpha.12

package/dist/index.js

@@ -3,229 +3,15 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const markmapCommon = require("markmap-common");
 const markmapHtmlParser = require("markmap-html-parser");
 const remarkable = require("remarkable");
-const remarkableKatex = require("remarkable-katex");
-const yaml = require("js-yaml");
-const hljs = require("highlight.js");
+const plugins = require("./plugins.js");
+require("js-yaml");
+require("highlight.js");
+require("remarkable-katex");
 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.9-alpha.0"}/dist/browser/index.js`
+  `markmap-view@${"0.15.8"}/dist/browser/index.js`
 ];
-const name$3 = "katex";
-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)
-);
-const config$1 = {
-  versions: {
-    katex: "0.16.8",
-    webfontloader: "1.6.28"
-  },
-  preloadScripts: preloadScripts$1,
-  scripts: [
-    {
-      type: "iife",
-      data: {
-        fn: (getMarkmap) => {
-          window.WebFontConfig = {
-            custom: {
-              families: [
-                "KaTeX_AMS",
-                "KaTeX_Caligraphic:n4,n7",
-                "KaTeX_Fraktur:n4,n7",
-                "KaTeX_Main:n4,n7,i4,i7",
-                "KaTeX_Math:i4,i7",
-                "KaTeX_Script",
-                "KaTeX_SansSerif:n4,n7,i4",
-                "KaTeX_Size1",
-                "KaTeX_Size2",
-                "KaTeX_Size3",
-                "KaTeX_Size4",
-                "KaTeX_Typewriter"
-              ]
-            },
-            active: () => {
-              getMarkmap().refreshHook.call();
-            }
-          };
-        },
-        getParams({ getMarkmap }) {
-          return [getMarkmap];
-        }
-      }
-    },
-    webfontloader
-  ],
-  styles: styles$1
-};
-function createTransformHooks(transformer) {
-  return {
-    transformer,
-    parser: new markmapCommon.Hook(),
-    beforeParse: new markmapCommon.Hook(),
-    afterParse: new markmapCommon.Hook(),
-    htmltag: new markmapCommon.Hook(),
-    retransform: new markmapCommon.Hook()
-  };
-}
-function definePlugin(plugin2) {
-  return plugin2;
-}
-const plugin$1 = definePlugin({
-  name: name$3,
-  config: config$1,
-  transform(transformHooks) {
-    var _a, _b;
-    let enableFeature = markmapCommon.noop;
-    transformHooks.parser.tap((md) => {
-      md.use(remarkableKatex);
-      md.renderer.rules.katex = markmapCommon.wrapFunction(
-        md.renderer.rules.katex,
-        (render, ...args) => {
-          enableFeature();
-          return render(...args);
-        }
-      );
-    });
-    transformHooks.beforeParse.tap((_, context) => {
-      enableFeature = () => {
-        context.features[name$3] = true;
-      };
-    });
-    return {
-      styles: (_a = plugin$1.config) == null ? void 0 : _a.styles,
-      scripts: (_b = plugin$1.config) == null ? void 0 : _b.scripts
-    };
-  }
-});
-const name$2 = "frontmatter";
-const frontmatter = definePlugin({
-  name: name$2,
-  transform(transformHooks) {
-    transformHooks.beforeParse.tap((md, context) => {
-      const { content } = context;
-      if (!/^---\r?\n/.test(content))
-        return;
-      const match = /\n---\r?\n/.exec(content);
-      if (!match)
-        return;
-      const raw = content.slice(4, match.index);
-      let frontmatter2;
-      try {
-        frontmatter2 = yaml.load(raw);
-        if (frontmatter2 == null ? void 0 : frontmatter2.markmap) {
-          frontmatter2.markmap = normalizeMarkmapJsonOptions(
-            frontmatter2.markmap
-          );
-        }
-      } catch {
-        return;
-      }
-      context.frontmatter = frontmatter2;
-      context.content = content.slice(match.index + match[0].length);
-      context.contentLineOffset = content.slice(0, match.index).split("\n").length + 1;
-    });
-    return {};
-  }
-});
-function normalizeMarkmapJsonOptions(options) {
-  if (!options)
-    return;
-  ["color", "extraJs", "extraCss"].forEach((key) => {
-    if (options[key] != null)
-      options[key] = normalizeStringArray(options[key]);
-  });
-  ["duration", "maxWidth", "initialExpandLevel"].forEach((key) => {
-    if (options[key] != null)
-      options[key] = normalizeNumber(options[key]);
-  });
-  return options;
-}
-function normalizeStringArray(value) {
-  let result;
-  if (typeof value === "string")
-    result = [value];
-  else if (Array.isArray(value))
-    result = value.filter((item) => item && typeof item === "string");
-  return (result == null ? void 0 : result.length) ? result : void 0;
-}
-function normalizeNumber(value) {
-  if (isNaN(+value))
-    return;
-  return +value;
-}
-const name$1 = "npmUrl";
-const npmUrl = definePlugin({
-  name: name$1,
-  transform(transformHooks) {
-    transformHooks.afterParse.tap((_, context) => {
-      const { frontmatter: frontmatter2 } = context;
-      const markmap = frontmatter2 == null ? void 0 : frontmatter2.markmap;
-      if (markmap) {
-        ["extraJs", "extraCss"].forEach((key) => {
-          const value = markmap[key];
-          if (value) {
-            markmap[key] = value.map((path) => {
-              if (path.startsWith("npm:")) {
-                return transformHooks.transformer.urlBuilder.getFullUrl(
-                  path.slice(4)
-                );
-              }
-              return path;
-            });
-          }
-        });
-      }
-    });
-    return {};
-  }
-});
-const name = "hljs";
-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@${process.env.HLJS_VERSION}/styles/default.css`,
-].map((path) => markmapCommon.buildCSSItem(path));
-const config = {
-  versions: {
-    hljs: "11.8.0"
-  },
-  preloadScripts,
-  styles
-};
-const plugin = definePlugin({
-  name,
-  config,
-  transform(transformHooks) {
-    var _a;
-    let enableFeature = markmapCommon.noop;
-    transformHooks.parser.tap((md) => {
-      md.set({
-        highlight: (str, language) => {
-          enableFeature();
-          return hljs.highlightAuto(str, language ? [language] : void 0).value;
-        }
-      });
-    });
-    transformHooks.beforeParse.tap((_, context) => {
-      enableFeature = () => {
-        context.features[name] = true;
-      };
-    });
-    return {
-      styles: (_a = plugin.config) == null ? void 0 : _a.styles
-    };
-  }
-});
-const plugins = [frontmatter, plugin$1, plugin, npmUrl];
 function patchJSItem(urlBuilder, item) {
   if (item.type === "script" && item.data.src) {
     return {
@@ -250,6 +36,7 @@ function patchCSSItem(urlBuilder, item) {
   }
   return item;
 }
+const builtInPlugins = plugins.plugins;
 function cleanNode(node) {
   while (!node.content && node.children.length === 1) {
     node = node.children[0];
@@ -266,16 +53,16 @@ function cleanNode(node) {
   };
 }
 class Transformer {
-  constructor(plugins$1 = plugins) {
+  constructor(plugins$1 = builtInPlugins) {
     this.assetsMap = {};
     this.urlBuilder = new markmapCommon.UrlBuilder();
-    this.hooks = createTransformHooks(this);
+    this.hooks = plugins.createTransformHooks(this);
     this.plugins = plugins$1.map(
-      (plugin2) => typeof plugin2 === "function" ? plugin2() : plugin2
+      (plugin) => typeof plugin === "function" ? plugin() : plugin
     );
     const assetsMap = {};
-    for (const { name: name2, transform } of this.plugins) {
-      assetsMap[name2] = transform(this.hooks);
+    for (const { name, transform } of this.plugins) {
+      assetsMap[name] = transform(this.hooks);
     }
     this.assetsMap = assetsMap;
     const md = new remarkable.Remarkable("full", {
@@ -316,19 +103,19 @@ class Transformer {
    * Get all assets from enabled plugins or filter them by plugin names as keys.
    */
   getAssets(keys) {
-    const styles2 = [];
+    const styles = [];
     const scripts = [];
-    keys ?? (keys = this.plugins.map((plugin2) => plugin2.name));
+    keys ?? (keys = this.plugins.map((plugin) => plugin.name));
     for (const assets of keys.map((key) => this.assetsMap[key])) {
       if (assets) {
         if (assets.styles)
-          styles2.push(...assets.styles);
+          styles.push(...assets.styles);
         if (assets.scripts)
           scripts.push(...assets.scripts);
       }
     }
     return {
-      styles: styles2.map((item) => patchCSSItem(this.urlBuilder, item)),
+      styles: styles.map((item) => patchCSSItem(this.urlBuilder, item)),
       scripts: scripts.map((item) => patchJSItem(this.urlBuilder, item))
     };
   }
@@ -336,7 +123,7 @@ class Transformer {
    * Get used assets by features object returned by `transform`.
    */
   getUsedAssets(features) {
-    const keys = this.plugins.map((plugin2) => plugin2.name).filter((name2) => features[name2]);
+    const keys = this.plugins.map((plugin) => plugin.name).filter((name) => features[name]);
     return this.getAssets(keys);
   }
   fillTemplate(root, assets, extra) {
@@ -344,8 +131,8 @@ class Transformer {
       ...extra
     };
     extra.baseJs ?? (extra.baseJs = baseJsPaths.map((path) => this.urlBuilder.getFullUrl(path)).map((path) => markmapCommon.buildJSItem(path)));
-    const { scripts, styles: styles2 } = assets;
-    const cssList = [...styles2 ? markmapCommon.persistCSS(styles2) : []];
+    const { scripts, styles } = assets;
+    const cssList = [...styles ? markmapCommon.persistCSS(styles) : []];
     const context = {
       getMarkmap: () => window.markmap,
       getOptions: extra.getOptions,
@@ -387,6 +174,6 @@ const transformerVersions = {
 };
 exports.Transformer = Transformer;
 exports.baseJsPaths = baseJsPaths;
-exports.builtInPlugins = plugins;
+exports.builtInPlugins = builtInPlugins;
 exports.template = template;
 exports.transformerVersions = transformerVersions;

package/dist/index.mjs

@@ -1,229 +1,15 @@
-import { buildJSItem, buildCSSItem, Hook, wrapFunction, noop, UrlBuilder, persistCSS, persistJS } from "markmap-common";
+import { UrlBuilder, wrapFunction, buildJSItem, persistCSS, persistJS } from "markmap-common";
 import { buildTree } from "markmap-html-parser";
 import { Remarkable } from "remarkable";
-import remarkableKatex from "remarkable-katex";
-import yaml from "js-yaml";
-import hljs from "highlight.js";
+import { plugins, createTransformHooks } from "./plugins.mjs";
+import "js-yaml";
+import "highlight.js";
+import "remarkable-katex";
 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.9-alpha.0"}/dist/browser/index.js`
+  `markmap-view@${"0.15.8"}/dist/browser/index.js`
 ];
-const name$3 = "katex";
-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)
-);
-const config$1 = {
-  versions: {
-    katex: "0.16.8",
-    webfontloader: "1.6.28"
-  },
-  preloadScripts: preloadScripts$1,
-  scripts: [
-    {
-      type: "iife",
-      data: {
-        fn: (getMarkmap) => {
-          window.WebFontConfig = {
-            custom: {
-              families: [
-                "KaTeX_AMS",
-                "KaTeX_Caligraphic:n4,n7",
-                "KaTeX_Fraktur:n4,n7",
-                "KaTeX_Main:n4,n7,i4,i7",
-                "KaTeX_Math:i4,i7",
-                "KaTeX_Script",
-                "KaTeX_SansSerif:n4,n7,i4",
-                "KaTeX_Size1",
-                "KaTeX_Size2",
-                "KaTeX_Size3",
-                "KaTeX_Size4",
-                "KaTeX_Typewriter"
-              ]
-            },
-            active: () => {
-              getMarkmap().refreshHook.call();
-            }
-          };
-        },
-        getParams({ getMarkmap }) {
-          return [getMarkmap];
-        }
-      }
-    },
-    webfontloader
-  ],
-  styles: styles$1
-};
-function createTransformHooks(transformer) {
-  return {
-    transformer,
-    parser: new Hook(),
-    beforeParse: new Hook(),
-    afterParse: new Hook(),
-    htmltag: new Hook(),
-    retransform: new Hook()
-  };
-}
-function definePlugin(plugin2) {
-  return plugin2;
-}
-const plugin$1 = definePlugin({
-  name: name$3,
-  config: config$1,
-  transform(transformHooks) {
-    var _a, _b;
-    let enableFeature = noop;
-    transformHooks.parser.tap((md) => {
-      md.use(remarkableKatex);
-      md.renderer.rules.katex = wrapFunction(
-        md.renderer.rules.katex,
-        (render, ...args) => {
-          enableFeature();
-          return render(...args);
-        }
-      );
-    });
-    transformHooks.beforeParse.tap((_, context) => {
-      enableFeature = () => {
-        context.features[name$3] = true;
-      };
-    });
-    return {
-      styles: (_a = plugin$1.config) == null ? void 0 : _a.styles,
-      scripts: (_b = plugin$1.config) == null ? void 0 : _b.scripts
-    };
-  }
-});
-const name$2 = "frontmatter";
-const frontmatter = definePlugin({
-  name: name$2,
-  transform(transformHooks) {
-    transformHooks.beforeParse.tap((md, context) => {
-      const { content } = context;
-      if (!/^---\r?\n/.test(content))
-        return;
-      const match = /\n---\r?\n/.exec(content);
-      if (!match)
-        return;
-      const raw = content.slice(4, match.index);
-      let frontmatter2;
-      try {
-        frontmatter2 = yaml.load(raw);
-        if (frontmatter2 == null ? void 0 : frontmatter2.markmap) {
-          frontmatter2.markmap = normalizeMarkmapJsonOptions(
-            frontmatter2.markmap
-          );
-        }
-      } catch {
-        return;
-      }
-      context.frontmatter = frontmatter2;
-      context.content = content.slice(match.index + match[0].length);
-      context.contentLineOffset = content.slice(0, match.index).split("\n").length + 1;
-    });
-    return {};
-  }
-});
-function normalizeMarkmapJsonOptions(options) {
-  if (!options)
-    return;
-  ["color", "extraJs", "extraCss"].forEach((key) => {
-    if (options[key] != null)
-      options[key] = normalizeStringArray(options[key]);
-  });
-  ["duration", "maxWidth", "initialExpandLevel"].forEach((key) => {
-    if (options[key] != null)
-      options[key] = normalizeNumber(options[key]);
-  });
-  return options;
-}
-function normalizeStringArray(value) {
-  let result;
-  if (typeof value === "string")
-    result = [value];
-  else if (Array.isArray(value))
-    result = value.filter((item) => item && typeof item === "string");
-  return (result == null ? void 0 : result.length) ? result : void 0;
-}
-function normalizeNumber(value) {
-  if (isNaN(+value))
-    return;
-  return +value;
-}
-const name$1 = "npmUrl";
-const npmUrl = definePlugin({
-  name: name$1,
-  transform(transformHooks) {
-    transformHooks.afterParse.tap((_, context) => {
-      const { frontmatter: frontmatter2 } = context;
-      const markmap = frontmatter2 == null ? void 0 : frontmatter2.markmap;
-      if (markmap) {
-        ["extraJs", "extraCss"].forEach((key) => {
-          const value = markmap[key];
-          if (value) {
-            markmap[key] = value.map((path) => {
-              if (path.startsWith("npm:")) {
-                return transformHooks.transformer.urlBuilder.getFullUrl(
-                  path.slice(4)
-                );
-              }
-              return path;
-            });
-          }
-        });
-      }
-    });
-    return {};
-  }
-});
-const name = "hljs";
-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@${process.env.HLJS_VERSION}/styles/default.css`,
-].map((path) => buildCSSItem(path));
-const config = {
-  versions: {
-    hljs: "11.8.0"
-  },
-  preloadScripts,
-  styles
-};
-const plugin = definePlugin({
-  name,
-  config,
-  transform(transformHooks) {
-    var _a;
-    let enableFeature = noop;
-    transformHooks.parser.tap((md) => {
-      md.set({
-        highlight: (str, language) => {
-          enableFeature();
-          return hljs.highlightAuto(str, language ? [language] : void 0).value;
-        }
-      });
-    });
-    transformHooks.beforeParse.tap((_, context) => {
-      enableFeature = () => {
-        context.features[name] = true;
-      };
-    });
-    return {
-      styles: (_a = plugin.config) == null ? void 0 : _a.styles
-    };
-  }
-});
-const plugins = [frontmatter, plugin$1, plugin, npmUrl];
 function patchJSItem(urlBuilder, item) {
   if (item.type === "script" && item.data.src) {
     return {
@@ -248,6 +34,7 @@ function patchCSSItem(urlBuilder, item) {
   }
   return item;
 }
+const builtInPlugins = plugins;
 function cleanNode(node) {
   while (!node.content && node.children.length === 1) {
     node = node.children[0];
@@ -264,16 +51,16 @@ function cleanNode(node) {
   };
 }
 class Transformer {
-  constructor(plugins$1 = plugins) {
+  constructor(plugins2 = builtInPlugins) {
     this.assetsMap = {};
     this.urlBuilder = new UrlBuilder();
     this.hooks = createTransformHooks(this);
-    this.plugins = plugins$1.map(
-      (plugin2) => typeof plugin2 === "function" ? plugin2() : plugin2
+    this.plugins = plugins2.map(
+      (plugin) => typeof plugin === "function" ? plugin() : plugin
     );
     const assetsMap = {};
-    for (const { name: name2, transform } of this.plugins) {
-      assetsMap[name2] = transform(this.hooks);
+    for (const { name, transform } of this.plugins) {
+      assetsMap[name] = transform(this.hooks);
     }
     this.assetsMap = assetsMap;
     const md = new Remarkable("full", {
@@ -314,19 +101,19 @@ class Transformer {
    * Get all assets from enabled plugins or filter them by plugin names as keys.
    */
   getAssets(keys) {
-    const styles2 = [];
+    const styles = [];
     const scripts = [];
-    keys ?? (keys = this.plugins.map((plugin2) => plugin2.name));
+    keys ?? (keys = this.plugins.map((plugin) => plugin.name));
     for (const assets of keys.map((key) => this.assetsMap[key])) {
       if (assets) {
         if (assets.styles)
-          styles2.push(...assets.styles);
+          styles.push(...assets.styles);
         if (assets.scripts)
           scripts.push(...assets.scripts);
       }
     }
     return {
-      styles: styles2.map((item) => patchCSSItem(this.urlBuilder, item)),
+      styles: styles.map((item) => patchCSSItem(this.urlBuilder, item)),
       scripts: scripts.map((item) => patchJSItem(this.urlBuilder, item))
     };
   }
@@ -334,7 +121,7 @@ class Transformer {
    * Get used assets by features object returned by `transform`.
    */
   getUsedAssets(features) {
-    const keys = this.plugins.map((plugin2) => plugin2.name).filter((name2) => features[name2]);
+    const keys = this.plugins.map((plugin) => plugin.name).filter((name) => features[name]);
     return this.getAssets(keys);
   }
   fillTemplate(root, assets, extra) {
@@ -342,8 +129,8 @@ class Transformer {
       ...extra
     };
     extra.baseJs ?? (extra.baseJs = baseJsPaths.map((path) => this.urlBuilder.getFullUrl(path)).map((path) => buildJSItem(path)));
-    const { scripts, styles: styles2 } = assets;
-    const cssList = [...styles2 ? persistCSS(styles2) : []];
+    const { scripts, styles } = assets;
+    const cssList = [...styles ? persistCSS(styles) : []];
     const context = {
       getMarkmap: () => window.markmap,
       getOptions: extra.getOptions,
@@ -386,7 +173,7 @@ const transformerVersions = {
 export {
   Transformer,
   baseJsPaths,
-  plugins as builtInPlugins,
+  builtInPlugins,
   template,
   transformerVersions
 };