batchkit-devtools 0.3.7 → 0.4.1

package/dist/mount-Cl_oAy4R.js

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