@shane_il/pulse 0.3.0 → 0.4.0

package/dist/pulse.js

@@ -1,37 +1,37 @@
-var st = Object.defineProperty;
-var ot = (t, e, s) => e in t ? st(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s;
-var T = (t, e, s) => ot(t, typeof e != "symbol" ? e + "" : e, s);
-const G = Symbol("TEXT_NODE"), rt = Symbol("FRAGMENT");
-function $(t) {
+var ot = Object.defineProperty;
+var rt = (t, e, s) => e in t ? ot(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s;
+var S = (t, e, s) => rt(t, typeof e != "symbol" ? e + "" : e, s);
+const K = Symbol("TEXT_NODE"), ct = Symbol("FRAGMENT");
+function W(t) {
   return {
-    type: G,
+    type: K,
     props: { nodeValue: String(t) },
     children: [],
     key: null
   };
 }
-function ct(t) {
-  return t == null || typeof t == "boolean" ? null : typeof t == "string" || typeof t == "number" ? $(t) : t;
+function it(t) {
+  return t == null || typeof t == "boolean" ? null : typeof t == "string" || typeof t == "number" ? W(t) : t;
 }
-function J(t) {
+function Y(t) {
   const e = [];
   for (const s of t)
     if (Array.isArray(s))
-      e.push(...J(s));
+      e.push(...Y(s));
     else {
-      const n = ct(s);
+      const n = it(s);
       n !== null && e.push(n);
     }
   return e;
 }
-function K(t, e, ...s) {
+function q(t, e, ...s) {
   e = e || {};
   const n = e.key ?? null;
   e.key !== void 0 && (e = { ...e }, delete e.key);
-  const r = J(s);
+  const r = Y(s);
   return { type: t, props: e, children: r, key: n };
 }
-function it(t) {
+function lt(t) {
   let e = t.state;
   const s = t.actions, n = /* @__PURE__ */ new Set(), r = t.middleware;
   function o() {
@@ -41,116 +41,146 @@ function it(t) {
     for (const u of n)
       u(e);
   }
-  function l(u, d) {
-    const g = s[u];
-    if (!g)
+  function a(u, _) {
+    const w = s[u];
+    if (!w)
       throw new Error(`[pulse] Unknown action: "${u}"`);
-    const b = g(e, d);
-    b !== e && (e = b, c());
+    const y = w(e, _);
+    y !== e && (e = y, c());
   }
-  function a(u, d) {
+  function i(u, _) {
     if (u === "__devtools_replace__") {
-      e = d, c();
+      e = _, c();
       return;
     }
-    const g = s[u];
-    if (!g)
+    const w = s[u];
+    if (!w)
       throw new Error(`[pulse] Unknown action: "${u}"`);
-    const b = {
-      store: h,
+    const y = {
+      store: d,
       actionName: u,
-      payload: d,
+      payload: _,
       prevState: e,
       nextState: void 0
     };
-    let I = 0;
-    function x() {
-      if (I < r.length) {
-        const f = r[I++];
-        f(b, x);
+    let V = 0;
+    function R() {
+      if (V < r.length) {
+        const h = r[V++];
+        h(y, R);
       } else {
-        const f = g(b.prevState, b.payload);
-        b.nextState = f, f !== e && (e = f, c());
+        const h = w(y.prevState, y.payload);
+        y.nextState = h, h !== e && (e = h, c());
       }
     }
-    x();
+    R();
   }
-  const i = r && r.length > 0 ? a : l;
-  function p(u) {
+  const l = r && r.length > 0 ? i : a;
+  function f(u) {
     return n.add(u), () => {
       n.delete(u);
     };
   }
-  function y(u) {
-    return { store: h, selector: u };
+  function p(u) {
+    return { store: d, selector: u };
   }
-  const h = {
+  const d = {
     getState: o,
-    dispatch: i,
-    subscribe: p,
-    select: y
+    dispatch: l,
+    subscribe: f,
+    select: p
   };
-  return t.name && (h.name = t.name), h;
+  return t.name && (d.name = t.name), d;
 }
 let U = !1;
-const N = /* @__PURE__ */ new Set();
-function at(t) {
-  N.add(t), U || (U = !0, queueMicrotask(lt));
+const L = /* @__PURE__ */ new Set();
+function X(t) {
+  L.add(t), U || (U = !0, queueMicrotask(at));
 }
-function lt() {
-  const t = [...N];
-  N.clear(), U = !1;
+function at() {
+  const t = [...L];
+  L.clear(), U = !1;
   for (const e of t)
     e();
 }
 function _t() {
-  const t = [...N];
-  N.clear(), U = !1;
+  const t = [...L];
+  L.clear(), U = !1;
   for (const e of t)
     e();
 }
-const Y = Symbol("PULSE_CONNECTED"), H = globalThis;
-H.__PULSE_HOOKS__ || (H.__PULSE_HOOKS__ = { onMount: null, onUnmount: null });
-const M = H.__PULSE_HOOKS__;
+const Z = Symbol("PULSE_CONNECTED"), $ = globalThis;
+$.__PULSE_HOOKS__ || ($.__PULSE_HOOKS__ = { onMount: null, onUnmount: null });
+const x = $.__PULSE_HOOKS__;
 function ut(t, e) {
   return function(n) {
     const r = t || {};
     function o(c) {
-      const l = {};
-      for (const a in r) {
-        const { store: i, selector: p } = r[a];
-        l[a] = p(i.getState());
+      const a = {};
+      for (const i in r) {
+        const { store: l, selector: f } = r[i];
+        a[i] = f(l.getState());
       }
-      return n({ ...l, ...c });
+      return n({ ...a, ...c });
     }
-    return o[Y] = !0, o._bindings = r, o._innerComponent = n, e && (o._lifecycle = e), o.displayName = `Connected(${n.displayName || n.name || "Anonymous"})`, o;
+    return o[Z] = !0, o._bindings = r, o._innerComponent = n, e && (o._lifecycle = e), o.displayName = `Connected(${n.displayName || n.name || "Anonymous"})`, o;
   };
 }
 class ft {
   constructor(e, s) {
-    T(this, "connectedFn");
-    T(this, "props");
-    T(this, "prevSelected");
-    T(this, "unsubscribers");
-    T(this, "lastVTree");
-    T(this, "parentDom");
-    T(this, "_renderCallback");
-    T(this, "_mountCleanup");
-    this.connectedFn = e, this.props = s, this.prevSelected = {}, this.unsubscribers = [], this.lastVTree = null, this.parentDom = null, this._renderCallback = null, this._mountCleanup = null;
+    S(this, "connectedFn");
+    S(this, "props");
+    S(this, "prevSelected");
+    S(this, "unsubscribers");
+    S(this, "lastVTree");
+    S(this, "parentDom");
+    S(this, "_renderCallback");
+    S(this, "_mountCleanup");
+    S(this, "_localState");
+    S(this, "_localActions");
+    this.connectedFn = e, this.props = s, this.prevSelected = {}, this.unsubscribers = [], this.lastVTree = null, this.parentDom = null, this._renderCallback = null, this._mountCleanup = null, this._localState = null, this._localActions = null;
+    const n = e._lifecycle;
+    n != null && n.store && this._initLocalStore(n.store);
+  }
+  _initLocalStore(e) {
+    this._localState = { ...e.state }, this._localActions = e.actions;
+    const s = this.connectedFn._bindings, n = this.connectedFn.displayName || "component", r = Object.keys(this._localState), o = Object.keys(this._localActions);
+    for (const c of r)
+      c in s && console.warn(
+        `[pulse] Local store state "${c}" shadows global binding in ${n}. Local value will be used.`
+      );
+    for (const c of o)
+      c in s && console.warn(
+        `[pulse] Local store action "${c}" shadows global binding in ${n}. Local value will be used.`
+      ), c in this._localState && console.warn(
+        `[pulse] Local store action "${c}" shadows state key with same name in ${n}.`
+      );
+  }
+  getLocalProps() {
+    if (!this._localState) return null;
+    const e = { ...this._localState };
+    for (const s in this._localActions) {
+      const n = this._localActions[s];
+      e[s] = (r) => {
+        const o = n(this._localState, r);
+        o !== this._localState && (this._localState = o, this._renderCallback && X(this._renderCallback));
+      };
+    }
+    return e;
   }
   mount(e, s) {
     var o;
     this.parentDom = e, this._renderCallback = s;
     const n = this.connectedFn._bindings;
     for (const c in n) {
-      const { store: l, selector: a } = n[c];
-      this.prevSelected[c] = a(l.getState());
+      const { store: a, selector: i } = n[c];
+      this.prevSelected[c] = i(a.getState());
     }
     for (const c in n) {
-      const { store: l } = n[c], a = l.subscribe(() => {
+      const { store: a } = n[c], i = a.subscribe(() => {
         this._onStoreChange();
       });
-      this.unsubscribers.push(a);
+      this.unsubscribers.push(i);
     }
     const r = this.connectedFn._lifecycle;
     if (r != null && r.onMount) {
@@ -160,7 +190,7 @@ class ft {
       });
       typeof c == "function" && (this._mountCleanup = c);
     }
-    M.onMount && M.onMount(this);
+    x.onMount && x.onMount(this);
   }
   _onStoreChange() {
     const e = this.connectedFn._bindings;
@@ -172,7 +202,7 @@ class ft {
         break;
       }
     }
-    s && at(this._renderCallback);
+    s && X(this._renderCallback);
   }
   updateSelected() {
     const e = this.connectedFn._bindings;
@@ -182,7 +212,7 @@ class ft {
     }
   }
   unmount() {
-    M.onUnmount && M.onUnmount(this), this._mountCleanup && (this._mountCleanup(), this._mountCleanup = null);
+    x.onUnmount && x.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 s of this.unsubscribers)
@@ -209,13 +239,13 @@ const m = {
   MOVE: "MOVE",
   CHILDREN: "CHILDREN"
 };
-function w(t, e) {
+function T(t, e) {
   if (e == null && t == null) return [];
   if (e == null) return [{ type: m.REMOVE, target: t }];
   if (t == null) return [{ type: m.CREATE, newVNode: e }];
   if (t.type !== e.type)
     return [{ type: m.REPLACE, oldVNode: t, newVNode: e }];
-  if (e._dom = t._dom, t.type === G)
+  if (e._dom = t._dom, t.type === K)
     return t.props.nodeValue !== e.props.nodeValue ? [{ type: m.TEXT, oldVNode: t, newVNode: e }] : [];
   const s = [], n = ht(t.props, e.props);
   n && s.push({ type: m.UPDATE, target: t, propPatches: n });
@@ -231,10 +261,10 @@ function ht(t, e) {
     o !== "children" && (o in e || (n.push(o), r = !0));
   return r ? { set: s, remove: n } : null;
 }
-function P(t, e) {
+function C(t, e) {
   return t == null || e == null ? !1 : t.type === e.type && t.key === e.key;
 }
-function X(t, e) {
+function z(t, e) {
   const s = /* @__PURE__ */ new Set();
   let n = 0, r = 0;
   for (const o of t)
@@ -246,61 +276,61 @@ function X(t, e) {
   );
 }
 function dt(t, e) {
-  var y;
-  process.env.NODE_ENV !== "production" && (X(t, "old"), X(e, "new"));
+  var p;
+  process.env.NODE_ENV !== "production" && (z(t, "old"), z(e, "new"));
   const s = [];
-  let n = 0, r = t.length - 1, o = 0, c = e.length - 1, l = t[n], a = t[r], i = e[o], p = e[c];
+  let n = 0, r = t.length - 1, o = 0, c = e.length - 1, a = t[n], i = t[r], l = e[o], f = e[c];
   for (; n <= r && o <= c; ) {
-    if (l == null) {
-      l = t[++n];
+    if (a == null) {
+      a = t[++n];
       continue;
     }
-    if (a == null) {
-      a = t[--r];
+    if (i == null) {
+      i = t[--r];
       continue;
     }
-    if (P(l, i))
-      s.push(...w(l, i)), l = t[++n], i = e[++o];
-    else if (P(a, p))
-      s.push(...w(a, p)), a = t[--r], p = e[--c];
-    else if (P(l, p))
+    if (C(a, l))
+      s.push(...T(a, l)), a = t[++n], l = e[++o];
+    else if (C(i, f))
+      s.push(...T(i, f)), i = t[--r], f = e[--c];
+    else if (C(a, f))
       s.push({
         type: m.MOVE,
-        vnode: l,
+        vnode: a,
         anchor: t[r + 1] || null,
-        childPatches: w(l, p)
-      }), l = t[++n], p = e[--c];
-    else if (P(a, i))
+        childPatches: T(a, f)
+      }), a = t[++n], f = e[--c];
+    else if (C(i, l))
       s.push({
         type: m.MOVE,
-        vnode: a,
-        anchor: l,
-        childPatches: w(a, i)
-      }), a = t[--r], i = e[++o];
+        vnode: i,
+        anchor: a,
+        childPatches: T(i, l)
+      }), i = t[--r], l = e[++o];
     else
       break;
   }
   if (n <= r && o <= c) {
-    const h = /* @__PURE__ */ new Map();
+    const d = /* @__PURE__ */ new Map();
     for (let u = n; u <= r; u++) {
-      const d = (y = t[u]) == null ? void 0 : y.key;
-      d != null && h.set(d, u);
+      const _ = (p = t[u]) == null ? void 0 : p.key;
+      _ != null && d.set(_, u);
     }
     for (; o <= c; ) {
-      i = e[o];
-      const u = i.key != null ? h.get(i.key) : void 0;
+      l = e[o];
+      const u = l.key != null ? d.get(l.key) : void 0;
       if (u !== void 0) {
-        const d = t[u];
+        const _ = t[u];
         s.push({
           type: m.MOVE,
-          vnode: d,
+          vnode: _,
           anchor: t[n] || null,
-          childPatches: w(d, i)
-        }), t[u] = null, h.delete(i.key);
+          childPatches: T(_, l)
+        }), t[u] = null, d.delete(l.key);
       } else
         s.push({
           type: m.CREATE,
-          newVNode: i,
+          newVNode: l,
           anchor: t[n] || null
         });
       o++;
@@ -309,40 +339,40 @@ function dt(t, e) {
       t[u] != null && s.push({ type: m.REMOVE, target: t[u] });
   }
   if (n > r) {
-    const h = e[c + 1] || null;
+    const d = e[c + 1] || null;
     for (let u = o; u <= c; u++)
-      s.push({ type: m.CREATE, newVNode: e[u], anchor: h });
+      s.push({ type: m.CREATE, newVNode: e[u], anchor: d });
   } else if (o > c)
-    for (let h = n; h <= r; h++)
-      t[h] != null && s.push({ type: m.REMOVE, target: t[h] });
+    for (let d = n; d <= r; d++)
+      t[d] != null && s.push({ type: m.REMOVE, target: t[d] });
   return s;
 }
-const Z = "http://www.w3.org/2000/svg";
-function A(t, e) {
-  if (t.type === G) {
+const v = "http://www.w3.org/2000/svg";
+function N(t, e) {
+  if (t.type === K) {
     const n = document.createTextNode(t.props.nodeValue);
     return t._dom = n, n;
   }
-  if (t.type === rt) {
+  if (t.type === ct) {
     const n = document.createDocumentFragment();
     for (const r of t.children)
-      n.appendChild(A(r, e));
+      n.appendChild(N(r, e));
     return t._dom = n, n;
   }
-  t.type === "svg" ? e = Z : t.type === "foreignObject" && (e = void 0);
+  t.type === "svg" ? e = v : t.type === "foreignObject" && (e = void 0);
   const s = e ? document.createElementNS(e, t.type) : document.createElement(t.type);
   mt(s, {}, t.props);
   for (const n of t.children)
-    s.appendChild(A(n, e));
+    s.appendChild(N(n, e));
   return t._dom = s, s;
 }
 function mt(t, e, s) {
   for (const n in e)
-    n === "children" || n === "key" || n in s || tt(t, n, e[n]);
+    n === "children" || n === "key" || n in s || et(t, n, e[n]);
   for (const n in s)
-    n === "children" || n === "key" || e[n] !== s[n] && v(t, n, s[n], e[n]);
+    n === "children" || n === "key" || e[n] !== s[n] && tt(t, n, s[n], e[n]);
 }
-function v(t, e, s, n) {
+function tt(t, e, s, n) {
   if (e.startsWith("on")) {
     const r = e.slice(2).toLowerCase();
     n && t.removeEventListener(r, n), s && t.addEventListener(r, s);
@@ -365,7 +395,7 @@ function v(t, e, s, n) {
     }
   else s === !0 ? t.setAttribute(e, "") : s === !1 || s == null ? t.removeAttribute(e) : t.setAttribute(e, s);
 }
-function tt(t, e, s) {
+function et(t, e, s) {
   if (e.startsWith("on"))
     t.removeEventListener(e.slice(2).toLowerCase(), s);
   else if (e === "dangerouslySetInnerHTML")
@@ -381,15 +411,15 @@ function tt(t, e, s) {
   else
     t.removeAttribute(e);
 }
-function z(t) {
-  return t instanceof SVGElement ? Z : void 0;
+function B(t) {
+  return t instanceof SVGElement ? v : void 0;
 }
-function R(t, e) {
+function P(t, e) {
   var s, n, r;
   for (const o of e)
     switch (o.type) {
       case m.CREATE: {
-        const c = A(o.newVNode, z(t));
+        const c = N(o.newVNode, B(t));
         (s = o.anchor) != null && s._dom ? t.insertBefore(c, o.anchor._dom) : t.appendChild(c);
         break;
       }
@@ -399,19 +429,19 @@ function R(t, e) {
         break;
       }
       case m.REPLACE: {
-        const c = o.oldVNode._dom, l = c == null ? void 0 : c.parentNode, a = A(
+        const c = o.oldVNode._dom, a = c == null ? void 0 : c.parentNode, i = N(
           o.newVNode,
-          l ? z(l) : void 0
+          a ? B(a) : void 0
         );
-        l && l.replaceChild(a, c);
+        a && a.replaceChild(i, c);
         break;
       }
       case m.UPDATE: {
-        const c = o.target._dom, { set: l, remove: a } = o.propPatches;
-        for (const i of a)
-          tt(c, i, o.target.props[i]);
-        for (const i in l)
-          v(c, i, l[i], o.target.props[i]);
+        const c = o.target._dom, { set: a, remove: i } = o.propPatches;
+        for (const l of i)
+          et(c, l, o.target.props[l]);
+        for (const l in a)
+          tt(c, l, a[l], o.target.props[l]);
         break;
       }
       case m.TEXT: {
@@ -421,12 +451,12 @@ function R(t, e) {
       }
       case m.MOVE: {
         const c = o.vnode._dom;
-        c && ((n = o.anchor) != null && n._dom ? t.insertBefore(c, o.anchor._dom) : t.appendChild(c)), (r = o.childPatches) != null && r.length && c && R(c, o.childPatches);
+        c && ((n = o.anchor) != null && n._dom ? t.insertBefore(c, o.anchor._dom) : t.appendChild(c)), (r = o.childPatches) != null && r.length && c && P(c, o.childPatches);
         break;
       }
       case m.CHILDREN: {
         const c = o.parent._dom;
-        c && o.childPatches.length && R(c, o.childPatches);
+        c && o.childPatches.length && P(c, o.childPatches);
         break;
       }
     }
@@ -436,27 +466,27 @@ function Et(t, e) {
   const s = F.get(e);
   if (s) {
     const n = k(t, e), r = [];
-    C(s.vTree, r);
-    const o = w(s.vTree, n);
-    R(e, o);
+    I(s.vTree, r);
+    const o = T(s.vTree, n);
+    P(e, o);
     const c = [];
-    n && C(n, c);
-    const l = new Set(c);
-    for (const i of r)
-      l.has(i) || i.unmount();
-    const a = new Set(r);
-    for (const i of c)
-      a.has(i) || i.mount(e, () => D(i, e));
+    n && I(n, c);
+    const a = new Set(c);
+    for (const l of r)
+      a.has(l) || l.unmount();
+    const i = new Set(r);
+    for (const l of c)
+      i.has(l) || l.mount(e, () => H(l, e));
     F.set(e, { vTree: n });
   } else {
     const n = k(t, e);
     if (!n) return;
-    const r = A(n);
+    const r = N(n);
     e.appendChild(r);
     const o = [];
-    C(n, o);
+    I(n, o);
     for (const c of o)
-      c.mount(e, () => D(c, e));
+      c.mount(e, () => H(c, e));
     F.set(e, { vTree: n });
   }
 }
@@ -464,20 +494,20 @@ function k(t, e) {
   var s;
   if (t == null) return null;
   if (typeof t.type == "function") {
-    if (t.type[Y]) {
+    if (t.type[Z]) {
       const r = t.type._lifecycle;
       try {
-        const o = new ft(t.type, t.props), c = t.type(t.props), a = k(c, e) ?? $("");
-        if (a._instance) {
-          const i = {
+        const o = new ft(t.type, t.props), c = o.getLocalProps(), a = c ? { ...t.props, ...c } : t.props, i = t.type(a), f = k(i, e) ?? W("");
+        if (f._instance) {
+          const p = {
             type: "div",
             props: { style: { display: "contents" } },
-            children: [a],
+            children: [f],
             key: t.key
           };
-          return i._instance = o, o.lastVTree = i, i;
+          return p._instance = o, o.lastVTree = p, p;
         }
-        return a._instance = o, o.lastVTree = a, a;
+        return f._instance = o, o.lastVTree = f, f;
       } catch (o) {
         if (r != null && r.onError) {
           const c = r.onError({
@@ -494,75 +524,75 @@ function k(t, e) {
   }
   return (s = t.children) != null && s.length && (t.children = t.children.map((n) => k(n, e)).filter((n) => n != null)), t;
 }
-function D(t, e) {
+function H(t, e) {
   var r, o;
   if (!t._renderCallback) return;
   const s = t.connectedFn, n = s._lifecycle;
   try {
-    const c = s(t.props), a = k(c, e) ?? $("");
-    let i;
-    if (a._instance && a._instance !== t ? (i = {
+    const c = t.getLocalProps(), a = c ? { ...t.props, ...c } : t.props, i = s(a), f = k(i, e) ?? W("");
+    let p;
+    if (f._instance && f._instance !== t ? (p = {
       type: "div",
       props: { style: { display: "contents" } },
-      children: [a],
+      children: [f],
       key: null
-    }, i._instance = t) : (a._instance = t, i = a), t.lastVTree) {
-      W(t.lastVTree, t);
-      const d = w(t.lastVTree, i), g = ((r = t.lastVTree._dom) == null ? void 0 : r.parentNode) || e;
-      R(g, d), i._dom || (i._dom = t.lastVTree._dom);
+    }, p._instance = t) : (f._instance = t, p = f), t.lastVTree) {
+      D(t.lastVTree, t);
+      const y = T(t.lastVTree, p), V = ((r = t.lastVTree._dom) == null ? void 0 : r.parentNode) || e;
+      P(V, y), p._dom || (p._dom = t.lastVTree._dom);
     }
-    const p = [];
-    L(t.lastVTree, p, t);
-    const y = [];
-    L(i, y, t);
-    const h = new Set(y);
-    for (const d of p)
-      h.has(d) || d.unmount();
-    t.lastVTree = i;
-    const u = new Set(p);
-    for (const d of y)
-      u.has(d) || d.mount(e, () => D(d, e));
+    const d = [];
+    M(t.lastVTree, d, t);
+    const u = [];
+    M(p, u, t);
+    const _ = new Set(u);
+    for (const y of d)
+      _.has(y) || y.unmount();
+    t.lastVTree = p;
+    const w = new Set(d);
+    for (const y of u)
+      w.has(y) || y.mount(e, () => H(y, e));
     n != null && n.onUpdate && n.onUpdate({
-      dom: i == null ? void 0 : i._dom,
+      dom: p == null ? void 0 : p._dom,
       props: t.props
     }), t.updateSelected();
   } catch (c) {
     if (n != null && n.onError) {
-      const l = n.onError({ error: c, props: t.props }), a = k(l, e);
-      if (t.lastVTree && a) {
-        W(t.lastVTree, t);
-        const p = w(t.lastVTree, a), y = ((o = t.lastVTree._dom) == null ? void 0 : o.parentNode) || e;
-        R(y, p), a._dom || (a._dom = t.lastVTree._dom);
+      const a = n.onError({ error: c, props: t.props }), i = k(a, e);
+      if (t.lastVTree && i) {
+        D(t.lastVTree, t);
+        const f = T(t.lastVTree, i), p = ((o = t.lastVTree._dom) == null ? void 0 : o.parentNode) || e;
+        P(p, f), i._dom || (i._dom = t.lastVTree._dom);
       }
-      const i = [];
-      L(t.lastVTree, i, t);
-      for (const p of i) p.unmount();
-      t.lastVTree = a, t.updateSelected();
+      const l = [];
+      M(t.lastVTree, l, t);
+      for (const f of l) f.unmount();
+      t.lastVTree = i, t.updateSelected();
     } else
       throw c;
   }
 }
-function W(t, e) {
+function D(t, e) {
   if (!(!t || !t.children))
     for (let s = 0; s < t.children.length; s++) {
       const n = t.children[s];
-      n._instance && n._instance !== e && n._instance.lastVTree && n._instance.lastVTree !== n && (t.children[s] = n._instance.lastVTree), W(t.children[s], e);
+      n._instance && n._instance !== e && n._instance.lastVTree && n._instance.lastVTree !== n && (t.children[s] = n._instance.lastVTree), D(t.children[s], e);
     }
 }
-function C(t, e) {
+function I(t, e) {
   if (t && (t._instance && e.push(t._instance), t.children))
     for (const s of t.children)
-      C(s, e);
+      I(s, e);
 }
-function L(t, e, s) {
+function M(t, e, s) {
   if (t && (t._instance && t._instance !== s && e.push(t._instance), t.children))
     for (const n of t.children)
-      L(n, e, s);
+      M(n, e, s);
 }
 function j(t) {
   return t.length > 1 && t.endsWith("/") ? t.slice(0, -1) : t || "/";
 }
-function B(t) {
+function Q(t) {
   const e = {};
   if (!t) return e;
   const s = t.startsWith("?") ? t.slice(1) : t;
@@ -570,131 +600,131 @@ function B(t) {
     e[o] = r;
   }), e;
 }
-function et(t, e) {
+function nt(t, e) {
   const s = j(t), n = j(e);
   if (n === "*")
     return { params: { "*": s } };
   const r = s === "/" ? [""] : s.split("/").slice(1), o = n === "/" ? [""] : n.split("/").slice(1);
   if (o.length > 0 && o[o.length - 1] === "*") {
-    const a = o.slice(0, -1);
-    if (r.length < a.length) return null;
-    const i = {};
-    for (let y = 0; y < a.length; y++) {
-      const h = a[y];
-      if (h.startsWith(":"))
-        i[h.slice(1)] = r[y];
-      else if (h !== r[y])
+    const i = o.slice(0, -1);
+    if (r.length < i.length) return null;
+    const l = {};
+    for (let p = 0; p < i.length; p++) {
+      const d = i[p];
+      if (d.startsWith(":"))
+        l[d.slice(1)] = r[p];
+      else if (d !== r[p])
         return null;
     }
-    const p = r.slice(a.length).join("/");
-    return i["*"] = p, { params: i };
+    const f = r.slice(i.length).join("/");
+    return l["*"] = f, { params: l };
   }
   if (r.length !== o.length) return null;
-  const l = {};
-  for (let a = 0; a < o.length; a++) {
-    const i = o[a];
-    if (i.startsWith(":"))
-      l[i.slice(1)] = r[a];
-    else if (i !== r[a])
+  const a = {};
+  for (let i = 0; i < o.length; i++) {
+    const l = o[i];
+    if (l.startsWith(":"))
+      a[l.slice(1)] = r[i];
+    else if (l !== r[i])
       return null;
   }
-  return { params: l };
+  return { params: a };
 }
-function Q(t, e) {
+function J(t, e) {
   for (const s of e) {
-    const n = et(t, s.path);
+    const n = nt(t, s.path);
     if (n)
       return { pattern: s.path, params: n.params };
   }
   return null;
 }
 function St(t) {
-  const { routes: e, initialPath: s } = t, n = s ?? window.location.pathname, r = s ? "" : window.location.search, o = j(n), c = B(r), l = Q(o, e), a = it({
+  const { routes: e, initialPath: s } = t, n = s ?? window.location.pathname, r = s ? "" : window.location.search, o = j(n), c = Q(r), a = J(o, e), i = lt({
     state: {
       path: o,
-      params: (l == null ? void 0 : l.params) ?? {},
+      params: (a == null ? void 0 : a.params) ?? {},
       query: c,
-      matched: (l == null ? void 0 : l.pattern) ?? null
+      matched: (a == null ? void 0 : a.pattern) ?? null
     },
     actions: {
-      _sync: (f, _) => _
+      _sync: (h, E) => E
     }
   });
-  function i(f) {
-    const _ = f.indexOf("?"), V = j(
-      _ >= 0 ? f.slice(0, _) : f
-    ), O = _ >= 0 ? f.slice(_ + 1) : "", E = B(O), S = Q(V, e);
+  function l(h) {
+    const E = h.indexOf("?"), A = j(
+      E >= 0 ? h.slice(0, E) : h
+    ), O = E >= 0 ? h.slice(E + 1) : "", b = Q(O), g = J(A, e);
     return {
-      path: V,
-      params: (S == null ? void 0 : S.params) ?? {},
-      query: E,
-      matched: (S == null ? void 0 : S.pattern) ?? null
+      path: A,
+      params: (g == null ? void 0 : g.params) ?? {},
+      query: b,
+      matched: (g == null ? void 0 : g.pattern) ?? null
     };
   }
-  function p(f) {
-    const _ = i(f);
-    window.history.pushState(null, "", f), a.dispatch("_sync", _);
+  function f(h) {
+    const E = l(h);
+    window.history.pushState(null, "", h), i.dispatch("_sync", E);
   }
-  function y(f) {
-    const _ = i(f);
-    window.history.replaceState(null, "", f), a.dispatch("_sync", _);
+  function p(h) {
+    const E = l(h);
+    window.history.replaceState(null, "", h), i.dispatch("_sync", E);
   }
-  function h() {
+  function d() {
     window.history.back();
   }
   function u() {
     window.history.forward();
   }
-  function d() {
-    const f = i(window.location.pathname + window.location.search);
-    a.dispatch("_sync", f);
-  }
-  window.addEventListener("popstate", d);
-  function g() {
-    window.removeEventListener("popstate", d);
-  }
-  const b = ut({
-    _path: a.select((f) => f.path)
-  })(function(_) {
-    const { _path: V, path: O, component: E, children: S, ...nt } = _, q = et(V, O);
-    return q ? E ? K(E, { ...nt, params: q.params }) : (S == null ? void 0 : S[0]) ?? null : null;
+  function _() {
+    const h = l(window.location.pathname + window.location.search);
+    i.dispatch("_sync", h);
+  }
+  window.addEventListener("popstate", _);
+  function w() {
+    window.removeEventListener("popstate", _);
+  }
+  const y = ut({
+    _path: i.select((h) => h.path)
+  })(function(E) {
+    const { _path: A, path: O, component: b, children: g, ...st } = E, G = nt(A, O);
+    return G ? b ? q(b, { ...st, params: G.params }) : (g == null ? void 0 : g[0]) ?? null : null;
   });
-  function I(f) {
-    const { to: _, children: V, ...O } = f;
-    return K(
+  function V(h) {
+    const { to: E, children: A, ...O } = h;
+    return q(
       "a",
       {
         ...O,
-        href: _,
-        onClick: (E) => {
-          E.metaKey || E.ctrlKey || E.shiftKey || E.button !== 0 || (E.preventDefault(), p(_));
+        href: E,
+        onClick: (b) => {
+          b.metaKey || b.ctrlKey || b.shiftKey || b.button !== 0 || (b.preventDefault(), f(E));
         }
       },
-      ...V || []
+      ...A || []
     );
   }
-  function x(f) {
-    return y(f.to), null;
+  function R(h) {
+    return p(h.to), null;
   }
   return {
-    store: a,
-    navigate: p,
-    redirect: y,
-    back: h,
+    store: i,
+    navigate: f,
+    redirect: p,
+    back: d,
     forward: u,
-    destroy: g,
-    Route: b,
-    Link: I,
-    Redirect: x
+    destroy: w,
+    Route: y,
+    Link: V,
+    Redirect: R
   };
 }
-function gt() {
+function bt() {
   return (t, e) => {
     const s = `[pulse] ${t.actionName}`;
     console.group(s), console.log("prev state", t.prevState), console.log("payload", t.payload), e(), console.log("next state", t.nextState), console.groupEnd();
   };
 }
-function bt(t, e) {
+function gt(t, e) {
   return async (...s) => {
     e.start && t.dispatch(e.start);
     try {
@@ -709,7 +739,7 @@ function bt(t, e) {
     }
   };
 }
-function Tt(t, e) {
+function wt(t, e) {
   const s = (e == null ? void 0 : e.maxEntries) ?? 1 / 0;
   return (n, r) => {
     r(), t.push({
@@ -722,16 +752,16 @@ function Tt(t, e) {
   };
 }
 export {
-  rt as Fragment,
-  Tt as actionHistory,
+  ct as Fragment,
+  wt as actionHistory,
   ut as connect,
-  bt as createAsyncAction,
-  K as createElement,
+  gt as createAsyncAction,
+  q as createElement,
   St as createRouter,
-  it as createStore,
+  lt as createStore,
   _t as flushSync,
-  K as h,
-  gt as logger,
+  q as h,
+  bt as logger,
   Et as render
 };
 //# sourceMappingURL=pulse.js.map