hexagon-editor 0.1.0-alpha.0

package/dist/diagram-7IWD3JNH-BrApu1hz.js

@@ -0,0 +1,350 @@
+import { I as X } from "./chunk-2Q5K7J3B-CySL0lOA.js";
+import { p as O } from "./chunk-JWPE2WC7-DAjx3Kjr.js";
+import { n as G, b as Y, s as P, o as j, g as F, a as Z, _ as f, A, l as D, D as q, e as U, y as N, p as J, i as K, ai as Q, B as ee, aj as te } from "./mermaid.core-CR0bA2Wa.js";
+import { p as ne } from "./cynefin-VYW2F7L2-Bkk-F_Js.js";
+var E = /[─━│┃└┗├┣]/, S = /[└┗├┣]/, re = /[─━]/, V = /^[\s│┃]+$/, $ = /^\s*(title[\t ]|accTitle[\t ]*:|accDescr[\t ]*[:{])/, k = /^\s*%%/, ie = "    ";
+function L(n) {
+  return n.some((e) => E.test(e));
+}
+f(L, "isBoxDrawingFormat");
+function _(n) {
+  for (const e of n) {
+    const t = S.exec(e);
+    if (t?.index && t.index > 0)
+      return t.index;
+  }
+  return 4;
+}
+f(_, "inferSegmentWidth");
+function M(n, e) {
+  return n.replace(/\bline\s+(\d+)\b/gi, (t, r) => {
+    const i = parseInt(r, 10), a = e.get(i);
+    return a ? `line ${a}` : t;
+  });
+}
+f(M, "remapErrorLines");
+function R(n) {
+  const e = n.split(`
+`), t = /* @__PURE__ */ new Map();
+  let r = -1;
+  for (const [s, o] of e.entries())
+    if (o.trim() === "treeView-beta") {
+      r = s;
+      break;
+    }
+  if (r === -1)
+    return { text: n, lineMap: t };
+  const i = [];
+  for (let s = r + 1; s < e.length; s++) {
+    const o = e[s];
+    o.trim() === "" || k.test(o) || $.test(o) || V.test(o) || i.push(o.replace(/\t/g, "    "));
+  }
+  if (!L(i))
+    return { text: n, lineMap: t };
+  const a = _(i), c = [];
+  let l = 0;
+  for (let s = 0; s <= r; s++)
+    c.push(e[s]), l++, t.set(l, s + 1);
+  for (let s = r + 1; s < e.length; s++) {
+    const o = e[s], h = o.trim(), p = s + 1;
+    if (h === "") {
+      c.push(o), l++, t.set(l, p);
+      continue;
+    }
+    if (k.test(o)) {
+      c.push(o), l++, t.set(l, p);
+      continue;
+    }
+    if ($.test(o)) {
+      c.push(o), l++, t.set(l, p);
+      continue;
+    }
+    if (V.test(o))
+      continue;
+    const d = o.replace(/\t/g, "    "), w = S.exec(d);
+    if (w?.index !== void 0) {
+      const g = w.index, m = Math.round(g / a) + 1;
+      let u = g + 1;
+      for (; u < d.length && re.test(d[u]); )
+        u++;
+      for (; u < d.length && d[u] === " "; )
+        u++;
+      const v = d.slice(u).trimEnd();
+      if (!v)
+        throw new Error(
+          `Line ${p}: Empty node — expected a filename or directory name after the box-drawing prefix`
+        );
+      const W = ie.repeat(m);
+      c.push(W + v), l++, t.set(l, p);
+    } else {
+      if (/^[\s─━│┃└┗├┣]+$/.test(d))
+        continue;
+      if (E.test(d))
+        c.push(o), l++, t.set(l, p);
+      else {
+        if (/^\s+/.test(d))
+          throw new Error(
+            `Line ${p}: Unexpected indentation without box-drawing characters. In box-drawing format, use ├── or └── prefixes for indented nodes.`
+          );
+        c.push(o), l++, t.set(l, p);
+      }
+    }
+  }
+  return { text: c.join(`
+`), lineMap: t };
+}
+f(R, "preprocessBoxDrawing");
+var x = new X(() => ({
+  cnt: 1,
+  stack: [
+    {
+      id: 0,
+      level: -1,
+      name: "/",
+      nodeType: "directory",
+      children: []
+    }
+  ]
+})), oe = /* @__PURE__ */ f(() => {
+  x.reset(), J();
+}, "clear"), se = /* @__PURE__ */ f(() => x.records.stack[0], "getRoot"), ae = /* @__PURE__ */ f(() => x.records.cnt, "getCount"), ce = ee.treeView, le = /* @__PURE__ */ f(() => A(ce, N().treeView), "getConfig"), de = /* @__PURE__ */ f((n, e, t, r, i, a) => {
+  for (; n <= x.records.stack[x.records.stack.length - 1].level; )
+    x.records.stack.pop();
+  const c = {
+    id: x.records.cnt++,
+    level: n,
+    name: e,
+    nodeType: t,
+    icon: i,
+    cssClass: r,
+    description: a,
+    children: []
+  };
+  x.records.stack[x.records.stack.length - 1].children.push(c), x.records.stack.push(c);
+}, "addNode"), he = {
+  clear: oe,
+  addNode: de,
+  getRoot: se,
+  getCount: ae,
+  getConfig: le,
+  getAccTitle: Z,
+  getAccDescription: F,
+  getDiagramTitle: j,
+  setAccDescription: P,
+  setAccTitle: Y,
+  setDiagramTitle: G
+}, I = he, pe = /* @__PURE__ */ f((n) => {
+  O(n, I);
+  for (const e of n.nodes) {
+    const t = typeof e.indent == "number" ? e.indent : 0;
+    let r = e.name;
+    const i = r.endsWith("/");
+    i && (r = r.slice(0, -1));
+    const a = i ? "directory" : "file", c = e.classAnnotation || void 0, l = e.iconAnnotation, s = l !== void 0 ? l || "none" : void 0, o = e.descAnnotation || void 0, h = o ? K(o, N()) : void 0;
+    I.addNode(t, r, a, c, s, h);
+  }
+}, "populate"), fe = {
+  parse: /* @__PURE__ */ f(async (n) => {
+    const { text: e, lineMap: t } = R(n);
+    try {
+      const r = await ne("treeView", e);
+      D.debug(r), pe(r);
+    } catch (r) {
+      throw t.size > 0 && r instanceof Error && (r.message = M(r.message, t)), r;
+    }
+  }, "parse")
+}, b = {
+  prefix: "mermaid-treeview",
+  height: 24,
+  width: 24,
+  icons: {
+    folder: {
+      body: '<path fill="currentColor" d="M10.59 4.59A2 2 0 0 0 9.17 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.17z"/>'
+    },
+    file: {
+      body: '<path fill="currentColor" fill-rule="evenodd" d="M6 2a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8.83a2 2 0 0 0-.59-1.42l-4.82-4.82A2 2 0 0 0 13.17 2H6Zm7.5 1.9l4.6 4.6h-3.6a1 1 0 0 1-1-1V3.9Z" clip-rule="evenodd"/>'
+    }
+  }
+};
+function H(n, e) {
+  const t = e?.filenameIcons?.[n];
+  if (t)
+    return t;
+  const r = n.lastIndexOf(".");
+  if (r > 0) {
+    const i = n.substring(r).toLowerCase(), a = e?.extensionIcons;
+    return a?.[i] ?? a?.[i.slice(1)];
+  }
+}
+f(H, "detectIcon");
+function C(n, e) {
+  return n.includes(":") ? n : n in b.icons || !e ? `${b.prefix}:${n}` : `${e}:${n}`;
+}
+f(C, "qualifyIcon");
+function B(n, e) {
+  if (n.icon !== "none") {
+    if (n.icon)
+      return C(n.icon, e.defaultIconPack);
+    if (e.showIcons) {
+      if (n.nodeType === "file") {
+        const t = H(n.name, e);
+        if (t === "none")
+          return;
+        if (t)
+          return C(t, e.defaultIconPack);
+      }
+      return `${b.prefix}:${n.nodeType === "directory" ? "folder" : "file"}`;
+    }
+  }
+}
+f(B, "getNodeIcon");
+te([
+  {
+    name: b.prefix,
+    icons: b
+  }
+]);
+var y = 14, ge = 4, ue = 16, z = /* @__PURE__ */ f((n, e) => `tv-icon-${n}-${e.replace(/[^\w-]/g, "-")}`, "iconSymbolId"), we = /* @__PURE__ */ f(async (n, e, t, r) => {
+  const i = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ f((s) => {
+    const o = B(s, t);
+    o && i.add(o), s.children.forEach(a);
+  }, "collect");
+  if (a(e), i.size === 0)
+    return;
+  const c = await Promise.all(
+    [...i].map(async (s) => ({
+      icon: s,
+      svg: await Q(s, {
+        height: y,
+        width: y
+      })
+    }))
+  ), l = n.append("defs");
+  for (const { icon: s, svg: o } of c)
+    l.append("g").attr("id", z(r, s)).html(o);
+}, "injectIconDefs"), me = /* @__PURE__ */ f((n, e, t, r, i, a) => {
+  const c = r.append("g");
+  let l = "treeView-node-label";
+  t.nodeType === "directory" && (l += " treeView-node-dir"), t.cssClass && (l += ` ${t.cssClass}`);
+  const s = y + ge, o = B(t, i), h = o !== void 0;
+  o && c.append("use").attr("xlink:href", `#${z(a, o)}`).attr("x", n + i.paddingX).attr("y", e + i.paddingY).attr("class", "treeView-node-icon");
+  const p = c.append("text").text(t.name).attr("dominant-baseline", "middle").attr("class", l), { height: d, width: w } = p.node().getBBox(), g = d + i.paddingY * 2, m = n + i.paddingX + (h ? s : 0);
+  p.attr("x", m), p.attr("y", e + g / 2);
+  const u = m + w, v = w + i.paddingX * 2 + (h ? s : 0);
+  return t.BBox = { x: n, y: e, width: v, height: g }, t.cssClass?.split(/\s+/).includes("highlight") && c.insert("rect", ":first-child").attr("x", n).attr("y", e + 1).attr("width", 0).attr("height", g - 2).attr("rx", 3).attr("class", "treeView-highlight-bg"), { node: t, nodeGroup: c, labelRightEdge: u, centerY: e + g / 2 };
+}, "positionLabel"), T = /* @__PURE__ */ f((n, e, t, r, i, a) => n.append("line").attr("x1", e).attr("y1", t).attr("x2", r).attr("y2", i).attr("stroke-width", a).attr("class", "treeView-node-line"), "positionLine"), xe = /* @__PURE__ */ f((n, e, t, r) => {
+  let i = 0, a = 0;
+  const c = [], l = /* @__PURE__ */ f((h, p, d, w) => {
+    const g = w * (d.rowIndent + d.paddingX), m = me(g, i, p, h, d, r);
+    c.push(m);
+    const { height: u, width: v } = p.BBox;
+    T(
+      h,
+      g - d.rowIndent,
+      i + u / 2,
+      g,
+      i + u / 2,
+      d.lineThickness
+    ), a = Math.max(a, g + v), i += u;
+  }, "drawNode"), s = /* @__PURE__ */ f((h, p = 0) => {
+    l(n, h, t, p), h.children.forEach((m) => {
+      s(m, p + 1);
+    });
+    const { x: d, y: w, height: g } = h.BBox;
+    if (h.children.length) {
+      const { y: m, height: u } = h.children[h.children.length - 1].BBox;
+      T(
+        n,
+        d + t.paddingX,
+        w + g,
+        d + t.paddingX,
+        m + u / 2 + t.lineThickness / 2,
+        t.lineThickness
+      );
+    }
+  }, "processNode");
+  s(e);
+  const o = c.filter((h) => h.node.description);
+  if (o.length > 0) {
+    const p = Math.max(...c.map((d) => d.labelRightEdge)) + ue;
+    for (const d of o) {
+      const g = d.nodeGroup.append("text").text(d.node.description).attr("dominant-baseline", "middle").attr("class", "treeView-node-description").attr("x", p).attr("y", d.centerY).node().getBBox();
+      a = Math.max(a, p + g.width + t.paddingX);
+    }
+  }
+  for (const h of c)
+    if (h.node.cssClass?.split(/\s+/).includes("highlight")) {
+      const p = h.nodeGroup.select(".treeView-highlight-bg");
+      if (!p.empty()) {
+        const d = a - h.node.BBox.x + 8;
+        p.attr("width", d), a = Math.max(a, h.node.BBox.x + d + 2);
+      }
+    }
+  return { totalHeight: i, totalWidth: a };
+}, "drawTree"), ve = /* @__PURE__ */ f(async (n, e, t, r) => {
+  D.debug(`Rendering treeView diagram
+` + n);
+  const i = r.db, a = i.getRoot(), c = i.getConfig(), l = q(e);
+  await we(l, a, c, e);
+  const s = l.append("g");
+  s.attr("class", "tree-view");
+  const { totalHeight: o, totalWidth: h } = xe(s, a, c, e);
+  l.attr("viewBox", `-${c.lineThickness / 2} 0 ${h} ${o}`), U(l, o, h, c.useMaxWidth);
+}, "draw"), be = {
+  draw: ve
+}, Ie = be, Ce = {
+  labelFontSize: "16px",
+  labelColor: "black",
+  lineColor: "black",
+  iconColor: "#546e7a",
+  descriptionColor: "#6a9955",
+  highlightBg: "rgba(255, 193, 7, 0.15)",
+  highlightStroke: "#ffc107"
+}, ye = /* @__PURE__ */ f(({
+  treeView: n
+}) => {
+  const {
+    labelFontSize: e,
+    labelColor: t,
+    lineColor: r,
+    iconColor: i,
+    descriptionColor: a,
+    highlightBg: c,
+    highlightStroke: l
+  } = A(Ce, n);
+  return `
+    .treeView-node-label {
+        font-size: ${e};
+        fill: ${t};
+        white-space: pre;
+    }
+    .treeView-node-dir {
+        font-weight: bold;
+    }
+    .treeView-node-line {
+        stroke: ${r};
+    }
+    .treeView-node-icon {
+        color: ${i};
+    }
+    .treeView-node-description {
+        font-size: ${e};
+        fill: ${a};
+        font-style: italic;
+        white-space: pre;
+    }
+    .treeView-highlight-bg {
+        fill: ${c};
+        stroke: ${l};
+        stroke-width: 1;
+    }
+    `;
+}, "styles"), Be = ye, Ae = {
+  db: I,
+  renderer: Ie,
+  parser: fe,
+  styles: Be
+};
+export {
+  Ae as diagram
+};