@shane_il/pulse 0.1.2 → 0.3.0

package/dist/devtools.js

@@ -0,0 +1,1218 @@
+var rt = Object.defineProperty;
+var it = (t, e, n) => e in t ? rt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var S = (t, e, n) => it(t, typeof e != "symbol" ? e + "" : e, n);
+let A = !1;
+const R = /* @__PURE__ */ new Set();
+function ct(t) {
+  R.add(t), A || (A = !0, queueMicrotask(lt));
+}
+function lt() {
+  const t = [...R];
+  R.clear(), A = !1;
+  for (const e of t)
+    e();
+}
+const q = Symbol("PULSE_CONNECTED"), F = globalThis;
+F.__PULSE_HOOKS__ || (F.__PULSE_HOOKS__ = { onMount: null, onUnmount: null });
+const T = F.__PULSE_HOOKS__;
+function at(t, e) {
+  T.onMount = t, T.onUnmount = e;
+}
+function pt(t, e) {
+  return function(o) {
+    const s = t || {};
+    function r(i) {
+      const a = {};
+      for (const p in s) {
+        const { store: l, selector: h } = s[p];
+        a[p] = h(l.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 ut {
+  constructor(e, n) {
+    S(this, "connectedFn");
+    S(this, "props");
+    S(this, "prevSelected");
+    S(this, "unsubscribers");
+    S(this, "lastVTree");
+    S(this, "parentDom");
+    S(this, "_renderCallback");
+    S(this, "_mountCleanup");
+    this.connectedFn = e, this.props = n, this.prevSelected = {}, this.unsubscribers = [], this.lastVTree = null, this.parentDom = null, this._renderCallback = null, this._mountCleanup = null;
+  }
+  mount(e, n) {
+    var r;
+    this.parentDom = e, this._renderCallback = n;
+    const o = this.connectedFn._bindings;
+    for (const i in o) {
+      const { store: a, selector: p } = o[i];
+      this.prevSelected[i] = p(a.getState());
+    }
+    for (const i in o) {
+      const { store: a } = o[i], p = a.subscribe(() => {
+        this._onStoreChange();
+      });
+      this.unsubscribers.push(p);
+    }
+    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);
+    }
+    T.onMount && T.onMount(this);
+  }
+  _onStoreChange() {
+    const e = this.connectedFn._bindings;
+    let n = !1;
+    for (const o in e) {
+      const { store: s, selector: r } = e[o], i = r(s.getState());
+      if (!ft(i, this.prevSelected[o])) {
+        n = !0;
+        break;
+      }
+    }
+    n && ct(this._renderCallback);
+  }
+  updateSelected() {
+    const e = this.connectedFn._bindings;
+    for (const n in e) {
+      const { store: o, selector: s } = e[n];
+      this.prevSelected[n] = s(o.getState());
+    }
+  }
+  unmount() {
+    T.onUnmount && T.onUnmount(this), this._mountCleanup && (this._mountCleanup(), this._mountCleanup = null);
+    const e = this.connectedFn._lifecycle;
+    e != null && e.onDestroy && e.onDestroy({ props: this.props });
+    for (const n of this.unsubscribers)
+      n();
+    this.unsubscribers = [], this._renderCallback = null;
+  }
+}
+function ft(t, e) {
+  if (Object.is(t, e)) return !0;
+  if (typeof t != "object" || typeof e != "object" || t === null || e === null) return !1;
+  const n = Object.keys(t), o = Object.keys(e);
+  if (n.length !== o.length) return !1;
+  for (const s of n)
+    if (!Object.prototype.hasOwnProperty.call(e, s) || !Object.is(t[s], e[s]))
+      return !1;
+  return !0;
+}
+function J(t) {
+  let e = t.state;
+  const n = t.actions, o = /* @__PURE__ */ new Set(), s = t.middleware;
+  function r() {
+    return e;
+  }
+  function i() {
+    for (const f of o)
+      f(e);
+  }
+  function a(f, m) {
+    const b = n[f];
+    if (!b)
+      throw new Error(`[pulse] Unknown action: "${f}"`);
+    const _ = b(e, m);
+    _ !== e && (e = _, i());
+  }
+  function p(f, m) {
+    if (f === "__devtools_replace__") {
+      e = m, i();
+      return;
+    }
+    const b = n[f];
+    if (!b)
+      throw new Error(`[pulse] Unknown action: "${f}"`);
+    const _ = {
+      store: c,
+      actionName: f,
+      payload: m,
+      prevState: e,
+      nextState: void 0
+    };
+    let w = 0;
+    function z() {
+      if (w < s.length) {
+        const C = s[w++];
+        C(_, z);
+      } else {
+        const C = b(_.prevState, _.payload);
+        _.nextState = C, C !== e && (e = C, i());
+      }
+    }
+    z();
+  }
+  const l = s && s.length > 0 ? p : a;
+  function h(f) {
+    return o.add(f), () => {
+      o.delete(f);
+    };
+  }
+  function g(f) {
+    return { store: c, selector: f };
+  }
+  const c = {
+    getState: r,
+    dispatch: l,
+    subscribe: h,
+    select: g
+  };
+  return t.name && (c.name = t.name), c;
+}
+function dt(t, e) {
+  return (o, s) => {
+    s(), t.push({
+      actionName: o.actionName,
+      payload: o.payload,
+      prevState: o.prevState,
+      nextState: o.nextState ?? o.prevState,
+      timestamp: Date.now()
+    }), t.length > 1 / 0 && t.splice(0, t.length - 1 / 0);
+  };
+}
+let ht = 1;
+class mt {
+  constructor() {
+    S(this, "stores", /* @__PURE__ */ new Map());
+    S(this, "components", /* @__PURE__ */ new Map());
+    S(this, "listeners", /* @__PURE__ */ new Set());
+  }
+  registerStore(e, n, o) {
+    const s = o || e.name || `store_${this.stores.size}`;
+    this.stores.set(s, { store: e, history: n, name: s }), e.subscribe(() => {
+      this.emit({ type: "action-dispatched", storeName: s });
+    }), this.emit({ type: "store-registered", storeName: s });
+  }
+  getStoreNames() {
+    return Array.from(this.stores.keys());
+  }
+  getStoreState(e) {
+    var n;
+    return (n = this.stores.get(e)) == null ? void 0 : n.store.getState();
+  }
+  getTrackedStore(e) {
+    return this.stores.get(e);
+  }
+  getHistory(e) {
+    var o;
+    if (e)
+      return ((o = this.stores.get(e)) == 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(e, n) {
+    const o = ht++;
+    return this.components.set(o, { id: o, displayName: e, storeNames: n }), this.emit({
+      type: "component-mounted",
+      data: { id: o, displayName: e, storeNames: n }
+    }), o;
+  }
+  untrackComponent(e) {
+    const n = this.components.get(e);
+    n && (this.components.delete(e), this.emit({
+      type: "component-unmounted",
+      data: { id: e, displayName: n.displayName }
+    }));
+  }
+  getComponents() {
+    return Array.from(this.components.values());
+  }
+  on(e) {
+    return this.listeners.add(e), () => {
+      this.listeners.delete(e);
+    };
+  }
+  emit(e) {
+    for (const n of this.listeners)
+      n(e);
+  }
+}
+function Qt(t, e) {
+  const n = [], o = dt(n), s = J({
+    ...e,
+    middleware: [o, ...e.middleware || []]
+  });
+  return t.registerStore(s, n, e.name), { store: s, history: n };
+}
+const D = Symbol("TEXT_NODE"), yt = Symbol("FRAGMENT");
+function B(t) {
+  return {
+    type: D,
+    props: { nodeValue: String(t) },
+    children: [],
+    key: null
+  };
+}
+function gt(t) {
+  return t == null || typeof t == "boolean" ? null : typeof t == "string" || typeof t == "number" ? B(t) : t;
+}
+function Q(t) {
+  const e = [];
+  for (const n of t)
+    if (Array.isArray(n))
+      e.push(...Q(n));
+    else {
+      const o = gt(n);
+      o !== null && e.push(o);
+    }
+  return e;
+}
+function u(t, e, ...n) {
+  e = e || {};
+  const o = e.key ?? null;
+  e.key !== void 0 && (e = { ...e }, delete e.key);
+  const s = Q(n);
+  return { type: t, props: e, children: s, key: o };
+}
+const y = {
+  CREATE: "CREATE",
+  REMOVE: "REMOVE",
+  REPLACE: "REPLACE",
+  UPDATE: "UPDATE",
+  TEXT: "TEXT",
+  MOVE: "MOVE",
+  CHILDREN: "CHILDREN"
+};
+function x(t, e) {
+  if (e == null && t == null) return [];
+  if (e == null) return [{ type: y.REMOVE, target: t }];
+  if (t == null) return [{ type: y.CREATE, newVNode: e }];
+  if (t.type !== e.type)
+    return [{ type: y.REPLACE, oldVNode: t, newVNode: e }];
+  if (e._dom = t._dom, t.type === D)
+    return t.props.nodeValue !== e.props.nodeValue ? [{ type: y.TEXT, oldVNode: t, newVNode: e }] : [];
+  const n = [], o = St(t.props, e.props);
+  o && n.push({ type: y.UPDATE, target: t, propPatches: o });
+  const s = bt(t.children, e.children);
+  return s.length && n.push({ type: y.CHILDREN, parent: t, childPatches: s }), n;
+}
+function St(t, e) {
+  const n = {}, o = [];
+  let s = !1;
+  for (const r in e)
+    r !== "children" && t[r] !== e[r] && (n[r] = e[r], s = !0);
+  for (const r in t)
+    r !== "children" && (r in e || (o.push(r), s = !0));
+  return s ? { set: n, remove: o } : null;
+}
+function P(t, e) {
+  return t == null || e == null ? !1 : t.type === e.type && t.key === e.key;
+}
+function G(t, e) {
+  const n = /* @__PURE__ */ new Set();
+  let o = 0, s = 0;
+  for (const r of t)
+    r != null && (r.key != null ? (o++, n.has(r.key) && console.warn(
+      `[pulse] Duplicate key "${String(r.key)}" in ${e} 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 ${e} list (${o} keyed, ${s} unkeyed). Either all children should have keys or none should.`
+  );
+}
+function bt(t, e) {
+  var g;
+  process.env.NODE_ENV !== "production" && (G(t, "old"), G(e, "new"));
+  const n = [];
+  let o = 0, s = t.length - 1, r = 0, i = e.length - 1, a = t[o], p = t[s], l = e[r], h = e[i];
+  for (; o <= s && r <= i; ) {
+    if (a == null) {
+      a = t[++o];
+      continue;
+    }
+    if (p == null) {
+      p = t[--s];
+      continue;
+    }
+    if (P(a, l))
+      n.push(...x(a, l)), a = t[++o], l = e[++r];
+    else if (P(p, h))
+      n.push(...x(p, h)), p = t[--s], h = e[--i];
+    else if (P(a, h))
+      n.push({
+        type: y.MOVE,
+        vnode: a,
+        anchor: t[s + 1] || null,
+        childPatches: x(a, h)
+      }), a = t[++o], h = e[--i];
+    else if (P(p, l))
+      n.push({
+        type: y.MOVE,
+        vnode: p,
+        anchor: a,
+        childPatches: x(p, l)
+      }), p = t[--s], l = e[++r];
+    else
+      break;
+  }
+  if (o <= s && r <= i) {
+    const c = /* @__PURE__ */ new Map();
+    for (let f = o; f <= s; f++) {
+      const m = (g = t[f]) == null ? void 0 : g.key;
+      m != null && c.set(m, f);
+    }
+    for (; r <= i; ) {
+      l = e[r];
+      const f = l.key != null ? c.get(l.key) : void 0;
+      if (f !== void 0) {
+        const m = t[f];
+        n.push({
+          type: y.MOVE,
+          vnode: m,
+          anchor: t[o] || null,
+          childPatches: x(m, l)
+        }), t[f] = null, c.delete(l.key);
+      } else
+        n.push({
+          type: y.CREATE,
+          newVNode: l,
+          anchor: t[o] || null
+        });
+      r++;
+    }
+    for (let f = o; f <= s; f++)
+      t[f] != null && n.push({ type: y.REMOVE, target: t[f] });
+  }
+  if (o > s) {
+    const c = e[i + 1] || null;
+    for (let f = r; f <= i; f++)
+      n.push({ type: y.CREATE, newVNode: e[f], anchor: c });
+  } else if (r > i)
+    for (let c = o; c <= s; c++)
+      t[c] != null && n.push({ type: y.REMOVE, target: t[c] });
+  return n;
+}
+const Y = "http://www.w3.org/2000/svg";
+function V(t, e) {
+  if (t.type === D) {
+    const o = document.createTextNode(t.props.nodeValue);
+    return t._dom = o, o;
+  }
+  if (t.type === yt) {
+    const o = document.createDocumentFragment();
+    for (const s of t.children)
+      o.appendChild(V(s, e));
+    return t._dom = o, o;
+  }
+  t.type === "svg" ? e = Y : t.type === "foreignObject" && (e = void 0);
+  const n = e ? document.createElementNS(e, t.type) : document.createElement(t.type);
+  _t(n, {}, t.props);
+  for (const o of t.children)
+    n.appendChild(V(o, e));
+  return t._dom = n, n;
+}
+function _t(t, e, n) {
+  for (const o in e)
+    o === "children" || o === "key" || o in n || tt(t, o, e[o]);
+  for (const o in n)
+    o === "children" || o === "key" || e[o] !== n[o] && Z(t, o, n[o], e[o]);
+}
+function Z(t, e, n, o) {
+  if (e.startsWith("on")) {
+    const s = e.slice(2).toLowerCase();
+    o && t.removeEventListener(s, o), n && t.addEventListener(s, n);
+  } else if (e === "className" || e === "class")
+    t instanceof SVGElement ? t.setAttribute("class", n || "") : t.className = n || "";
+  else if (e === "style" && typeof n == "object") {
+    if (typeof o == "object" && o)
+      for (const s in o)
+        s in n || (t.style[s] = "");
+    Object.assign(t.style, n);
+  } else if (e === "dangerouslySetInnerHTML")
+    n && typeof n.__html == "string" && (t.innerHTML = n.__html);
+  else if (e === "ref")
+    typeof n == "function" && n(t);
+  else if (e in t && !(t instanceof SVGElement))
+    try {
+      t[e] = n ?? "";
+    } catch {
+      t.setAttribute(e, n);
+    }
+  else n === !0 ? t.setAttribute(e, "") : n === !1 || n == null ? t.removeAttribute(e) : t.setAttribute(e, n);
+}
+function tt(t, e, n) {
+  if (e.startsWith("on"))
+    t.removeEventListener(e.slice(2).toLowerCase(), n);
+  else if (e === "dangerouslySetInnerHTML")
+    t.innerHTML = "";
+  else if (e === "className" || e === "class")
+    t instanceof SVGElement ? t.removeAttribute("class") : t.className = "";
+  else if (e in t && !(t instanceof SVGElement))
+    try {
+      t[e] = "";
+    } catch {
+      t.removeAttribute(e);
+    }
+  else
+    t.removeAttribute(e);
+}
+function K(t) {
+  return t instanceof SVGElement ? Y : void 0;
+}
+function v(t, e) {
+  var n, o, s;
+  for (const r of e)
+    switch (r.type) {
+      case y.CREATE: {
+        const i = V(r.newVNode, K(t));
+        (n = r.anchor) != null && n._dom ? t.insertBefore(i, r.anchor._dom) : t.appendChild(i);
+        break;
+      }
+      case y.REMOVE: {
+        const i = r.target._dom;
+        i != null && i.parentNode && i.parentNode.removeChild(i);
+        break;
+      }
+      case y.REPLACE: {
+        const i = r.oldVNode._dom, a = i == null ? void 0 : i.parentNode, p = V(
+          r.newVNode,
+          a ? K(a) : void 0
+        );
+        a && a.replaceChild(p, i);
+        break;
+      }
+      case y.UPDATE: {
+        const i = r.target._dom, { set: a, remove: p } = r.propPatches;
+        for (const l of p)
+          tt(i, l, r.target.props[l]);
+        for (const l in a)
+          Z(i, l, a[l], r.target.props[l]);
+        break;
+      }
+      case y.TEXT: {
+        const i = r.oldVNode._dom;
+        i && (i.nodeValue = r.newVNode.props.nodeValue);
+        break;
+      }
+      case y.MOVE: {
+        const i = r.vnode._dom;
+        i && ((o = r.anchor) != null && o._dom ? t.insertBefore(i, r.anchor._dom) : t.appendChild(i)), (s = r.childPatches) != null && s.length && i && v(i, r.childPatches);
+        break;
+      }
+      case y.CHILDREN: {
+        const i = r.parent._dom;
+        i && r.childPatches.length && v(i, r.childPatches);
+        break;
+      }
+    }
+}
+const $ = /* @__PURE__ */ new WeakMap();
+function xt(t, e) {
+  const n = $.get(e);
+  if (n) {
+    const o = E(t, e), s = [];
+    I(n.vTree, s);
+    const r = x(n.vTree, o);
+    v(e, r);
+    const i = [];
+    o && I(o, i);
+    const a = new Set(i);
+    for (const l of s)
+      a.has(l) || l.unmount();
+    const p = new Set(s);
+    for (const l of i)
+      p.has(l) || l.mount(e, () => U(l, e));
+    $.set(e, { vTree: o });
+  } else {
+    const o = E(t, e);
+    if (!o) return;
+    const s = V(o);
+    e.appendChild(s);
+    const r = [];
+    I(o, r);
+    for (const i of r)
+      i.mount(e, () => U(i, e));
+    $.set(e, { vTree: o });
+  }
+}
+function E(t, e) {
+  var n;
+  if (t == null) return null;
+  if (typeof t.type == "function") {
+    if (t.type[q]) {
+      const s = t.type._lifecycle;
+      try {
+        const r = new ut(t.type, t.props), i = t.type(t.props), p = E(i, e) ?? B("");
+        if (p._instance) {
+          const l = {
+            type: "div",
+            props: { style: { display: "contents" } },
+            children: [p],
+            key: t.key
+          };
+          return l._instance = r, r.lastVTree = l, l;
+        }
+        return p._instance = r, r.lastVTree = p, p;
+      } catch (r) {
+        if (s != null && s.onError) {
+          const i = s.onError({
+            error: r,
+            props: t.props
+          });
+          return E(i, e);
+        }
+        throw r;
+      }
+    }
+    const o = t.type({ ...t.props, children: t.children });
+    return E(o, e);
+  }
+  return (n = t.children) != null && n.length && (t.children = t.children.map((o) => E(o, e)).filter((o) => o != null)), t;
+}
+function U(t, e) {
+  var s, r;
+  if (!t._renderCallback) return;
+  const n = t.connectedFn, o = n._lifecycle;
+  try {
+    const i = n(t.props), p = E(i, e) ?? B("");
+    let l;
+    if (p._instance && p._instance !== t ? (l = {
+      type: "div",
+      props: { style: { display: "contents" } },
+      children: [p],
+      key: null
+    }, l._instance = t) : (p._instance = t, l = p), t.lastVTree) {
+      H(t.lastVTree, t);
+      const m = x(t.lastVTree, l), b = ((s = t.lastVTree._dom) == null ? void 0 : s.parentNode) || e;
+      v(b, m), l._dom || (l._dom = t.lastVTree._dom);
+    }
+    const h = [];
+    M(t.lastVTree, h, t);
+    const g = [];
+    M(l, g, t);
+    const c = new Set(g);
+    for (const m of h)
+      c.has(m) || m.unmount();
+    t.lastVTree = l;
+    const f = new Set(h);
+    for (const m of g)
+      f.has(m) || m.mount(e, () => U(m, e));
+    o != null && o.onUpdate && o.onUpdate({
+      dom: l == null ? void 0 : l._dom,
+      props: t.props
+    }), t.updateSelected();
+  } catch (i) {
+    if (o != null && o.onError) {
+      const a = o.onError({ error: i, props: t.props }), p = E(a, e);
+      if (t.lastVTree && p) {
+        H(t.lastVTree, t);
+        const h = x(t.lastVTree, p), g = ((r = t.lastVTree._dom) == null ? void 0 : r.parentNode) || e;
+        v(g, h), p._dom || (p._dom = t.lastVTree._dom);
+      }
+      const l = [];
+      M(t.lastVTree, l, t);
+      for (const h of l) h.unmount();
+      t.lastVTree = p, t.updateSelected();
+    } else
+      throw i;
+  }
+}
+function H(t, e) {
+  if (!(!t || !t.children))
+    for (let n = 0; n < t.children.length; n++) {
+      const o = t.children[n];
+      o._instance && o._instance !== e && o._instance.lastVTree && o._instance.lastVTree !== o && (t.children[n] = o._instance.lastVTree), H(t.children[n], e);
+    }
+}
+function I(t, e) {
+  if (t && (t._instance && e.push(t._instance), t.children))
+    for (const n of t.children)
+      I(n, e);
+}
+function M(t, e, n) {
+  if (t && (t._instance && t._instance !== n && e.push(t._instance), t.children))
+    for (const o of t.children)
+      M(o, e, n);
+}
+function W(t, e, n) {
+  const o = t.getTrackedStore(e);
+  if (!o)
+    throw new Error(`[pulse-devtools] Unknown store: "${e}"`);
+  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), t.emit({ type: "time-travel", storeName: e, data: { entryIndex: n } });
+}
+function Yt(t, e, n) {
+  const o = t.getTrackedStore(e);
+  if (!o)
+    throw new Error(`[pulse-devtools] Unknown store: "${e}"`);
+  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 p of i)
+    s.dispatch(p.actionName, p.payload);
+  t.emit({
+    type: "time-travel",
+    storeName: e,
+    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"
+}, Et = {
+  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"
+}, Tt = {
+  display: "flex",
+  alignItems: "center",
+  backgroundColor: d.surface0,
+  borderBottom: `1px solid ${d.surface1}`,
+  padding: "0 8px",
+  height: "32px",
+  flexShrink: "0"
+}, kt = (t) => ({
+  background: "none",
+  border: "none",
+  color: t ? d.mauve : d.subtext0,
+  fontFamily: "inherit",
+  fontSize: "12px",
+  padding: "6px 12px",
+  cursor: "pointer",
+  borderBottom: t ? `2px solid ${d.mauve}` : "2px solid transparent",
+  marginBottom: "-1px"
+}), wt = {
+  background: "none",
+  border: "none",
+  color: d.overlay0,
+  fontSize: "16px",
+  cursor: "pointer",
+  marginLeft: "auto",
+  padding: "4px 8px",
+  fontFamily: "inherit"
+}, Ct = {
+  flex: "1",
+  overflow: "auto",
+  padding: "8px 12px"
+}, Nt = {
+  display: "flex",
+  height: "100%",
+  gap: "1px"
+}, Vt = {
+  width: "200px",
+  flexShrink: "0",
+  borderRight: `1px solid ${d.surface1}`,
+  overflow: "auto",
+  padding: "4px 0"
+}, vt = {
+  flex: "1",
+  overflow: "auto",
+  padding: "8px"
+}, Pt = (t) => ({
+  padding: "4px 12px",
+  cursor: "pointer",
+  backgroundColor: t ? d.surface1 : "transparent",
+  color: t ? d.blue : d.text
+}), X = {
+  color: d.mauve
+}, O = {
+  color: d.green
+}, Ot = {
+  color: d.yellow
+}, It = {
+  color: d.peach
+}, k = {
+  color: d.overlay0,
+  fontStyle: "italic"
+}, Mt = (t) => ({
+  padding: "4px 8px",
+  cursor: "pointer",
+  backgroundColor: t ? d.surface1 : "transparent",
+  borderLeft: t ? `3px solid ${d.blue}` : "3px solid transparent",
+  display: "flex",
+  justifyContent: "space-between",
+  alignItems: "center"
+}), et = {
+  color: d.blue,
+  fontWeight: "bold"
+}, Lt = {
+  color: d.overlay0,
+  fontSize: "10px"
+}, $t = {
+  width: "100%",
+  accentColor: d.mauve,
+  margin: "4px 0 8px"
+}, At = {
+  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"
+}, Rt = {
+  padding: "4px 8px",
+  borderBottom: `1px solid ${d.surface0}`
+}, Ft = {
+  color: d.teal,
+  fontWeight: "bold"
+}, Ut = {
+  color: d.overlay0,
+  fontSize: "10px",
+  marginLeft: "8px"
+}, nt = {
+  display: "inline-block",
+  backgroundColor: d.surface1,
+  color: d.subtext0,
+  padding: "1px 6px",
+  borderRadius: "8px",
+  fontSize: "10px",
+  marginLeft: "4px"
+}, Ht = {
+  color: d.mauve,
+  fontWeight: "bold",
+  fontSize: "12px",
+  marginRight: "8px"
+};
+function j(t, e) {
+  if (t === null)
+    return u("span", { style: k }, "null");
+  if (t === void 0)
+    return u("span", { style: k }, "undefined");
+  if (typeof t == "string")
+    return u("span", { style: Ot }, `"${t}"`);
+  if (typeof t == "boolean")
+    return u("span", { style: It }, String(t));
+  if (typeof t == "number")
+    return u("span", { style: O }, String(t));
+  if (Array.isArray(t))
+    return t.length === 0 ? u("span", { style: O }, "[]") : e > 4 ? u("span", { style: k }, "[…]") : u(
+      "div",
+      { style: { paddingLeft: "12px" } },
+      ...t.map(
+        (n, o) => u(
+          "div",
+          { key: o },
+          u("span", { style: X }, `${o}: `),
+          j(n, e + 1)
+        )
+      )
+    );
+  if (typeof t == "object") {
+    const n = Object.keys(t);
+    return n.length === 0 ? u("span", { style: O }, "{}") : e > 4 ? u("span", { style: k }, "{…}") : u(
+      "div",
+      { style: { paddingLeft: "12px" } },
+      ...n.map(
+        (o) => u(
+          "div",
+          { key: o },
+          u("span", { style: X }, `${o}: `),
+          j(t[o], e + 1)
+        )
+      )
+    );
+  }
+  return u("span", { style: O }, String(t));
+}
+function jt({
+  storeNames: t,
+  selectedStore: e,
+  storeStates: n,
+  onSelectStore: o
+}) {
+  const s = e ? n[e] : null;
+  return u(
+    "div",
+    { style: Nt },
+    u(
+      "div",
+      { style: Vt },
+      ...t.map(
+        (r) => u(
+          "div",
+          {
+            key: r,
+            style: Pt(r === e),
+            onClick: () => o(r)
+          },
+          r
+        )
+      )
+    ),
+    u(
+      "div",
+      { style: vt },
+      e ? u(
+        "div",
+        null,
+        u(
+          "div",
+          { style: { marginBottom: "8px", color: d.subtext0 } },
+          "State of ",
+          u("span", { style: et }, e)
+        ),
+        s != null ? j(s, 0) : u("span", { style: k }, "No state")
+      ) : u("span", { style: k }, "Select a store")
+    )
+  );
+}
+function Dt(t) {
+  const e = new Date(t), n = (o) => String(o).padStart(2, "0");
+  return `${n(e.getHours())}:${n(e.getMinutes())}:${n(e.getSeconds())}`;
+}
+function Bt({
+  actionLog: t,
+  timeTravelIndex: e,
+  filter: n,
+  onFilterChange: o,
+  onTravelTo: s,
+  onSliderChange: r
+}) {
+  const i = n ? t.filter(
+    (a) => a.actionName.toLowerCase().includes(n.toLowerCase())
+  ) : t;
+  return u(
+    "div",
+    { style: { height: "100%", display: "flex", flexDirection: "column" } },
+    // Filter
+    u("input", {
+      style: At,
+      placeholder: "Filter actions…",
+      value: n,
+      onInput: (a) => o(a.target.value)
+    }),
+    // Slider
+    t.length > 0 ? u(
+      "div",
+      { style: { flexShrink: "0" } },
+      u("input", {
+        type: "range",
+        style: $t,
+        min: "0",
+        max: String(t.length - 1),
+        value: String(e),
+        onInput: (a) => r(Number(a.target.value))
+      }),
+      u(
+        "div",
+        {
+          style: {
+            color: d.overlay0,
+            fontSize: "10px",
+            marginBottom: "4px"
+          }
+        },
+        `${e + 1} / ${t.length}`
+      )
+    ) : null,
+    // Action list
+    u(
+      "div",
+      { style: { flex: "1", overflow: "auto" } },
+      ...i.map((a) => {
+        const p = t.indexOf(a);
+        return u(
+          "div",
+          {
+            key: p,
+            style: Mt(p === e),
+            onClick: () => s(p)
+          },
+          u(
+            "span",
+            null,
+            u("span", { style: et }, a.actionName),
+            a.payload !== void 0 ? u(
+              "span",
+              { style: { color: d.subtext0, marginLeft: "8px" } },
+              typeof a.payload == "object" ? JSON.stringify(a.payload) : String(a.payload)
+            ) : null
+          ),
+          u("span", { style: Lt }, Dt(a.timestamp))
+        );
+      }),
+      i.length === 0 ? u(
+        "div",
+        { style: { color: d.overlay0, padding: "8px" } },
+        t.length === 0 ? "No actions yet" : "No matching actions"
+      ) : null
+    )
+  );
+}
+function zt({
+  components: t
+}) {
+  return t.length === 0 ? u(
+    "div",
+    { style: { color: d.overlay0, padding: "8px" } },
+    "No connected components mounted"
+  ) : u(
+    "div",
+    null,
+    ...t.map(
+      (e) => u(
+        "div",
+        { key: e.id, style: Rt },
+        u("span", { style: Ft }, e.displayName),
+        e.storeNames.length > 0 ? u(
+          "span",
+          { style: Ut },
+          e.storeNames.map(
+            (n) => u("span", { key: n, style: nt }, n)
+          )
+        ) : null
+      )
+    )
+  );
+}
+function Gt() {
+  return J({
+    state: {
+      open: !1,
+      activeTab: "stores",
+      selectedStore: null,
+      timeTravelIndex: -1,
+      storeNames: [],
+      storeStates: {},
+      actionLog: [],
+      filter: "",
+      components: []
+    },
+    actions: {
+      toggle: (t) => ({ ...t, open: !t.open }),
+      open: (t) => ({ ...t, open: !0 }),
+      close: (t) => ({ ...t, open: !1 }),
+      setTab: (t, e) => ({ ...t, activeTab: e }),
+      selectStore: (t, e) => ({ ...t, selectedStore: e }),
+      setFilter: (t, e) => ({ ...t, filter: e }),
+      setTimeTravelIndex: (t, e) => ({
+        ...t,
+        timeTravelIndex: e
+      }),
+      sync: (t, e) => ({ ...t, ...e })
+    }
+  });
+}
+function Kt({
+  open: t,
+  activeTab: e,
+  selectedStore: n,
+  timeTravelIndex: o,
+  storeNames: s,
+  storeStates: r,
+  actionLog: i,
+  filter: a,
+  components: p,
+  panelActions: l
+}) {
+  if (!t) return null;
+  const h = [
+    { id: "stores", label: "Stores" },
+    { id: "actions", label: "Actions" },
+    { id: "components", label: "Components" }
+  ];
+  let g;
+  return e === "stores" ? g = jt({
+    storeNames: s,
+    selectedStore: n,
+    storeStates: r,
+    onSelectStore: l.selectStore
+  }) : e === "actions" ? g = Bt({
+    actionLog: i,
+    timeTravelIndex: o,
+    filter: a,
+    onFilterChange: l.setFilter,
+    onTravelTo: l.travelTo,
+    onSliderChange: l.sliderChange
+  }) : g = zt({ components: p }), u(
+    "div",
+    { style: Et },
+    // Tab bar (all children keyed to avoid mixed key warnings)
+    u(
+      "div",
+      { style: Tt },
+      u("span", { key: "title", style: Ht }, "Pulse"),
+      ...h.map(
+        (c) => u(
+          "button",
+          {
+            key: c.id,
+            style: kt(c.id === e),
+            onClick: () => l.setTab(c.id)
+          },
+          c.label
+        )
+      ),
+      u(
+        "span",
+        { key: "badge", style: nt },
+        `${s.length} stores`
+      ),
+      u(
+        "button",
+        {
+          key: "close",
+          style: wt,
+          onClick: l.close
+        },
+        "×"
+      )
+    ),
+    // Content
+    u("div", { style: Ct }, g)
+  );
+}
+function Wt(t, e) {
+  const n = Gt();
+  e && e(n);
+  let o = !1;
+  function s() {
+    if (!o) {
+      o = !0;
+      try {
+        const c = t.getStoreNames(), f = {};
+        for (const w of c)
+          f[w] = t.getStoreState(w);
+        const b = n.getState().selectedStore || c[0] || null, _ = b ? t.getHistory(b) : [];
+        n.dispatch("sync", {
+          storeNames: c,
+          storeStates: f,
+          actionLog: _,
+          timeTravelIndex: _.length > 0 ? _.length - 1 : -1,
+          selectedStore: b,
+          components: t.getComponents()
+        });
+      } finally {
+        o = !1;
+      }
+    }
+  }
+  t.on((c) => {
+    c.type === "component-mounted" || c.type === "component-unmounted" || s();
+  });
+  const r = {
+    selectStore: (c) => {
+      n.dispatch("selectStore", c);
+      const f = t.getHistory(c);
+      n.dispatch("sync", {
+        actionLog: f,
+        timeTravelIndex: f.length > 0 ? f.length - 1 : -1
+      });
+    },
+    setTab: (c) => n.dispatch("setTab", c),
+    setFilter: (c) => n.dispatch("setFilter", c),
+    close: () => n.dispatch("close"),
+    travelTo: (c) => {
+      const f = n.getState().selectedStore;
+      f && (W(t, f, c), n.dispatch("setTimeTravelIndex", c));
+    },
+    sliderChange: (c) => {
+      const f = n.getState().selectedStore;
+      f && (W(t, f, c), n.dispatch("setTimeTravelIndex", c));
+    }
+  }, i = pt({
+    open: n.select((c) => c.open),
+    activeTab: n.select((c) => c.activeTab),
+    selectedStore: n.select((c) => c.selectedStore),
+    timeTravelIndex: n.select((c) => c.timeTravelIndex),
+    storeNames: n.select((c) => c.storeNames),
+    storeStates: n.select((c) => c.storeStates),
+    actionLog: n.select((c) => c.actionLog),
+    filter: n.select((c) => c.filter),
+    components: n.select((c) => c.components)
+  })((c) => Kt({ ...c, panelActions: r }));
+  let a = null;
+  function p() {
+    a || (a = document.createElement("div"), a.id = "pulse-devtools-root", document.body.appendChild(a), xt(u(i, null), a), s());
+  }
+  function l() {
+    p(), n.dispatch("open");
+  }
+  function h() {
+    n.dispatch("close");
+  }
+  function g() {
+    p(), n.dispatch("toggle");
+  }
+  return { openPanel: l, closePanel: h, togglePanel: g, panelStore: n };
+}
+const L = new mt(), ot = /* @__PURE__ */ new WeakSet();
+function Xt(t) {
+  ot.add(t);
+}
+at(
+  (t) => {
+    const e = t.connectedFn._bindings || {}, n = Object.values(e).map((i) => i.store);
+    if (n.length > 0 && n.every((i) => ot.has(i)))
+      return;
+    const o = n.map((i) => i.name || "unnamed"), s = t.connectedFn.displayName || "Unknown", r = L.trackComponent(s, o);
+    t._devtoolsId = r;
+  },
+  (t) => {
+    const e = t._devtoolsId;
+    e != null && L.untrackComponent(e);
+  }
+);
+let N = null;
+function st() {
+  return N || (N = Wt(L, Xt)), N;
+}
+function Zt() {
+  st().openPanel();
+}
+function te() {
+  N && N.closePanel();
+}
+function qt() {
+  st().togglePanel();
+}
+typeof window < "u" && (window.addEventListener("keydown", (t) => {
+  t.ctrlKey && t.shiftKey && t.key === "P" && (t.preventDefault(), qt());
+}), window.__PULSE_DEVTOOLS__ = L);
+export {
+  mt as PulseDevtools,
+  Xt as _markInternalStore,
+  te as closePanel,
+  L as devtools,
+  Qt as instrumentStore,
+  Zt as openPanel,
+  Yt as replayFrom,
+  qt as togglePanel,
+  W as travelTo
+};
+//# sourceMappingURL=devtools.js.map