@manyducks.co/dolla 2.0.0-alpha.6 → 2.0.0-alpha.7

package/README.md

@@ -3,15 +3,16 @@
 ![bundle size](https://img.shields.io/bundlephobia/min/@manyducks.co/dolla)
 ![bundle size](https://img.shields.io/bundlephobia/minzip/@manyducks.co/dolla)
 
-> WARNING: This package is in active development. It may contain serious bugs and releases may introduce breaking changes without notice.
+> WARNING: This package is in active development. It may contain serious bugs and docs may be outdated or inaccurate. Use at your own risk.
 
 Dolla is a batteries-included JavaScript frontend framework covering the needs of moderate-to-complex single page apps:
 
-- ⚡ Reactive DOM updates with [State](). A similar concept to Signals without behind the scenes magic.
+- ⚡ Reactive DOM updates with [State](). Inspired by Signals, but with more explicit tracking.
 - 📦 Reusable components with [Views](#section-views).
-- 🗺️ Built in [router]() supporting nested routes and preloading.
-- Built in [HTTP]() client with middleware support.
-- Built in [Localization] (translations as JSON files and a `t` function to get strings)
+- 🔀 Built in [routing]() with nested routes and middleware support (check login status, preload data, etc).
+- 🐕 Built in [HTTP]() client with middleware support (set auth headers, etc).
+- 📍 Built in [localization]() system (store translated strings in JSON files and call the `t` function to get them).
+- 🍳 Build system optional. Write views in JSX or use `html` tagged template literals.
 
 Let's first get into some examples.
 
@@ -104,10 +105,10 @@ $value.get(); // 50
 A basic view:
 
 ```js
-import Dolla, { html } from "@manyducks.co/dolla";
+import Dolla, { createState, html } from "@manyducks.co/dolla";
 
 function Counter(props, ctx) {
-  const [$count, setCount] = Dolla.createState(0);
+  const [$count, setCount] = createState(0);
 
   function increment() {
     setCount((count) => count + 1);

package/dist/index.js

@@ -13,8 +13,8 @@ var et = (a, e, t, r) => ({
     return n(a, e, r);
   }
 });
-import { h as tt, c as wt, i as Ie, t as Ge, a as yt, d as Be, b as bt, e as Xe, f as V, g as K, j as lt, k as vt, w as ut, P as ht, l as rt, m as $t, n as Et, v as kt, o as Lt, p as Pt, q as nt, r as at, s as St, u as Ne, x as Te, y as Rt, z as xt, A as Ot } from "./passthrough-CW8Ezjg-.js";
-import { B as rr, C as nr, D as ar } from "./passthrough-CW8Ezjg-.js";
+import { h as tt, c as wt, i as Ie, t as Ge, a as yt, d as Be, b as bt, e as Xe, f as U, g as K, j as lt, k as vt, w as ut, P as ht, l as rt, m as $t, n as Et, v as kt, o as Lt, p as Pt, q as nt, r as at, s as St, u as Ne, x as Te, y as Rt, z as xt, A as Ot } from "./passthrough-BVaqqjam.js";
+import { B as rr, C as nr, D as ar } from "./passthrough-BVaqqjam.js";
 function Mt(a) {
   return tt`
     <div
@@ -211,7 +211,7 @@ class Ct {
           this.strings = e;
         else
           throw new Error(`Fetch function did not return an object of language strings: ${e}`);
-      } else if (V(this.config.path)) {
+      } else if (U(this.config.path)) {
         const e = await this.dolla.http.get(this.config.path);
         if (e.status >= 200 && e.status < 300)
           if (Ie(e.body))
@@ -229,23 +229,23 @@ class Ct {
     return this.strings;
   }
 }
-var ye, Y, x, se, be, ve, ie, $e, We, ft;
+var we, Y, x, se, ye, be, ie, ve, We, ft;
 class Dt {
   constructor(e) {
     h(this, We);
-    h(this, ye);
+    h(this, we);
     h(this, Y);
     h(this, x, /* @__PURE__ */ new Map());
     h(this, se, []);
-    h(this, be, "auto");
+    h(this, ye, "auto");
     L(this, "$current");
-    h(this, ve);
+    h(this, be);
     h(this, ie);
-    h(this, $e);
-    g(this, ye, e), g(this, Y, e.createLogger("dolla/language"));
+    h(this, ve);
+    g(this, we, e), g(this, Y, e.createLogger("dolla/language"));
     const [t, r] = K(), [i, s] = K();
-    this.$current = t, g(this, ve, r), g(this, ie, i), g(this, $e, s), e.beforeMount(async () => {
-      n(this, x).size > 0 && await this.setLanguage(n(this, be));
+    this.$current = t, g(this, be, r), g(this, ie, i), g(this, ve, s), e.beforeMount(async () => {
+      n(this, x).size > 0 && await this.setLanguage(n(this, ye));
     });
   }
   get supportedLanguages() {
@@ -253,11 +253,11 @@ class Dt {
   }
   setup(e) {
     if (e.languages.forEach((t) => {
-      n(this, x).set(t.name, new Ct(t, n(this, ye)));
+      n(this, x).set(t.name, new Ct(t, n(this, we)));
     }), e.initialLanguage && e.initialLanguage !== "auto") {
       if (!e.languages.some((r) => r.name === e.initialLanguage))
         throw new Error(`Initial language '${e.initialLanguage}' has no registered translation.`);
-      g(this, be, e.initialLanguage);
+      g(this, ye, e.initialLanguage);
     }
     n(this, Y).info(
       `${n(this, x).size} language${n(this, x).size === 1 ? "" : "s"} supported: '${[...n(this, x).keys()].join("', '")}'`
@@ -285,7 +285,7 @@ class Dt {
     const r = n(this, x).get(t);
     try {
       const s = await r.load();
-      n(this, $e).call(this, s), n(this, ve).call(this, t), n(this, Y).info("set language to " + t);
+      n(this, ve).call(this, s), n(this, be).call(this, t), n(this, Y).info("set language to " + t);
     } catch (s) {
       s instanceof Error && n(this, Y).crash(s);
     }
@@ -333,7 +333,7 @@ class Dt {
     return n(this, se).push([e, t, i]), i;
   }
 }
-ye = new WeakMap(), Y = new WeakMap(), x = new WeakMap(), se = new WeakMap(), be = new WeakMap(), ve = new WeakMap(), ie = new WeakMap(), $e = new WeakMap(), We = new WeakSet(), ft = function(e, t) {
+we = new WeakMap(), Y = new WeakMap(), x = new WeakMap(), se = new WeakMap(), ye = new WeakMap(), be = new WeakMap(), ie = new WeakMap(), ve = new WeakMap(), We = new WeakSet(), ft = function(e, t) {
   for (const r of n(this, se))
     if (r[0] === e && bt(r[1], t))
       return r[2];
@@ -353,20 +353,21 @@ function it(a, e) {
   }
   return r;
 }
-var X, Ee, H, _, oe, q, ce, Ae;
-class Ut {
+var X, $e, H, _, oe, q, ce, Ae;
+class Vt {
   constructor(e) {
     h(this, ce);
     h(this, X);
-    h(this, Ee);
+    h(this, $e);
     // Keyed updates ensure only the most recent callback queued with a certain key
     // will be called, keeping DOM operations to a minimum.
     h(this, H, /* @__PURE__ */ new Map());
     // All unkeyed updates are run on every batch.
     h(this, _, []);
+    // All read callbacks are run before updates on every batch.
     h(this, oe, []);
     h(this, q, !1);
-    g(this, X, e), g(this, Ee, e.createLogger("dolla/render"));
+    g(this, X, e), g(this, $e, e.createLogger("dolla/render"));
   }
   /**
    * Queues a callback to run in the next render batch.
@@ -395,7 +396,7 @@ class Ut {
     });
   }
 }
-X = new WeakMap(), Ee = new WeakMap(), H = new WeakMap(), _ = new WeakMap(), oe = new WeakMap(), q = new WeakMap(), ce = new WeakSet(), Ae = function() {
+X = new WeakMap(), $e = new WeakMap(), H = new WeakMap(), _ = new WeakMap(), oe = new WeakMap(), q = new WeakMap(), ce = new WeakSet(), Ae = function() {
   const e = n(this, H).size + n(this, _).length;
   if ((!n(this, X).isMounted || e === 0) && g(this, q, !1), !n(this, q)) {
     for (const t of n(this, oe))
@@ -404,7 +405,7 @@ X = new WeakMap(), Ee = new WeakMap(), H = new WeakMap(), _ = new WeakMap(), oe
     return;
   }
   requestAnimationFrame(() => {
-    n(this, Ee).info(`Batching ${n(this, H).size + n(this, _).length} queued DOM update(s).`);
+    n(this, $e).info(`Batching ${n(this, H).size + n(this, _).length} queued DOM update(s).`);
     for (const t of n(this, H).values())
       t();
     n(this, H).clear();
@@ -413,14 +414,14 @@ X = new WeakMap(), Ee = new WeakMap(), H = new WeakMap(), _ = new WeakMap(), oe
     g(this, _, []), P(this, ce, Ae).call(this);
   });
 };
-function de() {
-  return de = Object.assign ? Object.assign.bind() : function(a) {
+function fe() {
+  return fe = Object.assign ? Object.assign.bind() : function(a) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var r in t) ({}).hasOwnProperty.call(t, r) && (a[r] = t[r]);
     }
     return a;
-  }, de.apply(null, arguments);
+  }, fe.apply(null, arguments);
 }
 var A;
 (function(a) {
@@ -440,7 +441,7 @@ function je(a, e) {
     }
   }
 }
-var Ue = "beforeunload", Vt = "hashchange", dt = "popstate";
+var Ve = "beforeunload", Ut = "hashchange", dt = "popstate";
 function Ht(a) {
   a === void 0 && (a = {});
   var e = a, t = e.window, r = t === void 0 ? document.defaultView : t, i = r.history;
@@ -467,9 +468,9 @@ function Ht(a) {
             action: p,
             location: v,
             retry: function() {
-              U(E * -1);
+              V(E * -1);
             }
-          }, U(E));
+          }, V(E));
         } else
           process.env.NODE_ENV !== "production" && je(
             !1,
@@ -484,14 +485,14 @@ function Ht(a) {
   }
   r.addEventListener(dt, f);
   var c = A.Pop, w = s(), y = w[0], m = w[1], d = He(), b = He();
-  y == null && (y = 0, i.replaceState(de({}, i.state, {
+  y == null && (y = 0, i.replaceState(fe({}, i.state, {
     idx: y
   }), ""));
   function $(p) {
     return typeof p == "string" ? p : Ce(p);
   }
   function j(p, l) {
-    return l === void 0 && (l = null), qe(de({
+    return l === void 0 && (l = null), qe(fe({
       pathname: m.pathname,
       hash: "",
       search: ""
@@ -500,14 +501,14 @@ function Ht(a) {
       key: pt()
     }));
   }
-  function pe(p, l) {
+  function de(p, l) {
     return [{
       usr: p.state,
       key: p.key,
       idx: l
     }, $(p)];
   }
-  function ge(p, l, u) {
+  function pe(p, l, u) {
     return !b.length || (b.call({
       action: p,
       location: l,
@@ -527,8 +528,8 @@ function Ht(a) {
     function E() {
       ne(p, l);
     }
-    if (ge(u, v, E)) {
-      var S = pe(v, y + 1), M = S[0], T = S[1];
+    if (pe(u, v, E)) {
+      var S = de(v, y + 1), M = S[0], T = S[1];
       try {
         i.pushState(M, "", T);
       } catch {
@@ -537,17 +538,17 @@ function Ht(a) {
       re(u);
     }
   }
-  function me(p, l) {
+  function ge(p, l) {
     var u = A.Replace, v = j(p, l);
     function E() {
-      me(p, l);
+      ge(p, l);
     }
-    if (ge(u, v, E)) {
-      var S = pe(v, y), M = S[0], T = S[1];
+    if (pe(u, v, E)) {
+      var S = de(v, y), M = S[0], T = S[1];
       i.replaceState(M, "", T), re(u);
     }
   }
-  function U(p) {
+  function V(p) {
     i.go(p);
   }
   var Q = {
@@ -559,21 +560,21 @@ function Ht(a) {
     },
     createHref: $,
     push: ne,
-    replace: me,
-    go: U,
+    replace: ge,
+    go: V,
     back: function() {
-      U(-1);
+      V(-1);
     },
     forward: function() {
-      U(1);
+      V(1);
     },
     listen: function(l) {
       return d.push(l);
     },
     block: function(l) {
       var u = b.push(l);
-      return b.length === 1 && r.addEventListener(Ue, Ve), function() {
-        u(), b.length || r.removeEventListener(Ue, Ve);
+      return b.length === 1 && r.addEventListener(Ve, Ue), function() {
+        u(), b.length || r.removeEventListener(Ve, Ue);
       };
     }
   };
@@ -620,12 +621,12 @@ function _t(a) {
         ne(l);
     }
   }
-  r.addEventListener(dt, f), r.addEventListener(Vt, function() {
+  r.addEventListener(dt, f), r.addEventListener(Ut, function() {
     var l = s(), u = l[1];
     Ce(u) !== Ce(m) && f();
   });
   var c = A.Pop, w = s(), y = w[0], m = w[1], d = He(), b = He();
-  y == null && (y = 0, i.replaceState(de({}, i.state, {
+  y == null && (y = 0, i.replaceState(fe({}, i.state, {
     idx: y
   }), ""));
   function $() {
@@ -639,8 +640,8 @@ function _t(a) {
   function j(l) {
     return $() + "#" + (typeof l == "string" ? l : Ce(l));
   }
-  function pe(l, u) {
-    return u === void 0 && (u = null), qe(de({
+  function de(l, u) {
+    return u === void 0 && (u = null), qe(fe({
       pathname: m.pathname,
       hash: "",
       search: ""
@@ -649,7 +650,7 @@ function _t(a) {
       key: pt()
     }));
   }
-  function ge(l, u) {
+  function pe(l, u) {
     return [{
       usr: l.state,
       key: l.key,
@@ -671,13 +672,13 @@ function _t(a) {
       location: m
     });
   }
-  function me(l, u) {
-    var v = A.Push, E = pe(l, u);
+  function ge(l, u) {
+    var v = A.Push, E = de(l, u);
     function S() {
-      me(l, u);
+      ge(l, u);
     }
     if (process.env.NODE_ENV !== "production" && je(E.pathname.charAt(0) === "/", "Relative pathnames are not supported in hash history.push(" + JSON.stringify(l) + ")"), re(v, E, S)) {
-      var M = ge(E, y + 1), T = M[0], C = M[1];
+      var M = pe(E, y + 1), T = M[0], C = M[1];
       try {
         i.pushState(T, "", C);
       } catch {
@@ -686,13 +687,13 @@ function _t(a) {
       ne(v);
     }
   }
-  function U(l, u) {
-    var v = A.Replace, E = pe(l, u);
+  function V(l, u) {
+    var v = A.Replace, E = de(l, u);
     function S() {
-      U(l, u);
+      V(l, u);
     }
     if (process.env.NODE_ENV !== "production" && je(E.pathname.charAt(0) === "/", "Relative pathnames are not supported in hash history.replace(" + JSON.stringify(l) + ")"), re(v, E, S)) {
-      var M = ge(E, y), T = M[0], C = M[1];
+      var M = pe(E, y), T = M[0], C = M[1];
       i.replaceState(T, "", C), ne(v);
     }
   }
@@ -707,8 +708,8 @@ function _t(a) {
       return m;
     },
     createHref: j,
-    push: me,
-    replace: U,
+    push: ge,
+    replace: V,
     go: Q,
     back: function() {
       Q(-1);
@@ -721,14 +722,14 @@ function _t(a) {
     },
     block: function(u) {
       var v = b.push(u);
-      return b.length === 1 && r.addEventListener(Ue, Ve), function() {
-        v(), b.length || r.removeEventListener(Ue, Ve);
+      return b.length === 1 && r.addEventListener(Ve, Ue), function() {
+        v(), b.length || r.removeEventListener(Ve, Ue);
       };
     }
   };
   return p;
 }
-function Ve(a) {
+function Ue(a) {
   a.preventDefault(), a.returnValue = "";
 }
 function He() {
@@ -768,7 +769,7 @@ function Qe(a) {
   }
   return e;
 }
-function we(a) {
+function me(a) {
   return lt(a, "Expected `path` to be a string. Got type: %t, value: %v"), a.split("/").map((e) => e.trim()).filter((e) => e !== "");
 }
 function ae(a) {
@@ -814,7 +815,7 @@ function Ke(a) {
 }
 function ot(a, e, t = {}) {
   var o;
-  const [r, i] = e.split("?"), s = we(r);
+  const [r, i] = e.split("?"), s = me(r);
   e: for (const f of a) {
     const { fragments: c } = f;
     if (!(((o = c[c.length - 1]) == null ? void 0 : o.type) === 3) && c.length !== s.length || t.willMatch && !t.willMatch(f))
@@ -877,7 +878,7 @@ function Wt(a) {
   return e.sort(s), t.sort(s), r.sort(s), i.sort(s), [...e, ...t, ...r, ...i];
 }
 function zt(a) {
-  const e = we(a), t = [];
+  const e = me(a), t = [];
   for (let r = 0; r < e.length; r++) {
     const i = e[r];
     if (i === "*") {
@@ -900,11 +901,11 @@ function zt(a) {
   }
   return t;
 }
-var le, O, Z, k, ze, W, ke, ee, z, ue, he, fe, Le, B, Je, Ye;
+var Ee, O, Z, k, ze, W, ke, ee, z, le, ue, he, Le, B, Je, Ye;
 class Ft {
   constructor(e, t) {
     h(this, B);
-    h(this, le);
+    h(this, Ee);
     h(this, O);
     h(this, Z);
     h(this, k);
@@ -918,27 +919,27 @@ class Ft {
      * The currently matched route pattern, if any.
      */
     L(this, "$pattern");
-    h(this, ue);
+    h(this, le);
     /**
      * The current URL path.
      */
     L(this, "$path");
-    h(this, he);
+    h(this, ue);
     /**
      * The current named path params.
      */
     L(this, "$params");
-    h(this, fe);
+    h(this, he);
     /**
      * The current query params. Changes to this object will be reflected in the URL.
      */
     L(this, "$query");
     h(this, Le);
-    g(this, le, e), g(this, O, e.createLogger("dolla/router")), g(this, Z, t);
+    g(this, Ee, e), g(this, O, e.createLogger("dolla/router")), g(this, Z, t);
     const [r, i] = K(null), [s, o] = K(""), [f, c] = K({}), [w, y] = K(
       Ke(typeof window > "u" ? "" : window.location.search ?? "")
     );
-    this.$pattern = r, g(this, ue, i), this.$path = s, g(this, he, o), this.$params = f, g(this, fe, c), this.$query = w, g(this, Le, y), e.beforeMount(() => {
+    this.$pattern = r, g(this, le, i), this.$path = s, g(this, ue, o), this.$params = f, g(this, he, c), this.$query = w, g(this, Le, y), e.beforeMount(() => {
       n(this, k) != null && (n(this, z).push(
         ut([w], (m) => {
           const d = new URLSearchParams();
@@ -962,7 +963,7 @@ class Ft {
     });
   }
   setup(e) {
-    if (n(this, le).isMounted) {
+    if (n(this, Ee).isMounted) {
       n(this, O).crash(
         new Error("Dolla is already mounted. Router setup must be called before Dolla.mount is called.")
       );
@@ -978,7 +979,7 @@ class Ft {
     for (const t of n(this, ee))
       if (t.meta.redirect) {
         let r;
-        if (!Xe(t.meta.redirect)) if (V(t.meta.redirect)) {
+        if (!Xe(t.meta.redirect)) if (U(t.meta.redirect)) {
           if (r = t.meta.redirect, !ot(n(this, ee), r, {
             willMatch(s) {
               return s !== t;
@@ -1039,7 +1040,7 @@ class Ft {
     n(this, k).go(e);
   }
 }
-le = new WeakMap(), O = new WeakMap(), Z = new WeakMap(), k = new WeakMap(), ze = new WeakMap(), W = new WeakMap(), ke = new WeakMap(), ee = new WeakMap(), z = new WeakMap(), ue = new WeakMap(), he = new WeakMap(), fe = new WeakMap(), Le = new WeakMap(), B = new WeakSet(), /**
+Ee = new WeakMap(), O = new WeakMap(), Z = new WeakMap(), k = new WeakMap(), ze = new WeakMap(), W = new WeakMap(), ke = new WeakMap(), ee = new WeakMap(), z = new WeakMap(), le = new WeakMap(), ue = new WeakMap(), he = new WeakMap(), Le = new WeakMap(), B = new WeakSet(), /**
  * Parses a route definition object into a set of matchable routes.
  *
  * @param route - Route config object.
@@ -1056,13 +1057,13 @@ Je = function(e, t = [], r = []) {
     throw new Error("Route must have a 'view', a 'redirect', or a set of nested 'routes'.");
   let i = [];
   for (const c of t)
-    i.push(...we(c.path));
-  i.push(...we(e.path)), i[i.length - 1] === "*" && i.pop();
+    i.push(...me(c.path));
+  i.push(...me(e.path)), i[i.length - 1] === "*" && i.pop();
   const s = [];
   if (e.redirect) {
     let c = e.redirect;
-    return V(c) && (c = De(ae(i), c), c.startsWith("/") || (c = "/" + c)), s.push({
-      pattern: "/" + ae([...i, ...we(e.path)]),
+    return U(c) && (c = De(ae(i), c), c.startsWith("/") || (c = "/" + c)), s.push({
+      pattern: "/" + ae([...i, ...me(e.path)]),
       meta: {
         redirect: c
       }
@@ -1091,12 +1092,13 @@ Je = function(e, t = [], r = []) {
   e.search !== n(this, ke) && (g(this, ke, e.search), n(this, Le).call(this, Ke(e.search)));
   const t = ot(n(this, ee), e.pathname);
   if (!t) {
-    n(this, ue).call(this, null), n(this, he).call(this, e.pathname), n(this, fe).call(this, {
+    n(this, le).call(this, null), n(this, ue).call(this, e.pathname), n(this, he).call(this, {
       wildcard: e.pathname
     });
     return;
   }
   if (t.meta.beforeMatch && await t.meta.beforeMatch({
+    // TODO: Allow setting context variables from here.
     redirect: (r) => {
       throw new Error("Redirect not yet implemented.");
     }
@@ -1117,15 +1119,17 @@ Je = function(e, t = [], r = []) {
       i.startsWith("/") || (i = De(t.path, i)), n(this, O).info(`Redirecting to: '${i}'`), n(this, k).replace(i);
     } else
       throw new TypeError("Redirect must either be a path string or a function.");
-  else if (n(this, he).call(this, t.path), n(this, fe).call(this, t.params), t.pattern !== this.$pattern.get()) {
-    n(this, ue).call(this, t.pattern);
+  else if (n(this, ue).call(this, t.path), n(this, he).call(this, t.params), t.pattern !== this.$pattern.get()) {
+    n(this, le).call(this, t.pattern);
     const r = t.meta.layers;
     for (let i = 0; i < r.length; i++) {
       const s = r[i], o = n(this, W)[i];
       if ((o == null ? void 0 : o.id) !== s.id) {
         n(this, O).info(`Replacing layer @${i} (active ID: ${o == null ? void 0 : o.id}, matched ID: ${s.id})`), g(this, W, n(this, W).slice(0, i));
-        const f = n(this, W).at(-1), c = n(this, le).constructView(s.view, {});
-        o && o.node.isMounted && o.node.unmount(), f ? f.node.setChildren([c]) : n(this, Z).rootView.setChildren([c]), n(this, W).push({ id: s.id, node: c });
+        const f = n(this, W).at(-1);
+        o && o.node.isMounted && o.node.unmount();
+        let c;
+        f ? c = f.node.setChildView(s.view) : c = n(this, Z).rootView.setChildView(s.view), n(this, W).push({ id: s.id, node: c });
       }
     }
   }
@@ -1185,7 +1189,7 @@ class Kt {
     L(this, "createRef", Lt);
     L(this, "isRef", Pt);
     const e = this;
-    this.http = new Nt(), this.language = new Dt(this), this.render = new Ut(this), this.router = new Ft(this, {
+    this.http = new Nt(), this.language = new Dt(this), this.render = new Vt(this), this.router = new Ft(this, {
       get rootElement() {
         return n(e, I);
       },
@@ -1224,7 +1228,7 @@ class Kt {
   async mount(e, t) {
     if (n(this, F))
       throw new Error("Dolla is already mounted.");
-    if (V(e)) {
+    if (U(e)) {
       const i = document.querySelector(e);
       nt(HTMLElement, i, `Selector '${e}' did not match any element.`), g(this, I, i);
     } else
@@ -1286,7 +1290,7 @@ class Kt {
       get info() {
         var f;
         const o = r.get();
-        if (n(s, R).info === !1 || V(n(s, R).info) && n(s, R).info !== s.getEnv() || !n(f = s, G).call(f, o))
+        if (n(s, R).info === !1 || U(n(s, R).info) && n(s, R).info !== s.getEnv() || !n(f = s, G).call(f, o))
           return Ne;
         {
           let c = `%c${o}`;
@@ -1303,7 +1307,7 @@ class Kt {
       get log() {
         var f;
         const o = r.get();
-        if (n(s, R).log === !1 || V(n(s, R).log) && n(s, R).log !== s.getEnv() || !n(f = s, G).call(f, o))
+        if (n(s, R).log === !1 || U(n(s, R).log) && n(s, R).log !== s.getEnv() || !n(f = s, G).call(f, o))
           return Ne;
         {
           let c = `%c${o}`;
@@ -1320,7 +1324,7 @@ class Kt {
       get warn() {
         var f;
         const o = r.get();
-        if (n(s, R).warn === !1 || V(n(s, R).warn) && n(s, R).warn !== s.getEnv() || !n(f = s, G).call(f, o))
+        if (n(s, R).warn === !1 || U(n(s, R).warn) && n(s, R).warn !== s.getEnv() || !n(f = s, G).call(f, o))
           return Ne;
         {
           let c = `%c${o}`;
@@ -1337,7 +1341,7 @@ class Kt {
       get error() {
         var f;
         const o = r.get();
-        if (n(s, R).error === !1 || V(n(s, R).error) && n(s, R).error !== s.getEnv() || !n(f = s, G).call(f, o))
+        if (n(s, R).error === !1 || U(n(s, R).error) && n(s, R).error !== s.getEnv() || !n(f = s, G).call(f, o))
           return Ne;
         {
           let c = `%c${o}`;
@@ -1364,13 +1368,13 @@ class Kt {
    *
    */
   constructView(e, t, r = []) {
-    return Rt({ root: this }, e, t, r);
+    return Rt({ root: this, data: {} }, e, t, r);
   }
   /**
    *
    */
   constructMarkup(e) {
-    return xt(Ot({ root: this }, e));
+    return xt(Ot({ root: this, data: {} }, e));
   }
 }
 F = new WeakMap(), Pe = new WeakMap(), I = new WeakMap(), te = new WeakMap(), Se = new WeakMap(), Re = new WeakMap(), xe = new WeakMap(), Oe = new WeakMap(), Me = new WeakMap(), R = new WeakMap(), G = new WeakMap();