@shane_il/pulse 0.1.0

package/dist/pulse.js

@@ -0,0 +1,592 @@
+var Z = Object.defineProperty;
+var v = (t, e, n) => e in t ? Z(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var b = (t, e, n) => v(t, typeof e != "symbol" ? e + "" : e, n);
+const L = Symbol("TEXT_NODE"), tt = Symbol("FRAGMENT");
+function F(t) {
+  return {
+    type: L,
+    props: { nodeValue: String(t) },
+    children: [],
+    key: null
+  };
+}
+function et(t) {
+  return t == null || typeof t == "boolean" ? null : typeof t == "string" || typeof t == "number" ? F(t) : t;
+}
+function $(t) {
+  const e = [];
+  for (const n of t)
+    if (Array.isArray(n))
+      e.push(...$(n));
+    else {
+      const s = et(n);
+      s !== null && e.push(s);
+    }
+  return e;
+}
+function I(t, e, ...n) {
+  e = e || {};
+  const s = e.key ?? null;
+  e.key !== void 0 && (e = { ...e }, delete e.key);
+  const r = $(n);
+  return { type: t, props: e, children: r, key: s };
+}
+function nt(t) {
+  let e = t.state;
+  const n = t.actions, s = /* @__PURE__ */ new Set();
+  function r() {
+    return e;
+  }
+  function o(a, d) {
+    const l = n[a];
+    if (!l)
+      throw new Error(`[pulse] Unknown action: "${a}"`);
+    const m = l(e, d);
+    if (m !== e) {
+      e = m;
+      for (const p of s)
+        p(e);
+    }
+  }
+  function c(a) {
+    return s.add(a), () => {
+      s.delete(a);
+    };
+  }
+  function u(a) {
+    return { store: i, selector: a };
+  }
+  const i = { getState: r, dispatch: o, subscribe: c, select: u };
+  return i;
+}
+let P = !1;
+const R = /* @__PURE__ */ new Set();
+function st(t) {
+  R.add(t), P || (P = !0, queueMicrotask(ot));
+}
+function ot() {
+  const t = [...R];
+  R.clear(), P = !1;
+  for (const e of t)
+    e();
+}
+function pt() {
+  const t = [...R];
+  R.clear(), P = !1;
+  for (const e of t)
+    e();
+}
+const X = Symbol("PULSE_CONNECTED");
+function rt(t, e) {
+  return function(s) {
+    const r = t || {};
+    function o(c) {
+      const u = {};
+      for (const i in r) {
+        const { store: a, selector: d } = r[i];
+        u[i] = d(a.getState());
+      }
+      return s({ ...u, ...c });
+    }
+    return o[X] = !0, o._bindings = r, o._innerComponent = s, e && (o._lifecycle = e), o.displayName = `Connected(${s.displayName || s.name || "Anonymous"})`, o;
+  };
+}
+class ct {
+  constructor(e, n) {
+    b(this, "connectedFn");
+    b(this, "props");
+    b(this, "prevSelected");
+    b(this, "unsubscribers");
+    b(this, "lastVTree");
+    b(this, "parentDom");
+    b(this, "_renderCallback");
+    b(this, "_mountCleanup");
+    this.connectedFn = e, this.props = n, this.prevSelected = {}, this.unsubscribers = [], this.lastVTree = null, this.parentDom = null, this._renderCallback = null, this._mountCleanup = null;
+  }
+  mount(e, n) {
+    var o;
+    this.parentDom = e, this._renderCallback = n;
+    const s = this.connectedFn._bindings;
+    for (const c in s) {
+      const { store: u, selector: i } = s[c];
+      this.prevSelected[c] = i(u.getState());
+    }
+    for (const c in s) {
+      const { store: u } = s[c], i = u.subscribe(() => {
+        this._onStoreChange();
+      });
+      this.unsubscribers.push(i);
+    }
+    const r = this.connectedFn._lifecycle;
+    if (r != null && r.onMount) {
+      const c = r.onMount({
+        dom: (o = this.lastVTree) == null ? void 0 : o._dom,
+        props: this.props
+      });
+      typeof c == "function" && (this._mountCleanup = c);
+    }
+  }
+  _onStoreChange() {
+    const e = this.connectedFn._bindings;
+    let n = !1;
+    for (const s in e) {
+      const { store: r, selector: o } = e[s], c = o(r.getState());
+      if (!it(c, this.prevSelected[s])) {
+        n = !0;
+        break;
+      }
+    }
+    n && st(this._renderCallback);
+  }
+  updateSelected() {
+    const e = this.connectedFn._bindings;
+    for (const n in e) {
+      const { store: s, selector: r } = e[n];
+      this.prevSelected[n] = r(s.getState());
+    }
+  }
+  unmount() {
+    this._mountCleanup && (this._mountCleanup(), this._mountCleanup = null);
+    const e = this.connectedFn._lifecycle;
+    e != null && e.onDestroy && e.onDestroy({ props: this.props });
+    for (const n of this.unsubscribers)
+      n();
+    this.unsubscribers = [], this._renderCallback = null;
+  }
+}
+function it(t, e) {
+  if (Object.is(t, e)) return !0;
+  if (typeof t != "object" || typeof e != "object" || t === null || e === null) return !1;
+  const n = Object.keys(t), s = Object.keys(e);
+  if (n.length !== s.length) return !1;
+  for (const r of n)
+    if (!Object.prototype.hasOwnProperty.call(e, r) || !Object.is(t[r], e[r]))
+      return !1;
+  return !0;
+}
+const f = {
+  CREATE: "CREATE",
+  REMOVE: "REMOVE",
+  REPLACE: "REPLACE",
+  UPDATE: "UPDATE",
+  TEXT: "TEXT",
+  MOVE: "MOVE"
+};
+function k(t, e) {
+  if (e == null && t == null) return [];
+  if (e == null) return [{ type: f.REMOVE, target: t }];
+  if (t == null) return [{ type: f.CREATE, newVNode: e }];
+  if (t.type !== e.type)
+    return [{ type: f.REPLACE, oldVNode: t, newVNode: e }];
+  if (e._dom = t._dom, t.type === L)
+    return t.props.nodeValue !== e.props.nodeValue ? [{ type: f.TEXT, oldVNode: t, newVNode: e }] : [];
+  const n = [], s = at(t.props, e.props);
+  s && n.push({ type: f.UPDATE, target: t, propPatches: s });
+  const r = ut(t.children, e.children);
+  return n.push(...r), n;
+}
+function at(t, e) {
+  const n = {}, s = [];
+  let r = !1;
+  for (const o in e)
+    o !== "children" && t[o] !== e[o] && (n[o] = e[o], r = !0);
+  for (const o in t)
+    o !== "children" && (o in e || (s.push(o), r = !0));
+  return r ? { set: n, remove: s } : null;
+}
+function O(t, e) {
+  return t == null || e == null ? !1 : t.type === e.type && t.key === e.key;
+}
+function U(t, e) {
+  const n = /* @__PURE__ */ new Set();
+  let s = 0, r = 0;
+  for (const o of t)
+    o != null && (o.key != null ? (s++, n.has(o.key) && console.warn(
+      `[pulse] Duplicate key "${String(o.key)}" in ${e} children. Keys must be unique among siblings.`
+    ), n.add(o.key)) : r++);
+  s > 0 && r > 0 && console.warn(
+    `[pulse] Mixed keyed and unkeyed children in ${e} list (${s} keyed, ${r} unkeyed). Either all children should have keys or none should.`
+  );
+}
+function ut(t, e) {
+  var l;
+  process.env.NODE_ENV !== "production" && (U(t, "old"), U(e, "new"));
+  const n = [];
+  let s = 0, r = t.length - 1, o = 0, c = e.length - 1, u = t[s], i = t[r], a = e[o], d = e[c];
+  for (; s <= r && o <= c; ) {
+    if (u == null) {
+      u = t[++s];
+      continue;
+    }
+    if (i == null) {
+      i = t[--r];
+      continue;
+    }
+    if (O(u, a))
+      n.push(...k(u, a)), u = t[++s], a = e[++o];
+    else if (O(i, d))
+      n.push(...k(i, d)), i = t[--r], d = e[--c];
+    else if (O(u, d))
+      n.push({
+        type: f.MOVE,
+        vnode: u,
+        anchor: t[r + 1] || null,
+        childPatches: k(u, d)
+      }), u = t[++s], d = e[--c];
+    else if (O(i, a))
+      n.push({
+        type: f.MOVE,
+        vnode: i,
+        anchor: u,
+        childPatches: k(i, a)
+      }), i = t[--r], a = e[++o];
+    else
+      break;
+  }
+  if (s <= r && o <= c) {
+    const m = /* @__PURE__ */ new Map();
+    for (let p = s; p <= r; p++) {
+      const g = (l = t[p]) == null ? void 0 : l.key;
+      g != null && m.set(g, p);
+    }
+    for (; o <= c; ) {
+      a = e[o];
+      const p = a.key != null ? m.get(a.key) : void 0;
+      if (p !== void 0) {
+        const g = t[p];
+        n.push({
+          type: f.MOVE,
+          vnode: g,
+          anchor: t[s] || null,
+          childPatches: k(g, a)
+        }), t[p] = null, m.delete(a.key);
+      } else
+        n.push({
+          type: f.CREATE,
+          newVNode: a,
+          anchor: t[s] || null
+        });
+      o++;
+    }
+    for (let p = s; p <= r; p++)
+      t[p] != null && n.push({ type: f.REMOVE, target: t[p] });
+  }
+  if (s > r) {
+    const m = e[c + 1] || null;
+    for (let p = o; p <= c; p++)
+      n.push({ type: f.CREATE, newVNode: e[p], anchor: m });
+  } else if (o > c)
+    for (let m = s; m <= r; m++)
+      t[m] != null && n.push({ type: f.REMOVE, target: t[m] });
+  return n;
+}
+function N(t) {
+  if (t.type === L) {
+    const n = document.createTextNode(t.props.nodeValue);
+    return t._dom = n, n;
+  }
+  if (t.type === tt) {
+    const n = document.createDocumentFragment();
+    for (const s of t.children)
+      n.appendChild(N(s));
+    return t._dom = n, n;
+  }
+  const e = document.createElement(t.type);
+  lt(e, {}, t.props);
+  for (const n of t.children)
+    e.appendChild(N(n));
+  return t._dom = e, e;
+}
+function lt(t, e, n) {
+  for (const s in e)
+    s === "children" || s === "key" || s in n || K(t, s, e[s]);
+  for (const s in n)
+    s === "children" || s === "key" || e[s] !== n[s] && z(t, s, n[s], e[s]);
+}
+function z(t, e, n, s) {
+  if (e.startsWith("on")) {
+    const r = e.slice(2).toLowerCase();
+    s && t.removeEventListener(r, s), n && t.addEventListener(r, n);
+  } else if (e === "className")
+    t.className = n || "";
+  else if (e === "style" && typeof n == "object") {
+    if (typeof s == "object" && s)
+      for (const r in s)
+        r in n || (t.style[r] = "");
+    Object.assign(t.style, n);
+  } else e === "ref" ? typeof n == "function" && n(t) : n === !0 ? t.setAttribute(e, "") : n === !1 || n == null ? t.removeAttribute(e) : t.setAttribute(e, n);
+}
+function K(t, e, n) {
+  e.startsWith("on") ? t.removeEventListener(e.slice(2).toLowerCase(), n) : e === "className" ? t.className = "" : t.removeAttribute(e);
+}
+function C(t, e) {
+  var n, s, r;
+  for (const o of e)
+    switch (o.type) {
+      case f.CREATE: {
+        const c = N(o.newVNode);
+        (n = o.anchor) != null && n._dom ? t.insertBefore(c, o.anchor._dom) : t.appendChild(c);
+        break;
+      }
+      case f.REMOVE: {
+        const c = o.target._dom;
+        c != null && c.parentNode && c.parentNode.removeChild(c);
+        break;
+      }
+      case f.REPLACE: {
+        const c = N(o.newVNode), u = o.oldVNode._dom;
+        u != null && u.parentNode && u.parentNode.replaceChild(c, u);
+        break;
+      }
+      case f.UPDATE: {
+        const c = o.target._dom, { set: u, remove: i } = o.propPatches;
+        for (const a of i)
+          K(c, a, o.target.props[a]);
+        for (const a in u)
+          z(c, a, u[a], o.target.props[a]);
+        break;
+      }
+      case f.TEXT: {
+        const c = o.oldVNode._dom;
+        c && (c.nodeValue = o.newVNode.props.nodeValue);
+        break;
+      }
+      case f.MOVE: {
+        const c = o.vnode._dom;
+        c && ((s = o.anchor) != null && s._dom ? t.insertBefore(c, o.anchor._dom) : t.appendChild(c)), (r = o.childPatches) != null && r.length && c && C(c, o.childPatches);
+        break;
+      }
+    }
+}
+const M = /* @__PURE__ */ new WeakMap();
+function ht(t, e) {
+  const n = M.get(e);
+  if (n) {
+    const s = T(t, e), r = [];
+    A(n.vTree, r);
+    const o = k(n.vTree, s);
+    C(e, o);
+    const c = [];
+    s && A(s, c);
+    const u = new Set(c);
+    for (const a of r)
+      u.has(a) || a.unmount();
+    const i = new Set(r);
+    for (const a of c)
+      i.has(a) || a.mount(e, () => D(a, e));
+    M.set(e, { vTree: s });
+  } else {
+    const s = T(t, e);
+    if (!s) return;
+    const r = N(s);
+    e.appendChild(r);
+    const o = [];
+    A(s, o);
+    for (const c of o)
+      c.mount(e, () => D(c, e));
+    M.set(e, { vTree: s });
+  }
+}
+function T(t, e) {
+  var n;
+  if (t == null) return null;
+  if (typeof t.type == "function") {
+    if (t.type[X]) {
+      const r = t.type._lifecycle;
+      try {
+        const o = new ct(t.type, t.props), c = t.type(t.props), i = T(c, e) ?? F("");
+        return i._instance = o, o.lastVTree = i, i;
+      } catch (o) {
+        if (r != null && r.onError) {
+          const c = r.onError({ error: o, props: t.props });
+          return T(c, e);
+        }
+        throw o;
+      }
+    }
+    const s = t.type({ ...t.props, children: t.children });
+    return T(s, e);
+  }
+  return (n = t.children) != null && n.length && (t.children = t.children.map((s) => T(s, e)).filter((s) => s != null)), t;
+}
+function D(t, e) {
+  var r, o;
+  const n = t.connectedFn, s = n._lifecycle;
+  try {
+    const c = n(t.props), i = T(c, e) ?? F("");
+    if (t.lastVTree) {
+      const a = k(t.lastVTree, i), d = ((r = t.lastVTree._dom) == null ? void 0 : r.parentNode) || e;
+      C(d, a);
+      for (const l of a)
+        l.type === f.REMOVE ? V(l.target, t) : l.type === f.REPLACE && V(l.oldVNode, t);
+      i._dom || (i._dom = t.lastVTree._dom);
+    }
+    i._instance = t, t.lastVTree = i, s != null && s.onUpdate && s.onUpdate({
+      dom: i == null ? void 0 : i._dom,
+      props: t.props
+    }), t.updateSelected();
+  } catch (c) {
+    if (s != null && s.onError) {
+      const u = s.onError({ error: c, props: t.props }), i = T(u, e);
+      if (t.lastVTree && i) {
+        const a = k(t.lastVTree, i), d = ((o = t.lastVTree._dom) == null ? void 0 : o.parentNode) || e;
+        C(d, a);
+        for (const l of a)
+          l.type === f.REMOVE ? V(l.target, t) : l.type === f.REPLACE && V(l.oldVNode, t);
+        i._dom || (i._dom = t.lastVTree._dom);
+      }
+      t.lastVTree = i, t.updateSelected();
+    } else
+      throw c;
+  }
+}
+function V(t, e) {
+  if (t && (t._instance && t._instance !== e && t._instance.unmount(), t.children))
+    for (const n of t.children)
+      V(n, e);
+}
+function A(t, e) {
+  if (t && (t._instance && e.push(t._instance), t.children))
+    for (const n of t.children)
+      A(n, e);
+}
+function x(t) {
+  return t.length > 1 && t.endsWith("/") ? t.slice(0, -1) : t || "/";
+}
+function W(t) {
+  const e = {};
+  if (!t) return e;
+  const n = t.startsWith("?") ? t.slice(1) : t;
+  return n && new URLSearchParams(n).forEach((r, o) => {
+    e[o] = r;
+  }), e;
+}
+function B(t, e) {
+  const n = x(t), s = x(e);
+  if (s === "*")
+    return { params: { "*": n } };
+  const r = n === "/" ? [""] : n.split("/").slice(1), o = s === "/" ? [""] : s.split("/").slice(1);
+  if (o.length > 0 && o[o.length - 1] === "*") {
+    const i = o.slice(0, -1);
+    if (r.length < i.length) return null;
+    const a = {};
+    for (let l = 0; l < i.length; l++) {
+      const m = i[l];
+      if (m.startsWith(":"))
+        a[m.slice(1)] = r[l];
+      else if (m !== r[l])
+        return null;
+    }
+    const d = r.slice(i.length).join("/");
+    return a["*"] = d, { params: a };
+  }
+  if (r.length !== o.length) return null;
+  const u = {};
+  for (let i = 0; i < o.length; i++) {
+    const a = o[i];
+    if (a.startsWith(":"))
+      u[a.slice(1)] = r[i];
+    else if (a !== r[i])
+      return null;
+  }
+  return { params: u };
+}
+function q(t, e) {
+  for (const n of e) {
+    const s = B(t, n.path);
+    if (s)
+      return { pattern: n.path, params: s.params };
+  }
+  return null;
+}
+function dt(t) {
+  const { routes: e, initialPath: n } = t, s = n ?? window.location.pathname, r = n ? "" : window.location.search, o = x(s), c = W(r), u = q(o, e), i = nt({
+    state: {
+      path: o,
+      params: (u == null ? void 0 : u.params) ?? {},
+      query: c,
+      matched: (u == null ? void 0 : u.pattern) ?? null
+    },
+    actions: {
+      _sync: (h, y) => y
+    }
+  });
+  function a(h) {
+    const y = h.indexOf("?"), S = x(y >= 0 ? h.slice(0, y) : h), w = y >= 0 ? h.slice(y + 1) : "", E = W(w), _ = q(S, e);
+    return {
+      path: S,
+      params: (_ == null ? void 0 : _.params) ?? {},
+      query: E,
+      matched: (_ == null ? void 0 : _.pattern) ?? null
+    };
+  }
+  function d(h) {
+    const y = a(h);
+    window.history.pushState(null, "", h), i.dispatch("_sync", y);
+  }
+  function l(h) {
+    const y = a(h);
+    window.history.replaceState(null, "", h), i.dispatch("_sync", y);
+  }
+  function m() {
+    window.history.back();
+  }
+  function p() {
+    window.history.forward();
+  }
+  function g() {
+    const h = a(
+      window.location.pathname + window.location.search
+    );
+    i.dispatch("_sync", h);
+  }
+  window.addEventListener("popstate", g);
+  function G() {
+    window.removeEventListener("popstate", g);
+  }
+  const Q = rt({
+    _path: i.select((h) => h.path)
+  })(function(y) {
+    const { _path: S, path: w, component: E, children: _, ...Y } = y, j = B(S, w);
+    return j ? E ? I(E, { ...Y, params: j.params }) : (_ == null ? void 0 : _[0]) ?? null : null;
+  });
+  function H(h) {
+    const { to: y, children: S, ...w } = h;
+    return I(
+      "a",
+      {
+        ...w,
+        href: y,
+        onClick: (E) => {
+          E.metaKey || E.ctrlKey || E.shiftKey || E.button !== 0 || (E.preventDefault(), d(y));
+        }
+      },
+      ...S || []
+    );
+  }
+  function J(h) {
+    return l(h.to), null;
+  }
+  return {
+    store: i,
+    navigate: d,
+    redirect: l,
+    back: m,
+    forward: p,
+    destroy: G,
+    Route: Q,
+    Link: H,
+    Redirect: J
+  };
+}
+export {
+  tt as Fragment,
+  rt as connect,
+  I as createElement,
+  dt as createRouter,
+  nt as createStore,
+  pt as flushSync,
+  I as h,
+  ht as render
+};
+//# sourceMappingURL=pulse.js.map