@manyducks.co/dolla 2.0.0-alpha.64 → 2.0.0-alpha.65

package/dist/index-Bh8JrCt1.js

@@ -0,0 +1,556 @@
+var rt = Object.defineProperty;
+var H = (r) => {
+  throw TypeError(r);
+};
+var nt = (r, t, e) => t in r ? rt(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
+var x = (r, t, e) => nt(r, typeof t != "symbol" ? t + "" : t, e), G = (r, t, e) => t.has(r) || H("Cannot " + e);
+var l = (r, t, e) => (G(r, t, "read from private field"), e ? e.call(r) : t.get(r)), b = (r, t, e) => t.has(r) ? H("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(r) : t.set(r, e), q = (r, t, e, n) => (G(r, t, "write to private field"), n ? n.call(r, e) : t.set(r, e), e), g = (r, t, e) => (G(r, t, "access private method"), e);
+var D = (r, t, e, n) => ({
+  set _(i) {
+    q(r, t, i, e);
+  },
+  get _() {
+    return l(r, t, n);
+  }
+});
+import { c as st } from "./logger-BuZRMjzE.js";
+import { D as at, V as it, m as ot, d as ct } from "./markup-DsJHUuod.js";
+import { w as F, m as U, d as lt, s as B, u as J, b as ht, h as ut } from "./signals-BDlRtifZ.js";
+import { c as ft, d as Y, b as Q, e as pt, f as X, i as dt, a as A, g as mt } from "./typeChecking-D0-H8_Xm.js";
+function W(r) {
+  return Y(r, "Expected `path` to be a string. Got type: %t, value: %v"), r.split("/").map((t) => t.trim()).filter((t) => t !== "");
+}
+function N(r) {
+  var e;
+  ft(
+    (n) => Q(n == null ? void 0 : n.toString),
+    r,
+    "Expected `parts` to be an array of objects with a .toString() method. Got type: %t, value: %v"
+  ), r = r.filter((n) => n).flatMap(String);
+  let t = (e = r.shift()) == null ? void 0 : e.toString();
+  if (t) {
+    for (const n of r.map((i) => i.toString()))
+      n.startsWith(".") ? t = I(t, n) : t[t.length - 1] !== "/" ? n[0] !== "/" ? t += "/" + n : t += n : n[0] === "/" ? t += n.slice(1) : t += n;
+    t && t !== "/" && t.endsWith("/") && (t = t.slice(0, t.length - 1));
+  }
+  return t ?? "";
+}
+function I(r, t) {
+  if (Y(r, "Expected `base` to be a string. Got type: %t, value: %v"), t == null && (t = r, r = ""), t.startsWith("/"))
+    return t;
+  let e = r;
+  for (; ; )
+    if (t.startsWith("..")) {
+      for (let n = e.length; n > 0; --n)
+        if (e[n] === "/" || n === 0) {
+          e = e.slice(0, n), t = t.replace(/^\.\.\/?/, "");
+          break;
+        }
+    } else if (t.startsWith("."))
+      t = t.replace(/^\.\/?/, "");
+    else
+      break;
+  return N([e, t]);
+}
+function wt(r) {
+  if (!r) return {};
+  r.startsWith("?") && (r = r.slice(1));
+  const t = r.split("&").filter((e) => e.trim() !== "").map(
+    (e) => e.split("=").map((n) => n.trim()).slice(0, 2)
+  );
+  return Object.fromEntries(t);
+}
+function Z(r, t, e = {}) {
+  var s;
+  const [n, i] = t.split("?"), a = W(n);
+  t: for (const h of r) {
+    const { fragments: o } = h;
+    if (!(((s = o[o.length - 1]) == null ? void 0 : s.type) === 3) && o.length !== a.length || e.willMatch && !e.willMatch(h))
+      continue t;
+    const u = [];
+    e: for (let c = 0; c < o.length; c++) {
+      const f = a[c], m = o[c];
+      if (f == null && m.type !== 3)
+        continue t;
+      switch (m.type) {
+        case 1:
+          if (m.name.toLowerCase() === f.toLowerCase()) {
+            u.push(m);
+            break;
+          } else
+            continue t;
+        case 2:
+          u.push({ ...m, value: f });
+          break;
+        case 3:
+          u.push({ ...m, value: a.slice(c).join("/") });
+          break e;
+        case 4:
+          if (isNaN(Number(f)))
+            continue t;
+          u.push({ ...m, value: f });
+          break;
+        default:
+          throw new Error(`Unknown fragment type: ${m.type}`);
+      }
+    }
+    const p = {};
+    for (const c of u)
+      c.type === 2 && (p[c.name] = decodeURIComponent(c.value)), c.type === 4 && (p[c.name] = String(c.value)), c.type === 3 && (p.wildcard = "/" + decodeURIComponent(c.value));
+    return {
+      path: "/" + u.map((c) => c.value).join("/"),
+      pattern: "/" + o.map((c) => c.type === 2 ? `{${c.name}}` : c.type === 4 ? `{#${c.name}}` : c.name).join("/"),
+      params: p,
+      query: wt(i),
+      meta: h.meta
+    };
+  }
+}
+function yt(r) {
+  const t = [], e = [], n = [], i = [];
+  for (const s of r) {
+    const { fragments: h } = s;
+    h.some(
+      (o) => o.type === 3
+      /* Wildcard */
+    ) ? i.push(s) : h.some(
+      (o) => o.type === 4
+      /* NumericParam */
+    ) ? e.push(s) : h.some(
+      (o) => o.type === 2
+      /* Param */
+    ) ? n.push(s) : t.push(s);
+  }
+  const a = (s, h) => s.fragments.length > h.fragments.length ? -1 : 1;
+  return t.sort(a), e.sort(a), n.sort(a), i.sort(a), [...t, ...e, ...n, ...i];
+}
+function gt(r) {
+  const t = W(r), e = [];
+  for (let n = 0; n < t.length; n++) {
+    const i = t[n];
+    if (i === "*") {
+      if (n !== t.length - 1)
+        throw new Error(`Wildcard must be at the end of a pattern. Received: ${r}`);
+      e.push({
+        type: 3,
+        name: "*",
+        value: null
+      });
+    } else i.at(0) === "{" && i.at(-1) === "}" ? e.push({
+      type: i[1] === "#" ? 4 : 2,
+      name: i[1] === "#" ? i.slice(2, -1) : i.slice(1, -1),
+      value: null
+    }) : e.push({
+      type: 1,
+      name: i,
+      value: i
+    });
+  }
+  return e;
+}
+const bt = /(noopener|noreferrer) (noopener|noreferrer)/, $t = /^[\w-_]+:/;
+function vt(r, t, e = window) {
+  function n(a) {
+    return !a || a === r ? null : a.localName !== "a" || a.href === void 0 ? n(a.parentNode) : a;
+  }
+  function i(a) {
+    if (a.button && a.button !== 0 || a.ctrlKey || a.metaKey || a.altKey || a.shiftKey || a.defaultPrevented)
+      return;
+    const s = n(a.target);
+    s && (e.location.protocol !== s.protocol || e.location.hostname !== s.hostname || e.location.port !== s.port || s.hasAttribute("data-router-ignore") || s.hasAttribute("download") || s.getAttribute("target") === "_blank" && bt.test(s.getAttribute("rel")) || $t.test(s.getAttribute("href")) || (a.preventDefault(), t(s)));
+  }
+  return r.addEventListener("click", i), function() {
+    r.removeEventListener("click", i);
+  };
+}
+function kt(r, t) {
+  for (const e in t) {
+    const n = t[e].toString();
+    r = r.replace(`{${e}}`, n).replace(`{#${e}}`, n);
+  }
+  return r;
+}
+const Et = Symbol("Router"), Rt = Symbol(), St = Symbol();
+var S, T, v, L, C, P, k, M, $, w, _, tt, et, O, K, V;
+class qt {
+  constructor(t) {
+    b(this, w);
+    b(this, S, st("dolla.router"));
+    b(this, T, 0);
+    b(this, v, []);
+    b(this, L, []);
+    b(this, C, !1);
+    b(this, P);
+    /**
+     * Use hash routing when true. Configured in router options.
+     */
+    b(this, k, !1);
+    /**
+     * Cleanup functions to call on unmount.
+     */
+    b(this, M, []);
+    /**
+     * The current match object (internal).
+     */
+    b(this, $, F());
+    /**
+     * The current match object.
+     */
+    x(this, "$match", U(
+      () => {
+        const t = l(this, $).call(this);
+        if (t)
+          return {
+            path: t.path,
+            pattern: t.pattern,
+            params: { ...t.params },
+            query: { ...t.query },
+            data: t.meta.data ?? {}
+          };
+      },
+      { equals: lt }
+    ));
+    /**
+     * The currently matched route pattern, if any.
+     */
+    x(this, "$pattern", U(() => {
+      var t;
+      return (t = l(this, $).call(this)) == null ? void 0 : t.pattern;
+    }));
+    /**
+     * The current URL path.
+     */
+    x(this, "$path", U(() => {
+      var t;
+      return ((t = l(this, $).call(this)) == null ? void 0 : t.path) ?? window.location.pathname;
+    }));
+    /**
+     * The current named path params.
+     */
+    x(this, "$params", U(() => {
+      var t;
+      return ((t = l(this, $).call(this)) == null ? void 0 : t.params) ?? {};
+    }, { equals: B }));
+    /**
+     * The current query params.
+     */
+    x(this, "$query", U(() => {
+      var t;
+      return ((t = l(this, $).call(this)) == null ? void 0 : t.query) ?? {};
+    }, { equals: B }));
+    pt(t, "Options must be an object. Got: %t"), t.hash && q(this, k, !0), q(this, L, yt(
+      t.routes.flatMap((e) => g(this, w, V).call(this, e)).map((e) => ({
+        pattern: e.pattern,
+        meta: e.meta,
+        fragments: gt(e.pattern)
+      }))
+    )), Mt(l(this, L));
+  }
+  async [Rt](t, e) {
+    const n = F();
+    q(this, P, {
+      id: D(this, T)._++,
+      node: new at(e, n),
+      context: e,
+      $slot: n
+    });
+    const i = () => g(this, w, O).call(this);
+    return window.addEventListener("popstate", i), l(this, M).push(() => window.removeEventListener("popstate", i)), l(this, M).push(
+      vt(t, (a) => {
+        l(this, S).info("intercepted click on <a> tag", a);
+        const s = a.getAttribute("href"), h = a.getAttribute("data-router-preserve-query");
+        this.go(s, {
+          preserveQuery: xt(h)
+        });
+      })
+    ), l(this, S).info("will intercept clicks on <a> tags within parent element:", t), q(this, C, !0), await g(this, w, O).call(this), l(this, P).node;
+  }
+  async [St]() {
+    for (const t of l(this, M))
+      t();
+    l(this, M).length = 0;
+  }
+  /**
+   * Navigate backward. Pass a number of steps to hit the back button that many times.
+   */
+  back(t = 1) {
+    window.history.go(-t);
+  }
+  /**
+   * Navigate forward. Pass a number of steps to hit the forward button that many times.
+   */
+  forward(t = 1) {
+    window.history.go(t);
+  }
+  /**
+   * Navigates to another route.
+   *
+   * @example
+   * router.go("/login"); // navigate to `/login`
+   * router.go["/users", 215], { replace: true }); // replace current history entry with `/users/215`
+   */
+  go(t, e = {}) {
+    let n;
+    Array.isArray(t) ? n = N(t) : n = t.toString(), n = I(window.location.pathname, n), e.replace ? g(this, w, tt).call(this, n, e) : g(this, w, _).call(this, n, e);
+  }
+  /**
+   * Updates query params, keeping existing ones and applying new ones. Removes the query param if value is set to `null`.
+   */
+  updateQuery(t) {
+    const e = J(l(this, $)), n = { ...this.$query() };
+    for (const s in t) {
+      const h = t[s];
+      h === null ? delete n[s] : n[s] = h.toString();
+    }
+    let i = [];
+    for (const s in n)
+      i.push(`${s}=${n[s]}`);
+    const a = i.length > 0 ? "?" + i.join("&") : "";
+    l(this, $).set({ ...e, query: n }), window.history.replaceState(null, "", l(this, k) ? "/#" + e.path + a : e.path + a);
+  }
+}
+S = new WeakMap(), T = new WeakMap(), v = new WeakMap(), L = new WeakMap(), C = new WeakMap(), P = new WeakMap(), k = new WeakMap(), M = new WeakMap(), $ = new WeakMap(), w = new WeakSet(), _ = function(t, e) {
+  l(this, S).info("(push)", t), window.history.pushState(null, "", l(this, k) ? "/#" + t : t), g(this, w, O).call(this, t, e);
+}, tt = function(t, e) {
+  l(this, S).info("(replace)", t), window.history.replaceState(null, "", l(this, k) ? "/#" + t : t), g(this, w, O).call(this, t, e);
+}, et = function() {
+  return l(this, k) ? new URL(window.location.hash.slice(1), window.location.origin) : new URL(window.location.pathname, window.location.origin);
+}, O = async function(t, e = {}) {
+  const n = l(this, S), i = t ? new URL(t, window.location.origin) : g(this, w, et).call(this), { match: a, journey: s, state: h } = await g(this, w, K).call(this, i);
+  for (let p = 0; p < s.length; p++) {
+    const c = s[p], f = `(update: step ${p + 1} of ${s.length})`;
+    switch (c.kind) {
+      case "match":
+        n == null || n.info(`${f} 📍 ${c.message}`);
+        break;
+      case "redirect":
+        n == null || n.info(`${f} ↩️ ${c.message}`);
+        break;
+      case "miss":
+        n == null || n.info(`${f} 💀 ${c.message}`);
+        break;
+    }
+  }
+  if (!a) {
+    if (l(this, C))
+      throw n.crash(new Lt(`Failed to match route '${i.pathname}'`));
+    return;
+  }
+  let o = a.query, d = [];
+  if (e.preserveQuery === !0)
+    o = Object.assign({}, this.$query(), a.query);
+  else if (X(e.preserveQuery)) {
+    const p = {}, c = this.$query();
+    for (const f in c)
+      e.preserveQuery.includes(f) && (p[f] = c[f]);
+    o = Object.assign({}, p, a.query);
+  }
+  for (const p in o)
+    d.push(`${p}=${o[p]}`);
+  const u = d.length > 0 ? "?" + d.join("&") : "";
+  return (a.path !== location.pathname || location.search !== u) && window.history.replaceState(null, "", l(this, k) ? "/#" + a.path + u : a.path + u), ht(() => {
+    const p = J(this.$pattern);
+    if (l(this, $).set({ ...a, query: o }), a.pattern === p) {
+      for (const f of l(this, v)) {
+        const m = h.get(f.id);
+        m && f.context.setState(m);
+      }
+      return;
+    }
+    const c = a.meta.layers;
+    n.info("mounting", a);
+    for (let f = 0; f < c.length; f++) {
+      const m = c[f], y = l(this, v)[f];
+      if ((y == null ? void 0 : y.id) !== m.id) {
+        q(this, v, l(this, v).slice(0, f)), y == null || y.node.unmount();
+        const E = l(this, v).at(-1) ?? l(this, P), R = F(), j = new it(E.context, m.view, {
+          children: ot(ct.Dynamic, { source: R })
+        }), z = h.get(m.id);
+        z && j.context.setState(z), l(this, v).push({
+          id: m.id,
+          node: j,
+          context: j.context,
+          $slot: R
+        }), E.$slot.set(j);
+      } else {
+        const E = h.get(y.id);
+        E && y.context.setState(E);
+      }
+    }
+  }), { match: a, journey: s };
+}, K = async function(t, e = [], n = /* @__PURE__ */ new Map()) {
+  return new Promise((i, a) => {
+    var d;
+    const s = Z(l(this, L), t.pathname);
+    if (!s)
+      return i({
+        match: null,
+        journey: [...e, { kind: "miss", message: `no match for '${t.pathname}'` }],
+        state: n
+      });
+    let h = s.meta.redirect;
+    const o = async () => {
+      if (h != null) {
+        let u;
+        if (A(h))
+          u = kt(h, s.params);
+        else if (Q(h)) {
+          const p = {
+            path: s.path,
+            pattern: s.pattern,
+            params: s.params,
+            query: s.query,
+            data: s.meta.data ?? {}
+          };
+          if (u = await h(p), !A(u))
+            return a(new Error("Redirect function must return a path to redirect to."));
+          u.startsWith("/") || (u = I(s.path, u));
+        } else
+          return a(new TypeError("Redirect must either be a path string or a function."));
+        i(
+          g(this, w, K).call(this, new URL(u, window.location.origin), [
+            ...e,
+            { kind: "redirect", message: `redirecting '${s.path}' -> '${u}'` }
+          ])
+        );
+      } else
+        i({ match: s, journey: [...e, { kind: "match", message: `matched route '${s.path}'` }], state: n });
+    };
+    if ((d = s.meta.beforeMatch) != null && d.length) {
+      const u = s.meta.beforeMatch;
+      let p = -1;
+      const c = () => {
+        if (p++, p === u.length)
+          o();
+        else {
+          let f = !1;
+          const m = u[p].fn({
+            path: s.path,
+            pattern: s.pattern,
+            params: s.params,
+            query: s.query,
+            data: s.meta.data ?? {},
+            setState: (...y) => {
+              const E = u[p].layerId, R = [];
+              if (y.length === 1 && mt(X, y[0]))
+                R.push(...y[0]);
+              else if (y.length === 2)
+                R.push([y[0], y[1]]);
+              else
+                throw new Error("Invalid arguments.");
+              n.get(E) ? R.push(...R) : n.set(E, R);
+            },
+            redirect: (y) => {
+              h = y, f = !0, o();
+            }
+          });
+          f || (m instanceof Promise ? m.then(c) : c());
+        }
+      };
+      c();
+    } else
+      o();
+  });
+}, /**
+ * Parses a route definition object into a set of matchable routes.
+ *
+ * @param route - Route config object.
+ * @param layers - Array of parent layers. Passed when this function calls itself on nested routes.
+ */
+V = function(t, e = [], n = []) {
+  if (!dt(t) || !A(t.path))
+    throw new TypeError(`Route configs must be objects with a 'path' string property. Got: ${t}`);
+  if (t.redirect && t.routes)
+    throw new Error("Route cannot have both a 'redirect' and nested 'routes'.");
+  if (t.redirect && t.view)
+    throw new Error("Route cannot have both a 'redirect' and a 'view'.");
+  if (!t.view && !t.routes && !t.redirect)
+    throw new Error("Route must have a 'view', a 'redirect', or a set of nested 'routes'.");
+  let i = [];
+  for (const o of e)
+    i.push(...W(o.path));
+  i.push(...W(t.path)), i[i.length - 1] === "*" && i.pop();
+  const a = [];
+  if (t.redirect) {
+    let o = t.redirect;
+    A(o) && (o = I(N(i), o), o.startsWith("/") || (o = "/" + o));
+    const d = {
+      pattern: "/" + N([...i, ...W(t.path)]),
+      meta: {
+        redirect: o
+      }
+    };
+    return a.push(d), a;
+  }
+  let s = (o) => o.children;
+  if (Q(t.view))
+    s = t.view;
+  else if (t.view)
+    throw new TypeError(`Route '${t.path}' expected a view function or undefined. Got: ${t.view}`);
+  const h = { id: D(this, T)._++, view: s };
+  if (t.routes)
+    for (const o of t.routes)
+      a.push(...g(this, w, V).call(this, o, [...e, t], [...n, h]));
+  else {
+    const o = {
+      pattern: e.length ? N([...e.map((d) => d.path), t.path]) : t.path,
+      meta: {
+        pattern: t.path,
+        layers: [...n, h],
+        // Store the layer ID with each beforeMatch so we can correlate which context needs to get any state that is set.
+        beforeMatch: e.flatMap((d, u) => d.beforeMatch ? { fn: d.beforeMatch, layerId: n[u].id } : null).concat(t.beforeMatch ? { fn: t.beforeMatch, layerId: h.id } : null).filter((d) => d != null)
+      }
+    };
+    if (t.data) {
+      const d = e.at(-1);
+      d ? o.meta.data = { ...d.data, ...t.data } : o.meta.data = t.data;
+    }
+    a.push(o);
+  }
+  return a;
+};
+function Mt(r) {
+  for (const t of r)
+    if (t.meta.redirect) {
+      let e;
+      if (!Q(t.meta.redirect)) if (A(t.meta.redirect)) {
+        if (e = t.meta.redirect, !Z(r, e, {
+          willMatch(i) {
+            return i !== t;
+          }
+        }))
+          throw new Error(`Found a redirect to an undefined URL. From '${t.pattern}' to '${t.meta.redirect}'`);
+      } else
+        throw new TypeError(`Expected a string or redirect function. Got: ${t.meta.redirect}`);
+    }
+}
+function xt(r) {
+  if (r === null)
+    return !1;
+  if (r === !0 || r === !1)
+    return r;
+  if (typeof r == "string")
+    return r = r.trim(), r === "" || r === "true" ? !0 : r === "false" ? !1 : r.split(",").map((t) => t.trim()).filter((t) => t.length > 0);
+  throw new Error(`Invalid type for data-router-preserve-query attribute: ${typeof r} (value: ${r})`);
+}
+class Lt extends Error {
+}
+function Ot() {
+  const r = ut();
+  if (!r) throw new Error("Hooks can only be called in the body of a View, Store or Mixin.");
+  const t = r.getState(Et, { fallback: null });
+  if (!t) throw new Error("useRoute can only be called within an app that uses a router.");
+  return t;
+}
+function Wt(r) {
+  return new qt(r);
+}
+export {
+  Rt as M,
+  qt as R,
+  St as U,
+  Et as a,
+  Wt as c,
+  Ot as u
+};
+//# sourceMappingURL=index-Bh8JrCt1.js.map