markmap-view 0.17.3-beta.3 → 0.18.0

package/dist/browser/index.js

@@ -584,63 +584,15 @@
   const version$1 = "2.1.2";
   const main = "build/d3-flextree.js";
   const module = "index";
-  const author = {
-    name: "Chris Maloney",
-    url: "http://chrismaloney.org"
-  };
+  const author = { "name": "Chris Maloney", "url": "http://chrismaloney.org" };
   const description = "Flexible tree layout algorithm that allows for variable node sizes.";
-  const keywords = [
-    "d3",
-    "d3-module",
-    "layout",
-    "tree",
-    "hierarchy",
-    "d3-hierarchy",
-    "plugin",
-    "d3-plugin",
-    "infovis",
-    "visualization",
-    "2d"
-  ];
+  const keywords = ["d3", "d3-module", "layout", "tree", "hierarchy", "d3-hierarchy", "plugin", "d3-plugin", "infovis", "visualization", "2d"];
   const homepage = "https://github.com/klortho/d3-flextree";
   const license = "WTFPL";
-  const repository = {
-    type: "git",
-    url: "https://github.com/klortho/d3-flextree.git"
-  };
-  const scripts = {
-    clean: "rm -rf build demo test",
-    "build:demo": "rollup -c --environment BUILD:demo",
-    "build:dev": "rollup -c --environment BUILD:dev",
-    "build:prod": "rollup -c --environment BUILD:prod",
-    "build:test": "rollup -c --environment BUILD:test",
-    build: "rollup -c",
-    lint: "eslint index.js src",
-    "test:main": "node test/bundle.js",
-    "test:browser": "node test/browser-tests.js",
-    test: "npm-run-all test:*",
-    prepare: "npm-run-all clean build lint test"
-  };
-  const dependencies = {
-    "d3-hierarchy": "^1.1.5"
-  };
-  const devDependencies = {
-    "babel-plugin-external-helpers": "^6.22.0",
-    "babel-preset-es2015-rollup": "^3.0.0",
-    d3: "^4.13.0",
-    "d3-selection-multi": "^1.0.1",
-    eslint: "^4.19.1",
-    jsdom: "^11.6.2",
-    "npm-run-all": "^4.1.2",
-    rollup: "^0.55.3",
-    "rollup-plugin-babel": "^2.7.1",
-    "rollup-plugin-commonjs": "^8.0.2",
-    "rollup-plugin-copy": "^0.2.3",
-    "rollup-plugin-json": "^2.3.0",
-    "rollup-plugin-node-resolve": "^3.0.2",
-    "rollup-plugin-uglify": "^3.0.0",
-    "uglify-es": "^3.3.9"
-  };
+  const repository = { "type": "git", "url": "https://github.com/klortho/d3-flextree.git" };
+  const scripts = { "clean": "rm -rf build demo test", "build:demo": "rollup -c --environment BUILD:demo", "build:dev": "rollup -c --environment BUILD:dev", "build:prod": "rollup -c --environment BUILD:prod", "build:test": "rollup -c --environment BUILD:test", "build": "rollup -c", "lint": "eslint index.js src", "test:main": "node test/bundle.js", "test:browser": "node test/browser-tests.js", "test": "npm-run-all test:*", "prepare": "npm-run-all clean build lint test" };
+  const dependencies = { "d3-hierarchy": "^1.1.5" };
+  const devDependencies = { "babel-plugin-external-helpers": "^6.22.0", "babel-preset-es2015-rollup": "^3.0.0", "d3": "^4.13.0", "d3-selection-multi": "^1.0.1", "eslint": "^4.19.1", "jsdom": "^11.6.2", "npm-run-all": "^4.1.2", "rollup": "^0.55.3", "rollup-plugin-babel": "^2.7.1", "rollup-plugin-commonjs": "^8.0.2", "rollup-plugin-copy": "^0.2.3", "rollup-plugin-json": "^2.3.0", "rollup-plugin-node-resolve": "^3.0.2", "rollup-plugin-uglify": "^3.0.0", "uglify-es": "^3.3.9" };
   const packageInfo = {
     name,
     version: version$1,
@@ -990,7 +942,7 @@
       next: lastLows
     };
   };
-  const css = ".markmap {\n  --markmap-max-width: 9999px;\n  --markmap-a-color: #0097e6;\n  --markmap-a-hover-color: #00a8ff;\n  --markmap-code-bg: #f0f0f0;\n  --markmap-code-color: #555;\n  --markmap-highlight-bg: #ffeaa7;\n  --markmap-table-border: 1px solid currentColor;\n  --markmap-font: 300 16px/20px sans-serif;\n  --markmap-circle-open-bg: #fff;\n  --markmap-text-color: #333;\n\n  font: var(--markmap-font);\n  color: var(--markmap-text-color);\n}\n\n  .markmap-link {\n    fill: none;\n  }\n\n  .markmap-node > circle {\n      cursor: pointer;\n    }\n\n  .markmap-foreign {\n    display: inline-block;\n  }\n\n  .markmap-foreign p {\n      margin: 0;\n    }\n\n  .markmap-foreign a {\n      color: var(--markmap-a-color);\n    }\n\n  .markmap-foreign a:hover {\n        color: var(--markmap-a-hover-color);\n      }\n\n  .markmap-foreign code {\n      padding: 0.25em;\n      font-size: calc(1em - 2px);\n      color: var(--markmap-code-color);\n      background-color: var(--markmap-code-bg);\n      border-radius: 2px;\n    }\n\n  .markmap-foreign pre {\n      margin: 0;\n    }\n\n  .markmap-foreign pre > code {\n        display: block;\n      }\n\n  .markmap-foreign del {\n      text-decoration: line-through;\n    }\n\n  .markmap-foreign em {\n      font-style: italic;\n    }\n\n  .markmap-foreign strong {\n      font-weight: bold;\n    }\n\n  .markmap-foreign mark {\n      background: var(--markmap-highlight-bg);\n    }\n\n  .markmap-foreign table,\n    .markmap-foreign th,\n    .markmap-foreign td {\n      border-collapse: collapse;\n      border: var(--markmap-table-border);\n    }\n\n  .markmap-foreign img {\n      display: inline-block;\n    }\n\n  .markmap-foreign svg {\n      fill: currentColor;\n    }\n\n  .markmap-foreign > div {\n      width: var(--markmap-max-width);\n    }\n\n  .markmap-foreign > div > div {\n        display: inline-block;\n      }\n\n.markmap-dark .markmap {\n  --markmap-code-bg: #1a1b26;\n  --markmap-code-color: #ddd;\n  --markmap-circle-open-bg: #444;\n  --markmap-text-color: #eee;\n}\n";
+  const css = ".markmap {\n  --markmap-max-width: 9999px;\n  --markmap-a-color: #0097e6;\n  --markmap-a-hover-color: #00a8ff;\n  --markmap-code-bg: #f0f0f0;\n  --markmap-code-color: #555;\n  --markmap-highlight-bg: #ffeaa7;\n  --markmap-table-border: 1px solid currentColor;\n  --markmap-font: 300 16px/20px sans-serif;\n  --markmap-circle-open-bg: #fff;\n  --markmap-text-color: #333;\n\n  font: var(--markmap-font);\n  color: var(--markmap-text-color);\n}\n\n  .markmap-link {\n    fill: none;\n  }\n\n  .markmap-node > circle {\n      cursor: pointer;\n    }\n\n  .markmap-foreign {\n    display: inline-block;\n  }\n\n  .markmap-foreign p {\n      margin: 0;\n    }\n\n  .markmap-foreign a {\n      color: var(--markmap-a-color);\n    }\n\n  .markmap-foreign a:hover {\n        color: var(--markmap-a-hover-color);\n      }\n\n  .markmap-foreign code {\n      padding: 0.25em;\n      font-size: calc(1em - 2px);\n      color: var(--markmap-code-color);\n      background-color: var(--markmap-code-bg);\n      border-radius: 2px;\n    }\n\n  .markmap-foreign pre {\n      margin: 0;\n    }\n\n  .markmap-foreign pre > code {\n        display: block;\n      }\n\n  .markmap-foreign del {\n      text-decoration: line-through;\n    }\n\n  .markmap-foreign em {\n      font-style: italic;\n    }\n\n  .markmap-foreign strong {\n      font-weight: bold;\n    }\n\n  .markmap-foreign mark {\n      background: var(--markmap-highlight-bg);\n    }\n\n  .markmap-foreign table,\n    .markmap-foreign th,\n    .markmap-foreign td {\n      border-collapse: collapse;\n      border: var(--markmap-table-border);\n    }\n\n  .markmap-foreign img {\n      display: inline-block;\n    }\n\n  .markmap-foreign svg {\n      fill: currentColor;\n    }\n\n  .markmap-foreign > div {\n      width: var(--markmap-max-width);\n      text-align: left;\n    }\n\n  .markmap-foreign > div > div {\n        display: inline-block;\n      }\n\n.markmap-dark .markmap {\n  --markmap-code-bg: #1a1b26;\n  --markmap-code-color: #ddd;\n  --markmap-circle-open-bg: #444;\n  --markmap-text-color: #eee;\n}\n";
   const globalCSS = css;
   const linkShape = d32.linkHorizontal();
   function linkWidth(data) {

package/dist/constants.d.ts

@@ -1,4 +1,4 @@
 import { IMarkmapOptions } from 'markmap-common';
 export declare const isMacintosh: boolean;
-export declare const defaultColorFn: import("d3-scale").ScaleOrdinal<string, string, never>;
+export declare const defaultColorFn: import("d3").ScaleOrdinal<string, string, never>;
 export declare const defaultOptions: IMarkmapOptions;

package/dist/index.js

@@ -186,63 +186,15 @@ E.prototype = O.prototype = {
   links: Ct,
   copy: wt
 };
-const Mt = "d3-flextree", Bt = "2.1.2", Ot = "build/d3-flextree.js", $t = "index", At = {
-  name: "Chris Maloney",
-  url: "http://chrismaloney.org"
-}, Dt = "Flexible tree layout algorithm that allows for variable node sizes.", Ft = [
-  "d3",
-  "d3-module",
-  "layout",
-  "tree",
-  "hierarchy",
-  "d3-hierarchy",
-  "plugin",
-  "d3-plugin",
-  "infovis",
-  "visualization",
-  "2d"
-], Tt = "https://github.com/klortho/d3-flextree", _t = "WTFPL", Ht = {
-  type: "git",
-  url: "https://github.com/klortho/d3-flextree.git"
-}, Lt = {
-  clean: "rm -rf build demo test",
-  "build:demo": "rollup -c --environment BUILD:demo",
-  "build:dev": "rollup -c --environment BUILD:dev",
-  "build:prod": "rollup -c --environment BUILD:prod",
-  "build:test": "rollup -c --environment BUILD:test",
-  build: "rollup -c",
-  lint: "eslint index.js src",
-  "test:main": "node test/bundle.js",
-  "test:browser": "node test/browser-tests.js",
-  test: "npm-run-all test:*",
-  prepare: "npm-run-all clean build lint test"
-}, Nt = {
-  "d3-hierarchy": "^1.1.5"
-}, Pt = {
-  "babel-plugin-external-helpers": "^6.22.0",
-  "babel-preset-es2015-rollup": "^3.0.0",
-  d3: "^4.13.0",
-  "d3-selection-multi": "^1.0.1",
-  eslint: "^4.19.1",
-  jsdom: "^11.6.2",
-  "npm-run-all": "^4.1.2",
-  rollup: "^0.55.3",
-  "rollup-plugin-babel": "^2.7.1",
-  "rollup-plugin-commonjs": "^8.0.2",
-  "rollup-plugin-copy": "^0.2.3",
-  "rollup-plugin-json": "^2.3.0",
-  "rollup-plugin-node-resolve": "^3.0.2",
-  "rollup-plugin-uglify": "^3.0.0",
-  "uglify-es": "^3.3.9"
-}, Wt = {
+const Mt = "d3-flextree", Bt = "2.1.2", Ot = "build/d3-flextree.js", $t = "index", At = { name: "Chris Maloney", url: "http://chrismaloney.org" }, Ft = "Flexible tree layout algorithm that allows for variable node sizes.", Dt = ["d3", "d3-module", "layout", "tree", "hierarchy", "d3-hierarchy", "plugin", "d3-plugin", "infovis", "visualization", "2d"], Tt = "https://github.com/klortho/d3-flextree", _t = "WTFPL", Ht = { type: "git", url: "https://github.com/klortho/d3-flextree.git" }, Lt = { clean: "rm -rf build demo test", "build:demo": "rollup -c --environment BUILD:demo", "build:dev": "rollup -c --environment BUILD:dev", "build:prod": "rollup -c --environment BUILD:prod", "build:test": "rollup -c --environment BUILD:test", build: "rollup -c", lint: "eslint index.js src", "test:main": "node test/bundle.js", "test:browser": "node test/browser-tests.js", test: "npm-run-all test:*", prepare: "npm-run-all clean build lint test" }, Nt = { "d3-hierarchy": "^1.1.5" }, Pt = { "babel-plugin-external-helpers": "^6.22.0", "babel-preset-es2015-rollup": "^3.0.0", d3: "^4.13.0", "d3-selection-multi": "^1.0.1", eslint: "^4.19.1", jsdom: "^11.6.2", "npm-run-all": "^4.1.2", rollup: "^0.55.3", "rollup-plugin-babel": "^2.7.1", "rollup-plugin-commonjs": "^8.0.2", "rollup-plugin-copy": "^0.2.3", "rollup-plugin-json": "^2.3.0", "rollup-plugin-node-resolve": "^3.0.2", "rollup-plugin-uglify": "^3.0.0", "uglify-es": "^3.3.9" }, Wt = {
   name: Mt,
   version: Bt,
   main: Ot,
   module: $t,
   "jsnext:main": "index",
   author: At,
-  description: Dt,
-  keywords: Ft,
+  description: Ft,
+  keywords: Dt,
   homepage: Tt,
   license: _t,
   repository: Ht,
@@ -495,7 +447,7 @@ const G = (e, t = 0) => (e.y = t, (e.children || []).reduce((n, r) => {
     index: t,
     next: n
   };
-}, V = ".markmap{--markmap-max-width: 9999px;--markmap-a-color: #0097e6;--markmap-a-hover-color: #00a8ff;--markmap-code-bg: #f0f0f0;--markmap-code-color: #555;--markmap-highlight-bg: #ffeaa7;--markmap-table-border: 1px solid currentColor;--markmap-font: 300 16px/20px sans-serif;--markmap-circle-open-bg: #fff;--markmap-text-color: #333;font:var(--markmap-font);color:var(--markmap-text-color)}.markmap-link{fill:none}.markmap-node>circle{cursor:pointer}.markmap-foreign{display:inline-block}.markmap-foreign p{margin:0}.markmap-foreign a{color:var(--markmap-a-color)}.markmap-foreign a:hover{color:var(--markmap-a-hover-color)}.markmap-foreign code{padding:.25em;font-size:calc(1em - 2px);color:var(--markmap-code-color);background-color:var(--markmap-code-bg);border-radius:2px}.markmap-foreign pre{margin:0}.markmap-foreign pre>code{display:block}.markmap-foreign del{text-decoration:line-through}.markmap-foreign em{font-style:italic}.markmap-foreign strong{font-weight:700}.markmap-foreign mark{background:var(--markmap-highlight-bg)}.markmap-foreign table,.markmap-foreign th,.markmap-foreign td{border-collapse:collapse;border:var(--markmap-table-border)}.markmap-foreign img{display:inline-block}.markmap-foreign svg{fill:currentColor}.markmap-foreign>div{width:var(--markmap-max-width)}.markmap-foreign>div>div{display:inline-block}.markmap-dark .markmap{--markmap-code-bg: #1a1b26;--markmap-code-color: #ddd;--markmap-circle-open-bg: #444;--markmap-text-color: #eee}", oe = V, M = ot();
+}, V = ".markmap{--markmap-max-width: 9999px;--markmap-a-color: #0097e6;--markmap-a-hover-color: #00a8ff;--markmap-code-bg: #f0f0f0;--markmap-code-color: #555;--markmap-highlight-bg: #ffeaa7;--markmap-table-border: 1px solid currentColor;--markmap-font: 300 16px/20px sans-serif;--markmap-circle-open-bg: #fff;--markmap-text-color: #333;font:var(--markmap-font);color:var(--markmap-text-color)}.markmap-link{fill:none}.markmap-node>circle{cursor:pointer}.markmap-foreign{display:inline-block}.markmap-foreign p{margin:0}.markmap-foreign a{color:var(--markmap-a-color)}.markmap-foreign a:hover{color:var(--markmap-a-hover-color)}.markmap-foreign code{padding:.25em;font-size:calc(1em - 2px);color:var(--markmap-code-color);background-color:var(--markmap-code-bg);border-radius:2px}.markmap-foreign pre{margin:0}.markmap-foreign pre>code{display:block}.markmap-foreign del{text-decoration:line-through}.markmap-foreign em{font-style:italic}.markmap-foreign strong{font-weight:700}.markmap-foreign mark{background:var(--markmap-highlight-bg)}.markmap-foreign table,.markmap-foreign th,.markmap-foreign td{border-collapse:collapse;border:var(--markmap-table-border)}.markmap-foreign img{display:inline-block}.markmap-foreign svg{fill:currentColor}.markmap-foreign>div{width:var(--markmap-max-width);text-align:left}.markmap-foreign>div>div{display:inline-block}.markmap-dark .markmap{--markmap-code-bg: #1a1b26;--markmap-code-color: #ddd;--markmap-circle-open-bg: #444;--markmap-text-color: #eee}", oe = V, M = ot();
 function H(e) {
   return Math.max(4 - 2 * e.state.depth, 1.5);
 }
@@ -679,12 +631,12 @@ class Y {
       const o = (m = this.firstChild) == null ? void 0 : m.firstChild;
       z.unobserve(o);
     });
-    const D = C.merge($), Z = c.flatMap(
+    const F = C.merge($), Z = c.flatMap(
       (o) => {
         var m;
         return (m = o.payload) != null && m.fold ? [] : o.children.map((y) => ({ source: o, target: y }));
       }
-    ), w = this.g.selectAll(b("path")).data(Z, (o) => o.target.state.key), q = w.exit(), F = w.enter().insert("path", "g").attr("class", "markmap-link").attr("data-depth", (o) => o.target.state.depth).attr("data-path", (o) => o.target.state.path), J = F.merge(w);
+    ), w = this.g.selectAll(b("path")).data(Z, (o) => o.target.state.key), q = w.exit(), D = w.enter().insert("path", "g").attr("class", "markmap-link").attr("data-depth", (o) => o.target.state.depth).attr("data-path", (o) => o.target.state.path), J = D.merge(w);
     this.svg.style(
       "--markmap-max-width",
       l ? `${l}px` : null
@@ -703,12 +655,12 @@ class Y {
         var m;
         return (m = o.payload) != null && m.fold && o.children ? s(o) : "var(--markmap-circle-open-bg)";
       }
-    ), this.transition(k).attr("r", 6), this.transition(A).style("opacity", 0), D.attr("width", (o) => Math.max(0, o.state.rect.width - n * 2)).attr("height", (o) => o.state.rect.height), this.transition(D).style("opacity", 1);
+    ), this.transition(k).attr("r", 6), this.transition(A).style("opacity", 0), F.attr("width", (o) => Math.max(0, o.state.rect.width - n * 2)).attr("height", (o) => o.state.rect.height), this.transition(F).style("opacity", 1);
     const S = [
       a.x + a.width,
       a.y + a.height / 2
     ];
-    this.transition(q).attr("d", M({ source: S, target: S })).remove(), F.attr(
+    this.transition(q).attr("d", M({ source: S, target: S })).remove(), D.attr(
       "d",
       M({ source: S, target: S })
     ), this.transition(J).attr("stroke", (o) => s(o.target)).attr("stroke-width", (o) => H(o.target)).attr("d", (o) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "markmap-view",
-  "version": "0.17.3-beta.3+c10bd44",
+  "version": "0.18.0",
   "description": "View markmaps in browser",
   "author": "Gerald <gera2ld@live.com>",
   "license": "MIT",
@@ -22,8 +22,8 @@
     "clean": "del-cli dist",
     "build:types": "tsc",
     "build:js": "vite build && TARGET=es vite build",
-    "build": "run-s clean build:*",
-    "prepublishOnly": "run-s build"
+    "build": "pnpm clean && pnpm /^build:/",
+    "prepublishOnly": "pnpm build"
   },
   "bugs": {
     "url": "https://github.com/markmap/markmap/issues"
@@ -46,10 +46,10 @@
   },
   "devDependencies": {
     "@types/d3-flextree": "^2.1.1",
-    "markmap-common": "0.17.3-beta.3+c10bd44"
+    "markmap-common": "0.18.0"
   },
   "peerDependencies": {
     "markmap-common": "*"
   },
-  "gitHead": "c10bd4443841e8204380256cf0fccfc72abdde2f"
+  "gitHead": "652d042cdd980487e5de70c8e1405ecf0721fa9c"
 }