batchkit-devtools 0.3.4 → 0.3.6

package/dist/mount-CKKkXlex.js

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