@manyducks.co/dolla 2.0.0-alpha.28 → 2.0.0-alpha.29

package/dist/index.js

@@ -3,8 +3,8 @@ var Ie = (o) => {
   throw TypeError(o);
 };
 var it = (o, e, t) => e in o ? nt(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
-var d = (o, e, t) => it(o, typeof e != "symbol" ? e + "" : e, t), xe = (o, e, t) => e.has(o) || Ie("Cannot " + t);
-var i = (o, e, t) => (xe(o, e, "read from private field"), t ? t.call(o) : e.get(o)), l = (o, e, t) => e.has(o) ? Ie("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(o) : e.set(o, t), m = (o, e, t, s) => (xe(o, e, "write to private field"), s ? s.call(o, t) : e.set(o, t), t), u = (o, e, t) => (xe(o, e, "access private method"), t);
+var d = (o, e, t) => it(o, typeof e != "symbol" ? e + "" : e, t), Me = (o, e, t) => e.has(o) || Ie("Cannot " + t);
+var i = (o, e, t) => (Me(o, e, "read from private field"), t ? t.call(o) : e.get(o)), l = (o, e, t) => e.has(o) ? Ie("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(o) : e.set(o, t), m = (o, e, t, s) => (Me(o, e, "write to private field"), s ? s.call(o, t) : e.set(o, t), t), u = (o, e, t) => (Me(o, e, "access private method"), t);
 var Z = (o, e, t, s) => ({
   set _(r) {
     m(o, e, r, t);
@@ -13,8 +13,8 @@ var Z = (o, e, t, s) => ({
     return i(o, e, s);
   }
 });
-import { i as Y, c as Ue, d as x, a as E, b as at, e as se, t as qe, f as Qe, g as ot, s as We, h as Ae, P as Je, j as Ge, k as lt, l as He, p as ht, m as Be, S as ct, n as ut, o as ft, q as dt, r as mt, u as wt, C as pt, v as gt, w as Fe, x as yt, y as ze, z as bt, A as be, B as $e, V as $t, D as vt, E as Et } from "./passthrough-1MySicTa.js";
-import { F as Yt, J as Zt, H as es, I as ts, G as ss } from "./passthrough-1MySicTa.js";
+import { i as Y, c as Ue, d as M, a as E, b as at, e as se, t as qe, f as Qe, g as ot, s as We, h as Ae, P as Je, j as Ge, k as lt, l as He, p as ht, m as Be, S as ct, n as ut, o as ft, q as dt, r as mt, u as wt, C as pt, v as gt, w as De, x as yt, y as ze, z as bt, A as be, B as $e, V as $t, D as vt, E as Et } from "./passthrough-eH8w4zJi.js";
+import { F as Yt, J as Zt, H as es, I as ts, G as ss } from "./passthrough-eH8w4zJi.js";
 var U, ke, Se, re, R, _;
 class kt {
   constructor(e) {
@@ -168,8 +168,8 @@ class Lt {
     };
   }
 }
-var Re, K, B, De, Xe;
-class Mt {
+var Re, K, B, Fe, Xe;
+class xt {
   constructor(e, t) {
     l(this, B);
     d(this, "dolla");
@@ -199,7 +199,7 @@ class Mt {
       }
     }
     if (e) {
-      const t = u(this, B, De).call(this, e);
+      const t = u(this, B, Fe).call(this, e);
       for (const s of t)
         i(this, K).set(s[0], s[1]);
     } else
@@ -214,7 +214,7 @@ class Mt {
     return i(this, K).has(e);
   }
 }
-Re = new WeakMap(), K = new WeakMap(), B = new WeakSet(), De = function(e, t = []) {
+Re = new WeakMap(), K = new WeakMap(), B = new WeakSet(), Fe = function(e, t = []) {
   const s = [];
   for (const r in e)
     switch (qe(e[r])) {
@@ -222,7 +222,7 @@ Re = new WeakMap(), K = new WeakMap(), B = new WeakSet(), De = function(e, t = [
         s.push([[...t, r].join("."), u(this, B, Xe).call(this, e[r])]);
         break;
       case "object":
-        s.push(...u(this, B, De).call(this, e[r], [...t, r]));
+        s.push(...u(this, B, Fe).call(this, e[r], [...t, r]));
         break;
       default:
         throw new Error(
@@ -280,7 +280,7 @@ Re = new WeakMap(), K = new WeakMap(), B = new WeakSet(), De = function(e, t = [
   return a === 0 && r.length > 0 && s.segments.push({ type: 0, text: r }), s;
 };
 var ne, P, y, ie, ae, oe, le, b, Ye, Pe, Ne, Te, Ze;
-class xt {
+class Mt {
   constructor(e) {
     l(this, b);
     l(this, ne);
@@ -302,7 +302,7 @@ class xt {
   }
   setup(e) {
     if (e.translations.forEach((t) => {
-      i(this, y).set(t.locale, new Mt(t, i(this, ne)));
+      i(this, y).set(t.locale, new xt(t, i(this, ne)));
     }), e.locale && e.locale !== "auto") {
       if (!e.translations.some((s) => s.locale === e.locale))
         throw new Error(`Initial locale '${e.locale}' is not registered in the locales array.`);
@@ -355,7 +355,7 @@ class xt {
     let s = [], r = [];
     for (const n in t)
       s.push(n), r.push(t[n]);
-    return x([this.$locale, ...r], (n, ...a) => {
+    return M([this.$locale, ...r], (n, ...a) => {
       if (n == null)
         return "[NO LOCALE SET]";
       const f = {};
@@ -396,7 +396,7 @@ class xt {
    * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#options
    */
   number(e, t) {
-    return x([this.$locale, e], (s, r) => u(this, b, Pe).call(this, r, t));
+    return M([this.$locale, e], (s, r) => u(this, b, Pe).call(this, r, t));
   }
   /**
    * Returns a State containing the date formatted for the current locale. Uses `Intl.DateTimeFormat` under the hood.
@@ -408,7 +408,7 @@ class xt {
    * const $formatted = Dolla.i18n.dateTime(date, { dateFormat: "short" });
    */
   dateTime(e, t) {
-    return x([this.$locale, e], (s, r) => u(this, b, Ne).call(this, r, t));
+    return M([this.$locale, e], (s, r) => u(this, b, Ne).call(this, r, t));
   }
   /**
    * Returns a State containing the date formatted for the current locale. Uses `Intl.DateTimeFormat` under the hood.
@@ -420,7 +420,7 @@ class xt {
    * const $formatted = Dolla.i18n.list(list, {  });
    */
   list(e, t) {
-    return x([this.$locale, e], (s, r) => u(this, b, Te).call(this, r, t));
+    return M([this.$locale, e], (s, r) => u(this, b, Te).call(this, r, t));
   }
 }
 ne = new WeakMap(), P = new WeakMap(), y = new WeakMap(), ie = new WeakMap(), ae = new WeakMap(), oe = new WeakMap(), le = new WeakMap(), b = new WeakSet(), Ye = function(e, t, s) {
@@ -442,18 +442,18 @@ ne = new WeakMap(), P = new WeakMap(), y = new WeakMap(), ie = new WeakMap(), ae
     if (w.type === 0)
       f += w.text;
     else if (w.type === 1) {
-      let v = Ft(s, w.name);
+      let v = Dt(s, w.name);
       const k = ((h = s.formatOverrides) == null ? void 0 : h[w.name]) ?? [...w.formats];
       w.name === "count" && k.length === 0 && k.push({ name: "number", options: {} });
       for (const c of k) {
-        const D = i(this, ae).get(c.name);
-        if (D == null) {
+        const F = i(this, ae).get(c.name);
+        if (F == null) {
           const S = new Error(
             `Failed to load format '${c.name}' when processing '${t}', template: ${a}`
           );
           throw i(this, P).crash(S), S;
         }
-        v = D(e, v, c.options);
+        v = F(e, v, c.options);
       }
       f += v;
     }
@@ -471,7 +471,7 @@ Ze = function(e, t) {
     if (s[0] === e && at(s[1], t))
       return s[2];
 };
-function Ft(o, e) {
+function Dt(o, e) {
   const t = String(e).split(/[\.\[\]]/).filter((r) => r.trim() !== "");
   let s = o;
   for (; t.length > 0; ) {
@@ -515,7 +515,7 @@ function ve(o, e) {
       break;
   return z([t, e]);
 }
-function Dt(o) {
+function Ft(o) {
   if (!o) return {};
   o.startsWith("?") && (o = o.slice(1));
   const e = o.split("&").filter((t) => t.trim() !== "").map((t) => {
@@ -533,26 +533,26 @@ function et(o, e, t = {}) {
       continue e;
     const v = [];
     t: for (let c = 0; c < h.length; c++) {
-      const D = n[c], S = h[c];
-      if (D == null && S.type !== 3)
+      const F = n[c], S = h[c];
+      if (F == null && S.type !== 3)
         continue e;
       switch (S.type) {
         case 1:
-          if (S.name.toLowerCase() === D.toLowerCase()) {
+          if (S.name.toLowerCase() === F.toLowerCase()) {
             v.push(S);
             break;
           } else
             continue e;
         case 2:
-          v.push({ ...S, value: D });
+          v.push({ ...S, value: F });
           break;
         case 3:
           v.push({ ...S, value: n.slice(c).join("/") });
           break t;
         case 4:
-          if (isNaN(Number(D)))
+          if (isNaN(Number(F)))
             continue e;
-          v.push({ ...S, value: Number(D) });
+          v.push({ ...S, value: Number(F) });
           break;
         default:
           throw new Error(`Unknown fragment type: ${S.type}`);
@@ -565,7 +565,7 @@ function et(o, e, t = {}) {
       path: "/" + v.map((c) => c.value).join("/"),
       pattern: "/" + h.map((c) => c.type === 2 ? `{${c.name}}` : c.type === 4 ? `{#${c.name}}` : c.name).join("/"),
       params: k,
-      query: Dt(r),
+      query: Ft(r),
       meta: f.meta
     };
   }
@@ -648,7 +648,7 @@ class Tt {
      * The current query params. Changes to this object will be reflected in the URL.
      */
     d(this, "$query");
-    m(this, I, e), m(this, L, e.createLogger("Dolla.router")), [Z(this, T)._, Z(this, he)._] = Ue(), this.$pattern = x([i(this, T)], (t) => t == null ? void 0 : t.pattern), this.$path = x([i(this, T)], (t) => (t == null ? void 0 : t.path) ?? window.location.pathname), this.$params = x([i(this, T)], (t) => (t == null ? void 0 : t.params) ?? {}, { equals: We }), this.$query = x([i(this, T)], (t) => (t == null ? void 0 : t.query) ?? {}, { equals: We }), e.beforeMount(async () => {
+    m(this, I, e), m(this, L, e.createLogger("Dolla.router")), [Z(this, T)._, Z(this, he)._] = Ue(), this.$pattern = M([i(this, T)], (t) => t == null ? void 0 : t.pattern), this.$path = M([i(this, T)], (t) => (t == null ? void 0 : t.path) ?? window.location.pathname), this.$params = M([i(this, T)], (t) => (t == null ? void 0 : t.params) ?? {}, { equals: We }), this.$query = M([i(this, T)], (t) => (t == null ? void 0 : t.query) ?? {}, { equals: We }), e.beforeMount(async () => {
       const t = () => {
         u(this, p, ee).call(this);
       };
@@ -913,10 +913,10 @@ function qt(o) {
     </div>
   `;
 }
-var ce, J, C, A, G, X, Le, M, ue, F, Ve, Ee;
+var ce, J, C, A, G, X, Le, x, ue, D, Ve, Ee;
 class Wt {
   constructor(e) {
-    l(this, F);
+    l(this, D);
     l(this, ce);
     l(this, J);
     // Keys ensure only the most recent callback queued with a certain key
@@ -932,7 +932,7 @@ class Wt {
     // the state partially rendered for a brief second and certain elements can be seen to update after the fact.
     // But the tradeoff here is snappier navigation with possibly slightly out of date DOM updates on heavy pages.
     l(this, Le, !0);
-    l(this, M, 0);
+    l(this, x, 0);
     l(this, ue, new Intl.NumberFormat("en-US", {
       maximumFractionDigits: 2,
       minimumFractionDigits: 0,
@@ -946,22 +946,22 @@ class Wt {
    * Queues a callback that runs before the next batch of writes.
    */
   read(e) {
-    i(this, G).push(e), u(this, F, Ve).call(this);
+    i(this, G).push(e), u(this, D, Ve).call(this);
   }
   /**
    * Queues a callback to run in the next render batch.
    * Always put DOM mutations in a write callback when possible to help Dolla batch them efficiently.
    */
   write(e, t) {
-    t ? i(this, C).set(t, e) : i(this, A).push(e), u(this, F, Ve).call(this);
+    t ? i(this, C).set(t, e) : i(this, A).push(e), u(this, D, Ve).call(this);
   }
 }
-ce = new WeakMap(), J = new WeakMap(), C = new WeakMap(), A = new WeakMap(), G = new WeakMap(), X = new WeakMap(), Le = new WeakMap(), M = new WeakMap(), ue = new WeakMap(), F = new WeakSet(), Ve = function() {
+ce = new WeakMap(), J = new WeakMap(), C = new WeakMap(), A = new WeakMap(), G = new WeakMap(), X = new WeakMap(), Le = new WeakMap(), x = new WeakMap(), ue = new WeakMap(), D = new WeakSet(), Ve = function() {
   if (!i(this, X)) {
     m(this, X, !0);
     const e = i(this, ce).getEnv() === "development";
     queueMicrotask(() => {
-      u(this, F, Ee).call(this, e);
+      u(this, D, Ee).call(this, e);
     });
   }
 }, Ee = function(e = !1) {
@@ -969,10 +969,10 @@ ce = new WeakMap(), J = new WeakMap(), C = new WeakMap(), A = new WeakMap(), G =
   let s = 0;
   const r = i(this, G).length + i(this, C).size + i(this, A).length;
   let n = 0;
-  const a = () => (n++, s = performance.now() - t, i(this, Le) && s > 12 && n < r ? (Z(this, M)._++, e && i(this, J).warn(
-    `⚠️ Deferring batch to next frame. Performed ${n} of ${r} batched operation${n === 1 ? "" : "s"} in ${i(this, ue).format(s)} (deferral ${i(this, M)}).`
+  const a = () => (n++, s = performance.now() - t, i(this, Le) && s > 12 && n < r ? (Z(this, x)._++, e && i(this, J).warn(
+    `⚠️ Deferring batch to next frame. Performed ${n} of ${r} batched operation${n === 1 ? "" : "s"} in ${i(this, ue).format(s)} (deferral ${i(this, x)}).`
   ), requestAnimationFrame(() => {
-    u(this, F, Ee).call(this, e);
+    u(this, D, Ee).call(this, e);
   }), !0) : !1), f = [...i(this, C).entries()];
   let h, w;
   for (; w = i(this, G).shift(); )
@@ -982,12 +982,12 @@ ce = new WeakMap(), J = new WeakMap(), C = new WeakMap(), A = new WeakMap(), G =
   for (; w = i(this, A).shift(); )
     if (w(), a()) return;
   e && i(this, J)[s > 16 ? "warn" : "info"](
-    `${s > 16 ? "⚠️ (>=16ms) " : ""}Executed ${n} operation${n === 1 ? "" : "s"} in ${i(this, ue).format(s)}${i(this, M) > 0 ? ` (after ${i(this, M)} deferral${i(this, M) === 1 ? "" : "s"})` : ""}.`
-  ), m(this, M, 0), i(this, G).length || i(this, C).size || i(this, A).length ? queueMicrotask(() => {
-    u(this, F, Ee).call(this, e);
+    `${s > 16 ? "⚠️ (>=16ms) " : ""}Executed ${n} operation${n === 1 ? "" : "s"} in ${i(this, ue).format(s)}${i(this, x) > 0 ? ` (after ${i(this, x)} deferral${i(this, x) === 1 ? "" : "s"})` : ""}.`
+  ), m(this, x, 0), i(this, G).length || i(this, C).size || i(this, A).length ? queueMicrotask(() => {
+    u(this, D, Ee).call(this, e);
   }) : m(this, X, !1);
 };
-var O, fe, j, H, de, me, we, pe, ge, ye, $, g, V, Me;
+var O, fe, j, H, de, me, we, pe, ge, ye, $, g, V, xe;
 class At {
   constructor() {
     d(this, "batch");
@@ -1010,7 +1010,8 @@ class At {
       root: this,
       data: {},
       emitter: new ht(),
-      stores: /* @__PURE__ */ new Map()
+      stores: /* @__PURE__ */ new Map(),
+      viewName: "Dolla"
     });
     l(this, g, {
       info: "development",
@@ -1021,17 +1022,17 @@ class At {
     l(this, V, Be("*,-Dolla.*"));
     // Registration functions for modules.
     // All modules will be registered before mount.
-    l(this, Me, []);
+    l(this, xe, []);
     d(this, "watch", i(this, me).watch);
     d(this, "createState", Ue);
     d(this, "toState", ut);
     d(this, "toValue", ft);
     d(this, "isState", dt);
-    d(this, "derive", x);
+    d(this, "derive", M);
     d(this, "createWatcher", He);
     d(this, "createRef", mt);
     d(this, "isRef", wt);
-    this.batch = new Wt(this), this.stats = new ct(this), this.http = new kt(this), this.i18n = new xt(this), this.router = new Tt(this);
+    this.batch = new Wt(this), this.stats = new ct(this), this.http = new kt(this), this.i18n = new Mt(this), this.router = new Tt(this);
   }
   /**
    * True when the app is connected to a DOM node and displayed to the user.
@@ -1118,7 +1119,10 @@ class At {
    * Attaches a new store to this context.
    */
   attachStore(e) {
-    e.attach(i(this, $));
+    if (!e.attach(i(this, $))) {
+      let s = e.name ? `'${e.name}'` : "this store";
+      console.warn(`An instance of ${s} was already attached to this context.`);
+    }
   }
   /**
    * Gets the nearest instance of a store. Throws an error if the store isn't provided higher in the tree.
@@ -1127,11 +1131,11 @@ class At {
     if (gt(e)) {
       const t = e.key, s = i(this, $).stores.get(t);
       if (s == null)
-        throw new Fe("Store not found on this context.");
+        throw new De("Store not found on this context.");
       return s.value;
-    } else throw yt(e) ? new Fe(
+    } else throw yt(e) ? new De(
       "Received a Store instance. Please pass the Store factory function to useStore without calling it."
-    ) : new Fe("Invalid store.");
+    ) : new De("Invalid store.");
   }
   async mount(e, t) {
     if (i(this, O))
@@ -1142,11 +1146,11 @@ class At {
     } else
       ze(HTMLElement, e, "Expected an HTML element or a selector string. Got type: %t, value: %v"), m(this, j, e);
     const s = bt(t ?? Je);
-    m(this, H, this.constructView(s.type, s.props)), await Promise.all(i(this, Me).map((r) => r())), await Promise.all(i(this, we).map((r) => r())), i(this, H).mount(i(this, j)), m(this, O, !0);
-    for (const r of i(this, pe))
-      r();
+    m(this, H, this.constructView(s.type, s.props)), await Promise.all(i(this, xe).map((r) => r())), await Promise.all(i(this, we).map((r) => r())), i(this, H).mount(i(this, j)), m(this, O, !0);
     for (const r of i(this, $).stores.values())
       r.handleMount();
+    for (const r of i(this, pe))
+      r();
   }
   async unmount() {
     var e;
@@ -1286,7 +1290,7 @@ class At {
     return vt(Et(i(this, $), e));
   }
 }
-O = new WeakMap(), fe = new WeakMap(), j = new WeakMap(), H = new WeakMap(), de = new WeakMap(), me = new WeakMap(), we = new WeakMap(), pe = new WeakMap(), ge = new WeakMap(), ye = new WeakMap(), $ = new WeakMap(), g = new WeakMap(), V = new WeakMap(), Me = new WeakMap();
+O = new WeakMap(), fe = new WeakMap(), j = new WeakMap(), H = new WeakMap(), de = new WeakMap(), me = new WeakMap(), we = new WeakMap(), pe = new WeakMap(), ge = new WeakMap(), ye = new WeakMap(), $ = new WeakMap(), g = new WeakMap(), V = new WeakMap(), xe = new WeakMap();
 function Gt() {
   if (typeof window < "u" && window.console)
     return window.console;
@@ -1309,7 +1313,7 @@ export {
   Zt as createView,
   at as deepEqual,
   Ke as default,
-  x as derive,
+  M as derive,
   Qt as getDevDebug,
   Ge as html,
   wt as isRef,