@shane_il/pulse 0.3.0 → 0.4.0

package/dist/devtools.js

@@ -1,18 +1,18 @@
-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;
+var it = Object.defineProperty;
+var ct = (t, e, n) => e in t ? it(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var S = (t, e, n) => ct(t, typeof e != "symbol" ? e + "" : e, n);
+let M = !1;
 const R = /* @__PURE__ */ new Set();
-function ct(t) {
-  R.add(t), A || (A = !0, queueMicrotask(lt));
+function K(t) {
+  R.add(t), M || (M = !0, queueMicrotask(lt));
 }
 function lt() {
   const t = [...R];
-  R.clear(), A = !1;
+  R.clear(), M = !1;
   for (const e of t)
     e();
 }
-const q = Symbol("PULSE_CONNECTED"), F = globalThis;
+const J = Symbol("PULSE_CONNECTED"), F = globalThis;
 F.__PULSE_HOOKS__ || (F.__PULSE_HOOKS__ = { onMount: null, onUnmount: null });
 const T = F.__PULSE_HOOKS__;
 function at(t, e) {
@@ -22,14 +22,14 @@ 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());
+      const l = {};
+      for (const u in s) {
+        const { store: f, selector: h } = s[u];
+        l[u] = h(f.getState());
       }
-      return o({ ...a, ...i });
+      return o({ ...l, ...i });
     }
-    return r[q] = !0, r._bindings = s, r._innerComponent = o, r.displayName = `Connected(${o.displayName || o.name || "Anonymous"})`, r;
+    return r[J] = !0, r._bindings = s, r._innerComponent = o, r.displayName = `Connected(${o.displayName || o.name || "Anonymous"})`, r;
   };
 }
 class ut {
@@ -42,21 +42,51 @@ class ut {
     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;
+    S(this, "_localState");
+    S(this, "_localActions");
+    this.connectedFn = e, this.props = n, this.prevSelected = {}, this.unsubscribers = [], this.lastVTree = null, this.parentDom = null, this._renderCallback = null, this._mountCleanup = null, this._localState = null, this._localActions = null;
+    const o = e._lifecycle;
+    o != null && o.store && this._initLocalStore(o.store);
+  }
+  _initLocalStore(e) {
+    this._localState = { ...e.state }, this._localActions = e.actions;
+    const n = this.connectedFn._bindings, o = this.connectedFn.displayName || "component", s = Object.keys(this._localState), r = Object.keys(this._localActions);
+    for (const i of s)
+      i in n && console.warn(
+        `[pulse] Local store state "${i}" shadows global binding in ${o}. Local value will be used.`
+      );
+    for (const i of r)
+      i in n && console.warn(
+        `[pulse] Local store action "${i}" shadows global binding in ${o}. Local value will be used.`
+      ), i in this._localState && console.warn(
+        `[pulse] Local store action "${i}" shadows state key with same name in ${o}.`
+      );
+  }
+  getLocalProps() {
+    if (!this._localState) return null;
+    const e = { ...this._localState };
+    for (const n in this._localActions) {
+      const o = this._localActions[n];
+      e[n] = (s) => {
+        const r = o(this._localState, s);
+        r !== this._localState && (this._localState = r, this._renderCallback && K(this._renderCallback));
+      };
+    }
+    return e;
   }
   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());
+      const { store: l, selector: u } = o[i];
+      this.prevSelected[i] = u(l.getState());
     }
     for (const i in o) {
-      const { store: a } = o[i], p = a.subscribe(() => {
+      const { store: l } = o[i], u = l.subscribe(() => {
         this._onStoreChange();
       });
-      this.unsubscribers.push(p);
+      this.unsubscribers.push(u);
     }
     const s = this.connectedFn._lifecycle;
     if (s != null && s.onMount) {
@@ -78,7 +108,7 @@ class ut {
         break;
       }
     }
-    n && ct(this._renderCallback);
+    n && K(this._renderCallback);
   }
   updateSelected() {
     const e = this.connectedFn._bindings;
@@ -106,64 +136,64 @@ function ft(t, e) {
       return !1;
   return !0;
 }
-function J(t) {
+function Q(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);
+    for (const p of o)
+      p(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 l(p, b) {
+    const _ = n[p];
+    if (!_)
+      throw new Error(`[pulse] Unknown action: "${p}"`);
+    const m = _(e, b);
+    m !== e && (e = m, i());
   }
-  function p(f, m) {
-    if (f === "__devtools_replace__") {
-      e = m, i();
+  function u(p, b) {
+    if (p === "__devtools_replace__") {
+      e = b, i();
       return;
     }
-    const b = n[f];
-    if (!b)
-      throw new Error(`[pulse] Unknown action: "${f}"`);
-    const _ = {
+    const _ = n[p];
+    if (!_)
+      throw new Error(`[pulse] Unknown action: "${p}"`);
+    const m = {
       store: c,
-      actionName: f,
-      payload: m,
+      actionName: p,
+      payload: b,
       prevState: e,
       nextState: void 0
     };
-    let w = 0;
+    let k = 0;
     function z() {
-      if (w < s.length) {
-        const C = s[w++];
-        C(_, z);
+      if (k < s.length) {
+        const C = s[k++];
+        C(m, z);
       } else {
-        const C = b(_.prevState, _.payload);
-        _.nextState = C, C !== e && (e = C, i());
+        const C = _(m.prevState, m.payload);
+        m.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);
+  const f = s && s.length > 0 ? u : l;
+  function h(p) {
+    return o.add(p), () => {
+      o.delete(p);
     };
   }
-  function g(f) {
-    return { store: c, selector: f };
+  function y(p) {
+    return { store: c, selector: p };
   }
   const c = {
     getState: r,
-    dispatch: l,
+    dispatch: f,
     subscribe: h,
-    select: g
+    select: y
   };
   return t.name && (c.name = t.name), c;
 }
@@ -179,7 +209,7 @@ function dt(t, e) {
   };
 }
 let ht = 1;
-class mt {
+class yt {
   constructor() {
     S(this, "stores", /* @__PURE__ */ new Map());
     S(this, "components", /* @__PURE__ */ new Map());
@@ -238,13 +268,13 @@ class mt {
   }
 }
 function Qt(t, e) {
-  const n = [], o = dt(n), s = J({
+  const n = [], o = dt(n), s = Q({
     ...e,
     middleware: [o, ...e.middleware || []]
   });
   return t.registerStore(s, n, e.name), { store: s, history: n };
 }
-const D = Symbol("TEXT_NODE"), yt = Symbol("FRAGMENT");
+const D = Symbol("TEXT_NODE"), mt = Symbol("FRAGMENT");
 function B(t) {
   return {
     type: D,
@@ -256,25 +286,25 @@ function B(t) {
 function gt(t) {
   return t == null || typeof t == "boolean" ? null : typeof t == "string" || typeof t == "number" ? B(t) : t;
 }
-function Q(t) {
+function Y(t) {
   const e = [];
   for (const n of t)
     if (Array.isArray(n))
-      e.push(...Q(n));
+      e.push(...Y(n));
     else {
       const o = gt(n);
       o !== null && e.push(o);
     }
   return e;
 }
-function u(t, e, ...n) {
+function a(t, e, ...n) {
   e = e || {};
   const o = e.key ?? null;
   e.key !== void 0 && (e = { ...e }, delete e.key);
-  const s = Q(n);
+  const s = Y(n);
   return { type: t, props: e, children: s, key: o };
 }
-const y = {
+const g = {
   CREATE: "CREATE",
   REMOVE: "REMOVE",
   REPLACE: "REPLACE",
@@ -285,16 +315,16 @@ const y = {
 };
 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 (e == null) return [{ type: g.REMOVE, target: t }];
+  if (t == null) return [{ type: g.CREATE, newVNode: e }];
   if (t.type !== e.type)
-    return [{ type: y.REPLACE, oldVNode: t, newVNode: e }];
+    return [{ type: g.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 }] : [];
+    return t.props.nodeValue !== e.props.nodeValue ? [{ type: g.TEXT, oldVNode: t, newVNode: e }] : [];
   const n = [], o = St(t.props, e.props);
-  o && n.push({ type: y.UPDATE, target: t, propPatches: o });
+  o && n.push({ type: g.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;
+  return s.length && n.push({ type: g.CHILDREN, parent: t, childPatches: s }), n;
 }
 function St(t, e) {
   const n = {}, o = [];
@@ -305,7 +335,7 @@ function St(t, e) {
     r !== "children" && (r in e || (o.push(r), s = !0));
   return s ? { set: n, remove: o } : null;
 }
-function P(t, e) {
+function v(t, e) {
   return t == null || e == null ? !1 : t.type === e.type && t.key === e.key;
 }
 function G(t, e) {
@@ -320,103 +350,103 @@ function G(t, e) {
   );
 }
 function bt(t, e) {
-  var g;
+  var y;
   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];
+  let o = 0, s = t.length - 1, r = 0, i = e.length - 1, l = t[o], u = t[s], f = e[r], h = e[i];
   for (; o <= s && r <= i; ) {
-    if (a == null) {
-      a = t[++o];
+    if (l == null) {
+      l = t[++o];
       continue;
     }
-    if (p == null) {
-      p = t[--s];
+    if (u == null) {
+      u = 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))
+    if (v(l, f))
+      n.push(...x(l, f)), l = t[++o], f = e[++r];
+    else if (v(u, h))
+      n.push(...x(u, h)), u = t[--s], h = e[--i];
+    else if (v(l, h))
       n.push({
-        type: y.MOVE,
-        vnode: a,
+        type: g.MOVE,
+        vnode: l,
         anchor: t[s + 1] || null,
-        childPatches: x(a, h)
-      }), a = t[++o], h = e[--i];
-    else if (P(p, l))
+        childPatches: x(l, h)
+      }), l = t[++o], h = e[--i];
+    else if (v(u, f))
       n.push({
-        type: y.MOVE,
-        vnode: p,
-        anchor: a,
-        childPatches: x(p, l)
-      }), p = t[--s], l = e[++r];
+        type: g.MOVE,
+        vnode: u,
+        anchor: l,
+        childPatches: x(u, f)
+      }), u = t[--s], f = 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 (let p = o; p <= s; p++) {
+      const b = (y = t[p]) == null ? void 0 : y.key;
+      b != null && c.set(b, p);
     }
     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];
+      f = e[r];
+      const p = f.key != null ? c.get(f.key) : void 0;
+      if (p !== void 0) {
+        const b = t[p];
         n.push({
-          type: y.MOVE,
-          vnode: m,
+          type: g.MOVE,
+          vnode: b,
           anchor: t[o] || null,
-          childPatches: x(m, l)
-        }), t[f] = null, c.delete(l.key);
+          childPatches: x(b, f)
+        }), t[p] = null, c.delete(f.key);
       } else
         n.push({
-          type: y.CREATE,
-          newVNode: l,
+          type: g.CREATE,
+          newVNode: f,
           anchor: t[o] || null
         });
       r++;
     }
-    for (let f = o; f <= s; f++)
-      t[f] != null && n.push({ type: y.REMOVE, target: t[f] });
+    for (let p = o; p <= s; p++)
+      t[p] != null && n.push({ type: g.REMOVE, target: t[p] });
   }
   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 });
+    for (let p = r; p <= i; p++)
+      n.push({ type: g.CREATE, newVNode: e[p], anchor: c });
   } else if (r > i)
     for (let c = o; c <= s; c++)
-      t[c] != null && n.push({ type: y.REMOVE, target: t[c] });
+      t[c] != null && n.push({ type: g.REMOVE, target: t[c] });
   return n;
 }
-const Y = "http://www.w3.org/2000/svg";
-function V(t, e) {
+const Z = "http://www.w3.org/2000/svg";
+function P(t, e) {
   if (t.type === D) {
     const o = document.createTextNode(t.props.nodeValue);
     return t._dom = o, o;
   }
-  if (t.type === yt) {
+  if (t.type === mt) {
     const o = document.createDocumentFragment();
     for (const s of t.children)
-      o.appendChild(V(s, e));
+      o.appendChild(P(s, e));
     return t._dom = o, o;
   }
-  t.type === "svg" ? e = Y : t.type === "foreignObject" && (e = void 0);
+  t.type === "svg" ? e = Z : 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));
+    n.appendChild(P(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]);
+    o === "children" || o === "key" || o in n || et(t, o, e[o]);
   for (const o in n)
-    o === "children" || o === "key" || e[o] !== n[o] && Z(t, o, n[o], e[o]);
+    o === "children" || o === "key" || e[o] !== n[o] && tt(t, o, n[o], e[o]);
 }
-function Z(t, e, n, o) {
+function tt(t, e, n, o) {
   if (e.startsWith("on")) {
     const s = e.slice(2).toLowerCase();
     o && t.removeEventListener(s, o), n && t.addEventListener(s, n);
@@ -439,7 +469,7 @@ function Z(t, e, n, o) {
     }
   else n === !0 ? t.setAttribute(e, "") : n === !1 || n == null ? t.removeAttribute(e) : t.setAttribute(e, n);
 }
-function tt(t, e, n) {
+function et(t, e, n) {
   if (e.startsWith("on"))
     t.removeEventListener(e.slice(2).toLowerCase(), n);
   else if (e === "dangerouslySetInnerHTML")
@@ -455,103 +485,103 @@ function tt(t, e, n) {
   else
     t.removeAttribute(e);
 }
-function K(t) {
-  return t instanceof SVGElement ? Y : void 0;
+function W(t) {
+  return t instanceof SVGElement ? Z : void 0;
 }
-function v(t, e) {
+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));
+      case g.CREATE: {
+        const i = P(r.newVNode, W(t));
         (n = r.anchor) != null && n._dom ? t.insertBefore(i, r.anchor._dom) : t.appendChild(i);
         break;
       }
-      case y.REMOVE: {
+      case g.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(
+      case g.REPLACE: {
+        const i = r.oldVNode._dom, l = i == null ? void 0 : i.parentNode, u = P(
           r.newVNode,
-          a ? K(a) : void 0
+          l ? W(l) : void 0
         );
-        a && a.replaceChild(p, i);
+        l && l.replaceChild(u, 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]);
+      case g.UPDATE: {
+        const i = r.target._dom, { set: l, remove: u } = r.propPatches;
+        for (const f of u)
+          et(i, f, r.target.props[f]);
+        for (const f in l)
+          tt(i, f, l[f], r.target.props[f]);
         break;
       }
-      case y.TEXT: {
+      case g.TEXT: {
         const i = r.oldVNode._dom;
         i && (i.nodeValue = r.newVNode.props.nodeValue);
         break;
       }
-      case y.MOVE: {
+      case g.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);
+        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: {
+      case g.CHILDREN: {
         const i = r.parent._dom;
-        i && r.childPatches.length && v(i, r.childPatches);
+        i && r.childPatches.length && V(i, r.childPatches);
         break;
       }
     }
 }
-const $ = /* @__PURE__ */ new WeakMap();
+const A = /* @__PURE__ */ new WeakMap();
 function xt(t, e) {
-  const n = $.get(e);
+  const n = A.get(e);
   if (n) {
     const o = E(t, e), s = [];
-    I(n.vTree, s);
+    O(n.vTree, s);
     const r = x(n.vTree, o);
-    v(e, r);
+    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 });
+    o && O(o, i);
+    const l = new Set(i);
+    for (const f of s)
+      l.has(f) || f.unmount();
+    const u = new Set(s);
+    for (const f of i)
+      u.has(f) || f.mount(e, () => U(f, e));
+    A.set(e, { vTree: o });
   } else {
     const o = E(t, e);
     if (!o) return;
-    const s = V(o);
+    const s = P(o);
     e.appendChild(s);
     const r = [];
-    I(o, r);
+    O(o, r);
     for (const i of r)
       i.mount(e, () => U(i, e));
-    $.set(e, { vTree: o });
+    A.set(e, { vTree: o });
   }
 }
 function E(t, e) {
   var n;
   if (t == null) return null;
   if (typeof t.type == "function") {
-    if (t.type[q]) {
+    if (t.type[J]) {
       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 = {
+        const r = new ut(t.type, t.props), i = r.getLocalProps(), l = i ? { ...t.props, ...i } : t.props, u = t.type(l), h = E(u, e) ?? B("");
+        if (h._instance) {
+          const y = {
             type: "div",
             props: { style: { display: "contents" } },
-            children: [p],
+            children: [h],
             key: t.key
           };
-          return l._instance = r, r.lastVTree = l, l;
+          return y._instance = r, r.lastVTree = y, y;
         }
-        return p._instance = r, r.lastVTree = p, p;
+        return h._instance = r, r.lastVTree = h, h;
       } catch (r) {
         if (s != null && s.onError) {
           const i = s.onError({
@@ -573,67 +603,67 @@ function U(t, e) {
   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 = {
+    const i = t.getLocalProps(), l = i ? { ...t.props, ...i } : t.props, u = n(l), h = E(u, e) ?? B("");
+    let y;
+    if (h._instance && h._instance !== t ? (y = {
       type: "div",
       props: { style: { display: "contents" } },
-      children: [p],
+      children: [h],
       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);
+    }, y._instance = t) : (h._instance = t, y = h), t.lastVTree) {
+      j(t.lastVTree, t);
+      const m = x(t.lastVTree, y), k = ((s = t.lastVTree._dom) == null ? void 0 : s.parentNode) || e;
+      V(k, m), y._dom || (y._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));
+    const c = [];
+    I(t.lastVTree, c, t);
+    const p = [];
+    I(y, p, t);
+    const b = new Set(p);
+    for (const m of c)
+      b.has(m) || m.unmount();
+    t.lastVTree = y;
+    const _ = new Set(c);
+    for (const m of p)
+      _.has(m) || m.mount(e, () => U(m, e));
     o != null && o.onUpdate && o.onUpdate({
-      dom: l == null ? void 0 : l._dom,
+      dom: y == null ? void 0 : y._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 = o.onError({ error: i, props: t.props }), u = E(l, e);
+      if (t.lastVTree && u) {
+        j(t.lastVTree, t);
+        const h = x(t.lastVTree, u), y = ((r = t.lastVTree._dom) == null ? void 0 : r.parentNode) || e;
+        V(y, h), u._dom || (u._dom = t.lastVTree._dom);
       }
-      const l = [];
-      M(t.lastVTree, l, t);
-      for (const h of l) h.unmount();
-      t.lastVTree = p, t.updateSelected();
+      const f = [];
+      I(t.lastVTree, f, t);
+      for (const h of f) h.unmount();
+      t.lastVTree = u, t.updateSelected();
     } else
       throw i;
   }
 }
-function H(t, e) {
+function j(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);
+      o._instance && o._instance !== e && o._instance.lastVTree && o._instance.lastVTree !== o && (t.children[n] = o._instance.lastVTree), j(t.children[n], e);
     }
 }
-function I(t, e) {
+function O(t, e) {
   if (t && (t._instance && e.push(t._instance), t.children))
     for (const n of t.children)
-      I(n, e);
+      O(n, e);
 }
-function M(t, e, n) {
+function I(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);
+      I(o, e, n);
 }
-function W(t, e, n) {
+function X(t, e, n) {
   const o = t.getTrackedStore(e);
   if (!o)
     throw new Error(`[pulse-devtools] Unknown store: "${e}"`);
@@ -654,10 +684,10 @@ function Yt(t, e, n) {
     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);
+  const i = r.slice(n), l = r[n].prevState;
+  s.dispatch("__devtools_replace__", l);
+  for (const u of i)
+    s.dispatch(u.actionName, u.payload);
   t.emit({
     type: "time-travel",
     storeName: e,
@@ -693,7 +723,7 @@ const d = {
   flexDirection: "column",
   borderTop: `2px solid ${d.mauve}`,
   overflow: "hidden"
-}, Tt = {
+}, kt = {
   display: "flex",
   alignItems: "center",
   backgroundColor: d.surface0,
@@ -701,7 +731,7 @@ const d = {
   padding: "0 8px",
   height: "32px",
   flexShrink: "0"
-}, kt = (t) => ({
+}, Tt = (t) => ({
   background: "none",
   border: "none",
   color: t ? d.mauve : d.subtext0,
@@ -728,33 +758,33 @@ const d = {
   display: "flex",
   height: "100%",
   gap: "1px"
-}, Vt = {
+}, Pt = {
   width: "200px",
   flexShrink: "0",
   borderRight: `1px solid ${d.surface1}`,
   overflow: "auto",
   padding: "4px 0"
-}, vt = {
+}, Vt = {
   flex: "1",
   overflow: "auto",
   padding: "8px"
-}, Pt = (t) => ({
+}, vt = (t) => ({
   padding: "4px 12px",
   cursor: "pointer",
   backgroundColor: t ? d.surface1 : "transparent",
   color: t ? d.blue : d.text
-}), X = {
+}), q = {
   color: d.mauve
-}, O = {
+}, L = {
   color: d.green
-}, Ot = {
+}, Lt = {
   color: d.yellow
-}, It = {
+}, Ot = {
   color: d.peach
-}, k = {
+}, w = {
   color: d.overlay0,
   fontStyle: "italic"
-}, Mt = (t) => ({
+}, It = (t) => ({
   padding: "4px 8px",
   cursor: "pointer",
   backgroundColor: t ? d.surface1 : "transparent",
@@ -762,17 +792,17 @@ const d = {
   display: "flex",
   justifyContent: "space-between",
   alignItems: "center"
-}), et = {
+}), nt = {
   color: d.blue,
   fontWeight: "bold"
-}, Lt = {
+}, $t = {
   color: d.overlay0,
   fontSize: "10px"
-}, $t = {
+}, At = {
   width: "100%",
   accentColor: d.mauve,
   margin: "4px 0 8px"
-}, At = {
+}, Mt = {
   width: "100%",
   backgroundColor: d.surface0,
   border: `1px solid ${d.surface1}`,
@@ -794,7 +824,7 @@ const d = {
   color: d.overlay0,
   fontSize: "10px",
   marginLeft: "8px"
-}, nt = {
+}, ot = {
   display: "inline-block",
   backgroundColor: d.surface1,
   color: d.subtext0,
@@ -802,92 +832,92 @@ const d = {
   borderRadius: "8px",
   fontSize: "10px",
   marginLeft: "4px"
-}, Ht = {
+}, jt = {
   color: d.mauve,
   fontWeight: "bold",
   fontSize: "12px",
   marginRight: "8px"
 };
-function j(t, e) {
+function H(t, e) {
   if (t === null)
-    return u("span", { style: k }, "null");
+    return a("span", { style: w }, "null");
   if (t === void 0)
-    return u("span", { style: k }, "undefined");
+    return a("span", { style: w }, "undefined");
   if (typeof t == "string")
-    return u("span", { style: Ot }, `"${t}"`);
+    return a("span", { style: Lt }, `"${t}"`);
   if (typeof t == "boolean")
-    return u("span", { style: It }, String(t));
+    return a("span", { style: Ot }, String(t));
   if (typeof t == "number")
-    return u("span", { style: O }, String(t));
+    return a("span", { style: L }, String(t));
   if (Array.isArray(t))
-    return t.length === 0 ? u("span", { style: O }, "[]") : e > 4 ? u("span", { style: k }, "[…]") : u(
+    return t.length === 0 ? a("span", { style: L }, "[]") : e > 4 ? a("span", { style: w }, "[…]") : a(
       "div",
       { style: { paddingLeft: "12px" } },
       ...t.map(
-        (n, o) => u(
+        (n, o) => a(
           "div",
           { key: o },
-          u("span", { style: X }, `${o}: `),
-          j(n, e + 1)
+          a("span", { style: q }, `${o}: `),
+          H(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(
+    return n.length === 0 ? a("span", { style: L }, "{}") : e > 4 ? a("span", { style: w }, "{…}") : a(
       "div",
       { style: { paddingLeft: "12px" } },
       ...n.map(
-        (o) => u(
+        (o) => a(
           "div",
           { key: o },
-          u("span", { style: X }, `${o}: `),
-          j(t[o], e + 1)
+          a("span", { style: q }, `${o}: `),
+          H(t[o], e + 1)
         )
       )
     );
   }
-  return u("span", { style: O }, String(t));
+  return a("span", { style: L }, String(t));
 }
-function jt({
+function Ht({
   storeNames: t,
   selectedStore: e,
   storeStates: n,
   onSelectStore: o
 }) {
   const s = e ? n[e] : null;
-  return u(
+  return a(
     "div",
     { style: Nt },
-    u(
+    a(
       "div",
-      { style: Vt },
+      { style: Pt },
       ...t.map(
-        (r) => u(
+        (r) => a(
           "div",
           {
             key: r,
-            style: Pt(r === e),
+            style: vt(r === e),
             onClick: () => o(r)
           },
           r
         )
       )
     ),
-    u(
+    a(
       "div",
-      { style: vt },
-      e ? u(
+      { style: Vt },
+      e ? a(
         "div",
         null,
-        u(
+        a(
           "div",
           { style: { marginBottom: "8px", color: d.subtext0 } },
           "State of ",
-          u("span", { style: et }, e)
+          a("span", { style: nt }, e)
         ),
-        s != null ? j(s, 0) : u("span", { style: k }, "No state")
-      ) : u("span", { style: k }, "Select a store")
+        s != null ? H(s, 0) : a("span", { style: w }, "No state")
+      ) : a("span", { style: w }, "Select a store")
     )
   );
 }
@@ -904,31 +934,31 @@ function Bt({
   onSliderChange: r
 }) {
   const i = n ? t.filter(
-    (a) => a.actionName.toLowerCase().includes(n.toLowerCase())
+    (l) => l.actionName.toLowerCase().includes(n.toLowerCase())
   ) : t;
-  return u(
+  return a(
     "div",
     { style: { height: "100%", display: "flex", flexDirection: "column" } },
     // Filter
-    u("input", {
-      style: At,
+    a("input", {
+      style: Mt,
       placeholder: "Filter actions…",
       value: n,
-      onInput: (a) => o(a.target.value)
+      onInput: (l) => o(l.target.value)
     }),
     // Slider
-    t.length > 0 ? u(
+    t.length > 0 ? a(
       "div",
       { style: { flexShrink: "0" } },
-      u("input", {
+      a("input", {
         type: "range",
-        style: $t,
+        style: At,
         min: "0",
         max: String(t.length - 1),
         value: String(e),
-        onInput: (a) => r(Number(a.target.value))
+        onInput: (l) => r(Number(l.target.value))
       }),
-      u(
+      a(
         "div",
         {
           style: {
@@ -941,32 +971,32 @@ function Bt({
       )
     ) : null,
     // Action list
-    u(
+    a(
       "div",
       { style: { flex: "1", overflow: "auto" } },
-      ...i.map((a) => {
-        const p = t.indexOf(a);
-        return u(
+      ...i.map((l) => {
+        const u = t.indexOf(l);
+        return a(
           "div",
           {
-            key: p,
-            style: Mt(p === e),
-            onClick: () => s(p)
+            key: u,
+            style: It(u === e),
+            onClick: () => s(u)
           },
-          u(
+          a(
             "span",
             null,
-            u("span", { style: et }, a.actionName),
-            a.payload !== void 0 ? u(
+            a("span", { style: nt }, l.actionName),
+            l.payload !== void 0 ? a(
               "span",
               { style: { color: d.subtext0, marginLeft: "8px" } },
-              typeof a.payload == "object" ? JSON.stringify(a.payload) : String(a.payload)
+              typeof l.payload == "object" ? JSON.stringify(l.payload) : String(l.payload)
             ) : null
           ),
-          u("span", { style: Lt }, Dt(a.timestamp))
+          a("span", { style: $t }, Dt(l.timestamp))
         );
       }),
-      i.length === 0 ? u(
+      i.length === 0 ? a(
         "div",
         { style: { color: d.overlay0, padding: "8px" } },
         t.length === 0 ? "No actions yet" : "No matching actions"
@@ -977,31 +1007,31 @@ function Bt({
 function zt({
   components: t
 }) {
-  return t.length === 0 ? u(
+  return t.length === 0 ? a(
     "div",
     { style: { color: d.overlay0, padding: "8px" } },
     "No connected components mounted"
-  ) : u(
+  ) : a(
     "div",
     null,
     ...t.map(
-      (e) => u(
+      (e) => a(
         "div",
         { key: e.id, style: Rt },
-        u("span", { style: Ft }, e.displayName),
-        e.storeNames.length > 0 ? u(
+        a("span", { style: Ft }, e.displayName),
+        e.storeNames.length > 0 ? a(
           "span",
           { style: Ut },
           e.storeNames.map(
-            (n) => u("span", { key: n, style: nt }, n)
+            (n) => a("span", { key: n, style: ot }, n)
           )
         ) : null
       )
     )
   );
 }
-function Gt() {
-  return J({
+function Kt() {
+  return Q({
     state: {
       open: !1,
       activeTab: "stores",
@@ -1028,7 +1058,7 @@ function Gt() {
     }
   });
 }
-function Kt({
+function Gt({
   open: t,
   activeTab: e,
   selectedStore: n,
@@ -1036,9 +1066,9 @@ function Kt({
   storeNames: s,
   storeStates: r,
   actionLog: i,
-  filter: a,
-  components: p,
-  panelActions: l
+  filter: l,
+  components: u,
+  panelActions: f
 }) {
   if (!t) return null;
   const h = [
@@ -1046,75 +1076,75 @@ function Kt({
     { id: "actions", label: "Actions" },
     { id: "components", label: "Components" }
   ];
-  let g;
-  return e === "stores" ? g = jt({
+  let y;
+  return e === "stores" ? y = Ht({
     storeNames: s,
     selectedStore: n,
     storeStates: r,
-    onSelectStore: l.selectStore
-  }) : e === "actions" ? g = Bt({
+    onSelectStore: f.selectStore
+  }) : e === "actions" ? y = Bt({
     actionLog: i,
     timeTravelIndex: o,
-    filter: a,
-    onFilterChange: l.setFilter,
-    onTravelTo: l.travelTo,
-    onSliderChange: l.sliderChange
-  }) : g = zt({ components: p }), u(
+    filter: l,
+    onFilterChange: f.setFilter,
+    onTravelTo: f.travelTo,
+    onSliderChange: f.sliderChange
+  }) : y = zt({ components: u }), a(
     "div",
     { style: Et },
     // Tab bar (all children keyed to avoid mixed key warnings)
-    u(
+    a(
       "div",
-      { style: Tt },
-      u("span", { key: "title", style: Ht }, "Pulse"),
+      { style: kt },
+      a("span", { key: "title", style: jt }, "Pulse"),
       ...h.map(
-        (c) => u(
+        (c) => a(
           "button",
           {
             key: c.id,
-            style: kt(c.id === e),
-            onClick: () => l.setTab(c.id)
+            style: Tt(c.id === e),
+            onClick: () => f.setTab(c.id)
           },
           c.label
         )
       ),
-      u(
+      a(
         "span",
-        { key: "badge", style: nt },
+        { key: "badge", style: ot },
         `${s.length} stores`
       ),
-      u(
+      a(
         "button",
         {
           key: "close",
           style: wt,
-          onClick: l.close
+          onClick: f.close
         },
         "×"
       )
     ),
     // Content
-    u("div", { style: Ct }, g)
+    a("div", { style: Ct }, y)
   );
 }
 function Wt(t, e) {
-  const n = Gt();
+  const n = Kt();
   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) : [];
+        const c = t.getStoreNames(), p = {};
+        for (const k of c)
+          p[k] = t.getStoreState(k);
+        const _ = n.getState().selectedStore || c[0] || null, m = _ ? t.getHistory(_) : [];
         n.dispatch("sync", {
           storeNames: c,
-          storeStates: f,
-          actionLog: _,
-          timeTravelIndex: _.length > 0 ? _.length - 1 : -1,
-          selectedStore: b,
+          storeStates: p,
+          actionLog: m,
+          timeTravelIndex: m.length > 0 ? m.length - 1 : -1,
+          selectedStore: _,
           components: t.getComponents()
         });
       } finally {
@@ -1128,22 +1158,22 @@ function Wt(t, e) {
   const r = {
     selectStore: (c) => {
       n.dispatch("selectStore", c);
-      const f = t.getHistory(c);
+      const p = t.getHistory(c);
       n.dispatch("sync", {
-        actionLog: f,
-        timeTravelIndex: f.length > 0 ? f.length - 1 : -1
+        actionLog: p,
+        timeTravelIndex: p.length > 0 ? p.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));
+      const p = n.getState().selectedStore;
+      p && (X(t, p, c), n.dispatch("setTimeTravelIndex", c));
     },
     sliderChange: (c) => {
-      const f = n.getState().selectedStore;
-      f && (W(t, f, c), n.dispatch("setTimeTravelIndex", c));
+      const p = n.getState().selectedStore;
+      p && (X(t, p, c), n.dispatch("setTimeTravelIndex", c));
     }
   }, i = pt({
     open: n.select((c) => c.open),
@@ -1155,64 +1185,64 @@ function Wt(t, e) {
     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());
+  })((c) => Gt({ ...c, panelActions: r }));
+  let l = null;
+  function u() {
+    l || (l = document.createElement("div"), l.id = "pulse-devtools-root", document.body.appendChild(l), xt(a(i, null), l), s());
   }
-  function l() {
-    p(), n.dispatch("open");
+  function f() {
+    u(), n.dispatch("open");
   }
   function h() {
     n.dispatch("close");
   }
-  function g() {
-    p(), n.dispatch("toggle");
+  function y() {
+    u(), n.dispatch("toggle");
   }
-  return { openPanel: l, closePanel: h, togglePanel: g, panelStore: n };
+  return { openPanel: f, closePanel: h, togglePanel: y, panelStore: n };
 }
-const L = new mt(), ot = /* @__PURE__ */ new WeakSet();
+const $ = new yt(), st = /* @__PURE__ */ new WeakSet();
 function Xt(t) {
-  ot.add(t);
+  st.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)))
+    if (n.length > 0 && n.every((i) => st.has(i)))
       return;
-    const o = n.map((i) => i.name || "unnamed"), s = t.connectedFn.displayName || "Unknown", r = L.trackComponent(s, o);
+    const o = n.map((i) => i.name || "unnamed"), s = t.connectedFn.displayName || "Unknown", r = $.trackComponent(s, o);
     t._devtoolsId = r;
   },
   (t) => {
     const e = t._devtoolsId;
-    e != null && L.untrackComponent(e);
+    e != null && $.untrackComponent(e);
   }
 );
 let N = null;
-function st() {
-  return N || (N = Wt(L, Xt)), N;
+function rt() {
+  return N || (N = Wt($, Xt)), N;
 }
 function Zt() {
-  st().openPanel();
+  rt().openPanel();
 }
 function te() {
   N && N.closePanel();
 }
 function qt() {
-  st().togglePanel();
+  rt().togglePanel();
 }
 typeof window < "u" && (window.addEventListener("keydown", (t) => {
   t.ctrlKey && t.shiftKey && t.key === "P" && (t.preventDefault(), qt());
-}), window.__PULSE_DEVTOOLS__ = L);
+}), window.__PULSE_DEVTOOLS__ = $);
 export {
-  mt as PulseDevtools,
+  yt as PulseDevtools,
   Xt as _markInternalStore,
   te as closePanel,
-  L as devtools,
+  $ as devtools,
   Qt as instrumentStore,
   Zt as openPanel,
   Yt as replayFrom,
   qt as togglePanel,
-  W as travelTo
+  X as travelTo
 };
 //# sourceMappingURL=devtools.js.map