@manyducks.co/dolla 2.0.0-alpha.56 → 2.0.0-alpha.57

package/README.md

@@ -101,7 +101,10 @@ function MessageStore(options, ctx) {
 }
 
 function App(props, ctx) {
-  const { message, setMessage } = ctx.provide(MessageStore);
+  // Provide a store for this and all child views.
+  ctx.addStore(MessageStore);
+
+  const { message, setMessage } = ctx.getStore(MessageStore);
   // Provides a MessageStore on this context and any child contexts.
   // When a store is provided its value is returned right away.
 
@@ -123,7 +126,7 @@ function App(props, ctx) {
 }
 
 function MessageView(props, ctx) {
-  const { message } = ctx.get(MessageStore);
+  const { message } = ctx.getStore(MessageStore);
   // Gets the nearest instance of MessageStore. In this case the one provided at the parent.
 
   return <span>{message}</span>;

package/dist/index.js

@@ -1,8 +1,8 @@
 import { o as h } from "./logger-sSxIw5od.js";
 import { $ as k, f as D, d as F, e as I, g as _, b as q, p as v, c as B, h as V, i as $, s as P, a as S } from "./logger-sSxIw5od.js";
-import { m as t, w as y, C as s, L as i, r as u } from "./markup-DS7yYBga.js";
-import { c as z, p as A, a as Y, u as G } from "./markup-DS7yYBga.js";
-import { R as p, M as w, U as b } from "./router-D43DV_bv.js";
+import { m as t, w as y, C as s, L as i, r as u } from "./markup-CAJd0zdA.js";
+import { c as z, p as A, a as Y, u as G } from "./markup-CAJd0zdA.js";
+import { R as p, M as w, U as b } from "./router-ClSFnmRK.js";
 import { a as x } from "./typeChecking-BJ-ymQ2F.js";
 const c = Symbol("Ref.EMPTY");
 function C(e = c) {

package/dist/jsx-dev-runtime.js

@@ -1,4 +1,4 @@
-import { m as o } from "./markup-DS7yYBga.js";
+import { m as o } from "./markup-CAJd0zdA.js";
 import { F as m } from "./fragment-BahD_BJA.js";
 function f(e, r, t, n, l, u) {
   const i = { ...s(["children", "key"], r) }, c = Array.isArray(r.children) ? r.children : [r.children];

package/dist/jsx-runtime.js

@@ -1,4 +1,4 @@
-import { m as t } from "./markup-DS7yYBga.js";
+import { m as t } from "./markup-CAJd0zdA.js";
 import { F as m } from "./fragment-BahD_BJA.js";
 function d(e, n, i) {
   return t(e, n ? { ...u(["children", "key"], n) } : void 0, n.children);

package/dist/{markup-DS7yYBga.js → markup-CAJd0zdA.js}

@@ -5,24 +5,24 @@ var P = (o) => {
 var tt = (o, t, e) => t in o ? Y(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
 var c = (o, t, e) => tt(o, typeof t != "symbol" ? t + "" : t, e), C = (o, t, e) => t.has(o) || P("Cannot " + e);
 var d = (o, t, e) => (C(o, t, "read from private field"), e ? e.call(o) : t.get(o)), L = (o, t, e) => t.has(o) ? P("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(o) : t.set(o, e), v = (o, t, e, s) => (C(o, t, "write to private field"), s ? s.call(o, e) : t.set(o, e), e);
-import { c as u, t as et, g as z, b as U, i as F } from "./typeChecking-BJ-ymQ2F.js";
-import { p as k, f as st, g, j as R, e as p, b as it, k as nt, $ as O, d as ot } from "./logger-sSxIw5od.js";
-var m = /* @__PURE__ */ ((o) => (o[o.WILL_MOUNT = 0] = "WILL_MOUNT", o[o.DID_MOUNT = 1] = "DID_MOUNT", o[o.WILL_UNMOUNT = 2] = "WILL_UNMOUNT", o[o.DID_UNMOUNT = 3] = "DID_UNMOUNT", o))(m || {}), l;
+import { c as u, t as et, g as H, b as T, i as z } from "./typeChecking-BJ-ymQ2F.js";
+import { p as k, f as st, g as y, j as F, e as p, b as it, k as nt, $ as O, d as ot } from "./logger-sSxIw5od.js";
+var m = /* @__PURE__ */ ((o) => (o[o.WILL_MOUNT = 0] = "WILL_MOUNT", o[o.DID_MOUNT = 1] = "DID_MOUNT", o[o.WILL_UNMOUNT = 2] = "WILL_UNMOUNT", o[o.DID_UNMOUNT = 3] = "DID_UNMOUNT", o))(m || {}), h;
 class rt {
   constructor() {
     c(this, "state", 0);
     c(this, "dependents", 0);
-    L(this, l, {});
+    L(this, h, {});
   }
   on(t, e) {
-    d(this, l)[t] ? d(this, l)[t].indexOf(e) === -1 && d(this, l)[t].push(e) : d(this, l)[t] = [e];
+    d(this, h)[t] ? d(this, h)[t].indexOf(e) === -1 && d(this, h)[t].push(e) : d(this, h)[t] = [e];
   }
   off(t, e) {
-    d(this, l)[t] && (d(this, l)[t].splice(d(this, l)[t].indexOf(e), 1), d(this, l)[t].length === 0 && delete d(this, l)[t]);
+    d(this, h)[t] && (d(this, h)[t].splice(d(this, h)[t].indexOf(e), 1), d(this, h)[t].length === 0 && delete d(this, h)[t]);
   }
   notify(t) {
-    if (d(this, l)[t])
-      for (const e of d(this, l)[t])
+    if (d(this, h)[t])
+      for (const e of d(this, h)[t])
         e();
   }
   emit(t, e = !1) {
@@ -58,21 +58,21 @@ class rt {
     ), this.emit(
       3
       /* DID_UNMOUNT */
-    ), v(this, l, {});
+    ), v(this, h, {});
   }
 }
-l = new WeakMap();
-var w;
+h = new WeakMap();
+var _;
 const S = class S {
   constructor(t, e) {
-    L(this, w);
+    L(this, _);
     c(this, "_name");
     c(this, "_lifecycle", new rt());
     c(this, "_parent");
     c(this, "_stores");
     c(this, "_state");
-    v(this, w, t), this._name = k(t);
-    const s = st(() => g(d(this, w)), e == null ? void 0 : e.logger), i = Object.getOwnPropertyDescriptors(s);
+    v(this, _, t), this._name = k(t);
+    const s = st(() => y(d(this, _)), e == null ? void 0 : e.logger), i = Object.getOwnPropertyDescriptors(s);
     for (const n in i)
       Object.defineProperty(this, n, i[n]);
   }
@@ -122,13 +122,13 @@ const S = class S {
    * Returns the current name of this context.
    */
   getName() {
-    return k(d(this, w));
+    return k(d(this, _));
   }
   /**
    * Sets a new name for this context.
    */
   setName(t) {
-    v(this, w, t), this._name = k(t);
+    v(this, _, t), this._name = k(t);
   }
   addStore(t, e) {
     var i;
@@ -138,7 +138,7 @@ const S = class S {
     }
     const s = S.linked(this, t.name, {
       bindLifecycleToParent: !0,
-      logger: { tag: R(), tagName: "uid" }
+      logger: { tag: F(), tagName: "uid" }
     });
     try {
       this._stores || (this._stores = /* @__PURE__ */ new Map());
@@ -235,9 +235,9 @@ const S = class S {
     return this;
   }
 };
-w = new WeakMap();
+_ = new WeakMap();
 let f = S;
-function wt(o, t) {
+function _t(o, t) {
   return new f(o, t);
 }
 class D extends Error {
@@ -281,7 +281,7 @@ class M {
       try {
         const s = this.$slot();
         k(() => {
-          this.update(z(s) ? s : [s]);
+          this.update(H(s) ? s : [s]);
         });
       } catch (s) {
         this.context.error(s), this.context.crash(s);
@@ -316,13 +316,13 @@ class M {
     "moveBefore" in t ? t.moveBefore(this.root, e) : t.insertBefore(this.root, e);
   }
 }
-const H = Symbol("View");
+const R = Symbol("View");
 var j;
 j = x;
 class Z {
   constructor(t, e, s, i) {
     c(this, j, !0);
-    c(this, "uniqueId", R());
+    c(this, "uniqueId", F());
     c(this, "context");
     c(this, "props");
     c(this, "fn");
@@ -332,7 +332,7 @@ class Z {
         tag: this.uniqueId,
         tagName: "uid"
       }
-    }), this.context.setState(H, this), this.props = { ...s, children: i }, this.fn = e;
+    }), this.context.setState(R, this), this.props = { ...s, children: i }, this.fn = e;
   }
   /*===============================*\
   ||         "Public" API          ||
@@ -382,7 +382,7 @@ class at {
     // Prevents 'onClickOutside' handlers from firing in the same cycle in which the element is connected.
     c(this, "canClickAway", !1);
     if (this.context = f.linked(t, e), e.toLowerCase() === "svg" && this.context.setState(I, !0), this.context.getState(I, !1) ? this.root = document.createElementNS("http://www.w3.org/2000/svg", e) : this.root = document.createElement(e), it() === "development") {
-      const n = this.context.getState(H, null);
+      const n = this.context.getState(R, null);
       n && (this.root.dataset.view = n.context.getName());
     }
     if (s.ref)
@@ -391,18 +391,18 @@ class at {
       else
         throw new Error("Expected ref to be a function. Got: " + s.ref);
     if (s.mixin) {
-      const n = z(s.mixin) ? s.mixin : [s.mixin];
+      const n = H(s.mixin) ? s.mixin : [s.mixin];
       for (const r of n)
         r(
           this.root,
-          f.linked(this.context, () => ht(this), {
+          f.linked(this.context, () => lt(this), {
             bindLifecycleToParent: !0,
             logger: { tagName: r.name === "mixin" ? void 0 : "mixin", tag: r.name }
           })
         );
     }
     this.props = {
-      ...nt(["ref", "class", "className", "mixin"], s),
+      ...nt(["ref", "mixin", "class", "className"], s),
       class: s.className ?? s.class
     }, this.children = i;
   }
@@ -452,8 +452,8 @@ class at {
     for (const s in e) {
       const i = e[s];
       if (s === "on:clickoutside" || s === "onClickOutside" || s === "onclickoutside") {
-        const n = (h) => {
-          this.canClickAway && !t.contains(h.target) && i(h);
+        const n = (l) => {
+          this.canClickAway && !t.contains(l.target) && i(l);
         }, r = { capture: !0 };
         window.addEventListener("click", n, r), this.unsubscribers.push(() => {
           window.removeEventListener("click", n, r);
@@ -463,16 +463,15 @@ class at {
         t.addEventListener(n, r), this.unsubscribers.push(() => {
           t.removeEventListener(n, r);
         });
-      } else if (u(i) && ut.includes(s)) {
-        const n = s.substring(2);
-        t.addEventListener(n, i), this.unsubscribers.push(() => {
-          t.removeEventListener(n, i);
+      } else if (s.startsWith("on") && u(i) && ut.includes(s.substring(2)))
+        t[s] = i, this.unsubscribers.push(() => {
+          t[s] = void 0;
         });
-      } else if (s.includes("-"))
+      else if (s.includes("-"))
         this.attachProp(i, (n) => {
           n == null ? t.removeAttribute(s) : t.setAttribute(s, String(n));
         });
-      else if (!lt.includes(s))
+      else if (!ht.includes(s))
         if (this.context.getState(I, !1))
           this.attachProp(i, (n) => {
             n != null ? t.setAttribute(s, String(e[s])) : t.removeAttribute(s);
@@ -490,6 +489,11 @@ class at {
                 t.htmlFor = n;
               });
               break;
+            case "innerHTML":
+              this.attachProp(i, (n) => {
+                t.innerHTML = n;
+              });
+              break;
             case "title":
               this.attachProp(i, (n) => {
                 n == null ? t.removeAttribute(s) : t.setAttribute(s, String(n));
@@ -516,8 +520,8 @@ class at {
                 let r;
                 u(i) ? (t.addEventListener(n, i), this.unsubscribers.push(() => {
                   t.removeEventListener(n, i);
-                })) : this.attachProp(i, (h) => {
-                  !h && r ? t.removeEventListener(n, r) : h != null && (r && r !== h && t.removeEventListener(n, r), t.addEventListener(n, h)), r = h;
+                })) : this.attachProp(i, (l) => {
+                  !l && r ? t.removeEventListener(n, r) : l != null && (r && r !== l && t.removeEventListener(n, r), t.addEventListener(n, l)), r = l;
                 });
               } else if (s.startsWith("attr:")) {
                 const n = s.substring(5).toLowerCase();
@@ -538,19 +542,19 @@ class at {
     if (u(e)) {
       let n;
       const r = p(() => {
-        u(n) && n(), t.style.cssText = "", n = this.applyStyles(t, g(e), s);
+        u(n) && n(), t.style.cssText = "", n = this.applyStyles(t, y(e), s);
       });
       s.push(r), i.push(r);
     } else {
       const n = J(e);
       for (const r in n) {
-        const { value: h, priority: b } = n[r];
-        if (u(h)) {
+        const { value: l, priority: b } = n[r];
+        if (u(l)) {
           const a = p(() => {
-            g(h) ? t.style.setProperty(r, String(g(h)), b) : t.style.removeProperty(r);
+            y(l) ? t.style.setProperty(r, String(y(l)), b) : t.style.removeProperty(r);
           });
           s.push(a), i.push(a);
-        } else h != null && t.style.setProperty(r, String(h));
+        } else l != null && t.style.setProperty(r, String(l));
       }
     }
     return function() {
@@ -563,19 +567,19 @@ class at {
     if (u(e)) {
       let n;
       const r = p(() => {
-        u(n) && n(), t.removeAttribute("class"), n = this.applyClasses(t, g(e), s);
+        u(n) && n(), t.removeAttribute("class"), n = this.applyClasses(t, y(e), s);
       });
       s.push(r), i.push(r);
     } else {
       const n = K(e);
       for (const r in n) {
-        const h = n[r];
-        if (u(h)) {
+        const l = n[r];
+        if (u(l)) {
           const b = p(() => {
-            g(h) ? t.classList.add(r) : t.classList.remove(r);
+            y(l) ? t.classList.add(r) : t.classList.remove(r);
           });
           s.push(b), i.push(b);
-        } else h && t.classList.add(r);
+        } else l && t.classList.add(r);
       }
     }
     return function() {
@@ -586,18 +590,18 @@ class at {
 }
 function K(o) {
   let t = {};
-  if (U(o)) {
+  if (T(o)) {
     const e = o.split(" ");
     for (const s of e)
       t[s] = !0;
-  } else F(o) ? Object.assign(t, o) : Array.isArray(o) && Array.from(o).filter(Boolean).forEach((e) => {
+  } else z(o) ? Object.assign(t, o) : Array.isArray(o) && Array.from(o).filter(Boolean).forEach((e) => {
     Object.assign(t, K(e));
   });
   return delete t.undefined, t;
 }
 function J(o) {
   let t = {};
-  if (U(o)) {
+  if (T(o)) {
     const e = o.split(";").filter((s) => s.trim() !== "");
     for (const s of e) {
       const [i, n] = s.split(":"), r = {
@@ -606,7 +610,7 @@ function J(o) {
       n.includes("!important") ? (r.priority = "important", r.value = n.replace("!important", "").trim()) : r.value = n.trim(), t[$(i.trim())] = r;
     }
   }
-  if (F(o))
+  if (z(o))
     for (const e in o)
       e.startsWith("--") ? t[e] = { value: o[e] } : t[$(e)] = { value: o[e] };
   else Array.isArray(o) && Array.from(o).filter((e) => e != null).forEach((e) => {
@@ -614,7 +618,7 @@ function J(o) {
   });
   return t;
 }
-function ht(o) {
+function lt(o) {
   let t = o.root.tagName.toLowerCase();
   if (o.root.id && (t += `#${o.root.id}`), o.root.classList.length > 0)
     for (const e of o.root.classList.values())
@@ -624,7 +628,96 @@ function ht(o) {
 function $(o) {
   return o.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (t, e) => (e ? "-" : "") + t.toLowerCase());
 }
-const lt = ["ref", "children", "class", "style", "data", "mixin"], ut = ["onsubmit", "onclick", "ontransitionend"];
+const ht = ["ref", "children", "class", "style", "data", "mixin"], ut = [
+  // Element
+  "animationcancel",
+  "animationend",
+  "animationiteration",
+  "animationstart",
+  "auxclick",
+  "beforeinput",
+  "beforematch",
+  "beforexrselect",
+  "blur",
+  "click",
+  "compositionend",
+  "compositionstart",
+  "compositionupdate",
+  "contentvisibilityautostatechange",
+  "contextmenu",
+  "copy",
+  "cut",
+  "dblclick",
+  "focus",
+  "focusin",
+  "focusout",
+  "fullscreenchange",
+  "fullscreenerror",
+  "gotpointercapture",
+  "input",
+  "keydown",
+  "keyup",
+  "lostpointercapture",
+  "mousedown",
+  "mouseenter",
+  "mouseleave",
+  "mousemove",
+  "mouseout",
+  "mouseover",
+  "mouseup",
+  "paste",
+  "pointercancel",
+  "pointerdown",
+  "pointerenter",
+  "pointerleave",
+  "pointermove",
+  "pointerout",
+  "pointerover",
+  "pointerrawupdate",
+  "pointerup",
+  "scroll",
+  "scrollend",
+  "scrollsnapchange",
+  "scrollsnapchanging",
+  "securitypolicyviolation",
+  "touchcancel",
+  "touchend",
+  "touchmove",
+  "touchstart",
+  "transitioncancel",
+  "transitionend",
+  "transitionrun",
+  "transitionstart",
+  "webkitmouseforcechanged",
+  "webkitmouseforcedown",
+  "webkitmouseforceup",
+  "webkimouseforcewillbegin",
+  "wheel",
+  // HTMLElement
+  "beforetoggle",
+  "change",
+  "command",
+  "drag",
+  "dragend",
+  "dragenter",
+  "dragleave",
+  "dragover",
+  "dragstart",
+  "drop",
+  "error",
+  "load",
+  "toggle",
+  // HTMLInputElement
+  "cancel",
+  "invalid",
+  "search",
+  "select",
+  "selectionchange",
+  // HTMLFormElement
+  "formdata",
+  "reset",
+  "submit"
+];
 var V;
 V = x;
 class ft {
@@ -682,7 +775,7 @@ class dt {
     this.connectedItems = [];
   }
   _update(t) {
-    var r, h, b;
+    var r, l, b;
     if (t.length === 0 || !this.isMounted)
       return this._cleanup(!1);
     const e = [];
@@ -695,19 +788,19 @@ class dt {
       });
     const i = [];
     for (const a of this.connectedItems)
-      e.find((y) => y.key === a.key) || a.node.unmount(!1);
+      e.find((g) => g.key === a.key) || a.node.unmount(!1);
     for (const a of e) {
-      const _ = this.connectedItems.find((y) => y.key === a.key);
-      if (_)
-        _.item(a.value), _.index(a.index), i[a.index] = _;
+      const w = this.connectedItems.find((g) => g.key === a.key);
+      if (w)
+        w.item(a.value), w.index(a.index), i[a.index] = w;
       else {
-        const y = O(a.value, { equals: ot }), E = O(a.index);
+        const g = O(a.value, { equals: ot }), E = O(a.index);
         i[a.index] = {
           key: a.key,
-          item: y,
+          item: g,
           index: E,
           node: new Z(this.context, pt, {
-            item: () => y(),
+            item: () => g(),
             index: () => E(),
             renderFn: this.render
           })
@@ -715,11 +808,11 @@ class dt {
       }
     }
     for (let a = 0; a < i.length; a++) {
-      const _ = i[a], y = ((r = i[a - 1]) == null ? void 0 : r.node.root) ?? this.root;
-      _.node.mount(this.root.parentNode, y);
+      const w = i[a], g = ((r = i[a - 1]) == null ? void 0 : r.node.root) ?? this.root;
+      w.node.mount(this.root.parentNode, g);
     }
     this.connectedItems = i;
-    const n = ((h = i.at(-1)) == null ? void 0 : h.node.root) ?? this.root;
+    const n = ((l = i.at(-1)) == null ? void 0 : l.node.root) ?? this.root;
     (b = this.root.parentNode) == null || b.insertBefore(this.root, n.nextSibling);
   }
 }
@@ -747,25 +840,25 @@ class Q {
 function mt(o) {
   return (o == null ? void 0 : o[x]) === !0;
 }
-function T(o, t, ...e) {
+function U(o, t, ...e) {
   return new Q(o, t, ...e);
 }
-function yt(o, t, e) {
-  return T("$dynamic", {
+function gt(o, t, e) {
+  return U("$dynamic", {
     source: O(() => {
-      const s = g(o);
+      const s = y(o);
       return s && t ? t : !s && e ? e : null;
     })
   });
 }
 function xt(o, t, e) {
-  return yt(o, e, t);
+  return gt(o, e, t);
 }
 function Nt(o, t, e) {
-  return T("$repeat", { items: () => g(o), key: t, render: e });
+  return U("$repeat", { items: () => y(o), key: t, render: e });
 }
 function kt(o, t) {
-  return T("$portal", { parent: o, content: t });
+  return U("$portal", { parent: o, content: t });
 }
 function X(o, t = new f("$")) {
   const e = A(t, [o]);
@@ -783,7 +876,7 @@ function A(o, ...t) {
         if (u(i.type)) {
           s.push(new Z(o, i.type, i.props, i.children));
           continue;
-        } else if (U(i.type))
+        } else if (T(i.type))
           switch (i.type) {
             case "$dom": {
               const n = i.props;
@@ -834,11 +927,11 @@ export {
   m as L,
   Z as V,
   Nt as a,
-  wt as c,
-  T as m,
+  _t as c,
+  U as m,
   kt as p,
   X as r,
   xt as u,
-  yt as w
+  gt as w
 };
-//# sourceMappingURL=markup-DS7yYBga.js.map
+//# sourceMappingURL=markup-CAJd0zdA.js.map