markmap-lib 0.14.1 → 0.14.2-alpha.4

package/dist/index.js

@@ -1,7 +1,8 @@
-/*! markmap-lib v0.14.1 | MIT License */
+/*! markmap-lib v0.14.2-alpha.4+569dd11 | MIT License */
 'use strict';
 
-var _extends$1 = require('@babel/runtime/helpers/extends');
+var _extends = require('@babel/runtime/helpers/extends');
+var markmapCommon = require('markmap-common');
 var remarkable = require('remarkable');
 var remarkableKatex = require('remarkable-katex');
 var Prism = require('prismjs');
@@ -10,182 +11,14 @@ var yaml = require('js-yaml');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e["default"] : e; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends$1);
+var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
 var remarkableKatex__default = /*#__PURE__*/_interopDefaultLegacy(remarkableKatex);
 var Prism__default = /*#__PURE__*/_interopDefaultLegacy(Prism);
 var loadLanguages__default = /*#__PURE__*/_interopDefaultLegacy(loadLanguages);
 var yaml__default = /*#__PURE__*/_interopDefaultLegacy(yaml);
 
-/*! markmap-common v0.14.0 | MIT License */
-class Hook {
-  constructor() {
-    this.listeners = [];
-  }
-
-  tap(fn) {
-    this.listeners.push(fn);
-    return () => this.revoke(fn);
-  }
-
-  revoke(fn) {
-    const i = this.listeners.indexOf(fn);
-    if (i >= 0) this.listeners.splice(i, 1);
-  }
-
-  revokeAll() {
-    this.listeners.splice(0);
-  }
-
-  call(...args) {
-    for (const fn of this.listeners) {
-      fn(...args);
-    }
-  }
-
-}
-
-function _extends() {
-  _extends = Object.assign || 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);
-}
-
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-
-  return target;
-}
-
-const _excluded = ["textContent"];
-
-function escapeHtml(html) {
-  return html.replace(/[&<"]/g, m => ({
-    '&': '&amp;',
-    '<': '&lt;',
-    '"': '&quot;'
-  })[m]);
-}
-
-function escapeScript(content) {
-  return content.replace(/<(\/script>)/g, '\\x3c$2');
-}
-
-function htmlOpen(tagName, attrs) {
-  const attrStr = attrs ? Object.entries(attrs).map(([key, value]) => {
-    if (value == null || value === false) return;
-    key = ` ${escapeHtml(key)}`;
-    if (value === true) return key;
-    return `${key}="${escapeHtml(value)}"`;
-  }).filter(Boolean).join('') : '';
-  return `<${tagName}${attrStr}>`;
-}
-
-function htmlClose(tagName) {
-  return `</${tagName}>`;
-}
-
-function wrapHtml(tagName, content, attrs) {
-  if (content == null) return htmlOpen(tagName, attrs);
-  return htmlOpen(tagName, attrs) + (content || '') + htmlClose(tagName);
-}
-
-function buildCode(fn, args) {
-  const params = args.map(arg => {
-    if (typeof arg === 'function') return arg.toString();
-    return JSON.stringify(arg != null ? arg : null);
-  }).join(',');
-  return `(${fn.toString()})(${params})`;
-}
-
-function persistJS(items, context) {
-  return items.map(item => {
-    if (item.type === 'script') {
-      const _item$data = item.data,
-            {
-        textContent
-      } = _item$data,
-            rest = _objectWithoutPropertiesLoose(_item$data, _excluded);
-
-      return wrapHtml('script', textContent || '', rest);
-    }
-
-    if (item.type === 'iife') {
-      const {
-        fn,
-        getParams
-      } = item.data;
-      return wrapHtml('script', escapeScript(buildCode(fn, (getParams == null ? void 0 : getParams(context)) || [])));
-    }
-
-    return '';
-  });
-}
-
-function persistCSS(items) {
-  return items.map(item => {
-    if (item.type === 'stylesheet') {
-      return wrapHtml('link', null, _extends({
-        rel: 'stylesheet'
-      }, item.data));
-    }
-    /* else if (item.type === 'style') */
-
-
-    return wrapHtml('style', item.data);
-  });
-}
-
-Math.random().toString(36).slice(2, 8);
-
-function wrapFunction(fn, {
-  before,
-  after
-}) {
-  return function wrapped(...args) {
-    const ctx = {
-      args,
-      thisObj: this
-    };
-
-    try {
-      if (before) before(ctx);
-    } catch (_unused) {// ignore
-    }
-
-    ctx.result = fn.apply(ctx.thisObj, ctx.args);
-
-    try {
-      if (after) after(ctx);
-    } catch (_unused2) {// ignore
-    }
-
-    return ctx.result;
-  };
-}
-
 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 BASE_JS = [`https://cdn.jsdelivr.net/npm/d3@${"6.7.0"}`, `https://cdn.jsdelivr.net/npm/markmap-view@${"0.14.0"}`].map(src => ({
+const BASE_JS = [`https://cdn.jsdelivr.net/npm/d3@${"6.7.0"}`, `https://cdn.jsdelivr.net/npm/markmap-view@${"0.14.2-alpha.4+569dd11"}`].map(src => ({
   type: 'script',
   data: {
     src
@@ -199,14 +32,14 @@ function fillTemplate(root, assets, extra) {
     scripts,
     styles
   } = assets;
-  const cssList = [...(styles ? persistCSS(styles) : [])];
+  const cssList = [...(styles ? markmapCommon.persistCSS(styles) : [])];
   const context = {
     getMarkmap: () => window.markmap,
     getOptions: extra.getOptions,
     jsonOptions: extra.jsonOptions,
     root
   };
-  const jsList = [...persistJS([...extra.baseJs, ...(scripts || []), {
+  const jsList = [...markmapCommon.persistJS([...extra.baseJs, ...(scripts || []), {
     type: 'iife',
     data: {
       fn: (getMarkmap, getOptions, root, jsonOptions) => {
@@ -274,66 +107,50 @@ var config$1 = {
   }]
 };
 
-const npmPrefix = 'https://cdn.jsdelivr.net/npm/';
+function createTransformHooks() {
+  return {
+    parser: new markmapCommon.Hook(),
+    beforeParse: new markmapCommon.Hook(),
+    afterParse: new markmapCommon.Hook(),
+    htmltag: new markmapCommon.Hook(),
+    retransform: new markmapCommon.Hook()
+  };
+}
 /**
- * Find NPM paths and resolve them to full URLs with the same package version as in this library.
+ * This function is only used to help type checking.
  */
 
-function resolveNpmPaths(paths, name, version) {
-  return paths.map(path => {
-    if (typeof path === 'string') {
-      if (path.startsWith(`${name}/`)) {
-        path = `${npmPrefix}${name}@${version}${path.slice(name.length)}`;
-      } else if (path.startsWith(`${name}@`)) {
-        path = `${npmPrefix}${path}`;
-      }
-    }
-
-    return path;
-  });
+function definePlugin(plugin) {
+  return plugin;
 }
 
 const name$2 = 'katex';
-function transform$2(transformHooks) {
-  let enableFeature = () => {};
-
-  transformHooks.parser.tap(md => {
-    md.use(remarkableKatex__default);
-    md.renderer.rules.katex = wrapFunction(md.renderer.rules.katex, {
-      after: () => {
-        enableFeature();
-      }
-    });
-  });
-  transformHooks.beforeParse.tap((_, context) => {
-    enableFeature = () => {
-      context.features[name$2] = true;
-    };
-  });
-  transformHooks.afterParse.tap((_, context) => {
-    const {
-      frontmatter
-    } = context;
-
-    if (frontmatter != null && frontmatter.markmap) {
-      ['extraJs', 'extraCss'].forEach(key => {
-        if (frontmatter.markmap[key]) {
-          frontmatter.markmap[key] = resolveNpmPaths(frontmatter.markmap[key], name$2, config$1.versions.katex);
+var katex = definePlugin({
+  name: name$2,
+  config: config$1,
+
+  transform(transformHooks) {
+    let enableFeature = () => {};
+
+    transformHooks.parser.tap(md => {
+      md.use(remarkableKatex__default);
+      md.renderer.rules.katex = markmapCommon.wrapFunction(md.renderer.rules.katex, {
+        after: () => {
+          enableFeature();
         }
       });
-    }
-  });
-  return {
-    styles: config$1.styles,
-    scripts: config$1.scripts
-  };
-}
+    });
+    transformHooks.beforeParse.tap((_, context) => {
+      enableFeature = () => {
+        context.features[name$2] = true;
+      };
+    });
+    return {
+      styles: config$1.styles,
+      scripts: config$1.scripts
+    };
+  }
 
-var katex = /*#__PURE__*/Object.freeze({
-__proto__: null,
-config: config$1,
-name: name$2,
-transform: transform$2
 });
 
 var config = {
@@ -360,83 +177,87 @@ var config = {
 };
 
 const name$1 = 'prism';
-function transform$1(transformHooks) {
-  let enableFeature = () => {};
-
-  transformHooks.parser.tap(md => {
-    md.set({
-      highlight: (str, lang) => {
-        enableFeature();
-        let grammar = Prism__default.languages[lang];
-
-        if (!grammar && lang) {
-          loadLanguages__default([lang]);
-          grammar = Prism__default.languages[lang];
-        }
+var prism = definePlugin({
+  name: name$1,
+  config,
+
+  transform(transformHooks) {
+    let enableFeature = () => {};
+
+    transformHooks.parser.tap(md => {
+      md.set({
+        highlight: (str, lang) => {
+          enableFeature();
+          let grammar = Prism__default.languages[lang];
+
+          if (!grammar && lang) {
+            loadLanguages__default([lang]);
+            grammar = Prism__default.languages[lang];
+          }
 
-        if (grammar) {
-          return Prism__default.highlight(str, grammar, lang);
-        }
+          if (grammar) {
+            return Prism__default.highlight(str, grammar, lang);
+          }
 
-        return '';
-      }
+          return '';
+        }
+      });
     });
-  });
-  transformHooks.beforeParse.tap((_, context) => {
-    enableFeature = () => {
-      context.features[name$1] = true;
+    transformHooks.beforeParse.tap((_, context) => {
+      enableFeature = () => {
+        context.features[name$1] = true;
+      };
+    });
+    return {
+      styles: config.styles
     };
-  });
-  return {
-    styles: config.styles
-  };
-}
+  }
 
-var prism = /*#__PURE__*/Object.freeze({
-__proto__: null,
-config: config,
-name: name$1,
-transform: transform$1
 });
 
 const name = 'frontmatter';
-function transform(transformHooks) {
-  transformHooks.beforeParse.tap((md, context) => {
-    const origParse = md.parse;
-    md.parse = wrapFunction(origParse, {
-      before(ctx) {
-        const [content] = ctx.args;
-        if (!content.startsWith('---\n')) return;
-        const endOffset = content.indexOf('\n---\n');
-        if (endOffset < 0) return;
-        const raw = content.slice(4, endOffset);
-        let frontmatter;
-
-        try {
-          var _frontmatter;
-
-          frontmatter = yaml__default.load(raw);
-
-          if ((_frontmatter = frontmatter) != null && _frontmatter.markmap) {
-            frontmatter.markmap = normalizeMarkmapJsonOptions(frontmatter.markmap);
+var frontmatter = definePlugin({
+  name,
+
+  transform(transformHooks) {
+    transformHooks.beforeParse.tap((md, context) => {
+      const origParse = md.parse;
+      md.parse = markmapCommon.wrapFunction(origParse, {
+        before(ctx) {
+          const [content] = ctx.args;
+          if (!content.startsWith('---\n')) return;
+          const endOffset = content.indexOf('\n---\n');
+          if (endOffset < 0) return;
+          const raw = content.slice(4, endOffset);
+          let frontmatter;
+
+          try {
+            var _frontmatter;
+
+            frontmatter = yaml__default.load(raw);
+
+            if ((_frontmatter = frontmatter) != null && _frontmatter.markmap) {
+              frontmatter.markmap = normalizeMarkmapJsonOptions(frontmatter.markmap);
+            }
+          } catch (_unused) {
+            return;
           }
-        } catch (_unused) {
-          return;
-        }
 
-        context.frontmatter = frontmatter;
-        const offset = endOffset + 5;
-        ctx.args[0] = content.slice(offset);
-      },
+          context.frontmatter = frontmatter;
+          const offset = endOffset + 5;
+          ctx.args[0] = content.slice(offset);
+        },
 
-      after() {
-        md.parse = origParse;
-      }
+        after() {
+          md.parse = origParse;
+        }
 
+      });
     });
-  });
-  return {};
-}
+    return {};
+  }
+
+});
 
 function normalizeMarkmapJsonOptions(options) {
   if (!options) return;
@@ -462,22 +283,6 @@ function normalizeNumber(value) {
   return +value;
 }
 
-var frontmatter = /*#__PURE__*/Object.freeze({
-__proto__: null,
-name: name,
-transform: transform
-});
-
-function createTransformHooks() {
-  return {
-    parser: new Hook(),
-    beforeParse: new Hook(),
-    afterParse: new Hook(),
-    htmltag: new Hook(),
-    retransform: new Hook()
-  };
-}
-
 const plugins = [frontmatter, katex, prism];
 
 function cleanNode(node) {
@@ -540,6 +345,7 @@ function resetDepth(node, depth = 0) {
 
 class Transformer {
   constructor(plugins$1 = plugins) {
+    this.assetsMap = {};
     this.plugins = plugins$1;
     this.hooks = createTransformHooks();
     const assetsMap = {};
@@ -557,7 +363,7 @@ class Transformer {
       breaks: true,
       maxNesting: Infinity
     });
-    md.renderer.rules.htmltag = wrapFunction(md.renderer.rules.htmltag, {
+    md.renderer.rules.htmltag = markmapCommon.wrapFunction(md.renderer.rules.htmltag, {
       after: ctx => {
         this.hooks.htmltag.call(ctx);
       }
@@ -712,7 +518,7 @@ class Transformer {
 }
 
 const transformerVersions = {
-  'markmap-lib': '0.14.1',
+  'markmap-lib': '0.14.2-alpha.4+569dd11',
   d3: "6.7.0"
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "markmap-lib",
-  "version": "0.14.1",
+  "version": "0.14.2-alpha.4+569dd11",
   "description": "Visualize your Markdown as mindmaps with Markmap",
   "author": "Gerald <gera2ld@live.com>",
   "license": "MIT",
@@ -44,7 +44,7 @@
   "devDependencies": {
     "@types/remarkable": "^2.0.3",
     "markmap-common": "^0.14.0",
-    "markmap-view": "^0.14.0",
+    "markmap-view": "^0.14.2-alpha.4+569dd11",
     "webfontloader": "^1.6.28"
   },
   "dependencies": {
@@ -58,5 +58,5 @@
   "peerDependencies": {
     "markmap-common": "*"
   },
-  "gitHead": "16b6efac0b7d82e63567968eddd110ac0afe1377"
+  "gitHead": "569dd1128d16297708b4fb3789dbc43b082c2ee9"
 }

package/types/plugins/base.d.ts

@@ -1,2 +1,6 @@
-import { ITransformHooks } from '../types';
+import { ITransformHooks, ITransformPlugin } from '../types';
 export declare function createTransformHooks(): ITransformHooks;
+/**
+ * This function is only used to help type checking.
+ */
+export declare function definePlugin(plugin: ITransformPlugin): ITransformPlugin;

package/types/plugins/frontmatter.d.ts

@@ -1,3 +1,2 @@
-import { IAssets, ITransformHooks } from '../types';
-export declare const name = "frontmatter";
-export declare function transform(transformHooks: ITransformHooks): IAssets;
+declare const _default: import("../types").ITransformPlugin;
+export default _default;

package/types/plugins/index.d.ts

@@ -1,5 +1,2 @@
-import * as katex from './katex';
-import * as prism from './prism';
-import * as frontmatter from './frontmatter';
 export * from './base';
-export declare const plugins: (typeof katex | typeof prism | typeof frontmatter)[];
+export declare const plugins: import("..").ITransformPlugin[];

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

@@ -1,5 +1,2 @@
-import { IAssets, ITransformHooks } from '../types';
-import config from './katex.config';
-export { config };
-export declare const name = "katex";
-export declare function transform(transformHooks: ITransformHooks): IAssets;
+declare const _default: import("../types").ITransformPlugin;
+export default _default;

package/types/plugins/katex.d.ts

@@ -1,5 +1,2 @@
-import { IAssets, ITransformHooks } from '../types';
-import config from './katex.config';
-export { config };
-export declare const name = "katex";
-export declare function transform(transformHooks: ITransformHooks): IAssets;
+declare const _default: import("../types").ITransformPlugin;
+export default _default;

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

@@ -1,5 +1,2 @@
-import { IAssets, ITransformHooks } from '../types';
-import config from './prism.config';
-export { config };
-export declare const name = "prism";
-export declare function transform(transformHooks: ITransformHooks): IAssets;
+declare const _default: import("../types").ITransformPlugin;
+export default _default;

package/types/plugins/prism.d.ts

@@ -1,5 +1,2 @@
-import { IAssets, ITransformHooks } from '../types';
-import config from './prism.config';
-export { config };
-export declare const name = "prism";
-export declare function transform(transformHooks: ITransformHooks): IAssets;
+declare const _default: import("../types").ITransformPlugin;
+export default _default;

package/types/transform.d.ts

@@ -1,13 +1,13 @@
 import { Remarkable } from 'remarkable';
 import { INode } from 'markmap-common';
-import { ITransformResult, ITransformPlugin, IAssets, IAssetsMap, ITransformHooks, IFeatures } from './types';
+import { ITransformResult, ITransformPlugin, IAssets, ITransformHooks, IFeatures } from './types';
 import { plugins as builtInPlugins } from './plugins';
 export { builtInPlugins };
 export declare class Transformer {
     plugins: ITransformPlugin[];
     hooks: ITransformHooks;
     md: Remarkable;
-    assetsMap: IAssetsMap;
+    assetsMap: Record<string, IAssets>;
     constructor(plugins?: ITransformPlugin[]);
     buildTree(tokens: Remarkable.Token[]): INode;
     transform(content: string): ITransformResult;

package/types/types.d.ts

@@ -38,9 +38,6 @@ export interface IMarkmapCreateOptions {
      */
     output?: string;
 }
-export interface IAssetsMap {
-    [key: string]: IAssets;
-}
 export interface IFeatures {
     [key: string]: boolean;
 }
@@ -55,6 +52,13 @@ export interface ITransformResult extends ITransformContext {
 }
 export interface ITransformPlugin {
     name: string;
+    config?: IAssets & {
+        version?: Record<string, string>;
+        preloadScripts?: JSItem[];
+    };
+    /**
+     * @returns The assets that should be loaded for rendering the output.
+     */
     transform: (transformHooks: ITransformHooks) => IAssets;
 }
 export {};