@shane_il/pulse 0.2.0 → 0.4.0

package/dist/pulse.js

@@ -1,37 +1,37 @@
-var et = Object.defineProperty;
-var nt = (t, e, s) => e in t ? et(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s;
-var k = (t, e, s) => nt(t, typeof e != "symbol" ? e + "" : e, s);
-const $ = Symbol("TEXT_NODE"), st = Symbol("FRAGMENT");
-function q(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: $,
+    type: K,
     props: { nodeValue: String(t) },
     children: [],
     key: null
   };
 }
-function ot(t) {
-  return t == null || typeof t == "boolean" ? null : typeof t == "string" || typeof t == "number" ? q(t) : t;
+function it(t) {
+  return t == null || typeof t == "boolean" ? null : typeof t == "string" || typeof t == "number" ? W(t) : t;
 }
-function Q(t) {
+function Y(t) {
   const e = [];
   for (const s of t)
     if (Array.isArray(s))
-      e.push(...Q(s));
+      e.push(...Y(s));
     else {
-      const n = ot(s);
+      const n = it(s);
       n !== null && e.push(n);
     }
   return e;
 }
-function X(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 = Q(s);
+  const r = Y(s);
   return { type: t, props: e, children: r, key: n };
 }
-function rt(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 rt(t) {
     for (const u of n)
       u(e);
   }
-  function a(u, d) {
-    const S = s[u];
-    if (!S)
+  function a(u, _) {
+    const w = s[u];
+    if (!w)
       throw new Error(`[pulse] Unknown action: "${u}"`);
-    const b = S(e, d);
-    b !== e && (e = b, c());
+    const y = w(e, _);
+    y !== e && (e = y, c());
   }
-  function l(u, d) {
+  function i(u, _) {
     if (u === "__devtools_replace__") {
-      e = d, c();
+      e = _, c();
       return;
     }
-    const S = s[u];
-    if (!S)
+    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 P = 0;
-    function C() {
-      if (P < r.length) {
-        const f = r[P++];
-        f(b, C);
+    let V = 0;
+    function R() {
+      if (V < r.length) {
+        const h = r[V++];
+        h(y, R);
       } else {
-        const f = S(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());
       }
     }
-    C();
+    R();
   }
-  const i = r && r.length > 0 ? l : a;
-  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 ct(t) {
-  N.add(t), U || (U = !0, queueMicrotask(it));
+const L = /* @__PURE__ */ new Set();
+function X(t) {
+  L.add(t), U || (U = !0, queueMicrotask(at));
 }
-function it() {
-  const t = [...N];
-  N.clear(), U = !1;
+function at() {
+  const t = [...L];
+  L.clear(), U = !1;
   for (const e of t)
     e();
 }
-function mt() {
-  const t = [...N];
-  N.clear(), U = !1;
+function _t() {
+  const t = [...L];
+  L.clear(), U = !1;
   for (const e of t)
     e();
 }
-const J = Symbol("PULSE_CONNECTED"), D = globalThis;
-D.__PULSE_HOOKS__ || (D.__PULSE_HOOKS__ = { onMount: null, onUnmount: null });
-const I = D.__PULSE_HOOKS__;
-function lt(t, e) {
+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 a = {};
-      for (const l in r) {
-        const { store: i, selector: p } = r[l];
-        a[l] = p(i.getState());
+      for (const i in r) {
+        const { store: l, selector: f } = r[i];
+        a[i] = f(l.getState());
       }
       return n({ ...a, ...c });
     }
-    return o[J] = !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 at {
+class ft {
   constructor(e, s) {
-    k(this, "connectedFn");
-    k(this, "props");
-    k(this, "prevSelected");
-    k(this, "unsubscribers");
-    k(this, "lastVTree");
-    k(this, "parentDom");
-    k(this, "_renderCallback");
-    k(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: a, selector: l } = n[c];
-      this.prevSelected[c] = l(a.getState());
+      const { store: a, selector: i } = n[c];
+      this.prevSelected[c] = i(a.getState());
     }
     for (const c in n) {
-      const { store: a } = n[c], l = a.subscribe(() => {
+      const { store: a } = n[c], i = a.subscribe(() => {
         this._onStoreChange();
       });
-      this.unsubscribers.push(l);
+      this.unsubscribers.push(i);
     }
     const r = this.connectedFn._lifecycle;
     if (r != null && r.onMount) {
@@ -160,19 +190,19 @@ class at {
       });
       typeof c == "function" && (this._mountCleanup = c);
     }
-    I.onMount && I.onMount(this);
+    x.onMount && x.onMount(this);
   }
   _onStoreChange() {
     const e = this.connectedFn._bindings;
     let s = !1;
     for (const n in e) {
       const { store: r, selector: o } = e[n], c = o(r.getState());
-      if (!ut(c, this.prevSelected[n])) {
+      if (!pt(c, this.prevSelected[n])) {
         s = !0;
         break;
       }
     }
-    s && ct(this._renderCallback);
+    s && X(this._renderCallback);
   }
   updateSelected() {
     const e = this.connectedFn._bindings;
@@ -182,7 +212,7 @@ class at {
     }
   }
   unmount() {
-    I.onUnmount && I.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)
@@ -190,7 +220,7 @@ class at {
     this.unsubscribers = [], this._renderCallback = null;
   }
 }
-function ut(t, e) {
+function pt(t, e) {
   if (Object.is(t, e)) return !0;
   if (typeof t != "object" || typeof e != "object" || t === null || e === null) return !1;
   const s = Object.keys(t), n = Object.keys(e);
@@ -215,14 +245,14 @@ function T(t, e) {
   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 === $)
+  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 = ft(t.props, e.props);
+  const s = [], n = ht(t.props, e.props);
   n && s.push({ type: m.UPDATE, target: t, propPatches: n });
-  const r = pt(t.children, e.children);
+  const r = dt(t.children, e.children);
   return r.length && s.push({ type: m.CHILDREN, parent: t, childPatches: r }), s;
 }
-function ft(t, e) {
+function ht(t, e) {
   const s = {}, n = [];
   let r = !1;
   for (const o in e)
@@ -231,7 +261,7 @@ function ft(t, e) {
     o !== "children" && (o in e || (n.push(o), r = !0));
   return r ? { set: s, remove: n } : null;
 }
-function A(t, e) {
+function C(t, e) {
   return t == null || e == null ? !1 : t.type === e.type && t.key === e.key;
 }
 function z(t, e) {
@@ -245,62 +275,62 @@ function z(t, e) {
     `[pulse] Mixed keyed and unkeyed children in ${e} list (${n} keyed, ${r} unkeyed). Either all children should have keys or none should.`
   );
 }
-function pt(t, e) {
-  var y;
+function dt(t, e) {
+  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, a = t[n], l = 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 (a == null) {
       a = t[++n];
       continue;
     }
-    if (l == null) {
-      l = t[--r];
+    if (i == null) {
+      i = t[--r];
       continue;
     }
-    if (A(a, i))
-      s.push(...T(a, i)), a = t[++n], i = e[++o];
-    else if (A(l, p))
-      s.push(...T(l, p)), l = t[--r], p = e[--c];
-    else if (A(a, 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: a,
         anchor: t[r + 1] || null,
-        childPatches: T(a, p)
-      }), a = t[++n], p = e[--c];
-    else if (A(l, i))
+        childPatches: T(a, f)
+      }), a = t[++n], f = e[--c];
+    else if (C(i, l))
       s.push({
         type: m.MOVE,
-        vnode: l,
+        vnode: i,
         anchor: a,
-        childPatches: T(l, i)
-      }), l = t[--r], i = e[++o];
+        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: T(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,59 +339,87 @@ function pt(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;
 }
-function R(t) {
-  if (t.type === $) {
-    const s = document.createTextNode(t.props.nodeValue);
-    return t._dom = s, s;
+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 === st) {
-    const s = document.createDocumentFragment();
-    for (const n of t.children)
-      s.appendChild(R(n));
-    return t._dom = s, s;
+  if (t.type === ct) {
+    const n = document.createDocumentFragment();
+    for (const r of t.children)
+      n.appendChild(N(r, e));
+    return t._dom = n, n;
   }
-  const e = document.createElement(t.type);
-  ht(e, {}, t.props);
-  for (const s of t.children)
-    e.appendChild(R(s));
-  return t._dom = e, e;
-}
-function ht(t, e, s) {
+  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(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 || Z(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] && Y(t, n, s[n], e[n]);
+    n === "children" || n === "key" || e[n] !== s[n] && tt(t, n, s[n], e[n]);
 }
-function Y(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);
-  } else if (e === "className")
-    t.className = s || "";
+  } else if (e === "className" || e === "class")
+    t instanceof SVGElement ? t.setAttribute("class", s || "") : t.className = s || "";
   else if (e === "style" && typeof s == "object") {
     if (typeof n == "object" && n)
       for (const r in n)
         r in s || (t.style[r] = "");
     Object.assign(t.style, s);
-  } else e === "ref" ? typeof s == "function" && s(t) : s === !0 ? t.setAttribute(e, "") : s === !1 || s == null ? t.removeAttribute(e) : t.setAttribute(e, s);
+  } else if (e === "dangerouslySetInnerHTML")
+    s && typeof s.__html == "string" && (t.innerHTML = s.__html);
+  else if (e === "ref")
+    typeof s == "function" && s(t);
+  else if (e in t && !(t instanceof SVGElement))
+    try {
+      t[e] = s ?? "";
+    } catch {
+      t.setAttribute(e, s);
+    }
+  else s === !0 ? t.setAttribute(e, "") : s === !1 || s == null ? t.removeAttribute(e) : t.setAttribute(e, s);
+}
+function et(t, e, s) {
+  if (e.startsWith("on"))
+    t.removeEventListener(e.slice(2).toLowerCase(), s);
+  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 Z(t, e, s) {
-  e.startsWith("on") ? t.removeEventListener(e.slice(2).toLowerCase(), s) : e === "className" ? t.className = "" : t.removeAttribute(e);
+function B(t) {
+  return t instanceof SVGElement ? v : void 0;
 }
-function x(t, e) {
+function P(t, e) {
   var s, n, r;
   for (const o of e)
     switch (o.type) {
       case m.CREATE: {
-        const c = R(o.newVNode);
+        const c = N(o.newVNode, B(t));
         (s = o.anchor) != null && s._dom ? t.insertBefore(c, o.anchor._dom) : t.appendChild(c);
         break;
       }
@@ -371,16 +429,19 @@ function x(t, e) {
         break;
       }
       case m.REPLACE: {
-        const c = R(o.newVNode), a = o.oldVNode._dom;
-        a != null && a.parentNode && a.parentNode.replaceChild(c, a);
+        const c = o.oldVNode._dom, a = c == null ? void 0 : c.parentNode, i = N(
+          o.newVNode,
+          a ? B(a) : void 0
+        );
+        a && a.replaceChild(i, c);
         break;
       }
       case m.UPDATE: {
-        const c = o.target._dom, { set: a, remove: l } = o.propPatches;
-        for (const i of l)
-          Z(c, i, o.target.props[i]);
-        for (const i in a)
-          Y(c, i, a[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: {
@@ -390,145 +451,148 @@ function x(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 && x(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 && x(c, o.childPatches);
+        c && o.childPatches.length && P(c, o.childPatches);
         break;
       }
     }
 }
-const j = /* @__PURE__ */ new WeakMap();
-function yt(t, e) {
-  const s = j.get(e);
+const F = /* @__PURE__ */ new WeakMap();
+function Et(t, e) {
+  const s = F.get(e);
   if (s) {
-    const n = w(t, e), r = [];
-    M(s.vTree, r);
+    const n = k(t, e), r = [];
+    I(s.vTree, r);
     const o = T(s.vTree, n);
-    x(e, o);
+    P(e, o);
     const c = [];
-    n && M(n, c);
+    n && I(n, c);
     const a = new Set(c);
-    for (const i of r)
-      a.has(i) || i.unmount();
-    const l = new Set(r);
-    for (const i of c)
-      l.has(i) || i.mount(e, () => W(i, e));
-    j.set(e, { vTree: n });
+    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 = w(t, e);
+    const n = k(t, e);
     if (!n) return;
-    const r = R(n);
+    const r = N(n);
     e.appendChild(r);
     const o = [];
-    M(n, o);
+    I(n, o);
     for (const c of o)
-      c.mount(e, () => W(c, e));
-    j.set(e, { vTree: n });
+      c.mount(e, () => H(c, e));
+    F.set(e, { vTree: n });
   }
 }
-function w(t, e) {
+function k(t, e) {
   var s;
   if (t == null) return null;
   if (typeof t.type == "function") {
-    if (t.type[J]) {
+    if (t.type[Z]) {
       const r = t.type._lifecycle;
       try {
-        const o = new at(t.type, t.props), c = t.type(t.props), l = w(c, e) ?? q("");
-        if (l._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: [l],
+            children: [f],
             key: t.key
           };
-          return i._instance = o, o.lastVTree = i, i;
+          return p._instance = o, o.lastVTree = p, p;
         }
-        return l._instance = o, o.lastVTree = l, l;
+        return f._instance = o, o.lastVTree = f, f;
       } catch (o) {
         if (r != null && r.onError) {
-          const c = r.onError({ error: o, props: t.props });
-          return w(c, e);
+          const c = r.onError({
+            error: o,
+            props: t.props
+          });
+          return k(c, e);
         }
         throw o;
       }
     }
     const n = t.type({ ...t.props, children: t.children });
-    return w(n, e);
+    return k(n, e);
   }
-  return (s = t.children) != null && s.length && (t.children = t.children.map((n) => w(n, e)).filter((n) => n != null)), t;
+  return (s = t.children) != null && s.length && (t.children = t.children.map((n) => k(n, e)).filter((n) => n != null)), t;
 }
-function W(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);
-    let l = w(c, e) ?? q(""), i;
-    if (l._instance && l._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: [l],
+      children: [f],
       key: null
-    }, i._instance = t) : (l._instance = t, i = l), t.lastVTree) {
-      H(t.lastVTree, t);
-      const d = T(t.lastVTree, i), S = ((r = t.lastVTree._dom) == null ? void 0 : r.parentNode) || e;
-      x(S, 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, () => W(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 a = n.onError({ error: c, props: t.props }), l = w(a, e);
-      if (t.lastVTree && l) {
-        H(t.lastVTree, t);
-        const p = T(t.lastVTree, l), y = ((o = t.lastVTree._dom) == null ? void 0 : o.parentNode) || e;
-        x(y, p), l._dom || (l._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 = l, 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 H(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), H(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 M(t, e) {
+function I(t, e) {
   if (t && (t._instance && e.push(t._instance), t.children))
     for (const s of t.children)
-      M(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 F(t) {
+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;
@@ -536,46 +600,46 @@ function B(t) {
     e[o] = r;
   }), e;
 }
-function v(t, e) {
-  const s = F(t), n = F(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 l = o.slice(0, -1);
-    if (r.length < l.length) return null;
-    const i = {};
-    for (let y = 0; y < l.length; y++) {
-      const h = l[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(l.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 a = {};
-  for (let l = 0; l < o.length; l++) {
-    const i = o[l];
-    if (i.startsWith(":"))
-      a[i.slice(1)] = r[l];
-    else if (i !== r[l])
+  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: a };
 }
-function G(t, e) {
+function J(t, e) {
   for (const s of e) {
-    const n = v(t, s.path);
+    const n = nt(t, s.path);
     if (n)
       return { pattern: s.path, params: n.params };
   }
   return null;
 }
-function _t(t) {
-  const { routes: e, initialPath: s } = t, n = s ?? window.location.pathname, r = s ? "" : window.location.search, o = F(n), c = B(r), a = G(o, e), l = rt({
+function St(t) {
+  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: (a == null ? void 0 : a.params) ?? {},
@@ -583,84 +647,99 @@ function _t(t) {
       matched: (a == null ? void 0 : a.pattern) ?? null
     },
     actions: {
-      _sync: (f, _) => _
+      _sync: (h, E) => E
     }
   });
-  function i(f) {
-    const _ = f.indexOf("?"), V = F(_ >= 0 ? f.slice(0, _) : f), O = _ >= 0 ? f.slice(_ + 1) : "", E = B(O), g = G(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,
+      path: A,
       params: (g == null ? void 0 : g.params) ?? {},
-      query: E,
+      query: b,
       matched: (g == null ? void 0 : g.pattern) ?? null
     };
   }
-  function p(f) {
-    const _ = i(f);
-    window.history.pushState(null, "", f), l.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), l.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
-    );
-    l.dispatch("_sync", f);
+  function _() {
+    const h = l(window.location.pathname + window.location.search);
+    i.dispatch("_sync", h);
   }
-  window.addEventListener("popstate", d);
-  function S() {
-    window.removeEventListener("popstate", d);
+  window.addEventListener("popstate", _);
+  function w() {
+    window.removeEventListener("popstate", _);
   }
-  const b = lt({
-    _path: l.select((f) => f.path)
-  })(function(_) {
-    const { _path: V, path: O, component: E, children: g, ...tt } = _, K = v(V, O);
-    return K ? E ? X(E, { ...tt, params: K.params }) : (g == null ? void 0 : g[0]) ?? null : null;
+  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 P(f) {
-    const { to: _, children: V, ...O } = f;
-    return X(
+  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 C(f) {
-    return y(f.to), null;
+  function R(h) {
+    return p(h.to), null;
   }
   return {
-    store: l,
-    navigate: p,
-    redirect: y,
-    back: h,
+    store: i,
+    navigate: f,
+    redirect: p,
+    back: d,
     forward: u,
-    destroy: S,
-    Route: b,
-    Link: P,
-    Redirect: C
+    destroy: w,
+    Route: y,
+    Link: V,
+    Redirect: R
   };
 }
-function Et() {
+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 gt(t, e) {
+  return async (...s) => {
+    e.start && t.dispatch(e.start);
+    try {
+      const n = await e.run(...s);
+      return t.dispatch(e.ok, n), n;
+    } catch (n) {
+      if (e.fail)
+        t.dispatch(e.fail, (n == null ? void 0 : n.message) ?? String(n));
+      else
+        throw n;
+      return;
+    }
+  };
+}
+function wt(t, e) {
   const s = (e == null ? void 0 : e.maxEntries) ?? 1 / 0;
   return (n, r) => {
     r(), t.push({
@@ -673,15 +752,16 @@ function gt(t, e) {
   };
 }
 export {
-  st as Fragment,
-  gt as actionHistory,
-  lt as connect,
-  X as createElement,
-  _t as createRouter,
-  rt as createStore,
-  mt as flushSync,
-  X as h,
-  Et as logger,
-  yt as render
+  ct as Fragment,
+  wt as actionHistory,
+  ut as connect,
+  gt as createAsyncAction,
+  q as createElement,
+  St as createRouter,
+  lt as createStore,
+  _t as flushSync,
+  q as h,
+  bt as logger,
+  Et as render
 };
 //# sourceMappingURL=pulse.js.map