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

package/dist/index.no-plugins.js

@@ -0,0 +1,185 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const markmapCommon = require("markmap-common");
+const markmapHtmlParser = require("markmap-html-parser");
+const remarkable = require("remarkable");
+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.8"}/dist/browser/index.js`
+];
+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 patchJSItem(urlBuilder, item) {
+  if (item.type === "script" && item.data.src) {
+    return {
+      ...item,
+      data: {
+        ...item.data,
+        src: urlBuilder.getFullUrl(item.data.src)
+      }
+    };
+  }
+  return item;
+}
+function patchCSSItem(urlBuilder, item) {
+  if (item.type === "stylesheet" && item.data.href) {
+    return {
+      ...item,
+      data: {
+        ...item.data,
+        href: urlBuilder.getFullUrl(item.data.href)
+      }
+    };
+  }
+  return item;
+}
+const builtInPlugins = [];
+function cleanNode(node) {
+  while (!node.content && node.children.length === 1) {
+    node = node.children[0];
+  }
+  while (node.children.length === 1 && !node.children[0].content) {
+    node = {
+      ...node,
+      children: node.children[0].children
+    };
+  }
+  return {
+    ...node,
+    children: node.children.map(cleanNode)
+  };
+}
+class Transformer {
+  constructor(plugins = builtInPlugins) {
+    this.assetsMap = {};
+    this.urlBuilder = new markmapCommon.UrlBuilder();
+    this.hooks = createTransformHooks(this);
+    this.plugins = plugins.map(
+      (plugin) => typeof plugin === "function" ? plugin() : plugin
+    );
+    const assetsMap = {};
+    for (const { name, transform } of this.plugins) {
+      assetsMap[name] = transform(this.hooks);
+    }
+    this.assetsMap = assetsMap;
+    const md = new remarkable.Remarkable("full", {
+      html: true,
+      breaks: true,
+      maxNesting: Infinity
+    });
+    md.renderer.rules.htmltag = markmapCommon.wrapFunction(
+      md.renderer.rules.htmltag,
+      (render, ...args) => {
+        const result = render(...args);
+        this.hooks.htmltag.call({ args, result });
+        return result;
+      }
+    );
+    this.md = md;
+    this.hooks.parser.call(md);
+  }
+  transform(content, opts) {
+    var _a, _b;
+    const context = {
+      content,
+      features: {},
+      contentLineOffset: 0
+    };
+    this.hooks.beforeParse.call(this.md, context);
+    const html = this.md.render(context.content, {});
+    this.hooks.afterParse.call(this.md, context);
+    const root = cleanNode(
+      markmapHtmlParser.buildTree(html, {
+        ...(_b = (_a = context.frontmatter) == null ? void 0 : _a.markmap) == null ? void 0 : _b.htmlParser,
+        ...opts
+      })
+    );
+    return { ...context, root };
+  }
+  /**
+   * Get all assets from enabled plugins or filter them by plugin names as keys.
+   */
+  getAssets(keys) {
+    const styles = [];
+    const scripts = [];
+    keys ?? (keys = this.plugins.map((plugin) => plugin.name));
+    for (const assets of keys.map((key) => this.assetsMap[key])) {
+      if (assets) {
+        if (assets.styles)
+          styles.push(...assets.styles);
+        if (assets.scripts)
+          scripts.push(...assets.scripts);
+      }
+    }
+    return {
+      styles: styles.map((item) => patchCSSItem(this.urlBuilder, item)),
+      scripts: scripts.map((item) => patchJSItem(this.urlBuilder, item))
+    };
+  }
+  /**
+   * Get used assets by features object returned by `transform`.
+   */
+  getUsedAssets(features) {
+    const keys = this.plugins.map((plugin) => plugin.name).filter((name) => features[name]);
+    return this.getAssets(keys);
+  }
+  fillTemplate(root, assets, extra) {
+    extra = {
+      ...extra
+    };
+    extra.baseJs ?? (extra.baseJs = baseJsPaths.map((path) => this.urlBuilder.getFullUrl(path)).map((path) => markmapCommon.buildJSItem(path)));
+    const { scripts, styles } = assets;
+    const cssList = [...styles ? markmapCommon.persistCSS(styles) : []];
+    const context = {
+      getMarkmap: () => window.markmap,
+      getOptions: extra.getOptions,
+      jsonOptions: extra.jsonOptions,
+      root
+    };
+    const jsList = [
+      ...markmapCommon.persistJS(
+        [
+          ...extra.baseJs,
+          ...scripts || [],
+          {
+            type: "iife",
+            data: {
+              fn: (getMarkmap, getOptions, root2, jsonOptions) => {
+                const markmap = getMarkmap();
+                window.mm = markmap.Markmap.create(
+                  "svg#mindmap",
+                  (getOptions || markmap.deriveOptions)(jsonOptions),
+                  root2
+                );
+              },
+              getParams: ({ getMarkmap, getOptions, root: root2, jsonOptions }) => {
+                return [getMarkmap, getOptions, root2, jsonOptions];
+              }
+            }
+          }
+        ],
+        context
+      )
+    ];
+    const html = template.replace("<!--CSS-->", () => cssList.join("")).replace("<!--JS-->", () => jsList.join(""));
+    return html;
+  }
+}
+const transformerVersions = {
+  "markmap-lib": "process.env.VERSION",
+  d3: "7.8.5"
+};
+exports.Transformer = Transformer;
+exports.baseJsPaths = baseJsPaths;
+exports.builtInPlugins = builtInPlugins;
+exports.template = template;
+exports.transformerVersions = transformerVersions;

package/dist/index.no-plugins.mjs

@@ -0,0 +1,185 @@
+import { Hook, UrlBuilder, wrapFunction, buildJSItem, persistCSS, persistJS } from "markmap-common";
+import { buildTree } from "markmap-html-parser";
+import { Remarkable } from "remarkable";
+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.8"}/dist/browser/index.js`
+];
+function createTransformHooks(transformer) {
+  return {
+    transformer,
+    parser: new Hook(),
+    beforeParse: new Hook(),
+    afterParse: new Hook(),
+    htmltag: new Hook(),
+    retransform: new Hook()
+  };
+}
+function patchJSItem(urlBuilder, item) {
+  if (item.type === "script" && item.data.src) {
+    return {
+      ...item,
+      data: {
+        ...item.data,
+        src: urlBuilder.getFullUrl(item.data.src)
+      }
+    };
+  }
+  return item;
+}
+function patchCSSItem(urlBuilder, item) {
+  if (item.type === "stylesheet" && item.data.href) {
+    return {
+      ...item,
+      data: {
+        ...item.data,
+        href: urlBuilder.getFullUrl(item.data.href)
+      }
+    };
+  }
+  return item;
+}
+const builtInPlugins = [];
+function cleanNode(node) {
+  while (!node.content && node.children.length === 1) {
+    node = node.children[0];
+  }
+  while (node.children.length === 1 && !node.children[0].content) {
+    node = {
+      ...node,
+      children: node.children[0].children
+    };
+  }
+  return {
+    ...node,
+    children: node.children.map(cleanNode)
+  };
+}
+class Transformer {
+  constructor(plugins = builtInPlugins) {
+    this.assetsMap = {};
+    this.urlBuilder = new UrlBuilder();
+    this.hooks = createTransformHooks(this);
+    this.plugins = plugins.map(
+      (plugin) => typeof plugin === "function" ? plugin() : plugin
+    );
+    const assetsMap = {};
+    for (const { name, transform } of this.plugins) {
+      assetsMap[name] = transform(this.hooks);
+    }
+    this.assetsMap = assetsMap;
+    const md = new Remarkable("full", {
+      html: true,
+      breaks: true,
+      maxNesting: Infinity
+    });
+    md.renderer.rules.htmltag = wrapFunction(
+      md.renderer.rules.htmltag,
+      (render, ...args) => {
+        const result = render(...args);
+        this.hooks.htmltag.call({ args, result });
+        return result;
+      }
+    );
+    this.md = md;
+    this.hooks.parser.call(md);
+  }
+  transform(content, opts) {
+    var _a, _b;
+    const context = {
+      content,
+      features: {},
+      contentLineOffset: 0
+    };
+    this.hooks.beforeParse.call(this.md, context);
+    const html = this.md.render(context.content, {});
+    this.hooks.afterParse.call(this.md, context);
+    const root = cleanNode(
+      buildTree(html, {
+        ...(_b = (_a = context.frontmatter) == null ? void 0 : _a.markmap) == null ? void 0 : _b.htmlParser,
+        ...opts
+      })
+    );
+    return { ...context, root };
+  }
+  /**
+   * Get all assets from enabled plugins or filter them by plugin names as keys.
+   */
+  getAssets(keys) {
+    const styles = [];
+    const scripts = [];
+    keys ?? (keys = this.plugins.map((plugin) => plugin.name));
+    for (const assets of keys.map((key) => this.assetsMap[key])) {
+      if (assets) {
+        if (assets.styles)
+          styles.push(...assets.styles);
+        if (assets.scripts)
+          scripts.push(...assets.scripts);
+      }
+    }
+    return {
+      styles: styles.map((item) => patchCSSItem(this.urlBuilder, item)),
+      scripts: scripts.map((item) => patchJSItem(this.urlBuilder, item))
+    };
+  }
+  /**
+   * Get used assets by features object returned by `transform`.
+   */
+  getUsedAssets(features) {
+    const keys = this.plugins.map((plugin) => plugin.name).filter((name) => features[name]);
+    return this.getAssets(keys);
+  }
+  fillTemplate(root, assets, extra) {
+    extra = {
+      ...extra
+    };
+    extra.baseJs ?? (extra.baseJs = baseJsPaths.map((path) => this.urlBuilder.getFullUrl(path)).map((path) => buildJSItem(path)));
+    const { scripts, styles } = assets;
+    const cssList = [...styles ? persistCSS(styles) : []];
+    const context = {
+      getMarkmap: () => window.markmap,
+      getOptions: extra.getOptions,
+      jsonOptions: extra.jsonOptions,
+      root
+    };
+    const jsList = [
+      ...persistJS(
+        [
+          ...extra.baseJs,
+          ...scripts || [],
+          {
+            type: "iife",
+            data: {
+              fn: (getMarkmap, getOptions, root2, jsonOptions) => {
+                const markmap = getMarkmap();
+                window.mm = markmap.Markmap.create(
+                  "svg#mindmap",
+                  (getOptions || markmap.deriveOptions)(jsonOptions),
+                  root2
+                );
+              },
+              getParams: ({ getMarkmap, getOptions, root: root2, jsonOptions }) => {
+                return [getMarkmap, getOptions, root2, jsonOptions];
+              }
+            }
+          }
+        ],
+        context
+      )
+    ];
+    const html = template.replace("<!--CSS-->", () => cssList.join("")).replace("<!--JS-->", () => jsList.join(""));
+    return html;
+  }
+}
+const transformerVersions = {
+  "markmap-lib": "process.env.VERSION",
+  d3: "7.8.5"
+};
+export {
+  Transformer,
+  baseJsPaths,
+  builtInPlugins,
+  template,
+  transformerVersions
+};

package/dist/plugins/checkbox/index.d.ts

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

package/dist/plugins/frontmatter/index.d.ts

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

package/dist/plugins/hljs/index.browser.d.ts

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

package/dist/plugins/hljs/index.d.ts

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

package/dist/plugins/index.d.ts

@@ -1,2 +1,9 @@
+import pluginCheckbox from './checkbox';
+import pluginFrontmatter from './frontmatter';
+import pluginHljs from './hljs';
+import pluginKatex from './katex';
+import pluginNpmUrl from './npm-url';
+import pluginSourceLines from './source-lines';
 export * from './base';
+export { pluginCheckbox, pluginFrontmatter, pluginHljs, pluginKatex, pluginNpmUrl, pluginSourceLines, };
 export declare const plugins: import("..").ITransformPlugin[];

package/dist/plugins/katex/index.browser.d.ts

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

package/dist/plugins/katex/index.d.ts

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

package/dist/plugins/npm-url/index.d.ts

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

package/dist/plugins/prism/index.browser.d.ts

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

package/dist/plugins/prism/index.d.ts

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

package/dist/plugins/source-lines/index.d.ts

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