batchkit-devtools 0.3.7 → 0.4.1

package/dist/mount-DP-7WC79.js

@@ -0,0 +1,1138 @@
+import { delegateEvents as ne, template as _, style as o, insert as m, createComponent as z, effect as I, memo as N, setAttribute as X, setStyleProperty as ge, addEventListener as De, className as _e, use as Le, render as je } from "solid-js/web";
+import { createRoot as Me, createSignal as F, createMemo as ke, For as ae, Show as L, onMount as Ne } from "solid-js";
+import { __setDevtoolsHook as Fe } from "batchkit";
+let Ue = 0;
+function Ke(n) {
+  if (!n) return;
+  const e = n.split(`
+`);
+  for (const r of e)
+    if (r.includes("batch") && !r.includes("batchkit") && !r.includes("node_modules")) {
+      const s = r.match(/at\s+.*?\s+\(?(.*?:\d+:\d+)\)?$/);
+      if (s) return s[1];
+    }
+  for (const r of e.slice(2))
+    if (!r.includes("batchkit") && !r.includes("node_modules")) {
+      const s = r.match(/at\s+.*?\s+\(?(.*?:\d+:\d+)\)?$/);
+      if (s) return s[1];
+    }
+}
+function He() {
+  const [n, e] = F({
+    batchers: /* @__PURE__ */ new Map(),
+    events: [],
+    batches: /* @__PURE__ */ new Map(),
+    selectedBatcher: null,
+    isOpen: !1,
+    config: {}
+  }), r = /* @__PURE__ */ new Set();
+  function s() {
+    const u = n();
+    for (const h of r)
+      h(u);
+  }
+  function t(u) {
+    e((h) => {
+      const l = new Map(h.batchers);
+      return l.set(u.name, u), { ...h, batchers: l };
+    }), s();
+  }
+  function i(u, h) {
+    const l = { ...h, batcherName: u };
+    e((w) => {
+      const p = [...w.events, l], v = new Map(w.batches);
+      if (l.type === "schedule") {
+        const S = {
+          batchId: l.batchId,
+          batcherName: u,
+          keys: [],
+          status: "scheduled",
+          scheduledAt: l.timestamp
+        };
+        v.set(l.batchId, S);
+      }
+      if (l.type === "dispatch") {
+        const S = v.get(l.batchId);
+        S && v.set(l.batchId, {
+          ...S,
+          keys: l.keys,
+          status: "dispatching",
+          dispatchedAt: l.timestamp
+        });
+      }
+      if (l.type === "resolve") {
+        const S = v.get(l.batchId);
+        S && v.set(l.batchId, {
+          ...S,
+          status: "resolved",
+          completedAt: l.timestamp,
+          duration: l.duration
+        });
+      }
+      if (l.type === "error") {
+        const S = v.get(l.batchId);
+        S && v.set(l.batchId, {
+          ...S,
+          status: "error",
+          completedAt: l.timestamp,
+          error: l.error
+        });
+      }
+      if (l.type === "abort") {
+        const S = v.get(l.batchId);
+        S && v.set(l.batchId, {
+          ...S,
+          status: "aborted",
+          completedAt: l.timestamp
+        });
+      }
+      return { ...w, events: p, batches: v };
+    }), s();
+  }
+  function d(u) {
+    return r.add(u), u(n()), () => r.delete(u);
+  }
+  function f() {
+    return n();
+  }
+  function c() {
+    e((u) => ({
+      ...u,
+      events: [],
+      batches: /* @__PURE__ */ new Map()
+    })), s();
+  }
+  function g() {
+    e((u) => ({ ...u, isOpen: !0 })), s();
+  }
+  function y() {
+    e((u) => ({ ...u, isOpen: !1 })), s();
+  }
+  function x() {
+    e((u) => ({ ...u, isOpen: !u.isOpen })), s();
+  }
+  return Fe({
+    onBatcherCreated({ fn: u, name: h, stack: l }) {
+      const w = !h, p = h ?? `unnamed-${++Ue}`, v = u.toString().slice(0, 500), S = Ke(l);
+      return t({
+        name: p,
+        registeredAt: performance.now(),
+        isUnnamed: w,
+        fnSource: v,
+        location: S
+      }), (T) => {
+        i(p, T);
+      };
+    }
+  }), {
+    subscribe: d,
+    getStore: f,
+    clear: c,
+    open: g,
+    close: y,
+    toggle: x,
+    _setStore: e,
+    _store: n
+  };
+}
+let B = null;
+function Pe() {
+  if (typeof window > "u")
+    throw new Error("DevTools can only be used in browser environment");
+  return B || (B = Me(() => He())), B;
+}
+function Z() {
+  if (!B)
+    throw new Error(
+      "DevTools registry not initialized. Call initRegistry() first."
+    );
+  return B;
+}
+function Ce() {
+  const n = Z();
+  if (n._store)
+    return n._store;
+  const [e, r] = F(n.getStore());
+  return n.subscribe(r), e;
+}
+function Xe(n) {
+  var e;
+  B && ((e = B._setStore) == null || e.call(B, (r) => ({
+    ...r,
+    selectedBatcher: n
+  })));
+}
+function Ge(n) {
+  var e;
+  B && ((e = B._setStore) == null || e.call(B, (r) => ({
+    ...r,
+    config: { ...r.config, ...n }
+  })));
+}
+var We = /* @__PURE__ */ _("<div>"), Ye = /* @__PURE__ */ _("<div><div></div><div><span> gets</span><span> batches"), qe = /* @__PURE__ */ _("<div><div style=font-size:11px;color:#78716c;margin-bottom:4px>No batchers yet</div><div style=font-size:11px;color:#57534e>Call batch() to see it here");
+const Ze = {
+  flex: "1",
+  "overflow-y": "auto"
+}, ze = {
+  padding: "8px 12px",
+  cursor: "pointer",
+  "border-bottom": "1px solid #292524",
+  "border-left": "2px solid transparent"
+}, Je = {
+  ...ze,
+  background: "#1c1917",
+  "border-left-color": "#a8a29e"
+}, Te = {
+  "font-size": "13px",
+  color: "#d6d3d1",
+  "margin-bottom": "2px"
+}, Qe = {
+  ...Te,
+  color: "#78716c",
+  "font-style": "italic"
+}, Ve = {
+  "font-size": "11px",
+  color: "#78716c"
+}, he = {
+  display: "inline-flex",
+  "align-items": "center",
+  gap: "4px",
+  "margin-right": "8px"
+}, et = {
+  display: "flex",
+  "flex-direction": "column",
+  "align-items": "center",
+  "justify-content": "center",
+  height: "100%",
+  color: "#57534e",
+  "text-align": "center",
+  padding: "24px 12px"
+}, tt = (n) => {
+  const e = ke(() => Array.from(n.batchers.values())), r = (t) => {
+    const i = n.events.filter((c) => c.batcherName === t), d = i.filter((c) => c.type === "get").length, f = i.filter((c) => c.type === "resolve").length;
+    return {
+      gets: d,
+      batches: f
+    };
+  }, s = (t) => {
+    n.selectedBatcher === t ? n.onSelect(null) : n.onSelect(t);
+  };
+  return (() => {
+    var t = We();
+    return o(t, Ze), m(t, z(ae, {
+      get each() {
+        return e();
+      },
+      children: (i) => {
+        const d = () => r(i.name), f = () => n.selectedBatcher === i.name;
+        return (() => {
+          var c = Ye(), g = c.firstChild, y = g.nextSibling, x = y.firstChild, k = x.firstChild, u = x.nextSibling, h = u.firstChild;
+          return c.$$click = () => s(i.name), m(g, () => i.name), o(y, Ve), m(x, () => d().gets, k), m(u, () => d().batches, h), I((l) => {
+            var w = f() ? Je : ze, p = i.isUnnamed ? Qe : Te, v = he, S = he;
+            return l.e = o(c, w, l.e), l.t = o(g, p, l.t), l.a = o(x, v, l.a), l.o = o(u, S, l.o), l;
+          }, {
+            e: void 0,
+            t: void 0,
+            a: void 0,
+            o: void 0
+          }), c;
+        })();
+      }
+    }), null), m(t, (() => {
+      var i = N(() => e().length === 0);
+      return () => i() && (() => {
+        var d = qe(), f = d.firstChild;
+        return f.nextSibling, o(d, et), d;
+      })();
+    })(), null), t;
+  })();
+};
+ne(["click"]);
+var nt = /* @__PURE__ */ _("<div>"), rt = /* @__PURE__ */ _("<div><div style=font-size:11px;color:#78716c;margin-bottom:4px>No batches yet</div><div style=font-size:11px;color:#57534e>Batches appear as requests are processed"), ot = /* @__PURE__ */ _("<div><div></div><div></div><div></div><div>");
+const it = {
+  display: "flex",
+  "flex-direction": "column",
+  gap: "1px"
+}, st = {
+  display: "flex",
+  "align-items": "center",
+  gap: "12px",
+  padding: "6px 8px",
+  background: "#1c1917",
+  "font-size": "11px"
+}, lt = {
+  "font-size": "11px",
+  color: "#78716c",
+  "min-width": "80px"
+}, P = {
+  padding: "2px 6px",
+  "font-size": "10px",
+  "font-weight": "500",
+  "text-transform": "uppercase",
+  "letter-spacing": "0.3px"
+}, ct = {
+  scheduled: {
+    ...P,
+    background: "#422006",
+    color: "#fbbf24"
+  },
+  dispatching: {
+    ...P,
+    background: "#1e3a5f",
+    color: "#60a5fa"
+  },
+  resolved: {
+    ...P,
+    background: "#14532d",
+    color: "#4ade80"
+  },
+  error: {
+    ...P,
+    background: "#450a0a",
+    color: "#f87171"
+  },
+  aborted: {
+    ...P,
+    background: "#292524",
+    color: "#a8a29e"
+  }
+}, at = {
+  flex: "1",
+  "font-size": "11px",
+  color: "#a8a29e",
+  "white-space": "nowrap",
+  overflow: "hidden",
+  "text-overflow": "ellipsis"
+}, dt = {
+  "font-size": "11px",
+  color: "#57534e",
+  "min-width": "50px",
+  "text-align": "right"
+}, ut = {
+  display: "flex",
+  "flex-direction": "column",
+  "align-items": "center",
+  "justify-content": "center",
+  height: "100%",
+  color: "#57534e",
+  "text-align": "center",
+  padding: "32px"
+}, ft = (n) => {
+  const e = (t) => t === void 0 ? "-" : t < 1 ? "<1ms" : t < 1e3 ? `${Math.round(t)}ms` : `${(t / 1e3).toFixed(2)}s`, r = (t) => {
+    if (t.length === 0) return "-";
+    const i = t.slice(0, 3).map((d) => String(d)).join(", ");
+    return t.length > 3 ? `${i} +${t.length - 3}` : i;
+  }, s = () => [...n.batches].sort((t, i) => i.scheduledAt - t.scheduledAt);
+  return (() => {
+    var t = nt();
+    return o(t, it), m(t, z(L, {
+      get when() {
+        return s().length > 0;
+      },
+      get fallback() {
+        return (() => {
+          var i = rt(), d = i.firstChild;
+          return d.nextSibling, o(i, ut), i;
+        })();
+      },
+      get children() {
+        return z(ae, {
+          get each() {
+            return s();
+          },
+          children: (i) => (() => {
+            var d = ot(), f = d.firstChild, c = f.nextSibling, g = c.nextSibling, y = g.nextSibling;
+            return o(d, st), o(f, lt), m(f, () => i.batchId), m(c, () => i.status), o(g, at), m(g, () => r(i.keys)), o(y, dt), m(y, () => e(i.duration)), I((x) => {
+              var k = ct[i.status] || P, u = i.keys.map(String).join(", ");
+              return x.e = o(c, k, x.e), u !== x.t && X(g, "title", x.t = u), x;
+            }, {
+              e: void 0,
+              t: void 0
+            }), d;
+          })()
+        });
+      }
+    })), t;
+  })();
+};
+var vt = /* @__PURE__ */ _("<div>"), gt = /* @__PURE__ */ _("<div><div style=font-size:11px;color:#78716c;margin-bottom:4px>No events</div><div style=font-size:11px;color:#57534e>Events appear as batchers process requests"), ht = /* @__PURE__ */ _("<div><span></span><span></span><span>");
+const mt = {
+  display: "flex",
+  "flex-direction": "column",
+  gap: "1px",
+  "font-size": "11px"
+}, pt = {
+  display: "flex",
+  gap: "12px",
+  padding: "4px 8px",
+  background: "#1c1917"
+}, bt = {
+  color: "#57534e",
+  "min-width": "60px"
+}, xt = {
+  "min-width": "60px",
+  "font-weight": "500"
+}, yt = {
+  get: "#60a5fa",
+  dedup: "#c084fc",
+  schedule: "#fbbf24",
+  dispatch: "#22d3ee",
+  resolve: "#4ade80",
+  error: "#f87171",
+  abort: "#a8a29e"
+}, St = {
+  color: "#78716c",
+  flex: "1",
+  "white-space": "nowrap",
+  overflow: "hidden",
+  "text-overflow": "ellipsis"
+}, $t = {
+  display: "flex",
+  "flex-direction": "column",
+  "align-items": "center",
+  "justify-content": "center",
+  height: "100%",
+  color: "#57534e",
+  "text-align": "center",
+  padding: "32px"
+}, wt = (n) => {
+  const e = (t) => (t / 1e3).toFixed(3) + "s", r = (t) => {
+    switch (t.type) {
+      case "get":
+        return `key: ${String(t.key)}`;
+      case "dedup":
+        return `key: ${String(t.key)} (dedup)`;
+      case "schedule":
+        return `batch: ${t.batchId}, size: ${t.size}`;
+      case "dispatch":
+        return `batch: ${t.batchId}, keys: [${t.keys.map(String).join(", ")}]`;
+      case "resolve":
+        return `batch: ${t.batchId}, ${t.duration.toFixed(1)}ms`;
+      case "error":
+        return `batch: ${t.batchId}, ${t.error.message}`;
+      case "abort":
+        return `batch: ${t.batchId}`;
+      default:
+        return "";
+    }
+  }, s = () => [...n.events].reverse();
+  return (() => {
+    var t = vt();
+    return o(t, mt), m(t, z(L, {
+      get when() {
+        return s().length > 0;
+      },
+      get fallback() {
+        return (() => {
+          var i = gt(), d = i.firstChild;
+          return d.nextSibling, o(i, $t), i;
+        })();
+      },
+      get children() {
+        return z(ae, {
+          get each() {
+            return s();
+          },
+          children: (i) => (() => {
+            var d = ht(), f = d.firstChild, c = f.nextSibling, g = c.nextSibling;
+            return o(d, pt), o(f, bt), m(f, () => e(i.timestamp)), m(c, () => i.type), o(g, St), m(g, () => r(i)), I((y) => o(c, {
+              ...xt,
+              color: yt[i.type]
+            }, y)), d;
+          })()
+        });
+      }
+    })), t;
+  })();
+};
+var _t = /* @__PURE__ */ _("<div><div><div>Gets</div><div></div></div><div><div>Batches</div><div></div></div><div><div>Deduped</div><div><span>(<!>%)</span></div></div><div><div>Avg Size</div><div></div></div><div><div>Avg Time</div><div><span>ms</span></div></div><div><div>Err / Abort</div><div><span></span><span style=color:#57534e> / </span><span>");
+const kt = {
+  display: "grid",
+  "grid-template-columns": "repeat(auto-fit, minmax(120px, 1fr))",
+  gap: "1px",
+  background: "#292524"
+}, U = {
+  padding: "12px",
+  background: "#1c1917"
+}, K = {
+  "font-size": "11px",
+  "text-transform": "uppercase",
+  "letter-spacing": "0.5px",
+  color: "#78716c",
+  "margin-bottom": "4px"
+}, H = {
+  "font-size": "20px",
+  "font-weight": "500",
+  color: "#f5f5f4"
+}, me = {
+  "font-size": "11px",
+  color: "#57534e",
+  "margin-left": "2px"
+}, Ct = (n) => {
+  const e = ke(() => {
+    const r = n.events, s = n.batches, t = r.filter((u) => u.type === "get").length, i = r.filter((u) => u.type === "dedup").length, d = s.filter((u) => u.status === "resolved"), f = d.length, c = f > 0 ? d.reduce((u, h) => u + h.keys.length, 0) / f : 0, g = f > 0 ? d.reduce((u, h) => u + (h.duration || 0), 0) / f : 0, y = s.filter((u) => u.status === "error").length, x = s.filter((u) => u.status === "aborted").length, k = t > 0 ? i / t * 100 : 0;
+    return {
+      totalGets: t,
+      totalBatches: f,
+      dedupedKeys: i,
+      avgBatchSize: c,
+      avgDuration: g,
+      errors: y,
+      aborts: x,
+      dedupRate: k
+    };
+  });
+  return (() => {
+    var r = _t(), s = r.firstChild, t = s.firstChild, i = t.nextSibling, d = s.nextSibling, f = d.firstChild, c = f.nextSibling, g = d.nextSibling, y = g.firstChild, x = y.nextSibling, k = x.firstChild, u = k.firstChild, h = u.nextSibling;
+    h.nextSibling;
+    var l = g.nextSibling, w = l.firstChild, p = w.nextSibling, v = l.nextSibling, S = v.firstChild, T = S.nextSibling, Q = T.firstChild, $ = v.nextSibling, C = $.firstChild, A = C.nextSibling, E = A.firstChild, O = E.nextSibling, R = O.nextSibling;
+    return o(r, kt), m(i, () => e().totalGets), m(c, () => e().totalBatches), m(x, () => e().dedupedKeys, k), m(k, () => e().dedupRate.toFixed(0), h), m(p, () => e().avgBatchSize.toFixed(1)), m(T, () => e().avgDuration.toFixed(0), Q), m(E, () => e().errors), m(R, () => e().aborts), I((a) => {
+      var G = U, D = K, j = H, W = U, Y = K, q = H, V = U, M = K, b = H, ee = me, re = U, oe = K, ie = H, se = U, le = K, ce = H, Ee = me, Ae = U, Oe = K, Re = H, fe = e().errors > 0 ? "#f87171" : "#f5f5f4", ve = e().aborts > 0 ? "#fbbf24" : "#f5f5f4";
+      return a.e = o(s, G, a.e), a.t = o(t, D, a.t), a.a = o(i, j, a.a), a.o = o(d, W, a.o), a.i = o(f, Y, a.i), a.n = o(c, q, a.n), a.s = o(g, V, a.s), a.h = o(y, M, a.h), a.r = o(x, b, a.r), a.d = o(k, ee, a.d), a.l = o(l, re, a.l), a.u = o(w, oe, a.u), a.c = o(p, ie, a.c), a.w = o(v, se, a.w), a.m = o(S, le, a.m), a.f = o(T, ce, a.f), a.y = o(Q, Ee, a.y), a.g = o($, Ae, a.g), a.p = o(C, Oe, a.p), a.b = o(A, Re, a.b), fe !== a.T && ge(E, "color", a.T = fe), ve !== a.A && ge(R, "color", a.A = ve), a;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0,
+      i: void 0,
+      n: void 0,
+      s: void 0,
+      h: void 0,
+      r: void 0,
+      d: void 0,
+      l: void 0,
+      u: void 0,
+      c: void 0,
+      w: void 0,
+      m: void 0,
+      f: void 0,
+      y: void 0,
+      g: void 0,
+      p: void 0,
+      b: void 0,
+      T: void 0,
+      A: void 0
+    }), r;
+  })();
+};
+var pe = /* @__PURE__ */ _("<div>"), zt = /* @__PURE__ */ _("<div><div style=font-size:11px;color:#78716c;margin-bottom:4px>No batcher selected</div><div style=font-size:11px;color:#57534e>Click a batcher to see its trace info"), Tt = /* @__PURE__ */ _("<div><div>Function</div><div>"), Bt = /* @__PURE__ */ _('<div style="height:auto;padding:24px 0"><div style=font-size:11px;color:#57534e>No trace metadata available'), It = /* @__PURE__ */ _("<span style=color:#78716c;font-weight:normal;font-style:italic> (unnamed)"), Et = /* @__PURE__ */ _("<div><div>Location"), At = /* @__PURE__ */ _("<div>Set projectRoot to enable click-to-open"), Ot = /* @__PURE__ */ _("<div><div style=display:flex;align-items:center;justify-content:space-between;gap:8px><span style=overflow:hidden;text-overflow:ellipsis;white-space:nowrap></span><button>"), Rt = /* @__PURE__ */ _("<a><span style=overflow:hidden;text-overflow:ellipsis;white-space:nowrap></span><span style=color:#57534e;flex-shrink:0>↗ Open");
+function Be(n) {
+  let e = n;
+  const r = n.match(/^https?:\/\/[^/]+(.*)$/);
+  r && (e = r[1]), e = e.split("?")[0];
+  const s = e.match(/^(.+?):(\d+)(?::(\d+))?$/);
+  return s ? {
+    path: s[1],
+    line: parseInt(s[2], 10),
+    column: s[3] ? parseInt(s[3], 10) : void 0
+  } : {
+    path: e
+  };
+}
+function Dt(n, e) {
+  if (!e.projectRoot) return null;
+  const r = Be(n);
+  if (!r) return null;
+  let {
+    path: s,
+    line: t,
+    column: i
+  } = r;
+  s.startsWith("/") && !s.startsWith("//") ? s = e.projectRoot + s : s.startsWith("/") || (s = e.projectRoot + "/" + s);
+  const d = e.editor ?? "vscode", c = {
+    vscode: "vscode://file",
+    cursor: "cursor://file",
+    webstorm: "webstorm://open?file=",
+    idea: "idea://open?file="
+  }[d];
+  if (!c) return null;
+  if (d === "webstorm" || d === "idea") {
+    let y = `${c}${encodeURIComponent(s)}`;
+    return t !== void 0 && (y += `&line=${t}`, i !== void 0 && (y += `&column=${i}`)), y;
+  }
+  let g = `${c}${s}`;
+  return t !== void 0 && (g += `:${t}`, i !== void 0 && (g += `:${i}`)), g;
+}
+function Lt(n) {
+  const e = Be(n);
+  if (!e) return n;
+  let r = e.path;
+  const s = r.split("/").filter(Boolean);
+  return s.length > 3 && (r = ".../" + s.slice(-3).join("/")), e.line !== void 0 && (r += `:${e.line}`, e.column !== void 0 && (r += `:${e.column}`)), r;
+}
+const jt = {
+  padding: "12px",
+  height: "100%",
+  "overflow-y": "auto"
+}, be = {
+  display: "flex",
+  "flex-direction": "column",
+  "align-items": "center",
+  "justify-content": "center",
+  height: "100%",
+  color: "#57534e",
+  "text-align": "center"
+}, xe = {
+  "margin-bottom": "16px"
+}, ye = {
+  color: "#78716c",
+  "margin-bottom": "6px",
+  "font-size": "10px",
+  "text-transform": "uppercase",
+  "letter-spacing": "0.5px"
+}, de = {
+  background: "#1c1917",
+  padding: "8px 10px",
+  "font-size": "11px",
+  color: "#d6d3d1",
+  border: "1px solid #292524"
+}, Mt = {
+  ...de,
+  display: "flex",
+  "align-items": "center",
+  "justify-content": "space-between",
+  gap: "8px",
+  color: "#93c5fd",
+  "text-decoration": "none",
+  cursor: "pointer"
+}, Nt = {
+  padding: "2px 6px",
+  background: "#292524",
+  border: "1px solid #44403c",
+  color: "#78716c",
+  "font-size": "10px",
+  cursor: "pointer",
+  "flex-shrink": "0"
+}, Ft = {
+  "font-size": "10px",
+  color: "#57534e",
+  "margin-top": "6px",
+  "font-style": "italic"
+}, Ut = {
+  ...de,
+  "white-space": "pre-wrap",
+  "word-break": "break-all",
+  "max-height": "300px",
+  "overflow-y": "auto",
+  "font-family": "ui-monospace, monospace"
+}, Kt = {
+  "font-size": "14px",
+  "font-weight": "600",
+  color: "#f5f5f4",
+  "margin-bottom": "16px"
+}, Ht = (n) => {
+  const e = Ce(), r = () => e().config, [s, t] = F(!1), i = async (d) => {
+    try {
+      await navigator.clipboard.writeText(d), t(!0), setTimeout(() => t(!1), 1500);
+    } catch {
+      const f = document.createElement("textarea");
+      f.value = d, document.body.appendChild(f), f.select(), document.execCommand("copy"), document.body.removeChild(f), t(!0), setTimeout(() => t(!1), 1500);
+    }
+  };
+  return (() => {
+    var d = pe();
+    return o(d, jt), m(d, z(L, {
+      get when() {
+        return n.batcher;
+      },
+      get fallback() {
+        return (() => {
+          var f = zt(), c = f.firstChild;
+          return c.nextSibling, I((g) => o(f, be, g)), f;
+        })();
+      },
+      children: (f) => [(() => {
+        var c = pe();
+        return o(c, Kt), m(c, () => f().name, null), m(c, (() => {
+          var g = N(() => !!f().isUnnamed);
+          return () => g() && It();
+        })(), null), c;
+      })(), z(L, {
+        get when() {
+          return f().location;
+        },
+        children: (c) => {
+          const g = () => Dt(c(), r()), y = () => Lt(c()), x = () => !!r().projectRoot;
+          return (() => {
+            var k = Et(), u = k.firstChild;
+            return m(k, z(L, {
+              get when() {
+                return g();
+              },
+              get fallback() {
+                return (() => {
+                  var h = Ot(), l = h.firstChild, w = l.firstChild, p = w.nextSibling;
+                  return m(w, y), p.$$mouseup = (v) => {
+                    v.currentTarget.style.background = "#44403c";
+                  }, p.$$mousedown = (v) => {
+                    v.currentTarget.style.background = "#57534e";
+                  }, p.$$mouseout = (v) => {
+                    v.currentTarget.style.background = "#292524", v.currentTarget.style.color = "#78716c";
+                  }, p.$$mouseover = (v) => {
+                    v.currentTarget.style.background = "#44403c", v.currentTarget.style.color = "#a8a29e";
+                  }, p.$$click = () => i(c()), o(p, Nt), m(p, () => s() ? "✓" : "Copy"), m(h, z(L, {
+                    get when() {
+                      return !x();
+                    },
+                    get children() {
+                      var v = At();
+                      return o(v, Ft), v;
+                    }
+                  }), null), I((v) => {
+                    var S = {
+                      ...de
+                    }, T = c();
+                    return v.e = o(l, S, v.e), T !== v.t && X(l, "title", v.t = T), v;
+                  }, {
+                    e: void 0,
+                    t: void 0
+                  }), h;
+                })();
+              },
+              children: (h) => (() => {
+                var l = Rt(), w = l.firstChild;
+                return w.nextSibling, l.$$mouseout = (p) => {
+                  p.currentTarget.style.textDecoration = "none";
+                }, l.$$mouseover = (p) => {
+                  p.currentTarget.style.textDecoration = "underline";
+                }, m(w, y), I((p) => {
+                  var v = h(), S = Mt, T = `Open in ${r().editor ?? "vscode"}`;
+                  return v !== p.e && X(l, "href", p.e = v), p.t = o(l, S, p.t), T !== p.a && X(l, "title", p.a = T), p;
+                }, {
+                  e: void 0,
+                  t: void 0,
+                  a: void 0
+                }), l;
+              })()
+            }), null), I((h) => {
+              var l = xe, w = ye;
+              return h.e = o(k, l, h.e), h.t = o(u, w, h.t), h;
+            }, {
+              e: void 0,
+              t: void 0
+            }), k;
+          })();
+        }
+      }), z(L, {
+        get when() {
+          return f().fnSource;
+        },
+        get children() {
+          var c = Tt(), g = c.firstChild, y = g.nextSibling;
+          return m(y, () => f().fnSource), I((x) => {
+            var k = xe, u = ye, h = Ut;
+            return x.e = o(c, k, x.e), x.t = o(g, u, x.t), x.a = o(y, h, x.a), x;
+          }, {
+            e: void 0,
+            t: void 0,
+            a: void 0
+          }), c;
+        }
+      }), z(L, {
+        get when() {
+          return N(() => !f().location)() && !f().fnSource;
+        },
+        get children() {
+          var c = Bt();
+          return c.firstChild, I((g) => o(c, {
+            ...be
+          }, g)), c;
+        }
+      })]
+    })), d;
+  })();
+};
+ne(["click", "mouseover", "mouseout", "mousedown", "mouseup"]);
+var Pt = /* @__PURE__ */ _("<button>");
+const Ie = {
+  position: "fixed",
+  bottom: "16px",
+  right: "16px",
+  width: "40px",
+  height: "40px",
+  border: "1px solid #44403c",
+  background: "#1c1917",
+  color: "#a8a29e",
+  cursor: "pointer",
+  display: "flex",
+  "align-items": "center",
+  "justify-content": "center",
+  "z-index": "99999",
+  "font-family": "ui-monospace, monospace"
+}, Xt = {
+  ...Ie,
+  background: "#292524",
+  color: "#f5f5f4",
+  "border-color": "#57534e"
+}, Gt = {
+  background: "#44403c"
+}, Wt = (n) => {
+  const [e, r] = F(!1), s = () => ({
+    ...n.isOpen ? Xt : Ie,
+    ...e() ? Gt : {},
+    ...n.style
+  });
+  return (() => {
+    var t = Pt();
+    return t.addEventListener("mouseleave", () => r(!1)), t.$$mouseup = () => r(!1), t.$$mousedown = () => r(!0), De(t, "click", n.onClick, !0), m(t, () => n.isOpen ? "[×]" : "[=]"), I((i) => {
+      var d = n.class, f = s(), c = n.isOpen ? "Close BatchKit DevTools" : "Open BatchKit DevTools", g = n.isOpen ? "Close BatchKit DevTools" : "Open BatchKit DevTools";
+      return d !== i.e && _e(t, i.e = d), i.t = o(t, f, i.t), c !== i.a && X(t, "title", i.a = c), g !== i.o && X(t, "aria-label", i.o = g), i;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0
+    }), t;
+  })();
+};
+ne(["click", "mousedown", "mouseup"]);
+var Yt = /* @__PURE__ */ _("<div><div></div><div><div><span style=color:#78716c>[=]</span>Devtools</div><button>Clear</button></div><div><div><div>Batchers</div></div><div><div><button>Timeline</button><button>Events</button><button>Stats</button><button>Trace</button></div><div>");
+const ue = "__batchkit_devtools_", qt = 650, Zt = 350, Se = 200, $e = 1200, Jt = "0.2s";
+function Qt(n) {
+  try {
+    const e = localStorage.getItem(ue + n);
+    return e === null ? void 0 : e === "true";
+  } catch {
+    return;
+  }
+}
+function Vt(n) {
+  try {
+    const e = localStorage.getItem(ue + n);
+    if (e === null) return;
+    const r = parseInt(e, 10);
+    return isNaN(r) ? void 0 : r;
+  } catch {
+    return;
+  }
+}
+function we(n, e) {
+  try {
+    localStorage.setItem(ue + n, String(e));
+  } catch {
+  }
+}
+function en(n, e, r) {
+  const s = {
+    position: "fixed",
+    background: "#0c0a09",
+    "border-color": "#44403c",
+    "border-style": "solid",
+    "border-width": "0",
+    display: "flex",
+    "flex-direction": "column",
+    overflow: "visible",
+    "z-index": "99998",
+    "font-family": "ui-monospace, monospace",
+    color: "#d6d3d1",
+    transition: r ? "none" : `transform ${Jt} ease-out`,
+    "box-shadow": "0 0 10px 0 rgba(0, 0, 0, 0.1)"
+  };
+  switch (n) {
+    case "right":
+      return {
+        ...s,
+        top: "0",
+        right: "0",
+        width: `${e}px`,
+        height: "100vh",
+        "border-left-width": "1px"
+      };
+    case "left":
+      return {
+        ...s,
+        top: "0",
+        left: "0",
+        width: `${e}px`,
+        height: "100vh",
+        "border-right-width": "1px"
+      };
+    case "bottom":
+      return {
+        ...s,
+        bottom: "0",
+        left: "0",
+        right: "0",
+        width: "100%",
+        height: `${e}px`,
+        "border-top-width": "1px"
+      };
+  }
+}
+function tn(n) {
+  const e = {
+    position: "absolute",
+    background: "transparent",
+    "z-index": "99999"
+  };
+  switch (n) {
+    case "right":
+      return {
+        ...e,
+        left: "-3px",
+        top: "0",
+        bottom: "0",
+        width: "6px",
+        cursor: "ew-resize"
+      };
+    case "left":
+      return {
+        ...e,
+        right: "-3px",
+        top: "0",
+        bottom: "0",
+        width: "6px",
+        cursor: "ew-resize"
+      };
+    case "bottom":
+      return {
+        ...e,
+        top: "-3px",
+        left: "0",
+        right: "0",
+        height: "6px",
+        cursor: "ns-resize"
+      };
+  }
+}
+function nn(n, e) {
+  if (e) return "translate(0, 0)";
+  switch (n) {
+    case "right":
+      return "translateX(100%)";
+    case "left":
+      return "translateX(-100%)";
+    case "bottom":
+      return "translateY(100%)";
+  }
+}
+const rn = {
+  display: "flex",
+  "align-items": "center",
+  "justify-content": "space-between",
+  padding: "8px 12px",
+  background: "#1c1917",
+  "border-bottom": "1px solid #44403c",
+  "flex-shrink": "0",
+  "user-select": "none"
+}, on = {
+  "font-size": "11px",
+  "font-weight": "500",
+  color: "#a8a29e",
+  display: "flex",
+  "align-items": "center",
+  gap: "8px",
+  "text-transform": "uppercase",
+  "letter-spacing": "0.5px"
+}, sn = {
+  padding: "4px 8px",
+  border: "1px solid #44403c",
+  background: "#1c1917",
+  color: "#78716c",
+  "font-size": "11px",
+  "font-family": "ui-monospace, monospace",
+  cursor: "pointer"
+};
+function ln(n, e, r = "#44403c") {
+  n.addEventListener("mousedown", () => {
+    n.style.background = r;
+  }), n.addEventListener("mouseup", () => {
+    n.style.background = e;
+  }), n.addEventListener("mouseleave", () => {
+    n.style.background = e;
+  });
+}
+const cn = {
+  display: "flex",
+  flex: "1",
+  "min-height": "0",
+  overflow: "hidden"
+}, an = {
+  width: "160px",
+  "border-right": "1px solid #44403c",
+  display: "flex",
+  "flex-direction": "column",
+  background: "#0c0a09",
+  "flex-shrink": "0",
+  "user-select": "none"
+}, dn = {
+  padding: "8px 12px",
+  "font-size": "11px",
+  "font-weight": "500",
+  "text-transform": "uppercase",
+  "letter-spacing": "0.5px",
+  color: "#78716c",
+  "border-bottom": "1px solid #292524"
+}, un = {
+  flex: "1",
+  display: "flex",
+  "flex-direction": "column",
+  "min-width": "0"
+}, fn = {
+  display: "flex",
+  "border-bottom": "1px solid #44403c",
+  background: "#1c1917",
+  "flex-shrink": "0",
+  "user-select": "none"
+}, J = {
+  padding: "8px 12px",
+  "font-size": "11px",
+  "font-weight": "500",
+  color: "#78716c",
+  cursor: "pointer",
+  "border-bottom": "1px solid transparent",
+  "margin-bottom": "-1px",
+  background: "transparent",
+  border: "none",
+  "font-family": "ui-monospace, monospace"
+}, te = {
+  ...J,
+  color: "#f5f5f4",
+  "border-bottom": "1px solid #f5f5f4"
+}, vn = {
+  flex: "1",
+  overflow: "auto",
+  padding: "12px",
+  background: "#0c0a09"
+}, gn = (n) => {
+  const e = Ce(), [r, s] = F("timeline"), [t, i] = F(!1), d = () => n.position ?? "right", f = () => d() === "bottom", c = () => f() ? Zt : qt, [g, y] = F(c());
+  Ne(() => {
+    const $ = Qt("isOpen");
+    $ !== void 0 ? $ && Z().open() : n.defaultOpen && Z().open();
+    const C = Vt("panelSize");
+    C && C >= Se && C <= $e && y(C);
+  });
+  const x = () => {
+    Z().toggle(), we("isOpen", e().isOpen);
+  }, k = ($) => {
+    $.preventDefault(), i(!0);
+    const C = f() ? $.clientY : $.clientX, A = g(), E = d(), O = (a) => {
+      const G = f() ? a.clientY : a.clientX;
+      let D = C - G;
+      E === "left" && (D = -D);
+      const j = Math.min($e, Math.max(Se, A + D));
+      y(j);
+    }, R = () => {
+      i(!1), document.removeEventListener("mousemove", O), document.removeEventListener("mouseup", R), document.body.style.cursor = "", document.body.style.userSelect = "", we("panelSize", g());
+    };
+    document.addEventListener("mousemove", O), document.addEventListener("mouseup", R), document.body.style.cursor = f() ? "ns-resize" : "ew-resize", document.body.style.userSelect = "none";
+  }, u = () => {
+    Z().clear();
+  }, h = () => e().selectedBatcher, l = () => e().batchers, w = () => e().events, p = () => e().batches, v = () => {
+    const $ = h();
+    return $ ? l().get($) ?? null : null;
+  }, S = () => {
+    const $ = h();
+    return $ ? w().filter((C) => C.batcherName === $) : w();
+  }, T = () => {
+    const $ = h();
+    return $ ? Array.from(p().values()).filter((C) => C.batcherName === $) : Array.from(p().values());
+  }, Q = () => ({
+    ...en(d(), g(), t()),
+    transform: nn(d(), e().isOpen),
+    ...n.panelStyle
+  });
+  return [z(Wt, {
+    get isOpen() {
+      return e().isOpen;
+    },
+    onClick: x,
+    get style() {
+      return n.buttonStyle;
+    },
+    get class() {
+      return n.buttonClass;
+    }
+  }), (() => {
+    var $ = Yt(), C = $.firstChild, A = C.nextSibling, E = A.firstChild;
+    E.firstChild;
+    var O = E.nextSibling, R = A.nextSibling, a = R.firstChild, G = a.firstChild, D = a.nextSibling, j = D.firstChild, W = j.firstChild, Y = W.nextSibling, q = Y.nextSibling, V = q.nextSibling, M = j.nextSibling;
+    return C.$$mouseout = (b) => {
+      t() || (b.currentTarget.style.background = "transparent");
+    }, C.$$mouseover = (b) => {
+      t() || (b.currentTarget.style.background = "#44403c");
+    }, C.$$mousedown = k, o(A, rn), o(E, on), Le((b) => ln(b, "#1c1917"), O), O.$$click = u, o(O, sn), o(R, cn), o(a, an), o(G, dn), m(a, z(tt, {
+      get batchers() {
+        return l();
+      },
+      get events() {
+        return w();
+      },
+      get selectedBatcher() {
+        return h();
+      },
+      onSelect: Xe
+    }), null), o(D, un), o(j, fn), W.$$click = () => s("timeline"), Y.$$click = () => s("events"), q.$$click = () => s("stats"), V.$$click = () => s("trace"), o(M, vn), m(M, (() => {
+      var b = N(() => r() === "timeline");
+      return () => b() && z(ft, {
+        get batches() {
+          return T();
+        }
+      });
+    })(), null), m(M, (() => {
+      var b = N(() => r() === "events");
+      return () => b() && z(wt, {
+        get events() {
+          return S();
+        }
+      });
+    })(), null), m(M, (() => {
+      var b = N(() => r() === "stats");
+      return () => b() && z(Ct, {
+        get events() {
+          return S();
+        },
+        get batches() {
+          return T();
+        }
+      });
+    })(), null), m(M, (() => {
+      var b = N(() => r() === "trace");
+      return () => b() && z(Ht, {
+        get batcher() {
+          return v();
+        }
+      });
+    })(), null), I((b) => {
+      var ee = n.panelClass, re = Q(), oe = {
+        ...tn(d()),
+        background: t() ? "#44403c" : "transparent"
+      }, ie = r() === "timeline" ? te : J, se = r() === "events" ? te : J, le = r() === "stats" ? te : J, ce = r() === "trace" ? te : J;
+      return ee !== b.e && _e($, b.e = ee), b.t = o($, re, b.t), b.a = o(C, oe, b.a), b.o = o(W, ie, b.o), b.i = o(Y, se, b.i), b.n = o(q, le, b.n), b.s = o(V, ce, b.s), b;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0,
+      i: void 0,
+      n: void 0,
+      s: void 0
+    }), $;
+  })()];
+};
+ne(["mousedown", "mouseover", "mouseout", "click"]);
+function bn(n, e) {
+  if (typeof window > "u")
+    return () => {
+    };
+  Pe(), (e != null && e.projectRoot || e != null && e.editor) && Ge({
+    projectRoot: e.projectRoot,
+    editor: e.editor
+  });
+  const r = {
+    position: e == null ? void 0 : e.position,
+    defaultOpen: e == null ? void 0 : e.defaultOpen,
+    buttonStyle: e == null ? void 0 : e.buttonStyle,
+    buttonClass: e == null ? void 0 : e.buttonClass,
+    panelStyle: e == null ? void 0 : e.panelStyle,
+    panelClass: e == null ? void 0 : e.panelClass
+  };
+  return je(() => gn(r), n);
+}
+export {
+  Ge as c,
+  Z as g,
+  Pe as i,
+  bn as m,
+  Ce as u
+};