markmap-render 0.15.9-alpha.14

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 Gerald
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,15 @@
+# markmap-render
+
+![NPM](https://img.shields.io/npm/v/markmap-render.svg)
+![License](https://img.shields.io/npm/l/markmap-render.svg)
+![Downloads](https://img.shields.io/npm/dt/markmap-render.svg)
+
+Render a markmap as an interactive HTML.
+
+## Install
+
+```sh
+$ npm install markmap-render
+```
+
+👉 [Read the documentation](https://markmap.js.org/docs) for more detail.

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+import { IAssets, IMarkmapOptions, IPureNode, JSItem, UrlBuilder } from 'markmap-common';
+import { IMarkmapJSONOptions } from 'markmap-view';
+export declare const template: string;
+export declare const baseJsPaths: string[];
+export declare function fillTemplate(root: IPureNode | null, assets: IAssets, extra?: {
+    baseJs?: JSItem[];
+    jsonOptions?: IMarkmapJSONOptions;
+    getOptions?: (jsonOptions: IMarkmapJSONOptions) => Partial<IMarkmapOptions>;
+    urlBuilder?: UrlBuilder;
+}): string;

package/dist/index.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const markmapCommon = require("markmap-common");
+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@${process.env.D3_VERSION}/dist/d3.min.js`,
+  `markmap-view@${process.env.VIEW_VERSION}/dist/browser/index.js`
+];
+function fillTemplate(root, assets, extra) {
+  extra = {
+    ...extra
+  };
+  const urlBuilder = extra.urlBuilder ?? markmapCommon.urlBuilder;
+  extra.baseJs ?? (extra.baseJs = baseJsPaths.map((path) => 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;
+}
+exports.baseJsPaths = baseJsPaths;
+exports.fillTemplate = fillTemplate;
+exports.template = template;

package/dist/index.mjs

@@ -0,0 +1,53 @@
+import { urlBuilder, buildJSItem, persistCSS, persistJS } from "markmap-common";
+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@${process.env.D3_VERSION}/dist/d3.min.js`,
+  `markmap-view@${process.env.VIEW_VERSION}/dist/browser/index.js`
+];
+function fillTemplate(root, assets, extra) {
+  extra = {
+    ...extra
+  };
+  const urlBuilder$1 = extra.urlBuilder ?? urlBuilder;
+  extra.baseJs ?? (extra.baseJs = baseJsPaths.map((path) => urlBuilder$1.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;
+}
+export {
+  baseJsPaths,
+  fillTemplate,
+  template
+};

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "markmap-render",
+  "version": "0.15.9-alpha.14+fa8173f",
+  "description": "Visualize your Markdown as mindmaps with Markmap",
+  "author": "Gerald <gera2ld@live.com>",
+  "license": "MIT",
+  "scripts": {
+    "clean": "del-cli dist",
+    "build:types": "tsc",
+    "build:js": "vite build",
+    "build": "run-s clean build:*"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "sideEffects": false,
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "require": "./dist/index.js",
+      "default": "./dist/index.mjs"
+    },
+    "./package.json": "./package.json"
+  },
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "keywords": [
+    "markdown",
+    "markmap",
+    "mindmap"
+  ],
+  "homepage": "https://github.com/markmap/markmap/packages/markmap-render#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/markmap/markmap.git"
+  },
+  "bugs": {
+    "url": "https://github.com/markmap/markmap/issues"
+  },
+  "devDependencies": {
+    "markmap-common": "0.15.9-alpha.14+fa8173f",
+    "markmap-view": "0.15.9-alpha.14+fa8173f"
+  },
+  "dependencies": {
+    "@babel/runtime": "^7.22.6"
+  },
+  "peerDependencies": {
+    "markmap-common": "*",
+    "markmap-view": "*"
+  },
+  "gitHead": "fa8173fbb9d5b30e669da11497f24123e5ead511"
+}