@shane_il/pulse 0.1.1 → 0.2.0

package/dist/devtools.js

@@ -0,0 +1,1147 @@
+var oe = Object.defineProperty;
+var se = (e, t, n) => t in e ? oe(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var b = (e, t, n) => se(e, typeof t != "symbol" ? t + "" : t, n);
+let L = !1;
+const A = /* @__PURE__ */ new Set();
+function re(e) {
+  A.add(e), L || (L = !0, queueMicrotask(ie));
+}
+function ie() {
+  const e = [...A];
+  A.clear(), L = !1;
+  for (const t of e)
+    t();
+}
+const q = Symbol("PULSE_CONNECTED"), F = globalThis;
+F.__PULSE_HOOKS__ || (F.__PULSE_HOOKS__ = { onMount: null, onUnmount: null });
+const E = F.__PULSE_HOOKS__;
+function ce(e, t) {
+  E.onMount = e, E.onUnmount = t;
+}
+function le(e, t) {
+  return function(o) {
+    const s = e || {};
+    function r(i) {
+      const a = {};
+      for (const u in s) {
+        const { store: c, selector: h } = s[u];
+        a[u] = h(c.getState());
+      }
+      return o({ ...a, ...i });
+    }
+    return r[q] = !0, r._bindings = s, r._innerComponent = o, r.displayName = `Connected(${o.displayName || o.name || "Anonymous"})`, r;
+  };
+}
+class ae {
+  constructor(t, n) {
+    b(this, "connectedFn");
+    b(this, "props");
+    b(this, "prevSelected");
+    b(this, "unsubscribers");
+    b(this, "lastVTree");
+    b(this, "parentDom");
+    b(this, "_renderCallback");
+    b(this, "_mountCleanup");
+    this.connectedFn = t, this.props = n, this.prevSelected = {}, this.unsubscribers = [], this.lastVTree = null, this.parentDom = null, this._renderCallback = null, this._mountCleanup = null;
+  }
+  mount(t, n) {
+    var r;
+    this.parentDom = t, this._renderCallback = n;
+    const o = this.connectedFn._bindings;
+    for (const i in o) {
+      const { store: a, selector: u } = o[i];
+      this.prevSelected[i] = u(a.getState());
+    }
+    for (const i in o) {
+      const { store: a } = o[i], u = a.subscribe(() => {
+        this._onStoreChange();
+      });
+      this.unsubscribers.push(u);
+    }
+    const s = this.connectedFn._lifecycle;
+    if (s != null && s.onMount) {
+      const i = s.onMount({
+        dom: (r = this.lastVTree) == null ? void 0 : r._dom,
+        props: this.props
+      });
+      typeof i == "function" && (this._mountCleanup = i);
+    }
+    E.onMount && E.onMount(this);
+  }
+  _onStoreChange() {
+    const t = this.connectedFn._bindings;
+    let n = !1;
+    for (const o in t) {
+      const { store: s, selector: r } = t[o], i = r(s.getState());
+      if (!pe(i, this.prevSelected[o])) {
+        n = !0;
+        break;
+      }
+    }
+    n && re(this._renderCallback);
+  }
+  updateSelected() {
+    const t = this.connectedFn._bindings;
+    for (const n in t) {
+      const { store: o, selector: s } = t[n];
+      this.prevSelected[n] = s(o.getState());
+    }
+  }
+  unmount() {
+    E.onUnmount && E.onUnmount(this), this._mountCleanup && (this._mountCleanup(), this._mountCleanup = null);
+    const t = this.connectedFn._lifecycle;
+    t != null && t.onDestroy && t.onDestroy({ props: this.props });
+    for (const n of this.unsubscribers)
+      n();
+    this.unsubscribers = [], this._renderCallback = null;
+  }
+}
+function pe(e, t) {
+  if (Object.is(e, t)) return !0;
+  if (typeof e != "object" || typeof t != "object" || e === null || t === null) return !1;
+  const n = Object.keys(e), o = Object.keys(t);
+  if (n.length !== o.length) return !1;
+  for (const s of n)
+    if (!Object.prototype.hasOwnProperty.call(t, s) || !Object.is(e[s], t[s]))
+      return !1;
+  return !0;
+}
+function G(e) {
+  let t = e.state;
+  const n = e.actions, o = /* @__PURE__ */ new Set(), s = e.middleware;
+  function r() {
+    return t;
+  }
+  function i() {
+    for (const f of o)
+      f(t);
+  }
+  function a(f, y) {
+    const S = n[f];
+    if (!S)
+      throw new Error(`[pulse] Unknown action: "${f}"`);
+    const x = S(t, y);
+    x !== t && (t = x, i());
+  }
+  function u(f, y) {
+    if (f === "__devtools_replace__") {
+      t = y, i();
+      return;
+    }
+    const S = n[f];
+    if (!S)
+      throw new Error(`[pulse] Unknown action: "${f}"`);
+    const x = {
+      store: l,
+      actionName: f,
+      payload: y,
+      prevState: t,
+      nextState: void 0
+    };
+    let w = 0;
+    function z() {
+      if (w < s.length) {
+        const C = s[w++];
+        C(x, z);
+      } else {
+        const C = S(x.prevState, x.payload);
+        x.nextState = C, C !== t && (t = C, i());
+      }
+    }
+    z();
+  }
+  const c = s && s.length > 0 ? u : a;
+  function h(f) {
+    return o.add(f), () => {
+      o.delete(f);
+    };
+  }
+  function g(f) {
+    return { store: l, selector: f };
+  }
+  const l = {
+    getState: r,
+    dispatch: c,
+    subscribe: h,
+    select: g
+  };
+  return e.name && (l.name = e.name), l;
+}
+function ue(e, t) {
+  return (o, s) => {
+    s(), e.push({
+      actionName: o.actionName,
+      payload: o.payload,
+      prevState: o.prevState,
+      nextState: o.nextState ?? o.prevState,
+      timestamp: Date.now()
+    }), e.length > 1 / 0 && e.splice(0, e.length - 1 / 0);
+  };
+}
+let fe = 1;
+class de {
+  constructor() {
+    b(this, "stores", /* @__PURE__ */ new Map());
+    b(this, "components", /* @__PURE__ */ new Map());
+    b(this, "listeners", /* @__PURE__ */ new Set());
+  }
+  registerStore(t, n, o) {
+    const s = o || t.name || `store_${this.stores.size}`;
+    this.stores.set(s, { store: t, history: n, name: s }), t.subscribe(() => {
+      this.emit({ type: "action-dispatched", storeName: s });
+    }), this.emit({ type: "store-registered", storeName: s });
+  }
+  getStoreNames() {
+    return Array.from(this.stores.keys());
+  }
+  getStoreState(t) {
+    var n;
+    return (n = this.stores.get(t)) == null ? void 0 : n.store.getState();
+  }
+  getTrackedStore(t) {
+    return this.stores.get(t);
+  }
+  getHistory(t) {
+    var o;
+    if (t)
+      return ((o = this.stores.get(t)) == null ? void 0 : o.history) ?? [];
+    const n = [];
+    for (const s of this.stores.values())
+      n.push(...s.history);
+    return n.sort((s, r) => s.timestamp - r.timestamp);
+  }
+  trackComponent(t, n) {
+    const o = fe++;
+    return this.components.set(o, { id: o, displayName: t, storeNames: n }), this.emit({ type: "component-mounted", data: { id: o, displayName: t, storeNames: n } }), o;
+  }
+  untrackComponent(t) {
+    const n = this.components.get(t);
+    n && (this.components.delete(t), this.emit({ type: "component-unmounted", data: { id: t, displayName: n.displayName } }));
+  }
+  getComponents() {
+    return Array.from(this.components.values());
+  }
+  on(t) {
+    return this.listeners.add(t), () => {
+      this.listeners.delete(t);
+    };
+  }
+  emit(t) {
+    for (const n of this.listeners)
+      n(t);
+  }
+}
+function Ge(e, t) {
+  const n = [], o = ue(n), s = G({
+    ...t,
+    middleware: [o, ...t.middleware || []]
+  });
+  return e.registerStore(s, n, t.name), { store: s, history: n };
+}
+const B = Symbol("TEXT_NODE"), he = Symbol("FRAGMENT");
+function H(e) {
+  return {
+    type: B,
+    props: { nodeValue: String(e) },
+    children: [],
+    key: null
+  };
+}
+function ye(e) {
+  return e == null || typeof e == "boolean" ? null : typeof e == "string" || typeof e == "number" ? H(e) : e;
+}
+function J(e) {
+  const t = [];
+  for (const n of e)
+    if (Array.isArray(n))
+      t.push(...J(n));
+    else {
+      const o = ye(n);
+      o !== null && t.push(o);
+    }
+  return t;
+}
+function p(e, t, ...n) {
+  t = t || {};
+  const o = t.key ?? null;
+  t.key !== void 0 && (t = { ...t }, delete t.key);
+  const s = J(n);
+  return { type: e, props: t, children: s, key: o };
+}
+const m = {
+  CREATE: "CREATE",
+  REMOVE: "REMOVE",
+  REPLACE: "REPLACE",
+  UPDATE: "UPDATE",
+  TEXT: "TEXT",
+  MOVE: "MOVE",
+  CHILDREN: "CHILDREN"
+};
+function _(e, t) {
+  if (t == null && e == null) return [];
+  if (t == null) return [{ type: m.REMOVE, target: e }];
+  if (e == null) return [{ type: m.CREATE, newVNode: t }];
+  if (e.type !== t.type)
+    return [{ type: m.REPLACE, oldVNode: e, newVNode: t }];
+  if (t._dom = e._dom, e.type === B)
+    return e.props.nodeValue !== t.props.nodeValue ? [{ type: m.TEXT, oldVNode: e, newVNode: t }] : [];
+  const n = [], o = me(e.props, t.props);
+  o && n.push({ type: m.UPDATE, target: e, propPatches: o });
+  const s = ge(e.children, t.children);
+  return s.length && n.push({ type: m.CHILDREN, parent: e, childPatches: s }), n;
+}
+function me(e, t) {
+  const n = {}, o = [];
+  let s = !1;
+  for (const r in t)
+    r !== "children" && e[r] !== t[r] && (n[r] = t[r], s = !0);
+  for (const r in e)
+    r !== "children" && (r in t || (o.push(r), s = !0));
+  return s ? { set: n, remove: o } : null;
+}
+function O(e, t) {
+  return e == null || t == null ? !1 : e.type === t.type && e.key === t.key;
+}
+function K(e, t) {
+  const n = /* @__PURE__ */ new Set();
+  let o = 0, s = 0;
+  for (const r of e)
+    r != null && (r.key != null ? (o++, n.has(r.key) && console.warn(
+      `[pulse] Duplicate key "${String(r.key)}" in ${t} children. Keys must be unique among siblings.`
+    ), n.add(r.key)) : s++);
+  o > 0 && s > 0 && console.warn(
+    `[pulse] Mixed keyed and unkeyed children in ${t} list (${o} keyed, ${s} unkeyed). Either all children should have keys or none should.`
+  );
+}
+function ge(e, t) {
+  var g;
+  process.env.NODE_ENV !== "production" && (K(e, "old"), K(t, "new"));
+  const n = [];
+  let o = 0, s = e.length - 1, r = 0, i = t.length - 1, a = e[o], u = e[s], c = t[r], h = t[i];
+  for (; o <= s && r <= i; ) {
+    if (a == null) {
+      a = e[++o];
+      continue;
+    }
+    if (u == null) {
+      u = e[--s];
+      continue;
+    }
+    if (O(a, c))
+      n.push(..._(a, c)), a = e[++o], c = t[++r];
+    else if (O(u, h))
+      n.push(..._(u, h)), u = e[--s], h = t[--i];
+    else if (O(a, h))
+      n.push({
+        type: m.MOVE,
+        vnode: a,
+        anchor: e[s + 1] || null,
+        childPatches: _(a, h)
+      }), a = e[++o], h = t[--i];
+    else if (O(u, c))
+      n.push({
+        type: m.MOVE,
+        vnode: u,
+        anchor: a,
+        childPatches: _(u, c)
+      }), u = e[--s], c = t[++r];
+    else
+      break;
+  }
+  if (o <= s && r <= i) {
+    const l = /* @__PURE__ */ new Map();
+    for (let f = o; f <= s; f++) {
+      const y = (g = e[f]) == null ? void 0 : g.key;
+      y != null && l.set(y, f);
+    }
+    for (; r <= i; ) {
+      c = t[r];
+      const f = c.key != null ? l.get(c.key) : void 0;
+      if (f !== void 0) {
+        const y = e[f];
+        n.push({
+          type: m.MOVE,
+          vnode: y,
+          anchor: e[o] || null,
+          childPatches: _(y, c)
+        }), e[f] = null, l.delete(c.key);
+      } else
+        n.push({
+          type: m.CREATE,
+          newVNode: c,
+          anchor: e[o] || null
+        });
+      r++;
+    }
+    for (let f = o; f <= s; f++)
+      e[f] != null && n.push({ type: m.REMOVE, target: e[f] });
+  }
+  if (o > s) {
+    const l = t[i + 1] || null;
+    for (let f = r; f <= i; f++)
+      n.push({ type: m.CREATE, newVNode: t[f], anchor: l });
+  } else if (r > i)
+    for (let l = o; l <= s; l++)
+      e[l] != null && n.push({ type: m.REMOVE, target: e[l] });
+  return n;
+}
+function v(e) {
+  if (e.type === B) {
+    const n = document.createTextNode(e.props.nodeValue);
+    return e._dom = n, n;
+  }
+  if (e.type === he) {
+    const n = document.createDocumentFragment();
+    for (const o of e.children)
+      n.appendChild(v(o));
+    return e._dom = n, n;
+  }
+  const t = document.createElement(e.type);
+  be(t, {}, e.props);
+  for (const n of e.children)
+    t.appendChild(v(n));
+  return e._dom = t, t;
+}
+function be(e, t, n) {
+  for (const o in t)
+    o === "children" || o === "key" || o in n || Y(e, o, t[o]);
+  for (const o in n)
+    o === "children" || o === "key" || t[o] !== n[o] && Q(e, o, n[o], t[o]);
+}
+function Q(e, t, n, o) {
+  if (t.startsWith("on")) {
+    const s = t.slice(2).toLowerCase();
+    o && e.removeEventListener(s, o), n && e.addEventListener(s, n);
+  } else if (t === "className")
+    e.className = n || "";
+  else if (t === "style" && typeof n == "object") {
+    if (typeof o == "object" && o)
+      for (const s in o)
+        s in n || (e.style[s] = "");
+    Object.assign(e.style, n);
+  } else t === "ref" ? typeof n == "function" && n(e) : n === !0 ? e.setAttribute(t, "") : n === !1 || n == null ? e.removeAttribute(t) : e.setAttribute(t, n);
+}
+function Y(e, t, n) {
+  t.startsWith("on") ? e.removeEventListener(t.slice(2).toLowerCase(), n) : t === "className" ? e.className = "" : e.removeAttribute(t);
+}
+function P(e, t) {
+  var n, o, s;
+  for (const r of t)
+    switch (r.type) {
+      case m.CREATE: {
+        const i = v(r.newVNode);
+        (n = r.anchor) != null && n._dom ? e.insertBefore(i, r.anchor._dom) : e.appendChild(i);
+        break;
+      }
+      case m.REMOVE: {
+        const i = r.target._dom;
+        i != null && i.parentNode && i.parentNode.removeChild(i);
+        break;
+      }
+      case m.REPLACE: {
+        const i = v(r.newVNode), a = r.oldVNode._dom;
+        a != null && a.parentNode && a.parentNode.replaceChild(i, a);
+        break;
+      }
+      case m.UPDATE: {
+        const i = r.target._dom, { set: a, remove: u } = r.propPatches;
+        for (const c of u)
+          Y(i, c, r.target.props[c]);
+        for (const c in a)
+          Q(i, c, a[c], r.target.props[c]);
+        break;
+      }
+      case m.TEXT: {
+        const i = r.oldVNode._dom;
+        i && (i.nodeValue = r.newVNode.props.nodeValue);
+        break;
+      }
+      case m.MOVE: {
+        const i = r.vnode._dom;
+        i && ((o = r.anchor) != null && o._dom ? e.insertBefore(i, r.anchor._dom) : e.appendChild(i)), (s = r.childPatches) != null && s.length && i && P(i, r.childPatches);
+        break;
+      }
+      case m.CHILDREN: {
+        const i = r.parent._dom;
+        i && r.childPatches.length && P(i, r.childPatches);
+        break;
+      }
+    }
+}
+const R = /* @__PURE__ */ new WeakMap();
+function Se(e, t) {
+  const n = R.get(t);
+  if (n) {
+    const o = k(e, t), s = [];
+    I(n.vTree, s);
+    const r = _(n.vTree, o);
+    P(t, r);
+    const i = [];
+    o && I(o, i);
+    const a = new Set(i);
+    for (const c of s)
+      a.has(c) || c.unmount();
+    const u = new Set(s);
+    for (const c of i)
+      u.has(c) || c.mount(t, () => U(c, t));
+    R.set(t, { vTree: o });
+  } else {
+    const o = k(e, t);
+    if (!o) return;
+    const s = v(o);
+    t.appendChild(s);
+    const r = [];
+    I(o, r);
+    for (const i of r)
+      i.mount(t, () => U(i, t));
+    R.set(t, { vTree: o });
+  }
+}
+function k(e, t) {
+  var n;
+  if (e == null) return null;
+  if (typeof e.type == "function") {
+    if (e.type[q]) {
+      const s = e.type._lifecycle;
+      try {
+        const r = new ae(e.type, e.props), i = e.type(e.props), u = k(i, t) ?? H("");
+        if (u._instance) {
+          const c = {
+            type: "div",
+            props: { style: { display: "contents" } },
+            children: [u],
+            key: e.key
+          };
+          return c._instance = r, r.lastVTree = c, c;
+        }
+        return u._instance = r, r.lastVTree = u, u;
+      } catch (r) {
+        if (s != null && s.onError) {
+          const i = s.onError({ error: r, props: e.props });
+          return k(i, t);
+        }
+        throw r;
+      }
+    }
+    const o = e.type({ ...e.props, children: e.children });
+    return k(o, t);
+  }
+  return (n = e.children) != null && n.length && (e.children = e.children.map((o) => k(o, t)).filter((o) => o != null)), e;
+}
+function U(e, t) {
+  var s, r;
+  if (!e._renderCallback) return;
+  const n = e.connectedFn, o = n._lifecycle;
+  try {
+    const i = n(e.props);
+    let u = k(i, t) ?? H(""), c;
+    if (u._instance && u._instance !== e ? (c = {
+      type: "div",
+      props: { style: { display: "contents" } },
+      children: [u],
+      key: null
+    }, c._instance = e) : (u._instance = e, c = u), e.lastVTree) {
+      D(e.lastVTree, e);
+      const y = _(e.lastVTree, c), S = ((s = e.lastVTree._dom) == null ? void 0 : s.parentNode) || t;
+      P(S, y), c._dom || (c._dom = e.lastVTree._dom);
+    }
+    const h = [];
+    M(e.lastVTree, h, e);
+    const g = [];
+    M(c, g, e);
+    const l = new Set(g);
+    for (const y of h)
+      l.has(y) || y.unmount();
+    e.lastVTree = c;
+    const f = new Set(h);
+    for (const y of g)
+      f.has(y) || y.mount(t, () => U(y, t));
+    o != null && o.onUpdate && o.onUpdate({
+      dom: c == null ? void 0 : c._dom,
+      props: e.props
+    }), e.updateSelected();
+  } catch (i) {
+    if (o != null && o.onError) {
+      const a = o.onError({ error: i, props: e.props }), u = k(a, t);
+      if (e.lastVTree && u) {
+        D(e.lastVTree, e);
+        const h = _(e.lastVTree, u), g = ((r = e.lastVTree._dom) == null ? void 0 : r.parentNode) || t;
+        P(g, h), u._dom || (u._dom = e.lastVTree._dom);
+      }
+      const c = [];
+      M(e.lastVTree, c, e);
+      for (const h of c) h.unmount();
+      e.lastVTree = u, e.updateSelected();
+    } else
+      throw i;
+  }
+}
+function D(e, t) {
+  if (!(!e || !e.children))
+    for (let n = 0; n < e.children.length; n++) {
+      const o = e.children[n];
+      o._instance && o._instance !== t && o._instance.lastVTree && o._instance.lastVTree !== o && (e.children[n] = o._instance.lastVTree), D(e.children[n], t);
+    }
+}
+function I(e, t) {
+  if (e && (e._instance && t.push(e._instance), e.children))
+    for (const n of e.children)
+      I(n, t);
+}
+function M(e, t, n) {
+  if (e && (e._instance && e._instance !== n && t.push(e._instance), e.children))
+    for (const o of e.children)
+      M(o, t, n);
+}
+function W(e, t, n) {
+  const o = e.getTrackedStore(t);
+  if (!o)
+    throw new Error(`[pulse-devtools] Unknown store: "${t}"`);
+  const { store: s, history: r } = o;
+  if (n < 0 || n >= r.length)
+    throw new Error(
+      `[pulse-devtools] Index ${n} out of range (0..${r.length - 1})`
+    );
+  const i = r[n].nextState;
+  s.dispatch("__devtools_replace__", i), e.emit({ type: "time-travel", storeName: t, data: { entryIndex: n } });
+}
+function Je(e, t, n) {
+  const o = e.getTrackedStore(t);
+  if (!o)
+    throw new Error(`[pulse-devtools] Unknown store: "${t}"`);
+  const { store: s, history: r } = o;
+  if (n < 0 || n >= r.length)
+    throw new Error(
+      `[pulse-devtools] Index ${n} out of range (0..${r.length - 1})`
+    );
+  const i = r.slice(n), a = r[n].prevState;
+  s.dispatch("__devtools_replace__", a);
+  for (const u of i)
+    s.dispatch(u.actionName, u.payload);
+  e.emit({ type: "time-travel", storeName: t, data: { replayFrom: n } });
+}
+const d = {
+  base: "#1e1e2e",
+  surface0: "#313244",
+  surface1: "#45475a",
+  overlay0: "#6c7086",
+  text: "#cdd6f4",
+  subtext0: "#a6adc8",
+  blue: "#89b4fa",
+  green: "#a6e3a1",
+  yellow: "#f9e2af",
+  mauve: "#cba6f7",
+  teal: "#94e2d5",
+  peach: "#fab387"
+}, xe = {
+  position: "fixed",
+  bottom: "0",
+  left: "0",
+  right: "0",
+  height: "320px",
+  backgroundColor: d.base,
+  color: d.text,
+  fontFamily: "'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace",
+  fontSize: "12px",
+  lineHeight: "1.5",
+  zIndex: "2147483647",
+  display: "flex",
+  flexDirection: "column",
+  borderTop: `2px solid ${d.mauve}`,
+  overflow: "hidden"
+}, _e = {
+  display: "flex",
+  alignItems: "center",
+  backgroundColor: d.surface0,
+  borderBottom: `1px solid ${d.surface1}`,
+  padding: "0 8px",
+  height: "32px",
+  flexShrink: "0"
+}, ke = (e) => ({
+  background: "none",
+  border: "none",
+  color: e ? d.mauve : d.subtext0,
+  fontFamily: "inherit",
+  fontSize: "12px",
+  padding: "6px 12px",
+  cursor: "pointer",
+  borderBottom: e ? `2px solid ${d.mauve}` : "2px solid transparent",
+  marginBottom: "-1px"
+}), Ee = {
+  background: "none",
+  border: "none",
+  color: d.overlay0,
+  fontSize: "16px",
+  cursor: "pointer",
+  marginLeft: "auto",
+  padding: "4px 8px",
+  fontFamily: "inherit"
+}, Te = {
+  flex: "1",
+  overflow: "auto",
+  padding: "8px 12px"
+}, we = {
+  display: "flex",
+  height: "100%",
+  gap: "1px"
+}, Ce = {
+  width: "200px",
+  flexShrink: "0",
+  borderRight: `1px solid ${d.surface1}`,
+  overflow: "auto",
+  padding: "4px 0"
+}, Ne = {
+  flex: "1",
+  overflow: "auto",
+  padding: "8px"
+}, ve = (e) => ({
+  padding: "4px 12px",
+  cursor: "pointer",
+  backgroundColor: e ? d.surface1 : "transparent",
+  color: e ? d.blue : d.text
+}), X = {
+  color: d.mauve
+}, V = {
+  color: d.green
+}, Pe = {
+  color: d.yellow
+}, Oe = {
+  color: d.peach
+}, T = {
+  color: d.overlay0,
+  fontStyle: "italic"
+}, Ve = (e) => ({
+  padding: "4px 8px",
+  cursor: "pointer",
+  backgroundColor: e ? d.surface1 : "transparent",
+  borderLeft: e ? `3px solid ${d.blue}` : "3px solid transparent",
+  display: "flex",
+  justifyContent: "space-between",
+  alignItems: "center"
+}), Z = {
+  color: d.blue,
+  fontWeight: "bold"
+}, Ie = {
+  color: d.overlay0,
+  fontSize: "10px"
+}, Me = {
+  width: "100%",
+  accentColor: d.mauve,
+  margin: "4px 0 8px"
+}, $e = {
+  width: "100%",
+  backgroundColor: d.surface0,
+  border: `1px solid ${d.surface1}`,
+  color: d.text,
+  padding: "4px 8px",
+  fontFamily: "inherit",
+  fontSize: "12px",
+  borderRadius: "4px",
+  outline: "none",
+  marginBottom: "8px",
+  boxSizing: "border-box"
+}, Re = {
+  padding: "4px 8px",
+  borderBottom: `1px solid ${d.surface0}`
+}, Le = {
+  color: d.teal,
+  fontWeight: "bold"
+}, Ae = {
+  color: d.overlay0,
+  fontSize: "10px",
+  marginLeft: "8px"
+}, ee = {
+  display: "inline-block",
+  backgroundColor: d.surface1,
+  color: d.subtext0,
+  padding: "1px 6px",
+  borderRadius: "8px",
+  fontSize: "10px",
+  marginLeft: "4px"
+}, Fe = {
+  color: d.mauve,
+  fontWeight: "bold",
+  fontSize: "12px",
+  marginRight: "8px"
+};
+function j(e, t) {
+  if (e === null)
+    return p("span", { style: T }, "null");
+  if (e === void 0)
+    return p("span", { style: T }, "undefined");
+  if (typeof e == "string")
+    return p("span", { style: Pe }, `"${e}"`);
+  if (typeof e == "boolean")
+    return p("span", { style: Oe }, String(e));
+  if (typeof e == "number")
+    return p("span", { style: V }, String(e));
+  if (Array.isArray(e))
+    return e.length === 0 ? p("span", { style: V }, "[]") : t > 4 ? p("span", { style: T }, "[…]") : p(
+      "div",
+      { style: { paddingLeft: "12px" } },
+      ...e.map(
+        (n, o) => p(
+          "div",
+          { key: o },
+          p("span", { style: X }, `${o}: `),
+          j(n, t + 1)
+        )
+      )
+    );
+  if (typeof e == "object") {
+    const n = Object.keys(e);
+    return n.length === 0 ? p("span", { style: V }, "{}") : t > 4 ? p("span", { style: T }, "{…}") : p(
+      "div",
+      { style: { paddingLeft: "12px" } },
+      ...n.map(
+        (o) => p(
+          "div",
+          { key: o },
+          p("span", { style: X }, `${o}: `),
+          j(e[o], t + 1)
+        )
+      )
+    );
+  }
+  return p("span", { style: V }, String(e));
+}
+function Ue({
+  storeNames: e,
+  selectedStore: t,
+  storeStates: n,
+  onSelectStore: o
+}) {
+  const s = t ? n[t] : null;
+  return p(
+    "div",
+    { style: we },
+    p(
+      "div",
+      { style: Ce },
+      ...e.map(
+        (r) => p("div", {
+          key: r,
+          style: ve(r === t),
+          onClick: () => o(r)
+        }, r)
+      )
+    ),
+    p(
+      "div",
+      { style: Ne },
+      t ? p(
+        "div",
+        null,
+        p(
+          "div",
+          { style: { marginBottom: "8px", color: d.subtext0 } },
+          "State of ",
+          p("span", { style: Z }, t)
+        ),
+        s != null ? j(s, 0) : p("span", { style: T }, "No state")
+      ) : p("span", { style: T }, "Select a store")
+    )
+  );
+}
+function De(e) {
+  const t = new Date(e), n = (o) => String(o).padStart(2, "0");
+  return `${n(t.getHours())}:${n(t.getMinutes())}:${n(t.getSeconds())}`;
+}
+function je({
+  actionLog: e,
+  timeTravelIndex: t,
+  filter: n,
+  onFilterChange: o,
+  onTravelTo: s,
+  onSliderChange: r
+}) {
+  const i = n ? e.filter((a) => a.actionName.toLowerCase().includes(n.toLowerCase())) : e;
+  return p(
+    "div",
+    { style: { height: "100%", display: "flex", flexDirection: "column" } },
+    // Filter
+    p("input", {
+      style: $e,
+      placeholder: "Filter actions…",
+      value: n,
+      onInput: (a) => o(a.target.value)
+    }),
+    // Slider
+    e.length > 0 ? p(
+      "div",
+      { style: { flexShrink: "0" } },
+      p("input", {
+        type: "range",
+        style: Me,
+        min: "0",
+        max: String(e.length - 1),
+        value: String(t),
+        onInput: (a) => r(Number(a.target.value))
+      }),
+      p(
+        "div",
+        { style: { color: d.overlay0, fontSize: "10px", marginBottom: "4px" } },
+        `${t + 1} / ${e.length}`
+      )
+    ) : null,
+    // Action list
+    p(
+      "div",
+      { style: { flex: "1", overflow: "auto" } },
+      ...i.map((a, u) => {
+        const c = e.indexOf(a);
+        return p(
+          "div",
+          {
+            key: c,
+            style: Ve(c === t),
+            onClick: () => s(c)
+          },
+          p(
+            "span",
+            null,
+            p("span", { style: Z }, a.actionName),
+            a.payload !== void 0 ? p(
+              "span",
+              { style: { color: d.subtext0, marginLeft: "8px" } },
+              typeof a.payload == "object" ? JSON.stringify(a.payload) : String(a.payload)
+            ) : null
+          ),
+          p("span", { style: Ie }, De(a.timestamp))
+        );
+      }),
+      i.length === 0 ? p(
+        "div",
+        { style: { color: d.overlay0, padding: "8px" } },
+        e.length === 0 ? "No actions yet" : "No matching actions"
+      ) : null
+    )
+  );
+}
+function Be({
+  components: e
+}) {
+  return e.length === 0 ? p(
+    "div",
+    { style: { color: d.overlay0, padding: "8px" } },
+    "No connected components mounted"
+  ) : p(
+    "div",
+    null,
+    ...e.map(
+      (t) => p(
+        "div",
+        { key: t.id, style: Re },
+        p("span", { style: Le }, t.displayName),
+        t.storeNames.length > 0 ? p(
+          "span",
+          { style: Ae },
+          t.storeNames.map(
+            (n) => p("span", { key: n, style: ee }, n)
+          )
+        ) : null
+      )
+    )
+  );
+}
+function He() {
+  return G({
+    state: {
+      open: !1,
+      activeTab: "stores",
+      selectedStore: null,
+      timeTravelIndex: -1,
+      storeNames: [],
+      storeStates: {},
+      actionLog: [],
+      filter: "",
+      components: []
+    },
+    actions: {
+      toggle: (e) => ({ ...e, open: !e.open }),
+      open: (e) => ({ ...e, open: !0 }),
+      close: (e) => ({ ...e, open: !1 }),
+      setTab: (e, t) => ({ ...e, activeTab: t }),
+      selectStore: (e, t) => ({ ...e, selectedStore: t }),
+      setFilter: (e, t) => ({ ...e, filter: t }),
+      setTimeTravelIndex: (e, t) => ({ ...e, timeTravelIndex: t }),
+      sync: (e, t) => ({ ...e, ...t })
+    }
+  });
+}
+function ze({
+  open: e,
+  activeTab: t,
+  selectedStore: n,
+  timeTravelIndex: o,
+  storeNames: s,
+  storeStates: r,
+  actionLog: i,
+  filter: a,
+  components: u,
+  panelActions: c
+}) {
+  if (!e) return null;
+  const h = [
+    { id: "stores", label: "Stores" },
+    { id: "actions", label: "Actions" },
+    { id: "components", label: "Components" }
+  ];
+  let g;
+  return t === "stores" ? g = Ue({
+    storeNames: s,
+    selectedStore: n,
+    storeStates: r,
+    onSelectStore: c.selectStore
+  }) : t === "actions" ? g = je({
+    actionLog: i,
+    timeTravelIndex: o,
+    filter: a,
+    onFilterChange: c.setFilter,
+    onTravelTo: c.travelTo,
+    onSliderChange: c.sliderChange
+  }) : g = Be({ components: u }), p(
+    "div",
+    { style: xe },
+    // Tab bar (all children keyed to avoid mixed key warnings)
+    p(
+      "div",
+      { style: _e },
+      p("span", { key: "title", style: Fe }, "Pulse"),
+      ...h.map(
+        (l) => p("button", {
+          key: l.id,
+          style: ke(l.id === t),
+          onClick: () => c.setTab(l.id)
+        }, l.label)
+      ),
+      p("span", { key: "badge", style: ee }, `${s.length} stores`),
+      p("button", {
+        key: "close",
+        style: Ee,
+        onClick: c.close
+      }, "×")
+    ),
+    // Content
+    p("div", { style: Te }, g)
+  );
+}
+function Ke(e, t) {
+  const n = He();
+  t && t(n);
+  let o = !1;
+  function s() {
+    if (!o) {
+      o = !0;
+      try {
+        const l = e.getStoreNames(), f = {};
+        for (const w of l)
+          f[w] = e.getStoreState(w);
+        const S = n.getState().selectedStore || l[0] || null, x = S ? e.getHistory(S) : [];
+        n.dispatch("sync", {
+          storeNames: l,
+          storeStates: f,
+          actionLog: x,
+          timeTravelIndex: x.length > 0 ? x.length - 1 : -1,
+          selectedStore: S,
+          components: e.getComponents()
+        });
+      } finally {
+        o = !1;
+      }
+    }
+  }
+  e.on((l) => {
+    l.type === "component-mounted" || l.type === "component-unmounted" || s();
+  });
+  const r = {
+    selectStore: (l) => {
+      n.dispatch("selectStore", l);
+      const f = e.getHistory(l);
+      n.dispatch("sync", {
+        actionLog: f,
+        timeTravelIndex: f.length > 0 ? f.length - 1 : -1
+      });
+    },
+    setTab: (l) => n.dispatch("setTab", l),
+    setFilter: (l) => n.dispatch("setFilter", l),
+    close: () => n.dispatch("close"),
+    travelTo: (l) => {
+      const f = n.getState().selectedStore;
+      f && (W(e, f, l), n.dispatch("setTimeTravelIndex", l));
+    },
+    sliderChange: (l) => {
+      const f = n.getState().selectedStore;
+      f && (W(e, f, l), n.dispatch("setTimeTravelIndex", l));
+    }
+  }, i = le({
+    open: n.select((l) => l.open),
+    activeTab: n.select((l) => l.activeTab),
+    selectedStore: n.select((l) => l.selectedStore),
+    timeTravelIndex: n.select((l) => l.timeTravelIndex),
+    storeNames: n.select((l) => l.storeNames),
+    storeStates: n.select((l) => l.storeStates),
+    actionLog: n.select((l) => l.actionLog),
+    filter: n.select((l) => l.filter),
+    components: n.select((l) => l.components)
+  })((l) => ze({ ...l, panelActions: r }));
+  let a = null;
+  function u() {
+    a || (a = document.createElement("div"), a.id = "pulse-devtools-root", document.body.appendChild(a), Se(p(i, null), a), s());
+  }
+  function c() {
+    u(), n.dispatch("open");
+  }
+  function h() {
+    n.dispatch("close");
+  }
+  function g() {
+    u(), n.dispatch("toggle");
+  }
+  return { openPanel: c, closePanel: h, togglePanel: g, panelStore: n };
+}
+const $ = new de(), te = /* @__PURE__ */ new WeakSet();
+function We(e) {
+  te.add(e);
+}
+ce(
+  (e) => {
+    const t = e.connectedFn._bindings || {}, n = Object.values(t).map((i) => i.store);
+    if (n.length > 0 && n.every((i) => te.has(i)))
+      return;
+    const o = n.map((i) => i.name || "unnamed"), s = e.connectedFn.displayName || "Unknown", r = $.trackComponent(s, o);
+    e._devtoolsId = r;
+  },
+  (e) => {
+    const t = e._devtoolsId;
+    t != null && $.untrackComponent(t);
+  }
+);
+let N = null;
+function ne() {
+  return N || (N = Ke($, We)), N;
+}
+function Qe() {
+  ne().openPanel();
+}
+function Ye() {
+  N && N.closePanel();
+}
+function Xe() {
+  ne().togglePanel();
+}
+typeof window < "u" && (window.addEventListener("keydown", (e) => {
+  e.ctrlKey && e.shiftKey && e.key === "P" && (e.preventDefault(), Xe());
+}), window.__PULSE_DEVTOOLS__ = $);
+export {
+  de as PulseDevtools,
+  We as _markInternalStore,
+  Ye as closePanel,
+  $ as devtools,
+  Ge as instrumentStore,
+  Qe as openPanel,
+  Je as replayFrom,
+  Xe as togglePanel,
+  W as travelTo
+};
+//# sourceMappingURL=devtools.js.map