markmap-view 0.14.5-alpha.19 → 0.14.5-alpha.22

package/dist/browser/index.js

@@ -1,21 +1,65 @@
-/*! markmap-view v0.14.5-alpha.19+5323905 | MIT License */
+/*! markmap-view v0.14.5-alpha.22+04afb38 | MIT License */
 (function (exports, d3) {
 'use strict';
 
-function _interopNamespaceDefault(e) {
-var n = Object.create(null);
-if (e) {
-for (var k in e) {
-n[k] = e[k];
-}
+/*! markmap-common v0.14.5-alpha.22+04afb38 | MIT License */
+function _extends$1() {
+  _extends$1 = Object.assign ? Object.assign.bind() : 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$1.apply(this, arguments);
 }
-n.default = e;
-return Object.freeze(n);
+const testPath = "npm2url/dist/index.cjs";
+const defaultProviders = {
+  jsdelivr: path => `https://cdn.jsdelivr.net/npm/${path}`,
+  unpkg: path => `https://unpkg.com/${path}`
+};
+class UrlBuilder {
+  constructor() {
+    this.providers = _extends$1({}, defaultProviders);
+    this.provider = "jsdelivr";
+  }
+  getFastestProvider(path = testPath) {
+    return Promise.any(Object.entries(this.providers).map(async ([name, factory]) => {
+      const res = await fetch(factory(path));
+      if (!res.ok) {
+        throw res;
+      }
+      await res.text();
+      return name;
+    }));
+  }
+  async findFastestProvider() {
+    this.provider = await this.getFastestProvider();
+    return this.provider;
+  }
+  setProvider(name, factory) {
+    if (factory) {
+      this.providers[name] = factory;
+    } else {
+      delete this.providers[name];
+    }
+  }
+  getFullUrl(path, provider = this.provider) {
+    if (path.includes("://")) {
+      return path;
+    }
+    const factory = this.providers[provider];
+    if (!factory) {
+      throw new Error(`Provider ${provider} not found`);
+    }
+    return factory(path);
+  }
 }
-
-var d3__namespace = /*#__PURE__*/_interopNamespaceDefault(d3);
-
-/*! markmap-common v0.14.5-alpha.19+5323905 | MIT License */
+new UrlBuilder();
 class Hook {
   constructor() {
     this.listeners = [];
@@ -37,20 +81,6 @@ class Hook {
     }
   }
 }
-function _extends$1() {
-  _extends$1 = Object.assign ? Object.assign.bind() : 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$1.apply(this, arguments);
-}
 const uniqId = Math.random().toString(36).slice(2, 8);
 let globalIndex = 0;
 function getId() {
@@ -1144,7 +1174,7 @@ function mountDom(vnode) {
   return mount(vnode);
 }
 
-var css_248z$1 = ".markmap{font:300 16px/20px sans-serif}.markmap-link{fill:none}.markmap-node>circle{cursor:pointer}.markmap-foreign{display:inline-block}.markmap-foreign a{color:#0097e6}.markmap-foreign a:hover{color:#00a8ff}.markmap-foreign code{background-color:#f0f0f0;border-radius:2px;color:#555;font-size:calc(1em - 2px)}.markmap-foreign :not(pre)>code{padding:.2em .4em}.markmap-foreign del{text-decoration:line-through}.markmap-foreign em{font-style:italic}.markmap-foreign strong{font-weight:700}.markmap-foreign mark{background:#ffeaa7}.markmap-foreign pre,.markmap-foreign pre[class*=language-]{margin:0;padding:.2em .4em}";
+var css_248z$1 = ".markmap{font:300 16px/20px sans-serif}.markmap-link{fill:none}.markmap-node>circle{cursor:pointer}.markmap-foreign{display:inline-block}.markmap-foreign a{color:#0097e6}.markmap-foreign a:hover{color:#00a8ff}.markmap-foreign code{background-color:#f0f0f0;border-radius:2px;color:#555;font-size:calc(1em - 2px);padding:.25em}.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:#ffeaa7}";
 
 var css_248z = ".markmap-container{height:0;left:-100px;overflow:hidden;position:absolute;top:-100px;width:0}.markmap-container>.markmap-foreign{display:inline-block}.markmap-container>.markmap-foreign>div:last-child{white-space:nowrap}";
 
@@ -1154,7 +1184,7 @@ function linkWidth(nodeData) {
   return Math.max(4 - 2 * data.depth, 1.5);
 }
 function minBy(numbers, by) {
-  const index = d3__namespace.minIndex(numbers, by);
+  const index = d3.minIndex(numbers, by);
   return numbers[index];
 }
 function stopPropagation(e) {
@@ -1170,7 +1200,7 @@ function createViewHooks() {
  * A global hook to refresh all markmaps when called.
  */
 const refreshHook = new Hook();
-const defaultColorFn = d3__namespace.scaleOrdinal(d3__namespace.schemeCategory10);
+const defaultColorFn = d3.scaleOrdinal(d3.schemeCategory10);
 const isMacintosh = typeof navigator !== 'undefined' && navigator.userAgent.includes('Macintosh');
 class Markmap {
   constructor(svg, opts) {
@@ -1184,7 +1214,7 @@ class Markmap {
     };
     this.handlePan = e => {
       e.preventDefault();
-      const transform = d3__namespace.zoomTransform(this.svg.node());
+      const transform = d3.zoomTransform(this.svg.node());
       const newTransform = transform.translate(-e.deltaX / transform.k, -e.deltaY / transform.k);
       this.svg.call(this.zoom.transform, newTransform);
     };
@@ -1194,9 +1224,9 @@ class Markmap {
       this.toggleNode(d.data, recursive);
     };
     this.viewHooks = createViewHooks();
-    this.svg = svg.datum ? svg : d3__namespace.select(svg);
+    this.svg = svg.datum ? svg : d3.select(svg);
     this.styleNode = this.svg.append('style');
-    this.zoom = d3__namespace.zoom().filter(event => {
+    this.zoom = d3.zoom().filter(event => {
       if (this.options.scrollForPan) {
         // Pan with wheels, zoom with ctrl+wheels
         if (event.type === 'wheel') return event.ctrlKey && !event.button;
@@ -1370,11 +1400,11 @@ class Markmap {
     layout(tree);
     const descendants = tree.descendants().reverse();
     const links = tree.links();
-    const linkShape = d3__namespace.linkHorizontal();
-    const minX = d3__namespace.min(descendants, d => d.x - d.xSize / 2);
-    const maxX = d3__namespace.max(descendants, d => d.x + d.xSize / 2);
-    const minY = d3__namespace.min(descendants, d => d.y);
-    const maxY = d3__namespace.max(descendants, d => d.y + d.ySize - spacingHorizontal);
+    const linkShape = d3.linkHorizontal();
+    const minX = d3.min(descendants, d => d.x - d.xSize / 2);
+    const maxX = d3.max(descendants, d => d.x + d.xSize / 2);
+    const minY = d3.min(descendants, d => d.y);
+    const maxY = d3.max(descendants, d => d.y + d.ySize - spacingHorizontal);
     Object.assign(this.state, {
       minX,
       maxX,
@@ -1484,7 +1514,7 @@ class Markmap {
     const naturalWidth = maxY - minY;
     const naturalHeight = maxX - minX;
     const scale = Math.min(offsetWidth / naturalWidth * fitRatio, offsetHeight / naturalHeight * fitRatio, 2);
-    const initialZoom = d3__namespace.zoomIdentity.translate((offsetWidth - naturalWidth * scale) / 2 - minY * scale, (offsetHeight - naturalHeight * scale) / 2 - minX * scale).scale(scale);
+    const initialZoom = d3.zoomIdentity.translate((offsetWidth - naturalWidth * scale) / 2 - minY * scale, (offsetHeight - naturalHeight * scale) / 2 - minX * scale).scale(scale);
     return this.transition(this.svg).call(this.zoom.transform, initialZoom).end().catch(noop);
   }
 
@@ -1504,7 +1534,7 @@ class Markmap {
       spacingHorizontal
     } = this.options;
     const relRect = svgNode.getBoundingClientRect();
-    const transform = d3__namespace.zoomTransform(svgNode);
+    const transform = d3.zoomTransform(svgNode);
     const [left, right] = [itemData.y, itemData.y + itemData.ySize - spacingHorizontal + 2].map(x => x * transform.k + transform.x);
     const [top, bottom] = [itemData.x - itemData.xSize / 2, itemData.x + itemData.xSize / 2].map(y => y * transform.k + transform.y);
     // Skip if the node includes or is included in the container.
@@ -1535,7 +1565,7 @@ class Markmap {
     } = svgNode.getBoundingClientRect();
     const halfWidth = offsetWidth / 2;
     const halfHeight = offsetHeight / 2;
-    const transform = d3__namespace.zoomTransform(svgNode);
+    const transform = d3.zoomTransform(svgNode);
     const newTransform = transform.translate((halfWidth - transform.x) * (1 - scale) / transform.k, (halfHeight - transform.y) * (1 - scale) / transform.k).scale(scale);
     return this.transition(this.svg).call(this.zoom.transform, newTransform).end().catch(noop);
   }
@@ -1587,7 +1617,7 @@ function deriveOptions(jsonOptions) {
     const solidColor = color[0];
     derivedOptions.color = () => solidColor;
   } else if (color != null && color.length) {
-    const colorFn = d3__namespace.scaleOrdinal(color);
+    const colorFn = d3.scaleOrdinal(color);
     derivedOptions.color = node => colorFn(`${node.state.path}`);
   }
   if (colorFreezeLevel) {

package/dist/index.js

@@ -1,21 +1,7 @@
-/*! markmap-view v0.14.5-alpha.19+5323905 | MIT License */
-'use strict';
-
-var markmapCommon = require('markmap-common');
-var d3 = require('d3');
-
-function _interopNamespaceDefault(e) {
-var n = Object.create(null);
-if (e) {
-for (var k in e) {
-n[k] = e[k];
-}
-}
-n.default = e;
-return Object.freeze(n);
-}
-
-var d3__namespace = /*#__PURE__*/_interopNamespaceDefault(d3);
+/*! markmap-view v0.14.5-alpha.22+04afb38 | MIT License */
+import { Hook, getId, addClass, walkTree, childSelector, noop } from 'markmap-common';
+export { loadCSS, loadJS } from 'markmap-common';
+import { scaleOrdinal, schemeCategory10, zoomTransform, select, zoom, linkHorizontal, min, max, zoomIdentity, minIndex } from 'd3';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -245,7 +231,7 @@ Node$1.prototype = hierarchy.prototype = {
 var name = "d3-flextree";
 var version$1 = "2.1.2";
 var main = "build/d3-flextree.js";
-var module$1 = "index";
+var module = "index";
 var author = {
 	name: "Chris Maloney",
 	url: "http://chrismaloney.org"
@@ -307,7 +293,7 @@ var packageInfo = {
 	name: name,
 	version: version$1,
 	main: main,
-	module: module$1,
+	module: module,
 	"jsnext:main": "index",
 	author: author,
 	description: description,
@@ -838,7 +824,7 @@ function mountDom(vnode) {
   return mount(vnode);
 }
 
-var css_248z$1 = ".markmap{font:300 16px/20px sans-serif}.markmap-link{fill:none}.markmap-node>circle{cursor:pointer}.markmap-foreign{display:inline-block}.markmap-foreign a{color:#0097e6}.markmap-foreign a:hover{color:#00a8ff}.markmap-foreign code{background-color:#f0f0f0;border-radius:2px;color:#555;font-size:calc(1em - 2px)}.markmap-foreign :not(pre)>code{padding:.2em .4em}.markmap-foreign del{text-decoration:line-through}.markmap-foreign em{font-style:italic}.markmap-foreign strong{font-weight:700}.markmap-foreign mark{background:#ffeaa7}.markmap-foreign pre,.markmap-foreign pre[class*=language-]{margin:0;padding:.2em .4em}";
+var css_248z$1 = ".markmap{font:300 16px/20px sans-serif}.markmap-link{fill:none}.markmap-node>circle{cursor:pointer}.markmap-foreign{display:inline-block}.markmap-foreign a{color:#0097e6}.markmap-foreign a:hover{color:#00a8ff}.markmap-foreign code{background-color:#f0f0f0;border-radius:2px;color:#555;font-size:calc(1em - 2px);padding:.25em}.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:#ffeaa7}";
 
 var css_248z = ".markmap-container{height:0;left:-100px;overflow:hidden;position:absolute;top:-100px;width:0}.markmap-container>.markmap-foreign{display:inline-block}.markmap-container>.markmap-foreign>div:last-child{white-space:nowrap}";
 
@@ -848,7 +834,7 @@ function linkWidth(nodeData) {
   return Math.max(4 - 2 * data.depth, 1.5);
 }
 function minBy(numbers, by) {
-  const index = d3__namespace.minIndex(numbers, by);
+  const index = minIndex(numbers, by);
   return numbers[index];
 }
 function stopPropagation(e) {
@@ -856,15 +842,15 @@ function stopPropagation(e) {
 }
 function createViewHooks() {
   return {
-    transformHtml: new markmapCommon.Hook()
+    transformHtml: new Hook()
   };
 }
 
 /**
  * A global hook to refresh all markmaps when called.
  */
-const refreshHook = new markmapCommon.Hook();
-const defaultColorFn = d3__namespace.scaleOrdinal(d3__namespace.schemeCategory10);
+const refreshHook = new Hook();
+const defaultColorFn = scaleOrdinal(schemeCategory10);
 const isMacintosh = typeof navigator !== 'undefined' && navigator.userAgent.includes('Macintosh');
 class Markmap {
   constructor(svg, opts) {
@@ -878,7 +864,7 @@ class Markmap {
     };
     this.handlePan = e => {
       e.preventDefault();
-      const transform = d3__namespace.zoomTransform(this.svg.node());
+      const transform = zoomTransform(this.svg.node());
       const newTransform = transform.translate(-e.deltaX / transform.k, -e.deltaY / transform.k);
       this.svg.call(this.zoom.transform, newTransform);
     };
@@ -888,9 +874,9 @@ class Markmap {
       this.toggleNode(d.data, recursive);
     };
     this.viewHooks = createViewHooks();
-    this.svg = svg.datum ? svg : d3__namespace.select(svg);
+    this.svg = svg.datum ? svg : select(svg);
     this.styleNode = this.svg.append('style');
-    this.zoom = d3__namespace.zoom().filter(event => {
+    this.zoom = zoom().filter(event => {
       if (this.options.scrollForPan) {
         // Pan with wheels, zoom with ctrl+wheels
         if (event.type === 'wheel') return event.ctrlKey && !event.button;
@@ -899,7 +885,7 @@ class Markmap {
     }).on('zoom', this.handleZoom);
     this.setOptions(opts);
     this.state = {
-      id: this.options.id || this.svg.attr('id') || markmapCommon.getId(),
+      id: this.options.id || this.svg.attr('id') || getId(),
       minX: 0,
       maxX: 0,
       minY: 0,
@@ -921,7 +907,7 @@ class Markmap {
     return [this.options.embedGlobalCSS && css_248z$1, styleText].filter(Boolean).join('\n');
   }
   updateStyle() {
-    this.svg.attr('class', markmapCommon.addClass(this.svg.attr('class'), 'markmap', this.state.id));
+    this.svg.attr('class', addClass(this.svg.attr('class'), 'markmap', this.state.id));
     const style = this.getStyleContent();
     this.styleNode.text(style);
   }
@@ -930,7 +916,7 @@ class Markmap {
     const fold = (_data$payload = data.payload) != null && _data$payload.fold ? 0 : 1;
     if (recursive) {
       // recursively
-      markmapCommon.walkTree(data, (item, next) => {
+      walkTree(data, (item, next) => {
         item.payload = _extends({}, item.payload, {
           fold
         });
@@ -964,7 +950,7 @@ class Markmap {
     document.body.append(container, style);
     const groupStyle = maxWidth ? `max-width: ${maxWidth}px` : '';
     let foldRecursively = 0;
-    markmapCommon.walkTree(node, (item, next, parent) => {
+    walkTree(node, (item, next, parent) => {
       var _item$children, _parent$state, _item$payload;
       item.children = (_item$children = item.children) == null ? void 0 : _item$children.map(child => _extends({}, child));
       nodeId += 1;
@@ -1006,7 +992,7 @@ class Markmap {
       var _node$parentNode;
       (_node$parentNode = node.parentNode) == null ? void 0 : _node$parentNode.append(node.cloneNode(true));
     });
-    markmapCommon.walkTree(node, (item, next, parent) => {
+    walkTree(node, (item, next, parent) => {
       var _parent$state2;
       const state = item.state;
       const rect = state.el.getBoundingClientRect();
@@ -1064,11 +1050,11 @@ class Markmap {
     layout(tree);
     const descendants = tree.descendants().reverse();
     const links = tree.links();
-    const linkShape = d3__namespace.linkHorizontal();
-    const minX = d3__namespace.min(descendants, d => d.x - d.xSize / 2);
-    const maxX = d3__namespace.max(descendants, d => d.x + d.xSize / 2);
-    const minY = d3__namespace.min(descendants, d => d.y);
-    const maxY = d3__namespace.max(descendants, d => d.y + d.ySize - spacingHorizontal);
+    const linkShape = linkHorizontal();
+    const minX = min(descendants, d => d.x - d.xSize / 2);
+    const maxX = max(descendants, d => d.x + d.xSize / 2);
+    const minY = min(descendants, d => d.y);
+    const maxY = max(descendants, d => d.y + d.ySize - spacingHorizontal);
     Object.assign(this.state, {
       minX,
       maxX,
@@ -1081,7 +1067,7 @@ class Markmap {
     const y0 = (_origin$data$state$y = origin.data.state.y0) != null ? _origin$data$state$y : origin.y;
 
     // Update the nodes
-    const node = this.g.selectAll(markmapCommon.childSelector('g')).data(descendants, d => d.data.state.key);
+    const node = this.g.selectAll(childSelector('g')).data(descendants, d => d.data.state.key);
     const nodeEnter = node.enter().append('g').attr('data-depth', d => d.data.depth).attr('data-path', d => d.data.state.path).attr('transform', d => `translate(${y0 + origin.ySize - d.ySize},${x0 + origin.xSize / 2 - d.xSize})`);
     const nodeExit = this.transition(node.exit());
     nodeExit.select('line').attr('x1', d => d.ySize - spacingHorizontal).attr('x2', d => d.ySize - spacingHorizontal);
@@ -1094,13 +1080,13 @@ class Markmap {
     this.transition(nodeMerge).attr('transform', d => `translate(${d.y},${d.x - d.xSize / 2})`);
 
     // Update lines under the content
-    const line = nodeMerge.selectAll(markmapCommon.childSelector('line')).data(d => [d], d => d.data.state.key).join(enter => {
+    const line = nodeMerge.selectAll(childSelector('line')).data(d => [d], d => d.data.state.key).join(enter => {
       return enter.append('line').attr('x1', d => d.ySize - spacingHorizontal).attr('x2', d => d.ySize - spacingHorizontal);
     }, update => update, exit => exit.remove());
     this.transition(line).attr('x1', -1).attr('x2', d => d.ySize - spacingHorizontal + 2).attr('y1', d => d.xSize).attr('y2', d => d.xSize).attr('stroke', d => color(d.data)).attr('stroke-width', linkWidth);
 
     // Circle to link to children of the node
-    const circle = nodeMerge.selectAll(markmapCommon.childSelector('circle')).data(d => {
+    const circle = nodeMerge.selectAll(childSelector('circle')).data(d => {
       var _d$data$children;
       return (_d$data$children = d.data.children) != null && _d$data$children.length ? [d] : [];
     }, d => d.data.state.key).join(enter => {
@@ -1110,7 +1096,7 @@ class Markmap {
       var _d$data$payload2;
       return (_d$data$payload2 = d.data.payload) != null && _d$data$payload2.fold && d.data.children ? color(d.data) : '#fff';
     });
-    const foreignObject = nodeMerge.selectAll(markmapCommon.childSelector('foreignObject')).data(d => [d], d => d.data.state.key).join(enter => {
+    const foreignObject = nodeMerge.selectAll(childSelector('foreignObject')).data(d => [d], d => d.data.state.key).join(enter => {
       const fo = enter.append('foreignObject').attr('class', 'markmap-foreign').attr('x', paddingX).attr('y', 0).style('opacity', 0).on('mousedown', stopPropagation).on('dblclick', stopPropagation);
       fo.append('xhtml:div').select(function select(d) {
         const clone = d.data.state.el.cloneNode(true);
@@ -1122,7 +1108,7 @@ class Markmap {
     this.transition(foreignObject).style('opacity', 1);
 
     // Update the links
-    const path = this.g.selectAll(markmapCommon.childSelector('path')).data(links, d => d.target.data.state.key).join(enter => {
+    const path = this.g.selectAll(childSelector('path')).data(links, d => d.target.data.state.key).join(enter => {
       const source = [y0 + origin.ySize - spacingHorizontal, x0 + origin.xSize / 2];
       return enter.insert('path', 'g').attr('class', 'markmap-link').attr('data-depth', d => d.target.data.depth).attr('data-path', d => d.target.data.state.path).attr('d', linkShape({
         source,
@@ -1178,8 +1164,8 @@ class Markmap {
     const naturalWidth = maxY - minY;
     const naturalHeight = maxX - minX;
     const scale = Math.min(offsetWidth / naturalWidth * fitRatio, offsetHeight / naturalHeight * fitRatio, 2);
-    const initialZoom = d3__namespace.zoomIdentity.translate((offsetWidth - naturalWidth * scale) / 2 - minY * scale, (offsetHeight - naturalHeight * scale) / 2 - minX * scale).scale(scale);
-    return this.transition(this.svg).call(this.zoom.transform, initialZoom).end().catch(markmapCommon.noop);
+    const initialZoom = zoomIdentity.translate((offsetWidth - naturalWidth * scale) / 2 - minY * scale, (offsetHeight - naturalHeight * scale) / 2 - minX * scale).scale(scale);
+    return this.transition(this.svg).call(this.zoom.transform, initialZoom).end().catch(noop);
   }
 
   /**
@@ -1187,7 +1173,7 @@ class Markmap {
    */
   async ensureView(node, padding) {
     let itemData;
-    this.g.selectAll(markmapCommon.childSelector('g')).each(function walk(d) {
+    this.g.selectAll(childSelector('g')).each(function walk(d) {
       if (d.data === node) {
         itemData = d;
       }
@@ -1198,7 +1184,7 @@ class Markmap {
       spacingHorizontal
     } = this.options;
     const relRect = svgNode.getBoundingClientRect();
-    const transform = d3__namespace.zoomTransform(svgNode);
+    const transform = zoomTransform(svgNode);
     const [left, right] = [itemData.y, itemData.y + itemData.ySize - spacingHorizontal + 2].map(x => x * transform.k + transform.x);
     const [top, bottom] = [itemData.x - itemData.xSize / 2, itemData.x + itemData.xSize / 2].map(y => y * transform.k + transform.y);
     // Skip if the node includes or is included in the container.
@@ -1214,7 +1200,7 @@ class Markmap {
     const dy = dys[0] * dys[1] > 0 ? minBy(dys, Math.abs) / transform.k : 0;
     if (dx || dy) {
       const newTransform = transform.translate(dx, dy);
-      return this.transition(this.svg).call(this.zoom.transform, newTransform).end().catch(markmapCommon.noop);
+      return this.transition(this.svg).call(this.zoom.transform, newTransform).end().catch(noop);
     }
   }
 
@@ -1229,9 +1215,9 @@ class Markmap {
     } = svgNode.getBoundingClientRect();
     const halfWidth = offsetWidth / 2;
     const halfHeight = offsetHeight / 2;
-    const transform = d3__namespace.zoomTransform(svgNode);
+    const transform = zoomTransform(svgNode);
     const newTransform = transform.translate((halfWidth - transform.x) * (1 - scale) / transform.k, (halfHeight - transform.y) * (1 - scale) / transform.k).scale(scale);
-    return this.transition(this.svg).call(this.zoom.transform, newTransform).end().catch(markmapCommon.noop);
+    return this.transition(this.svg).call(this.zoom.transform, newTransform).end().catch(noop);
   }
   destroy() {
     this.svg.on('.zoom', null);
@@ -1281,7 +1267,7 @@ function deriveOptions(jsonOptions) {
     const solidColor = color[0];
     derivedOptions.color = () => solidColor;
   } else if (color != null && color.length) {
-    const colorFn = d3__namespace.scaleOrdinal(color);
+    const colorFn = scaleOrdinal(color);
     derivedOptions.color = node => colorFn(`${node.state.path}`);
   }
   if (colorFreezeLevel) {
@@ -1308,10 +1294,4 @@ function deriveOptions(jsonOptions) {
   return derivedOptions;
 }
 
-exports.loadCSS = markmapCommon.loadCSS;
-exports.loadJS = markmapCommon.loadJS;
-exports.Markmap = Markmap;
-exports.defaultColorFn = defaultColorFn;
-exports.deriveOptions = deriveOptions;
-exports.globalCSS = globalCSS;
-exports.refreshHook = refreshHook;
+export { Markmap, defaultColorFn, deriveOptions, globalCSS, refreshHook };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "markmap-view",
-  "version": "0.14.5-alpha.19+5323905",
+  "version": "0.14.5-alpha.22+04afb38",
   "description": "View markmaps in browser",
   "author": "Gerald <gera2ld@live.com>",
   "license": "MIT",
@@ -19,16 +19,17 @@
     "url": "git+https://github.com/markmap/markmap.git"
   },
   "scripts": {
-    "dev": "rollup -wc rollup.conf.js",
+    "dev": "rollup -wc",
     "clean": "del-cli dist types",
-    "build:js": "rollup -c rollup.conf.js",
+    "build:js": "rollup -c",
     "build:types": "tsc"
   },
   "bugs": {
     "url": "https://github.com/markmap/markmap/issues"
   },
+  "type": "module",
   "main": "dist/index.js",
-  "module": "dist/index.mjs",
+  "module": "dist/index.js",
   "unpkg": "dist/browser/index.js",
   "jsdelivr": "dist/browser/index.js",
   "files": [
@@ -45,10 +46,10 @@
   },
   "devDependencies": {
     "@types/d3-flextree": "^2.1.1",
-    "markmap-common": "0.14.5-alpha.19+5323905"
+    "markmap-common": "0.14.5-alpha.22+04afb38"
   },
   "peerDependencies": {
     "markmap-common": "*"
   },
-  "gitHead": "532390588885518c11fa50b8a77c0694821cfecf"
+  "gitHead": "04afb38dd0a6f3b5e8eaffde3c29e9e38b215c35"
 }

package/types/view.d.ts

@@ -1,4 +1,4 @@
-import * as d3 from 'd3';
+import type * as d3 from 'd3';
 import { FlextreeNode } from 'd3-flextree';
 import { Hook, INode, IPureNode, IMarkmapOptions, IMarkmapJSONOptions } from 'markmap-common';
 import { IMarkmapState } from './types';