@manyducks.co/dolla 2.0.0-alpha.51 → 2.0.0-alpha.53

package/dist/index.js

@@ -1,951 +1,24 @@
-var zt = Object.defineProperty;
-var St = (i) => {
-  throw TypeError(i);
-};
-var Bt = (i, t, e) => t in i ? zt(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
-var g = (i, t, e) => Bt(i, typeof t != "symbol" ? t + "" : t, e), gt = (i, t, e) => t.has(i) || St("Cannot " + e);
-var a = (i, t, e) => (gt(i, t, "read from private field"), e ? e.call(i) : t.get(i)), f = (i, t, e) => t.has(i) ? St("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(i) : t.set(i, e), p = (i, t, e, s) => (gt(i, t, "write to private field"), s ? s.call(i, e) : t.set(i, e), e), d = (i, t, e) => (gt(i, t, "access private method"), e);
-var _t = (i, t, e, s) => ({
-  set _(n) {
-    p(i, t, n, e);
-  },
-  get _() {
-    return a(i, t, s);
-  }
-});
-import { a as Kt, b as Ft, i as H, I as Ot, $ as R, c as Jt, p as Mt, d as Xt, e as D, f as q, s as xt, g as Yt, t as Pt, h as ht, m as M, w as Zt, j as Tt, S as te, k as qt, l as Lt, V as ee, n as se, o as re, q as ne, r as ie } from "./markup-QqAGIoYP.js";
-import { u as Ce, x as Ve, y as De, v as Ae, z as We } from "./markup-QqAGIoYP.js";
-function Nt(i, t) {
-  return t.outlet();
-}
-function K(i) {
-  return Ft(i, "Expected `path` to be a string. Got type: %t, value: %v"), i.split("/").map((t) => t.trim()).filter((t) => t !== "");
-}
-function z(i) {
-  var e;
-  Kt(
-    (s) => H(s == null ? void 0 : s.toString),
-    i,
-    "Expected `parts` to be an array of objects with a .toString() method. Got type: %t, value: %v"
-  ), i = i.filter((s) => s).flatMap(String);
-  let t = (e = i.shift()) == null ? void 0 : e.toString();
-  if (t) {
-    for (const s of i.map((n) => n.toString()))
-      s.startsWith(".") ? t = ut(t, s) : t[t.length - 1] !== "/" ? s[0] !== "/" ? t += "/" + s : t += s : s[0] === "/" ? t += s.slice(1) : t += s;
-    t && t !== "/" && t.endsWith("/") && (t = t.slice(0, t.length - 1));
-  }
-  return t ?? "";
-}
-function ut(i, t) {
-  if (Ft(i, "Expected `base` to be a string. Got type: %t, value: %v"), t == null && (t = i, i = ""), t.startsWith("/"))
-    return t;
-  let e = i;
-  for (; ; )
-    if (t.startsWith("..")) {
-      for (let s = e.length; s > 0; --s)
-        if (e[s] === "/" || s === 0) {
-          e = e.slice(0, s), t = t.replace(/^\.\.\/?/, "");
-          break;
-        }
-    } else if (t.startsWith("."))
-      t = t.replace(/^\.\/?/, "");
+import { o as g } from "./logger-CByUPmlz.js";
+import { $ as O, f as P, d as B, e as N, g as U, b as v, p as $, c as z, h as D, i as I, s as W, a as Y } from "./logger-CByUPmlz.js";
+import { m as o, w as p, c as u, r as h } from "./view-CAEIbcZt.js";
+import { S as A, b as G, p as j, a as H, u as J } from "./view-CAEIbcZt.js";
+import { R as y, a as E, M as w, U as b } from "./router-W2HPWbeI.js";
+import { i as x, a as c } from "./typeChecking-EAVNeFyB.js";
+const f = Symbol("Ref.EMPTY");
+function T(e = f) {
+  return function() {
+    if (arguments.length === 0) {
+      if (e === f)
+        throw new Error("Ref getter was called, but ref has no value! Be sure to set your refs before accessing them.");
+    } else if (arguments.length === 1)
+      e = arguments[0];
     else
-      break;
-  return z([e, t]);
-}
-function ae(i) {
-  if (!i) return {};
-  i.startsWith("?") && (i = i.slice(1));
-  const t = i.split("&").filter((e) => e.trim() !== "").map(
-    (e) => e.split("=").map((s) => s.trim()).slice(0, 2)
-  );
-  return Object.fromEntries(t);
-}
-function Ut(i, t, e = {}) {
-  var o;
-  const [s, n] = t.split("?"), r = K(s);
-  t: for (const c of i) {
-    const { fragments: l } = c;
-    if (!(((o = l[l.length - 1]) == null ? void 0 : o.type) === 3) && l.length !== r.length || e.willMatch && !e.willMatch(c))
-      continue t;
-    const m = [];
-    e: for (let h = 0; h < l.length; h++) {
-      const k = r[h], E = l[h];
-      if (k == null && E.type !== 3)
-        continue t;
-      switch (E.type) {
-        case 1:
-          if (E.name.toLowerCase() === k.toLowerCase()) {
-            m.push(E);
-            break;
-          } else
-            continue t;
-        case 2:
-          m.push({ ...E, value: k });
-          break;
-        case 3:
-          m.push({ ...E, value: r.slice(h).join("/") });
-          break e;
-        case 4:
-          if (isNaN(Number(k)))
-            continue t;
-          m.push({ ...E, value: k });
-          break;
-        default:
-          throw new Error(`Unknown fragment type: ${E.type}`);
-      }
-    }
-    const y = {};
-    for (const h of m)
-      h.type === 2 && (y[h.name] = decodeURIComponent(h.value)), h.type === 4 && (y[h.name] = String(h.value)), h.type === 3 && (y.wildcard = "/" + decodeURIComponent(h.value));
-    return {
-      path: "/" + m.map((h) => h.value).join("/"),
-      pattern: "/" + l.map((h) => h.type === 2 ? `{${h.name}}` : h.type === 4 ? `{#${h.name}}` : h.name).join("/"),
-      params: y,
-      query: ae(n),
-      meta: c.meta
-    };
-  }
-}
-function oe(i) {
-  const t = [], e = [], s = [], n = [];
-  for (const o of i) {
-    const { fragments: c } = o;
-    c.some(
-      (l) => l.type === 3
-      /* Wildcard */
-    ) ? n.push(o) : c.some(
-      (l) => l.type === 4
-      /* NumericParam */
-    ) ? e.push(o) : c.some(
-      (l) => l.type === 2
-      /* Param */
-    ) ? s.push(o) : t.push(o);
-  }
-  const r = (o, c) => o.fragments.length > c.fragments.length ? -1 : 1;
-  return t.sort(r), e.sort(r), s.sort(r), n.sort(r), [...t, ...e, ...s, ...n];
-}
-function le(i) {
-  const t = K(i), e = [];
-  for (let s = 0; s < t.length; s++) {
-    const n = t[s];
-    if (n === "*") {
-      if (s !== t.length - 1)
-        throw new Error(`Wildcard must be at the end of a pattern. Received: ${i}`);
-      e.push({
-        type: 3,
-        name: "*",
-        value: null
-      });
-    } else n.at(0) === "{" && n.at(-1) === "}" ? e.push({
-      type: n[1] === "#" ? 4 : 2,
-      name: n[1] === "#" ? n.slice(2, -1) : n.slice(1, -1),
-      value: null
-    }) : e.push({
-      type: 1,
-      name: n,
-      value: n
-    });
-  }
-  return e;
-}
-const ce = /(noopener|noreferrer) (noopener|noreferrer)/, he = /^[\w-_]+:/;
-function ue(i, t, e = window) {
-  function s(r) {
-    return !r || r === i ? null : r.localName !== "a" || r.href === void 0 ? s(r.parentNode) : r;
-  }
-  function n(r) {
-    if (r.button && r.button !== 0 || r.ctrlKey || r.metaKey || r.altKey || r.shiftKey || r.defaultPrevented)
-      return;
-    const o = s(r.target);
-    o && (e.location.protocol !== o.protocol || e.location.hostname !== o.hostname || e.location.port !== o.port || o.hasAttribute("data-router-ignore") || o.hasAttribute("download") || o.getAttribute("target") === "_blank" && ce.test(o.getAttribute("rel")) || he.test(o.getAttribute("href")) || (r.preventDefault(), t(o)));
-  }
-  return i.addEventListener("click", n), function() {
-    i.removeEventListener("click", n);
-  };
-}
-function fe(i, t) {
-  for (const e in t) {
-    const s = t[e].toString();
-    i = i.replace(`{${e}}`, s).replace(`{#${e}}`, s);
-  }
-  return i;
-}
-function Le(i) {
-  return new pe(i);
-}
-const It = Symbol.for("DollaRouterMountMethod"), Ct = Symbol.for("DollaRouterUnmountMethod");
-function yt(i) {
-  return (i == null ? void 0 : i[Ot]) === !0;
-}
-async function de(i, t) {
-  return i[It](t);
-}
-async function me(i) {
-  return i[Ct]();
-}
-var jt, J, P, ft, L, U, X, T, I, S, w, Vt, Dt, At, B, Wt, bt, vt;
-class pe {
-  constructor(t) {
-    f(this, w);
-    g(this, jt, !0);
-    f(this, J);
-    f(this, P);
-    f(this, ft, 0);
-    f(this, L, []);
-    f(this, U, []);
-    f(this, X, !1);
-    /**
-     * Use hash routing when true. Configured in router options.
-     */
-    f(this, T, !1);
-    // Callbacks that need to be called on unmount.
-    f(this, I, []);
-    /**
-     * The current match object.
-     */
-    f(this, S, R());
-    /**
-     * The currently matched route pattern, if any.
-     */
-    g(this, "pattern", R(() => {
-      var t;
-      return (t = a(this, S).call(this)) == null ? void 0 : t.pattern;
-    }));
-    /**
-     * The current URL path.
-     */
-    g(this, "path", R(() => {
-      var t;
-      return ((t = a(this, S).call(this)) == null ? void 0 : t.path) ?? window.location.pathname;
-    }));
-    /**
-     * The current named path params.
-     */
-    g(this, "params", R(() => {
-      var t;
-      return ((t = a(this, S).call(this)) == null ? void 0 : t.params) ?? {};
-    }, { equals: xt }));
-    /**
-     * The current query params. Changes to this object will be reflected in the URL.
-     */
-    g(this, "query", R(() => {
-      var t;
-      return ((t = a(this, S).call(this)) == null ? void 0 : t.query) ?? {};
-    }, { equals: xt }));
-    Jt(t, "Options must be an object. Got: %t"), t.hash && p(this, T, !0), p(this, U, oe(
-      t.routes.flatMap((e) => d(this, w, vt).call(this, e)).map((e) => ({
-        pattern: e.pattern,
-        meta: e.meta,
-        fragments: le(e.pattern)
-      }))
-    )), console.log({ routes: t.routes, prepared: a(this, U) }), we(a(this, U));
-  }
-  async [(jt = Ot, It)](t) {
-    p(this, J, t), p(this, P, t.createLogger("Dolla.router"));
-    const e = () => {
-      d(this, w, B).call(this, void 0, {});
-    };
-    window.addEventListener("popstate", e), a(this, I).push(() => window.removeEventListener("popstate", e));
-    const s = t.getRootElement();
-    a(this, I).push(
-      ue(s, (n) => {
-        let r = n.getAttribute("href");
-        a(this, P).info("intercepted click on <a> tag", n);
-        const o = n.getAttribute("data-router-preserve-query");
-        this.go(r, {
-          preserveQuery: ge(o)
-        });
-      })
-    ), a(this, P).info("will intercept clicks on <a> tags within root element", s), p(this, X, !0), await d(this, w, B).call(this, void 0, {});
-  }
-  async [Ct]() {
-    for (const t of a(this, I))
-      t();
-    p(this, I, []);
-  }
-  /**
-   * 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 s;
-    Array.isArray(t) ? s = z(t) : s = t.toString(), s = ut(window.location.pathname, s), e.replace ? d(this, w, Dt).call(this, s, e) : d(this, w, Vt).call(this, s, 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 = Mt(a(this, S)), s = { ...this.query() };
-    for (const o in t) {
-      const c = t[o];
-      c === null ? delete s[o] : s[o] = c.toString();
-    }
-    let n = [];
-    for (const o in s)
-      n.push(`${o}=${s[o]}`);
-    const r = n.length > 0 ? "?" + n.join("&") : "";
-    a(this, S).call(this, { ...e, query: s }), window.history.replaceState(null, "", a(this, T) ? "/#" + e.path + r : e.path + r);
-  }
-}
-J = new WeakMap(), P = new WeakMap(), ft = new WeakMap(), L = new WeakMap(), U = new WeakMap(), X = new WeakMap(), T = new WeakMap(), I = new WeakMap(), S = new WeakMap(), w = new WeakSet(), Vt = function(t, e) {
-  var s;
-  (s = a(this, P)) == null || s.info("(push)", t), window.history.pushState(null, "", a(this, T) ? "/#" + t : t), d(this, w, B).call(this, t, e);
-}, Dt = function(t, e) {
-  var s;
-  (s = a(this, P)) == null || s.info("(replace)", t), window.history.replaceState(null, "", a(this, T) ? "/#" + t : t), d(this, w, B).call(this, t, e);
-}, At = function() {
-  return a(this, T) ? new URL(window.location.hash.slice(1), window.location.origin) : new URL(window.location.pathname, window.location.origin);
-}, B = async function(t, e) {
-  var l;
-  const s = a(this, P), n = (l = a(this, J)) == null ? void 0 : l.getRootView(), r = t ? new URL(t, window.location.origin) : d(this, w, At).call(this), { match: o, journey: c } = await d(this, w, bt).call(this, r);
-  for (const u of c)
-    switch (u.kind) {
-      case "match":
-        s == null || s.info(`📍 ${u.message}`);
-        break;
-      case "redirect":
-        s == null || s.info(`↩️ ${u.message}`);
-        break;
-      case "miss":
-        s == null || s.info(`💀 ${u.message}`);
-        break;
-    }
-  if (o) {
-    const u = Mt(this.pattern);
-    let m = o.query, y = [];
-    if (e.preserveQuery === !0)
-      m = Object.assign({}, this.query(), o.query);
-    else if (Xt(e.preserveQuery)) {
-      const k = {}, E = this.query();
-      for (const wt in E)
-        e.preserveQuery.includes(wt) && (k[wt] = E[wt]);
-      m = Object.assign({}, k, o.query);
-    }
-    for (const k in m)
-      y.push(`${k}=${m[k]}`);
-    const h = y.length > 0 ? "?" + y.join("&") : "";
-    a(this, S).call(this, { ...o, query: m }), n && (o.path !== location.pathname || location.search !== h) && window.history.replaceState(null, "", a(this, T) ? "/#" + o.path + h : o.path + h), n && o.pattern !== u && d(this, w, Wt).call(this, n, o);
-  } else
-    a(this, X) && s.crash(new ye(`Failed to match route '${r.pathname}'`));
-  return { match: o, journey: c };
-}, /**
- * Takes a matched route and mounts it.
- */
-Wt = function(t, e) {
-  const s = e.meta.layers;
-  for (let n = 0; n < s.length; n++) {
-    const r = s[n], o = a(this, L)[n];
-    if ((o == null ? void 0 : o.id) !== r.id) {
-      p(this, L, a(this, L).slice(0, n)), o == null || o.view.unmount();
-      const c = a(this, L).at(-1), u = ((c == null ? void 0 : c.view) ?? t).setRouteView(r.view);
-      a(this, L).push({ id: r.id, view: u });
-    }
-  }
-}, bt = async function(t, e = []) {
-  return new Promise((s, n) => {
-    var l;
-    const r = Ut(a(this, U), t.pathname);
-    if (!r)
-      return s({
-        match: null,
-        journey: [...e, { kind: "miss", message: `no match for '${t.pathname}'` }]
-      });
-    let o = r.meta.redirect;
-    const c = async () => {
-      if (o != null) {
-        let u;
-        if (q(o))
-          u = fe(o, r.params);
-        else if (H(o)) {
-          const m = {
-            path: r.path,
-            pattern: r.pattern,
-            params: r.params,
-            query: r.query
-          };
-          if (u = await o(m), !q(u))
-            return n(new Error("Redirect function must return a path to redirect to."));
-          u.startsWith("/") || (u = ut(r.path, u));
-        } else
-          return n(new TypeError("Redirect must either be a path string or a function."));
-        s(
-          d(this, w, bt).call(this, new URL(u, window.location.origin), [
-            ...e,
-            { kind: "redirect", message: `redirecting '${r.path}' -> '${u}'` }
-          ])
-        );
-      } else
-        s({ match: r, journey: [...e, { kind: "match", message: `matched route '${r.path}'` }] });
-    };
-    if ((l = r.meta.beforeMatch) != null && l.length) {
-      const u = r.meta.beforeMatch;
-      let m = -1;
-      const y = () => {
-        m++, m === u.length ? c() : u[m]({
-          path: r.path,
-          pattern: r.pattern,
-          params: r.params,
-          query: r.query,
-          // TODO: Allow setting context variables from here? Would apply to the context of the matched view.
-          redirect: (h) => {
-            o = h, c();
-          },
-          next: y
-        });
-      };
-      y();
-    } else
-      c();
-  });
-}, /**
- * 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.
- */
-vt = function(t, e = [], s = []) {
-  if (!D(t) || !q(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 n = [];
-  for (const l of e)
-    n.push(...K(l.path));
-  n.push(...K(t.path)), n[n.length - 1] === "*" && n.pop();
-  const r = [];
-  if (t.redirect) {
-    let l = t.redirect;
-    return q(l) && (l = ut(z(n), l), l.startsWith("/") || (l = "/" + l)), r.push({
-      pattern: "/" + z([...n, ...K(t.path)]),
-      meta: {
-        redirect: l
-      }
-    }), r;
-  }
-  let o = Nt;
-  if (H(t.view))
-    o = t.view;
-  else if (t.view)
-    throw new TypeError(`Route '${t.path}' expected a view function or undefined. Got: ${t.view}`);
-  const c = { id: _t(this, ft)._++, view: o };
-  if (t.routes)
-    for (const l of t.routes)
-      r.push(...d(this, w, vt).call(this, l, [...e, t], [...s, c]));
-  else
-    r.push({
-      pattern: parent ? z([...e.map((l) => l.path), t.path]) : t.path,
-      meta: {
-        pattern: t.path,
-        layers: [...s, c],
-        beforeMatch: e.flatMap((l) => l.beforeMatch).concat(t.beforeMatch).filter((l) => l != null)
-      }
-    });
-  return r;
-};
-function we(i) {
-  for (const t of i)
-    if (t.meta.redirect) {
-      let e;
-      if (!H(t.meta.redirect)) if (q(t.meta.redirect)) {
-        if (e = t.meta.redirect, !Ut(i, e, {
-          willMatch(n) {
-            return n !== 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 ge(i) {
-  if (i === null)
-    return !1;
-  if (i === !0 || i === !1)
-    return i;
-  if (typeof i == "string")
-    return i = i.trim(), i === "" || i === "true" ? !0 : i === "false" ? !1 : i.split(",").map((t) => t.trim()).filter((t) => t.length > 0);
-  throw new Error(`Invalid type for data-router-preserve-query attribute: ${typeof i} (value: ${i})`);
-}
-class ye extends Error {
-}
-var C, dt, $, x;
-class be {
-  constructor() {
-    f(this, $);
-    f(this, C, []);
-    f(this, dt, ve());
-  }
-  /**
-   * Adds a new middleware that will apply to subsequent requests.
-   * Returns a function to remove this middleware.
-   *
-   * @param middleware - A middleware function that will intercept requests.
-   */
-  use(t) {
-    return a(this, C).push(t), () => {
-      a(this, C).splice(a(this, C).indexOf(t), 1);
-    };
-  }
-  async get(t, e) {
-    return d(this, $, x).call(this, "get", t, e);
-  }
-  async put(t, e) {
-    return d(this, $, x).call(this, "put", t, e);
-  }
-  async patch(t, e) {
-    return d(this, $, x).call(this, "patch", t, e);
-  }
-  async post(t, e) {
-    return d(this, $, x).call(this, "post", t, e);
-  }
-  async delete(t, e) {
-    return d(this, $, x).call(this, "delete", t, e);
-  }
-  async head(t, e) {
-    return d(this, $, x).call(this, "head", t, e);
-  }
-  async options(t, e) {
-    return d(this, $, x).call(this, "options", t, e);
-  }
-  async trace(t, e) {
-    return d(this, $, x).call(this, "trace", t, e);
-  }
-}
-C = new WeakMap(), dt = new WeakMap(), $ = new WeakSet(), x = async function(t, e, s) {
-  return new $e({
-    ...s,
-    method: t,
-    uri: e,
-    middleware: a(this, C),
-    fetch: a(this, dt)
-  }).fetch();
-};
-function ve() {
-  if (typeof window < "u" && window.fetch)
-    return window.fetch.bind(window);
-  if (typeof global < "u" && global.fetch)
-    return global.fetch.bind(global);
-  throw new Error("Running in neither browser nor node. Please run this app in one of the supported environments.");
-}
-class ke extends Error {
-  constructor(e) {
-    const { status: s, statusText: n, method: r, url: o } = e, c = `${s} ${n}: Request failed (${r.toUpperCase()} ${o.toString()})`;
-    super(c);
-    g(this, "response");
-    this.response = e;
-  }
-}
-class Ee {
-  constructor(t) {
-    g(this, "method");
-    g(this, "url");
-    g(this, "headers", new Headers());
-    g(this, "body");
-    this.method = t.method, this.body = t.body, t.uri.startsWith("http") ? this.url = new URL(t.uri) : this.url = new URL(t.uri, window.location.origin), this._applyHeaders(t.headers), this._applyQueryParams(t.query);
-  }
-  get isSameOrigin() {
-    return this.url.origin === window.location.origin;
-  }
-  _applyHeaders(t) {
-    if (t != null)
-      if (t instanceof Map || t instanceof Headers)
-        t.forEach((e, s) => {
-          this.headers.set(s, e);
-        });
-      else if (D(t))
-        for (const e in t) {
-          const s = t[e];
-          s instanceof Date ? this.headers.set(e, s.toISOString()) : s != null && this.headers.set(e, String(s));
-        }
-      else
-        throw new TypeError(`Unknown headers type. Got: ${t}`);
-  }
-  _applyQueryParams(t) {
-    if (t != null)
-      if (t instanceof Map || t instanceof URLSearchParams)
-        t.forEach((e, s) => {
-          this.url.searchParams.set(s, e);
-        });
-      else if (D(t))
-        for (const e in t) {
-          const s = t[e];
-          s instanceof Date ? this.url.searchParams.set(e, s.toISOString()) : s != null && this.url.searchParams.set(e, String(s));
-        }
-      else
-        throw new TypeError(`Unknown query params type. Got: ${t}`);
-  }
-}
-class $e {
-  constructor(t) {
-    g(this, "_middleware");
-    g(this, "_fetch");
-    g(this, "_request");
-    g(this, "_response");
-    this._middleware = t.middleware, this._fetch = t.fetch, this._request = new Ee(t);
-  }
-  async fetch() {
-    if (this._middleware.length > 0) {
-      const t = (e = 0) => {
-        const s = this._middleware[e], n = this._middleware[e + 1] ? t(e + 1) : this._handler.bind(this);
-        return async () => s(this._request, async () => (await n(), this._response));
-      };
-      await t()();
-    } else
-      await this._handler();
-    if (this._response.status < 200 || this._response.status >= 400)
-      throw new ke(this._response);
-    return this._response;
-  }
-  // This is the function that performs the actual request after the final middleware.
-  async _handler() {
-    let t;
-    const e = this._request;
-    !e.headers.has("content-type") && D(e.body) ? (e.headers.set("content-type", "application/json"), t = JSON.stringify(e.body)) : t = e.body;
-    const s = await this._fetch(e.url.toString(), {
-      method: e.method,
-      headers: e.headers,
-      body: t
-    }), n = s.headers.get("content-type");
-    let r;
-    n != null && n.includes("application/json") ? r = await s.json() : n != null && n.includes("application/x-www-form-urlencoded") ? r = await s.formData() : r = await s.text(), this._response = {
-      method: e.method,
-      url: e.url,
-      status: s.status,
-      statusText: s.statusText,
-      headers: s.headers,
-      body: r
-    };
-  }
-}
-var mt, W, A, kt, Gt;
-class Re {
-  constructor(t, e) {
-    f(this, A);
-    g(this, "dolla");
-    g(this, "config");
-    f(this, mt, !1);
-    f(this, W, /* @__PURE__ */ new Map());
-    this.config = t, this.dolla = e;
-  }
-  async load() {
-    let t;
-    if (!a(this, mt)) {
-      if (D(this.config.strings))
-        t = this.config.strings;
-      else if (H(this.config.fetch)) {
-        if (t = await this.config.fetch(), !D(t))
-          throw new Error(`Fetch function did not return an object of language strings: ${t}`);
-      } else if (q(this.config.path)) {
-        const e = await fetch(this.config.path);
-        if (e.ok) {
-          const s = await e.json();
-          if (D(s))
-            t = s;
-          else
-            throw new Error(
-              `Language path '${this.config.path}' did not return an object of language strings: ${s}`
-            );
-        } else
-          throw new Error("HTTP request failed.");
-      }
-    }
-    if (t) {
-      const e = d(this, A, kt).call(this, t);
-      for (const s of e)
-        a(this, W).set(s[0], s[1]);
-    } else
-      throw new Error("Language could not be loaded.");
-  }
-  getTemplate(t) {
-    return a(this, W).get(t) ?? {
-      segments: [{ type: 0, text: `[MISSING: ${t}]` }]
-    };
-  }
-  hasTemplate(t) {
-    return a(this, W).has(t);
-  }
-}
-mt = new WeakMap(), W = new WeakMap(), A = new WeakSet(), kt = function(t, e = []) {
-  const s = [];
-  for (const n in t)
-    switch (Pt(t[n])) {
-      case "string":
-        s.push([[...e, n].join("."), d(this, A, Gt).call(this, t[n])]);
-        break;
-      case "object":
-        s.push(...d(this, A, kt).call(this, t[n], [...e, n]));
-        break;
-      default:
-        throw new Error(
-          `Expected to find a string or object at ${[...e, n].join(".")}. Got: ${Pt(t[n])}`
-        );
-    }
-  return s;
-}, Gt = function(t) {
-  let e;
-  ((h) => {
-    h[h.Static = 0] = "Static", h[h.ValueName = 1] = "ValueName", h[h.FormatName = 2] = "FormatName", h[h.FormatOptionName = 3] = "FormatOptionName", h[h.FormatOptionValue = 4] = "FormatOptionValue", h[h.FormatOptionEnd = 5] = "FormatOptionEnd";
-  })(e || (e = {}));
-  const s = {
-    segments: []
+      throw new Error("Ref called with too many arguments. Expected 0 or 1 arguments.");
+    return e;
   };
-  let n = "", r = 0, o = 0, c, l, u;
-  const m = () => {
-    c = {
-      type: 1,
-      name: "",
-      formats: []
-    };
-  }, y = () => {
-    l = {
-      name: "",
-      options: {}
-    };
-  };
-  for (; r < t.length; ) {
-    if (o !== 0 && t[r] === " ") {
-      r++;
-      continue;
-    }
-    switch (o) {
-      case 0:
-        t[r] === "{" && t[r + 1] === "{" ? (o = 1, r += 2, n.length > 0 && (s.segments.push({ type: 0, text: n }), n = ""), m()) : (n += t[r], r++);
-        break;
-      case 1:
-        t[r] === "|" ? (o = 2, r += 1, c.name = n, n = "", y()) : t[r] === "}" && t[r + 1] === "}" ? (o = 0, r += 2, c.name = n, n = "", s.segments.push(c)) : (n += t[r], r++);
-        break;
-      case 2:
-        t[r] === "(" ? (o = 3, r += 1, l.name = n, n = "") : t[r] === "}" && t[r + 1] === "}" ? (o = 0, r += 2, c.formats.push(l), s.segments.push(c)) : (n += t[r], r++);
-        break;
-      case 3:
-        t[r] === ")" || (t[r] === ":" ? (o = 4, r += 1, u = n, n = "") : t[r] === "}" && t[r + 1] === "}" || (n += t[r], r++));
-        break;
-      case 4:
-        t[r] === ")" ? (o = 5, r += 1, l.options[u] = n, n = "", c.formats.push(l)) : t[r] === "," ? (o = 3, r += 1, l.options[u] = n, n = "") : t[r] === "}" && t[r + 1] === "}" || (n += t[r], r++);
-        break;
-      case 5:
-        t[r] === "|" ? (o = 2, r += 1, y()) : t[r] === "}" && t[r + 1] === "}" && (o = 0, r += 2, s.segments.push(c));
-        break;
-    }
-  }
-  return o === 0 && n.length > 0 && s.segments.push({ type: 0, text: n }), s;
-};
-var Y, j, b, Z, tt, et, _, v, Ht, Et, $t, Rt, Qt;
-class Se {
-  constructor(t) {
-    f(this, v);
-    f(this, Y);
-    f(this, j);
-    f(this, b, /* @__PURE__ */ new Map());
-    f(this, Z, []);
-    f(this, tt, /* @__PURE__ */ new Map());
-    f(this, et, "auto");
-    f(this, _, R("en"));
-    g(this, "locale", R(a(this, _)));
-    p(this, Y, t), p(this, j, t.createLogger("Dolla.i18n")), this.addFormat("number", (e, s, n) => d(this, v, Et).call(this, Number(s), n)), this.addFormat("datetime", (e, s, n) => d(this, v, $t).call(this, s, n)), this.addFormat("list", (e, s, n) => d(this, v, Rt).call(this, s, n)), t.beforeMount(async () => {
-      a(this, b).size > 0 && await this.setLocale(a(this, et));
-    });
-  }
-  get locales() {
-    return [...a(this, b).keys()];
-  }
-  setup(t) {
-    if (t.translations.forEach((e) => {
-      a(this, b).set(e.locale, new Re(e, a(this, Y)));
-    }), t.locale && t.locale !== "auto") {
-      if (!t.translations.some((s) => s.locale === t.locale))
-        throw new Error(`Initial locale '${t.locale}' is not registered in the locales array.`);
-      p(this, et, t.locale);
-    }
-    a(this, j).info(
-      `${a(this, b).size} language${a(this, b).size === 1 ? "" : "s"} supported: '${[...a(this, b).keys()].join("', '")}'`
-    );
-  }
-  async setLocale(t) {
-    var n;
-    let e;
-    if (t === "auto") {
-      let r = [];
-      if (typeof navigator < "u") {
-        const o = navigator;
-        ((n = o.languages) == null ? void 0 : n.length) > 0 ? r.push(...o.languages) : o.language ? r.push(o.language) : o.browserLanguage ? r.push(o.browserLanguage) : o.userLanguage && r.push(o.userLanguage);
-      }
-      for (const o of r)
-        a(this, b).has(o) && (e = o);
-    } else
-      a(this, b).has(t) && (e = t);
-    if (e == null) {
-      const r = a(this, b).keys().next().value;
-      r && (e = r);
-    }
-    if (!e || !a(this, b).has(e))
-      throw new Error(`Locale '${t}' has no translation.`);
-    const s = a(this, b).get(e);
-    try {
-      await s.load(), p(this, Z, []), a(this, _).call(this, e), a(this, j).info("set language to " + e);
-    } catch (r) {
-      r instanceof Error && a(this, j).crash(r);
-    }
-  }
-  /**
-     * Returns a State containing the value at `key`.
-  
-     * @param selector - Key to the translated value.
-     * @param options - A map of `{{placeholder}}` names and the values to replace them with.
-     *
-     * @example
-     * const $value = t("your.key.here", { count: 5 });
-     */
-  t(t, e) {
-    if (this === void 0)
-      throw new Error(
-        `The 't' function cannot be destructured. If you need a standalone version you can import it like so: 'import { t } from "@manyducks.co/dolla"'`
-      );
-    return R(() => {
-      const s = {};
-      for (const n in e)
-        s[n] = ht(e[n]);
-      return d(this, v, Ht).call(this, a(this, _).call(this), t, s);
-    });
-  }
-  /**
-   * Add a custom format callback.
-   *
-   * @example
-   * Dolla.i18n.addFormat("uppercase", (locale, value, options) => {
-   *   return value.toUpperCase();
-   * });
-   *
-   * {
-   *   "greeting": "Hello, {{name|uppercase}}!"
-   * }
-   *
-   * t("greeting", {name: "world"}); // State<"Hello, WORLD!">
-   */
-  addFormat(t, e) {
-    a(this, tt).set(t, e);
-  }
-  /**
-   * Creates an `Intl.Collator` configured for the current locale.
-   * NOTE: The locale is tracked if called within a signal tracking context.
-   *
-   * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Collator/Collator#options
-   */
-  collator(t) {
-    return new Intl.Collator(a(this, _).call(this), t);
-  }
-  /**
-   * Formats a number for the current locale. Uses `Intl.NumberFormat` under the hood.
-   *
-   * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#options
-   */
-  number(t, e) {
-    return R(() => d(this, v, Et).call(this, ht(t), e));
-  }
-  /**
-   * Formats a date for the current locale. Uses `Intl.DateTimeFormat` under the hood.
-   *
-   * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat/DateTimeFormat#options
-   *
-   * @example
-   * const date = new Date();
-   * const $formatted = Dolla.i18n.dateTime(date, { dateFormat: "short" });
-   */
-  dateTime(t, e) {
-    return R(() => d(this, v, $t).call(this, ht(t), e));
-  }
-  /**
-   * Formats a list for the current locale. Uses `Intl.ListFormat` under the hood.
-   *
-   * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat/DateTimeFormat#options
-   *
-   * @example
-   * const list = new Date();
-   * const $formatted = Dolla.i18n.list(list, {  });
-   */
-  list(t, e) {
-    return R(() => d(this, v, Rt).call(this, ht(t), e));
-  }
-}
-Y = new WeakMap(), j = new WeakMap(), b = new WeakMap(), Z = new WeakMap(), tt = new WeakMap(), et = new WeakMap(), _ = new WeakMap(), v = new WeakSet(), Ht = function(t, e, s) {
-  var l;
-  const n = d(this, v, Qt).call(this, e, s);
-  if (n) return n;
-  const r = a(this, b).get(t);
-  if (s.context != null && (e += "_" + s.context), s.count != null)
-    if (s.ordinal) {
-      const u = `${e}_ordinal_(=${s.count})`;
-      r.hasTemplate(u) ? e = u : e += "_ordinal_" + new Intl.PluralRules(t, { type: "ordinal" }).select(s.count);
-    } else {
-      const u = `${e}_(=${s.count})`;
-      r.hasTemplate(u) ? e = u : e += "_" + new Intl.PluralRules(t).select(s.count);
-    }
-  const o = r.getTemplate(e);
-  let c = "";
-  for (const u of o.segments)
-    if (u.type === 0)
-      c += u.text;
-    else if (u.type === 1) {
-      let m = _e(s, u.name);
-      const y = ((l = s.formatOverrides) == null ? void 0 : l[u.name]) ?? [...u.formats];
-      u.name === "count" && y.length === 0 && y.push({ name: "number", options: {} });
-      for (const h of y) {
-        const k = a(this, tt).get(h.name);
-        if (k == null) {
-          const E = new Error(
-            `Failed to load format '${h.name}' when processing '${e}', template: ${o}`
-          );
-          throw a(this, j).crash(E), E;
-        }
-        m = k(t, m, h.options);
-      }
-      c += m;
-    }
-  return c;
-}, Et = function(t, e) {
-  return new Intl.NumberFormat(a(this, _).call(this), e).format(t);
-}, $t = function(t, e) {
-  return new Intl.DateTimeFormat(a(this, _).call(this), e).format(q(t) ? new Date(t) : t);
-}, Rt = function(t, e) {
-  return new Intl.ListFormat(a(this, _).call(this), e).format(t);
-}, // relativeTime(): State<string> {
-// }
-Qt = function(t, e) {
-  for (const s of a(this, Z))
-    if (s[0] === t && Yt(s[1], e))
-      return s[2];
-};
-function _e(i, t) {
-  const e = String(t).split(/[\.\[\]]/).filter((n) => n.trim() !== "");
-  let s = i;
-  for (; e.length > 0; ) {
-    const n = e.shift();
-    s != null ? s = s[n] : s = void 0;
-  }
-  return s;
 }
-function Me(i) {
-  return M(
+function R(e) {
+  return o(
     "div",
     {
       style: {
@@ -957,15 +30,15 @@ function Me(i) {
         fontSize: "20px"
       }
     },
-    M("h1", { style: { marginBottom: "0.5rem" } }, "The app has crashed"),
-    M(
+    o("h1", { style: { marginBottom: "0.5rem" } }, "The app has crashed"),
+    o(
       "p",
       { style: { marginBottom: "0.25rem" } },
-      M("span", { style: { fontFamily: "monospace" } }, i.loggerName),
-      Zt(i.uid, M("span", { style: { fontFamily: "monospace", opacity: 0.5 } }, ` [uid: ${i.uid}]`)),
+      o("span", { style: { fontFamily: "monospace" } }, e.loggerName),
+      p(e.uid, o("span", { style: { fontFamily: "monospace", opacity: 0.5 } }, ` [uid: ${e.uid}]`)),
       " says:"
     ),
-    M(
+    o(
       "blockquote",
       {
         style: {
@@ -976,7 +49,7 @@ function Me(i) {
           marginBottom: "1rem"
         }
       },
-      M(
+      o(
         "span",
         {
           style: {
@@ -989,248 +62,62 @@ function Me(i) {
             fontWeight: "bold"
           }
         },
-        i.error.name
+        e.error.name
       ),
-      i.error.message
+      e.error.message
     ),
-    M("p", {}, "Please see the browser console for details.")
+    o("p", {}, "Please see the browser console for details.")
   );
 }
-var F, st, O, V, rt, G, nt, it, at, ot, N, lt, ct, pt;
-class xe {
-  constructor() {
-    // TODO: Take these off the global Dolla object.
-    g(this, "http");
-    g(this, "i18n");
-    f(this, F, !1);
-    f(this, st, "production");
-    f(this, O);
-    f(this, V);
-    f(this, rt, Me);
-    f(this, G);
-    f(this, nt, []);
-    f(this, it, []);
-    f(this, at, []);
-    f(this, ot, []);
-    f(this, N, {
-      root: this,
-      stores: /* @__PURE__ */ new Map()
-    });
-    f(this, lt, {
-      info: "development",
-      log: "development",
-      warn: "development",
-      error: !0
-    });
-    f(this, ct, Tt("*,-Dolla.*"));
-    // Registration functions for modules.
-    // All modules will be registered before mount.
-    f(this, pt, []);
-    this.http = new be(), this.i18n = new Se(this);
-  }
-  /**
-   * True when the app is connected to a DOM node and displayed to the user.
-   */
-  get isMounted() {
-    return a(this, F);
-  }
-  /**
-   * Get the current environment that this app is running in.
-   * Environment affects which log messages will print and how much debugging info is included in the DOM.
-   */
-  getEnv() {
-    return a(this, st);
-  }
-  /**
-   * Sets the environment that this app is running in.
-   * Environment affects which log messages will print and how much debugging info is included in the DOM.
-   */
-  setEnv(t) {
-    p(this, st, t);
-  }
-  /**
-   * Sets the view that will be shown when the `crash` method is called on any logger.
-   * When a crash is reported the app will be unmounted and replaced with this crash page.
-   */
-  setCrashView(t) {
-    p(this, rt, t);
-  }
-  /**
-   * Returns the HTMLElement Dolla is mounted to. This will return undefined until Dolla.mount() is called.
-   */
-  getRootElement() {
-    return a(this, O);
-  }
-  /**
-   * Returns the top level view Dolla is rendering inside the root element. This will return undefined until Dolla.mount() is called.
-   */
-  getRootView() {
-    return a(this, V);
-  }
-  provide(t, e) {
-    const s = new te(t, e);
-    if (s.attach(a(this, N)))
-      return s.value;
-    {
-      let r = t.name ? `'${t.name}'` : "this store";
-      return console.warn(`An instance of ${r} was already attached to this context.`), this.get(t);
-    }
-  }
-  /**
-   * Gets the nearest instance of a store. Throws an error if the store isn't provided higher in the tree.
-   */
-  get(t) {
-    if (H(t)) {
-      const e = a(this, N).stores.get(t);
-      if (e == null)
-        throw new qt("Store not found on this context.");
-      return e.value;
-    } else
-      throw new qt("Invalid store.");
-  }
-  async mount(t, e) {
-    if (a(this, F))
-      throw new Error("Dolla is already mounted.");
-    if (q(t)) {
-      const r = document.querySelector(t);
-      Lt(HTMLElement, r, `Selector '${t}' did not match any element.`), p(this, O, r);
-    } else
-      Lt(HTMLElement, t, "Expected an HTML element or a selector string. Got type: %t, value: %v"), p(this, O, t);
-    yt(e) && p(this, G, e);
-    const s = yt(e) ? Nt : e, n = M(s);
-    p(this, V, this.constructView(n.type, n.props)), await Promise.all(a(this, pt).map((r) => r())), await Promise.all(a(this, nt).map((r) => r()));
-    for (const r of a(this, N).stores.values())
-      r.handleMount();
-    yt(e) && await de(e, this), a(this, V).mount(a(this, O)), p(this, F, !0);
-    for (const r of a(this, it))
-      r();
-  }
-  async unmount() {
-    var t;
-    if (a(this, F)) {
-      await Promise.all(a(this, at).map((e) => e())), (t = a(this, V)) == null || t.unmount(!1), a(this, G) && await me(a(this, G)), p(this, F, !1);
-      for (const e of a(this, ot))
-        e();
-    }
-  }
-  /**
-   * Registers a `callback` to run after `Dolla.mount` is called, before the app is mounted. If `callback` returns a Promise,
-   * it will be awaited before mounting finishes. Use this to perform initial setup before the app is displayed to the user.
-   */
-  beforeMount(t) {
-    a(this, nt).push(t);
-  }
-  /**
-   * Registers a `callback` to run after the app is mounted.
-   */
-  onMount(t) {
-    a(this, it).push(t);
-  }
-  /**
-   * Registers a `callback` to run after `Dolla.unmount` is called, before the app is unmounted. If `callback` returns a Promise,
-   * it will be awaited before unmounting finishes. Use this to perform cleanup.
-   */
-  beforeUnmount(t) {
-    a(this, at).push(t);
-  }
-  /**
-   * Registers a `callback` to run after the app is unmounted.
-   */
-  onUnmount(t) {
-    a(this, ot).push(t);
-  }
-  /**
-   * Update log type toggles. Values that are not passed will remain unchanged.
-   */
-  setLoggles(t) {
-    for (const e in t) {
-      const s = t[e];
-      s && (a(this, lt)[e] = s);
-    }
-  }
-  setLogFilter(t) {
-    p(this, ct, Tt(t));
-  }
-  createLogger(t, e) {
-    const s = (e == null ? void 0 : e.console) ?? Pe(), n = this, r = a(this, lt), o = (c) => {
-      if (r[c] === !1 || q(r[c]) && r[c] !== n.getEnv() || !a(this, ct).call(this, t))
-        return ne;
-      {
-        let l = `%c${t}`;
-        return e != null && e.uid ? l += ` %c[uid: %c${e.uid}%c]` : l += "%c%c%c", s[c].bind(
-          s,
-          l,
-          `color:${ie(l)};font-weight:bold`,
-          "color:#777",
-          "color:#aaa",
-          "color:#777"
-        );
-      }
-    };
-    return {
-      setName(c) {
-        return t = c, this;
-      },
-      get info() {
-        return o("info");
-      },
-      get log() {
-        return o("log");
-      },
-      get warn() {
-        return o("warn");
-      },
-      get error() {
-        return o("error");
-      },
-      crash(c) {
-        n.isMounted && (n.unmount(), n.constructView(a(n, rt), {
-          error: c,
-          loggerName: t,
-          uid: e == null ? void 0 : e.uid
-        }).mount(a(n, O)));
-      }
-    };
-  }
-  /**
-   *
-   */
-  constructView(t, e, s = []) {
-    return new ee(a(this, N), t, e, s);
-  }
-  /**
-   *
-   */
-  constructMarkup(t) {
-    return se(re(a(this, N), t));
+let s = !1;
+async function q(e, n, i) {
+  if (s)
+    throw new Error("A Dolla app is already mounted.");
+  let a, l, r, d = (i == null ? void 0 : i.crashView) ?? R;
+  if (x(e)) {
+    const t = document.querySelector(e);
+    c(Element, t, `Selector '${e}' did not match any element.`), a = t;
+  } else
+    c(Element, e, "Expected an element or a selector string. Got type: %t, value: %v"), a = e;
+  if (n instanceof y)
+    r = n, l = n[E];
+  else {
+    const t = o(n);
+    l = u(t.type, t.props);
+  }
+  g((t) => {
+    s && (m(), u(d, t).mount(a));
+  });
+  for (const t of h.stores.values())
+    t.handleMount();
+  r && await r[w](a), l.mount(a), s = !0;
+  async function m() {
+    s && (l.unmount(!1), r && await r[b](), s = !1);
   }
+  return m;
 }
-F = new WeakMap(), st = new WeakMap(), O = new WeakMap(), V = new WeakMap(), rt = new WeakMap(), G = new WeakMap(), nt = new WeakMap(), it = new WeakMap(), at = new WeakMap(), ot = new WeakMap(), N = new WeakMap(), lt = new WeakMap(), ct = new WeakMap(), pt = new WeakMap();
-function Pe() {
-  if (typeof window < "u" && window.console)
-    return window.console;
-  if (typeof global < "u" && global.console)
-    return global.console;
-}
-const Q = new xe(), je = Q.i18n.t.bind(Q.i18n), Fe = Q.i18n, Oe = Q.http, Ne = Q.createLogger.bind(Q);
 export {
-  R as $,
-  Ne as createLogger,
-  Le as createRouter,
-  Yt as deepEqual,
-  Q as default,
-  Ce as effect,
-  ht as get,
-  Oe as http,
-  Fe as i18n,
-  M as markup,
-  Mt as peek,
-  Ve as portal,
-  De as repeat,
-  xt as shallowEqual,
-  Ae as strictEqual,
-  je as t,
-  We as unless,
-  Zt as when
+  O as $,
+  A as Stores,
+  G as constructMarkup,
+  u as constructView,
+  P as createLogger,
+  B as deepEqual,
+  N as effect,
+  U as get,
+  v as getEnv,
+  o as markup,
+  q as mount,
+  $ as peek,
+  j as portal,
+  T as ref,
+  H as repeat,
+  z as setEnv,
+  D as setLogFilter,
+  I as setLogLevels,
+  W as shallowEqual,
+  Y as strictEqual,
+  J as unless,
+  p as when
 };
 //# sourceMappingURL=index.js.map