markmap-view 0.17.2 → 0.17.3-alpha.1

package/dist/browser/index.js

@@ -10,8 +10,7 @@
     }
     revoke(fn) {
       const i = this.listeners.indexOf(fn);
-      if (i >= 0)
-        this.listeners.splice(i, 1);
+      if (i >= 0) this.listeners.splice(i, 1);
     }
     revokeAll() {
       this.listeners.splice(0);
@@ -44,8 +43,7 @@
   function addClass(className, ...rest) {
     const classList = (className || "").split(" ").filter(Boolean);
     rest.forEach((item) => {
-      if (item && classList.indexOf(item) < 0)
-        classList.push(item);
+      if (item && classList.indexOf(item) < 0) classList.push(item);
     });
     return classList.join(" ");
   }
@@ -57,8 +55,7 @@
     const filterFn = filter;
     return function selector() {
       let nodes = Array.from(this.childNodes);
-      if (filterFn)
-        nodes = nodes.filter((node) => filterFn(node));
+      if (filterFn) nodes = nodes.filter((node) => filterFn(node));
       return nodes;
     };
   }
@@ -96,8 +93,7 @@
     }
     function run() {
       reset();
-      if (state.args)
-        state.result = fn(...state.args);
+      if (state.args) state.result = fn(...state.args);
     }
     return function debounced(...args) {
       reset();
@@ -127,12 +123,9 @@
   }
   function jsx$1(type, props) {
     let vtype;
-    if (typeof type === "string")
-      vtype = VTYPE_ELEMENT$1;
-    else if (typeof type === "function")
-      vtype = VTYPE_FUNCTION$1;
-    else
-      throw new Error("Invalid VNode type");
+    if (typeof type === "string") vtype = VTYPE_ELEMENT$1;
+    else if (typeof type === "function") vtype = VTYPE_FUNCTION$1;
+    else throw new Error("Invalid VNode type");
     return {
       vtype,
       type,
@@ -146,22 +139,18 @@
     isSvg: false
   };
   function insertDom$1(parent, nodes) {
-    if (!Array.isArray(nodes))
-      nodes = [nodes];
+    if (!Array.isArray(nodes)) nodes = [nodes];
     nodes = nodes.filter(Boolean);
-    if (nodes.length)
-      parent.append(...nodes);
+    if (nodes.length) parent.append(...nodes);
   }
   function mountAttributes$1(domElement, props, env) {
     for (const key in props) {
-      if (key === "key" || key === "children" || key === "ref")
-        continue;
+      if (key === "key" || key === "children" || key === "ref") continue;
       if (key === "dangerouslySetInnerHTML") {
         domElement.innerHTML = props[key].__html;
       } else if (key === "innerHTML" || key === "textContent" || key === "innerText" || key === "value" && ["textarea", "select"].includes(domElement.tagName)) {
         const value = props[key];
-        if (value != null)
-          domElement[key] = value;
+        if (value != null) domElement[key] = value;
       } else if (key.startsWith("on")) {
         domElement[key.toLowerCase()] = props[key];
       } else {
@@ -245,14 +234,12 @@
           });
         }
         const children = mountChildren$1(props.children, childEnv);
-        if (children != null)
-          insertDom$1(node, children);
+        if (children != null) insertDom$1(node, children);
       }
       const {
         ref
       } = props;
-      if (typeof ref === "function")
-        ref(node);
+      if (typeof ref === "function") ref(node);
       return node;
     }
     throw new Error("mount: Invalid Vnode!");
@@ -309,8 +296,7 @@
     if (!item.loaded) {
       const deferred = defer();
       item.loaded = deferred.promise;
-      if (url)
-        cssCache[url] = item.loaded;
+      if (url) cssCache[url] = item.loaded;
       if (item.type === "style") {
         document.head.append(
           hm("style", {
@@ -326,8 +312,7 @@
           })
         );
         fetch(url).then((res) => {
-          if (res.ok)
-            return res.text();
+          if (res.ok) return res.text();
           throw res;
         }).then(() => deferred.resolve(), deferred.reject);
       }
@@ -412,14 +397,12 @@
     ];
     numberKeys.forEach((key) => {
       const value = options[key];
-      if (typeof value === "number")
-        derivedOptions[key] = value;
+      if (typeof value === "number") derivedOptions[key] = value;
     });
     const booleanKeys = ["zoom", "pan"];
     booleanKeys.forEach((key) => {
       const value = options[key];
-      if (value != null)
-        derivedOptions[key] = !!value;
+      if (value != null) derivedOptions[key] = !!value;
     });
     return derivedOptions;
   }
@@ -438,12 +421,9 @@
   const isRenderFunction = (c) => (c == null ? void 0 : c.vtype) === VTYPE_FUNCTION;
   function jsx(type, props) {
     let vtype;
-    if (typeof type === "string")
-      vtype = VTYPE_ELEMENT;
-    else if (typeof type === "function")
-      vtype = VTYPE_FUNCTION;
-    else
-      throw new Error("Invalid VNode type");
+    if (typeof type === "string") vtype = VTYPE_ELEMENT;
+    else if (typeof type === "function") vtype = VTYPE_FUNCTION;
+    else throw new Error("Invalid VNode type");
     return {
       vtype,
       type,
@@ -457,22 +437,18 @@
     isSvg: false
   };
   function insertDom(parent, nodes) {
-    if (!Array.isArray(nodes))
-      nodes = [nodes];
+    if (!Array.isArray(nodes)) nodes = [nodes];
     nodes = nodes.filter(Boolean);
-    if (nodes.length)
-      parent.append(...nodes);
+    if (nodes.length) parent.append(...nodes);
   }
   function mountAttributes(domElement, props, env) {
     for (const key in props) {
-      if (key === "key" || key === "children" || key === "ref")
-        continue;
+      if (key === "key" || key === "children" || key === "ref") continue;
       if (key === "dangerouslySetInnerHTML") {
         domElement.innerHTML = props[key].__html;
       } else if (key === "innerHTML" || key === "textContent" || key === "innerText" || key === "value" && ["textarea", "select"].includes(domElement.tagName)) {
         const value = props[key];
-        if (value != null)
-          domElement[key] = value;
+        if (value != null) domElement[key] = value;
       } else if (key.startsWith("on")) {
         domElement[key.toLowerCase()] = props[key];
       } else {
@@ -556,14 +532,12 @@
           });
         }
         const children = mountChildren(props.children, childEnv);
-        if (children != null)
-          insertDom(node, children);
+        if (children != null) insertDom(node, children);
       }
       const {
         ref
       } = props;
-      if (typeof ref === "function")
-        ref(node);
+      if (typeof ref === "function") ref(node);
       return node;
     }
     throw new Error("mount: Invalid Vnode!");
@@ -573,11 +547,8 @@
   }
   function count(node) {
     var sum = 0, children = node.children, i = children && children.length;
-    if (!i)
-      sum = 1;
-    else
-      while (--i >= 0)
-        sum += children[i].value;
+    if (!i) sum = 1;
+    else while (--i >= 0) sum += children[i].value;
     node.value = sum;
   }
   function node_count() {
@@ -589,10 +560,9 @@
       current = next.reverse(), next = [];
       while (node = current.pop()) {
         callback(node), children = node.children;
-        if (children)
-          for (i = 0, n = children.length; i < n; ++i) {
-            next.push(children[i]);
-          }
+        if (children) for (i = 0, n = children.length; i < n; ++i) {
+          next.push(children[i]);
+        }
       }
     } while (next.length);
     return this;
@@ -601,10 +571,9 @@
     var node = this, nodes = [node], children, i;
     while (node = nodes.pop()) {
       callback(node), children = node.children;
-      if (children)
-        for (i = children.length - 1; i >= 0; --i) {
-          nodes.push(children[i]);
-        }
+      if (children) for (i = children.length - 1; i >= 0; --i) {
+        nodes.push(children[i]);
+      }
     }
     return this;
   }
@@ -612,10 +581,9 @@
     var node = this, nodes = [node], next = [], children, i, n;
     while (node = nodes.pop()) {
       next.push(node), children = node.children;
-      if (children)
-        for (i = 0, n = children.length; i < n; ++i) {
-          nodes.push(children[i]);
-        }
+      if (children) for (i = 0, n = children.length; i < n; ++i) {
+        nodes.push(children[i]);
+      }
     }
     while (node = next.pop()) {
       callback(node);
@@ -625,8 +593,7 @@
   function node_sum(value) {
     return this.eachAfter(function(node) {
       var sum = +value(node.data) || 0, children = node.children, i = children && children.length;
-      while (--i >= 0)
-        sum += children[i].value;
+      while (--i >= 0) sum += children[i].value;
       node.value = sum;
     });
   }
@@ -651,8 +618,7 @@
     return nodes;
   }
   function leastCommonAncestor(a, b) {
-    if (a === b)
-      return a;
+    if (a === b) return a;
     var aNodes = a.ancestors(), bNodes = b.ancestors(), c = null;
     a = aNodes.pop();
     b = bNodes.pop();
@@ -697,11 +663,9 @@
   }
   function hierarchy(data, children) {
     var root = new Node$1(data), valued = +data.value && (root.value = data.value), node, nodes = [root], child, childs, i, n;
-    if (children == null)
-      children = defaultChildren;
+    if (children == null) children = defaultChildren;
     while (node = nodes.pop()) {
-      if (valued)
-        node.value = +node.data.value;
+      if (valued) node.value = +node.data.value;
       if ((childs = children(node.data)) && (n = childs.length)) {
         node.children = new Array(n);
         for (i = n - 1; i >= 0; --i) {
@@ -1032,8 +996,7 @@
       const [i, lastLows] = acc;
       layoutChildren(kid, w.y + w.ySize);
       const lowY = (i === 0 ? kid.lExt : kid.rExt).bottom;
-      if (i !== 0)
-        separate(w, i, lastLows);
+      if (i !== 0) separate(w, i, lastLows);
       const lows = updateLows(lowY, i, lastLows);
       return [i + 1, lows];
     }, [0, null]);
@@ -1071,8 +1034,7 @@
     let lSumMods = curSubtree.relX;
     let isFirst = true;
     while (rContour && lContour) {
-      if (rContour.bottom > lows.lowY)
-        lows = lows.next;
+      if (rContour.bottom > lows.lowY) lows = lows.next;
       const dist = rSumMods + rContour.prelim - (lSumMods + lContour.prelim) + rContour.xSize / 2 + lContour.xSize / 2 + rContour.spacing(lContour);
       if (dist > 0 || dist < 0 && isFirst) {
         lSumMods += dist;
@@ -1084,19 +1046,15 @@
       const leftBottom = lContour.bottom;
       if (rightBottom <= leftBottom) {
         rContour = nextRContour(rContour);
-        if (rContour)
-          rSumMods += rContour.relX;
+        if (rContour) rSumMods += rContour.relX;
       }
       if (rightBottom >= leftBottom) {
         lContour = nextLContour(lContour);
-        if (lContour)
-          lSumMods += lContour.relX;
+        if (lContour) lSumMods += lContour.relX;
       }
     }
-    if (!rContour && lContour)
-      setLThr(w, i, lContour, lSumMods);
-    else if (rContour && !lContour)
-      setRThr(w, i, rContour, rSumMods);
+    if (!rContour && lContour) setLThr(w, i, lContour, lSumMods);
+    else if (rContour && !lContour) setRThr(w, i, rContour, rSumMods);
   };
   const moveSubtree = (subtree, distance) => {
     subtree.relX += distance;
@@ -1199,16 +1157,14 @@
       };
       this.handleClick = (e, d) => {
         let recursive = this.options.toggleRecursively;
-        if (isMacintosh ? e.metaKey : e.ctrlKey)
-          recursive = !recursive;
+        if (isMacintosh ? e.metaKey : e.ctrlKey) recursive = !recursive;
         this.toggleNode(d.data, recursive);
       };
       this.svg = svg.datum ? svg : d32.select(svg);
       this.styleNode = this.svg.append("style");
       this.zoom = d32.zoom().filter((event) => {
         if (this.options.scrollForPan) {
-          if (event.type === "wheel")
-            return event.ctrlKey && !event.button;
+          if (event.type === "wheel") return event.ctrlKey && !event.button;
         }
         return (!event.ctrlKey || event.type === "wheel") && !event.button;
       }).on("zoom", this.handleZoom);
@@ -1306,8 +1262,7 @@
           item.payload = { ...item.payload, fold: 1 };
         }
         next();
-        if (isFoldRecursively)
-          foldRecursively -= 1;
+        if (isFoldRecursively) foldRecursively -= 1;
         depth -= 1;
       });
       const nodes = Array.from(container.childNodes).map(
@@ -1336,8 +1291,7 @@
     }
     _checkImages(container) {
       container.querySelectorAll("img").forEach((img) => {
-        if (img.width)
-          return;
+        if (img.width) return;
         const size = this.imgCache[img.src];
         if (size == null ? void 0 : size[0]) {
           [img.width, img.height] = size;
@@ -1372,24 +1326,19 @@
       }
     }
     setData(data, opts) {
-      if (opts)
-        this.setOptions(opts);
-      if (data)
-        this.state.data = data;
-      if (!this.state.data)
-        return;
+      if (opts) this.setOptions(opts);
+      if (data) this.state.data = data;
+      if (!this.state.data) return;
       this.initializeData(this.state.data);
       this.updateStyle();
       this.renderData();
     }
     renderData(originData) {
-      if (!this.state.data)
-        return;
+      if (!this.state.data) return;
       const { spacingHorizontal, paddingX, spacingVertical, autoFit, color } = this.options;
       const layout = flextree({}).children((d) => {
         var _a;
-        if (!((_a = d.payload) == null ? void 0 : _a.fold))
-          return d.children;
+        if (!((_a = d.payload) == null ? void 0 : _a.fold)) return d.children;
       }).nodeSize((node2) => {
         const [width, height] = node2.data.state.size;
         return [height, width + (width ? paddingX * 2 : 0) + spacingHorizontal];
@@ -1411,14 +1360,11 @@
         minY,
         maxY
       });
-      if (autoFit)
-        this.fit();
+      if (autoFit) this.fit();
       const origin = originData && descendants.find((item) => item.data === originData) || tree;
       const x0 = origin.data.state.x0 ?? origin.x;
       const y0 = origin.data.state.y0 ?? origin.y;
-      const node = this.g.selectAll(
-        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.state.depth).attr("data-path", (d) => d.data.state.path).attr(
         "transform",
         (d) => `translate(${y0 + origin.ySize - d.ySize},${x0 + origin.xSize / 2 - d.xSize})`
@@ -1562,9 +1508,7 @@
     }
     findElement(node) {
       let result;
-      this.g.selectAll(
-        childSelector("g")
-      ).each(function walk(d) {
+      this.g.selectAll(childSelector("g")).each(function walk(d) {
         if (d.data === node) {
           result = {
             data: d,
@@ -1580,8 +1524,7 @@
     async ensureView(node, padding) {
       var _a;
       const itemData = (_a = this.findElement(node)) == null ? void 0 : _a.data;
-      if (!itemData)
-        return;
+      if (!itemData) return;
       const svgNode = this.svg.node();
       const { spacingHorizontal } = this.options;
       const relRect = svgNode.getBoundingClientRect();

package/dist/index.js

@@ -67,12 +67,9 @@ const U = 1, G = 2, xt = "http://www.w3.org/2000/svg", _ = "http://www.w3.org/19
 }, kt = (e) => typeof e == "string" || typeof e == "number", vt = (e) => (e == null ? void 0 : e.vtype) === U, St = (e) => (e == null ? void 0 : e.vtype) === G;
 function j(e, t) {
   let n;
-  if (typeof e == "string")
-    n = U;
-  else if (typeof e == "function")
-    n = G;
-  else
-    throw new Error("Invalid VNode type");
+  if (typeof e == "string") n = U;
+  else if (typeof e == "function") n = G;
+  else throw new Error("Invalid VNode type");
   return {
     vtype: n,
     type: e,
@@ -96,8 +93,7 @@ function Et(e, t, n) {
       else if (i === "innerHTML" || i === "textContent" || i === "innerText" || i === "value" && ["textarea", "select"].includes(e.tagName)) {
         const o = t[i];
         o != null && (e[i] = o);
-      } else
-        i.startsWith("on") ? e[i.toLowerCase()] = t[i] : wt(e, i, t[i], n.isSvg);
+      } else i.startsWith("on") ? e[i.toLowerCase()] = t[i] : wt(e, i, t[i], n.isSvg);
 }
 const Ct = {
   className: "class",
@@ -170,11 +166,8 @@ function O(e) {
 }
 function jt(e) {
   var t = 0, n = e.children, i = n && n.length;
-  if (!i)
-    t = 1;
-  else
-    for (; --i >= 0; )
-      t += n[i].value;
+  if (!i) t = 1;
+  else for (; --i >= 0; ) t += n[i].value;
   e.value = t;
 }
 function Nt() {
@@ -184,32 +177,28 @@ function Rt(e) {
   var t = this, n, i = [t], o, a, c;
   do
     for (n = i.reverse(), i = []; t = n.pop(); )
-      if (e(t), o = t.children, o)
-        for (a = 0, c = o.length; a < c; ++a)
-          i.push(o[a]);
+      if (e(t), o = t.children, o) for (a = 0, c = o.length; a < c; ++a)
+        i.push(o[a]);
   while (i.length);
   return this;
 }
 function Mt(e) {
   for (var t = this, n = [t], i, o; t = n.pop(); )
-    if (e(t), i = t.children, i)
-      for (o = i.length - 1; o >= 0; --o)
-        n.push(i[o]);
+    if (e(t), i = t.children, i) for (o = i.length - 1; o >= 0; --o)
+      n.push(i[o]);
   return this;
 }
 function Tt(e) {
   for (var t = this, n = [t], i = [], o, a, c; t = n.pop(); )
-    if (i.push(t), o = t.children, o)
-      for (a = 0, c = o.length; a < c; ++a)
-        n.push(o[a]);
+    if (i.push(t), o = t.children, o) for (a = 0, c = o.length; a < c; ++a)
+      n.push(o[a]);
   for (; t = i.pop(); )
     e(t);
   return this;
 }
 function At(e) {
   return this.eachAfter(function(t) {
-    for (var n = +e(t.data) || 0, i = t.children, o = i && i.length; --o >= 0; )
-      n += i[o].value;
+    for (var n = +e(t.data) || 0, i = t.children, o = i && i.length; --o >= 0; ) n += i[o].value;
     t.value = n;
   });
 }
@@ -226,8 +215,7 @@ function Ot(e) {
   return i;
 }
 function Dt(e, t) {
-  if (e === t)
-    return e;
+  if (e === t) return e;
   var n = e.ancestors(), i = t.ancestors(), o = null;
   for (e = n.pop(), t = i.pop(); e === t; )
     o = e, e = n.pop(), t = i.pop();
@@ -723,8 +711,7 @@ class et {
   }
   _checkImages(t) {
     t.querySelectorAll("img").forEach((n) => {
-      if (n.width)
-        return;
+      if (n.width) return;
       const i = this.imgCache[n.src];
       i != null && i[0] ? [n.width, n.height] = i : i || this._loadImage(n.src);
     });
@@ -746,12 +733,10 @@ class et {
     n && this.setOptions(n), t && (this.state.data = t), this.state.data && (this.initializeData(this.state.data), this.updateStyle(), this.renderData());
   }
   renderData(t) {
-    if (!this.state.data)
-      return;
+    if (!this.state.data) return;
     const { spacingHorizontal: n, paddingX: i, spacingVertical: o, autoFit: a, color: c } = this.options, s = q({}).children((r) => {
       var d;
-      if (!((d = r.payload) != null && d.fold))
-        return r.children;
+      if (!((d = r.payload) != null && d.fold)) return r.children;
     }).nodeSize((r) => {
       const [d, S] = r.data.state.size;
       return [S, d + (d ? i * 2 : 0) + n];
@@ -764,9 +749,7 @@ class et {
       minY: m,
       maxY: y
     }), a && this.fit();
-    const f = t && p.find((r) => r.data === t) || l, k = f.data.state.x0 ?? f.x, v = f.data.state.y0 ?? f.y, b = this.g.selectAll(
-      C("g")
-    ).data(p, (r) => r.data.state.key), w = b.enter().append("g").attr("data-depth", (r) => r.data.state.depth).attr("data-path", (r) => r.data.state.path).attr(
+    const f = t && p.find((r) => r.data === t) || l, k = f.data.state.x0 ?? f.x, v = f.data.state.y0 ?? f.y, b = this.g.selectAll(C("g")).data(p, (r) => r.data.state.key), w = b.enter().append("g").attr("data-depth", (r) => r.data.state.depth).attr("data-path", (r) => r.data.state.path).attr(
       "transform",
       (r) => `translate(${v + f.ySize - r.ySize},${k + f.xSize / 2 - r.xSize})`
     ), z = this.transition(b.exit());
@@ -888,9 +871,7 @@ class et {
   }
   findElement(t) {
     let n;
-    return this.g.selectAll(
-      C("g")
-    ).each(function(o) {
+    return this.g.selectAll(C("g")).each(function(o) {
       o.data === t && (n = {
         data: o,
         g: this
@@ -903,8 +884,7 @@ class et {
   async ensureView(t, n) {
     var k;
     const i = (k = this.findElement(t)) == null ? void 0 : k.data;
-    if (!i)
-      return;
+    if (!i) return;
     const o = this.svg.node(), { spacingHorizontal: a } = this.options, c = o.getBoundingClientRect(), s = A(o), [l, p] = [
       i.y,
       i.y + i.ySize - a + 2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "markmap-view",
-  "version": "0.17.2",
+  "version": "0.17.3-alpha.1+4942a37",
   "description": "View markmaps in browser",
   "author": "Gerald <gera2ld@live.com>",
   "license": "MIT",
@@ -51,5 +51,5 @@
   "peerDependencies": {
     "markmap-common": "*"
   },
-  "gitHead": "bbeec32d0efeea4e36755b1909a5993187264487"
+  "gitHead": "4942a3759db08bbbc179034c0b08c5c2112566dc"
 }