@graffiticode/l0000-view 0.1.3 → 0.1.5

package/dist/index.js

@@ -1,808 +1,234 @@
-import { jsx as q, jsxs as bt } from "react/jsx-runtime";
-import ct, { createContext as ve, useEffect as et, useLayoutEffect as ye, useContext as Oe, useMemo as mt, useRef as U, useCallback as ht, useDebugValue as we, useState as at, useReducer as _e } from "react";
-var At = { exports: {} }, yt = {};
-/**
- * @license React
- * use-sync-external-store-shim.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var Kt;
-function Re() {
-  if (Kt) return yt;
-  Kt = 1;
-  var t = ct;
-  function e(u, l) {
-    return u === l && (u !== 0 || 1 / u === 1 / l) || u !== u && l !== l;
-  }
-  var n = typeof Object.is == "function" ? Object.is : e, r = t.useState, o = t.useEffect, i = t.useLayoutEffect, s = t.useDebugValue;
-  function d(u, l) {
-    var c = l(), h = r({ inst: { value: c, getSnapshot: l } }), f = h[0].inst, E = h[1];
-    return i(
-      function() {
-        f.value = c, f.getSnapshot = l, m(f) && E({ inst: f });
-      },
-      [u, c, l]
-    ), o(
-      function() {
-        return m(f) && E({ inst: f }), u(function() {
-          m(f) && E({ inst: f });
-        });
-      },
-      [u]
-    ), s(c), c;
-  }
-  function m(u) {
-    var l = u.getSnapshot;
-    u = u.value;
-    try {
-      var c = l();
-      return !n(u, c);
-    } catch {
-      return !0;
-    }
-  }
-  function D(u, l) {
-    return l();
-  }
-  var v = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? D : d;
-  return yt.useSyncExternalStore = t.useSyncExternalStore !== void 0 ? t.useSyncExternalStore : v, yt;
+import { useCallback as e, useEffect as t, useMemo as n, useReducer as r, useRef as i, useState as a } from "react";
+import o from "swr";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/lib/api.ts
+function l() {
+	return window.document.location.host.indexOf("localhost") === 0 ? "http://localhost:3100" : "https://api.graffiticode.org";
 }
-var Ot = {};
-/**
- * @license React
- * use-sync-external-store-shim.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var Jt;
-function De() {
-  return Jt || (Jt = 1, process.env.NODE_ENV !== "production" && function() {
-    function t(c, h) {
-      return c === h && (c !== 0 || 1 / c === 1 / h) || c !== c && h !== h;
-    }
-    function e(c, h) {
-      v || o.startTransition === void 0 || (v = !0, console.error(
-        "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
-      ));
-      var f = h();
-      if (!u) {
-        var E = h();
-        i(f, E) || (console.error(
-          "The result of getSnapshot should be cached to avoid an infinite loop"
-        ), u = !0);
-      }
-      E = s({
-        inst: { value: f, getSnapshot: h }
-      });
-      var T = E[0].inst, a = E[1];
-      return m(
-        function() {
-          T.value = f, T.getSnapshot = h, n(T) && a({ inst: T });
-        },
-        [c, f, h]
-      ), d(
-        function() {
-          return n(T) && a({ inst: T }), c(function() {
-            n(T) && a({ inst: T });
-          });
-        },
-        [c]
-      ), D(f), f;
-    }
-    function n(c) {
-      var h = c.getSnapshot;
-      c = c.value;
-      try {
-        var f = h();
-        return !i(c, f);
-      } catch {
-        return !0;
-      }
-    }
-    function r(c, h) {
-      return h();
-    }
-    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var o = ct, i = typeof Object.is == "function" ? Object.is : t, s = o.useState, d = o.useEffect, m = o.useLayoutEffect, D = o.useDebugValue, v = !1, u = !1, l = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? r : e;
-    Ot.useSyncExternalStore = o.useSyncExternalStore !== void 0 ? o.useSyncExternalStore : l, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
-  }()), Ot;
+var u = async ({ accessToken: e, id: t }) => {
+	let { status: n, error: r, data: i } = await (await fetch(`${l()}/data?id=${t}`, { headers: { Authorization: e || "" } })).json();
+	if (n !== "success") throw Error(`failed to get data ${t}: ${r?.message}`);
+	return i;
+}, d = async ({ accessToken: e, id: t, data: n }) => {
+	let r = await (await fetch(`${l()}/compile`, {
+		method: "POST",
+		headers: {
+			"Content-Type": "application/json",
+			authorization: e || "",
+			"x-graffiticode-storage-type": "persistent"
+		},
+		body: JSON.stringify({
+			id: t,
+			data: n
+		})
+	})).json();
+	if (r.status !== "success") throw Error(`failed to post compile ${t}: ${r.error?.message}`);
+	return r.data;
+}, f = async ({ accessToken: e, id: t, data: n }) => {
+	let r = Object.keys(n).length > 0 ? 1 : 2;
+	return t = t.split("+").slice(0, r).join("+"), await d({
+		accessToken: e,
+		id: t,
+		data: n
+	});
+}, p = async ({ accessToken: e, id: t }) => await u({
+	accessToken: e,
+	id: t
+}), m = /* @__PURE__ */ new Set(["update", "response"]), h = /* @__PURE__ */ new Set(["init", "loaded"]);
+function g(e) {
+	return e && typeof e == "object" && Array.isArray(e.errors) ? {
+		data: e.data ?? null,
+		errors: e.errors
+	} : {
+		data: e,
+		errors: []
+	};
 }
-process.env.NODE_ENV === "production" ? At.exports = Re() : At.exports = De();
-var zt = At.exports;
-const se = 0, ie = 1, ae = 2, Yt = 3;
-var Xt = Object.prototype.hasOwnProperty;
-function Ct(t, e) {
-  var n, r;
-  if (t === e) return !0;
-  if (t && e && (n = t.constructor) === e.constructor) {
-    if (n === Date) return t.getTime() === e.getTime();
-    if (n === RegExp) return t.toString() === e.toString();
-    if (n === Array) {
-      if ((r = t.length) === e.length)
-        for (; r-- && Ct(t[r], e[r]); ) ;
-      return r === -1;
-    }
-    if (!n || typeof t == "object") {
-      r = 0;
-      for (n in t)
-        if (Xt.call(t, n) && ++r && !Xt.call(e, n) || !(n in e) || !Ct(t[n], e[n])) return !1;
-      return Object.keys(e).length === r;
-    }
-  }
-  return t !== t && e !== e;
+function _(e, t) {
+	return t.length > 0 || !(e == null || typeof e == "object" && !Array.isArray(e) && Object.keys(e).length === 0);
 }
-const $ = /* @__PURE__ */ new WeakMap(), H = () => {
-}, b = (
-  /*#__NOINLINE__*/
-  H()
-), xt = Object, p = (t) => t === b, F = (t) => typeof t == "function", k = (t, e) => ({
-  ...t,
-  ...e
-}), ce = (t) => F(t.then), wt = {}, dt = {}, Wt = "undefined", ut = typeof window != Wt, It = typeof document != Wt, Te = ut && "Deno" in window, Le = () => ut && typeof window.requestAnimationFrame != Wt, ue = (t, e) => {
-  const n = $.get(t);
-  return [
-    // Getter
-    () => !p(e) && t.get(e) || wt,
-    // Setter
-    (r) => {
-      if (!p(e)) {
-        const o = t.get(e);
-        e in dt || (dt[e] = o), n[5](e, k(o, r), o || wt);
-      }
-    },
-    // Subscriber
-    n[6],
-    // Get server cache snapshot
-    () => !p(e) && e in dt ? dt[e] : !p(e) && t.get(e) || wt
-  ];
-};
-let Nt = !0;
-const be = () => Nt, [Vt, jt] = ut && window.addEventListener ? [
-  window.addEventListener.bind(window),
-  window.removeEventListener.bind(window)
-] : [
-  H,
-  H
-], Ae = () => {
-  const t = It && document.visibilityState;
-  return p(t) || t !== "hidden";
-}, Ce = (t) => (It && document.addEventListener("visibilitychange", t), Vt("focus", t), () => {
-  It && document.removeEventListener("visibilitychange", t), jt("focus", t);
-}), xe = (t) => {
-  const e = () => {
-    Nt = !0, t();
-  }, n = () => {
-    Nt = !1;
-  };
-  return Vt("online", e), Vt("offline", n), () => {
-    jt("online", e), jt("offline", n);
-  };
-}, Ie = {
-  isOnline: be,
-  isVisible: Ae
-}, Ne = {
-  initFocus: Ce,
-  initReconnect: xe
-}, Qt = !ct.useId, nt = !ut || Te, Ve = (t) => Le() ? window.requestAnimationFrame(t) : setTimeout(t, 1), _t = nt ? et : ye, Rt = typeof navigator < "u" && navigator.connection, Zt = !nt && Rt && ([
-  "slow-2g",
-  "2g"
-].includes(Rt.effectiveType) || Rt.saveData), pt = /* @__PURE__ */ new WeakMap(), je = (t) => xt.prototype.toString.call(t), Dt = (t, e) => t === `[object ${e}]`;
-let Fe = 0;
-const Ft = (t) => {
-  const e = typeof t, n = je(t), r = Dt(n, "Date"), o = Dt(n, "RegExp"), i = Dt(n, "Object");
-  let s, d;
-  if (xt(t) === t && !r && !o) {
-    if (s = pt.get(t), s) return s;
-    if (s = ++Fe + "~", pt.set(t, s), Array.isArray(t)) {
-      for (s = "@", d = 0; d < t.length; d++)
-        s += Ft(t[d]) + ",";
-      pt.set(t, s);
-    }
-    if (i) {
-      s = "#";
-      const m = xt.keys(t).sort();
-      for (; !p(d = m.pop()); )
-        p(t[d]) || (s += d + ":" + Ft(t[d]) + ",");
-      pt.set(t, s);
-    }
-  } else
-    s = r ? t.toJSON() : e == "symbol" ? t.toString() : e == "string" ? JSON.stringify(t) : "" + t;
-  return s;
-}, Pt = (t) => {
-  if (F(t))
-    try {
-      t = t();
-    } catch {
-      t = "";
-    }
-  const e = t;
-  return t = typeof t == "string" ? t : (Array.isArray(t) ? t.length : t) ? Ft(t) : "", [
-    t,
-    e
-  ];
-};
-let Me = 0;
-const Mt = () => ++Me;
-async function le(...t) {
-  const [e, n, r, o] = t, i = k({
-    populateCache: !0,
-    throwOnError: !0
-  }, typeof o == "boolean" ? {
-    revalidate: o
-  } : o || {});
-  let s = i.populateCache;
-  const d = i.rollbackOnError;
-  let m = i.optimisticData;
-  const D = (l) => typeof d == "function" ? d(l) : d !== !1, v = i.throwOnError;
-  if (F(n)) {
-    const l = n, c = [], h = e.keys();
-    for (const f of h)
-      // Skip the special useSWRInfinite and useSWRSubscription keys.
-      !/^\$(inf|sub)\$/.test(f) && l(e.get(f)._k) && c.push(f);
-    return Promise.all(c.map(u));
-  }
-  return u(n);
-  async function u(l) {
-    const [c] = Pt(l);
-    if (!c) return;
-    const [h, f] = ue(e, c), [E, T, a, J] = $.get(e), M = () => {
-      const I = E[c];
-      return (F(i.revalidate) ? i.revalidate(h().data, l) : i.revalidate !== !1) && (delete a[c], delete J[c], I && I[0]) ? I[0](ae).then(() => h().data) : h().data;
-    };
-    if (t.length < 3)
-      return M();
-    let S = r, A, L = !1;
-    const W = Mt();
-    T[c] = [
-      W,
-      0
-    ];
-    const y = !p(m), z = h(), V = z.data, Y = z._c, G = p(Y) ? V : Y;
-    if (y && (m = F(m) ? m(G, V) : m, f({
-      data: m,
-      _c: G
-    })), F(S))
-      try {
-        S = S(G);
-      } catch (I) {
-        A = I, L = !0;
-      }
-    if (S && ce(S))
-      if (S = await S.catch((I) => {
-        A = I, L = !0;
-      }), W !== T[c][0]) {
-        if (L) throw A;
-        return S;
-      } else L && y && D(A) && (s = !0, f({
-        data: G,
-        _c: b
-      }));
-    if (s && !L)
-      if (F(s)) {
-        const I = s(S, G);
-        f({
-          data: I,
-          error: b,
-          _c: b
-        });
-      } else
-        f({
-          data: S,
-          error: b,
-          _c: b
-        });
-    if (T[c][1] = Mt(), Promise.resolve(M()).then(() => {
-      f({
-        _c: b
-      });
-    }), L) {
-      if (v) throw A;
-      return;
-    }
-    return S;
-  }
-}
-const te = (t, e) => {
-  for (const n in t)
-    t[n][0] && t[n][0](e);
-}, We = (t, e) => {
-  if (!$.has(t)) {
-    const n = k(Ne, e), r = /* @__PURE__ */ Object.create(null), o = le.bind(b, t);
-    let i = H;
-    const s = /* @__PURE__ */ Object.create(null), d = (v, u) => {
-      const l = s[v] || [];
-      return s[v] = l, l.push(u), () => l.splice(l.indexOf(u), 1);
-    }, m = (v, u, l) => {
-      t.set(v, u);
-      const c = s[v];
-      if (c)
-        for (const h of c)
-          h(u, l);
-    }, D = () => {
-      if (!$.has(t) && ($.set(t, [
-        r,
-        /* @__PURE__ */ Object.create(null),
-        /* @__PURE__ */ Object.create(null),
-        /* @__PURE__ */ Object.create(null),
-        o,
-        m,
-        d
-      ]), !nt)) {
-        const v = n.initFocus(setTimeout.bind(b, te.bind(b, r, se))), u = n.initReconnect(setTimeout.bind(b, te.bind(b, r, ie)));
-        i = () => {
-          v && v(), u && u(), $.delete(t);
-        };
-      }
-    };
-    return D(), [
-      t,
-      o,
-      D,
-      i
-    ];
-  }
-  return [
-    t,
-    $.get(t)[4]
-  ];
-}, Pe = (t, e, n, r, o) => {
-  const i = n.errorRetryCount, s = o.retryCount, d = ~~((Math.random() + 0.5) * (1 << (s < 8 ? s : 8))) * n.errorRetryInterval;
-  !p(i) && s > i || setTimeout(r, d, o);
-}, Ue = Ct, [fe, qe] = We(/* @__PURE__ */ new Map()), $e = k(
-  {
-    // events
-    onLoadingSlow: H,
-    onSuccess: H,
-    onError: H,
-    onErrorRetry: Pe,
-    onDiscarded: H,
-    // switches
-    revalidateOnFocus: !0,
-    revalidateOnReconnect: !0,
-    revalidateIfStale: !0,
-    shouldRetryOnError: !0,
-    // timeouts
-    errorRetryInterval: Zt ? 1e4 : 5e3,
-    focusThrottleInterval: 5 * 1e3,
-    dedupingInterval: 2 * 1e3,
-    loadingTimeout: Zt ? 5e3 : 3e3,
-    // providers
-    compare: Ue,
-    isPaused: () => !1,
-    cache: fe,
-    mutate: qe,
-    fallback: {}
-  },
-  // use web preset by default
-  Ie
-), He = (t, e) => {
-  const n = k(t, e);
-  if (e) {
-    const { use: r, fallback: o } = t, { use: i, fallback: s } = e;
-    r && i && (n.use = r.concat(i)), o && s && (n.fallback = k(o, s));
-  }
-  return n;
-}, ke = ve({}), Ge = "$inf$", de = ut && window.__SWR_DEVTOOLS_USE__, Be = de ? window.__SWR_DEVTOOLS_USE__ : [], Ke = () => {
-  de && (window.__SWR_DEVTOOLS_REACT__ = ct);
-}, Je = (t) => F(t[1]) ? [
-  t[0],
-  t[1],
-  t[2] || {}
-] : [
-  t[0],
-  null,
-  (t[1] === null ? t[2] : t[1]) || {}
-], ze = () => {
-  const t = Oe(ke);
-  return mt(() => k($e, t), [
-    t
-  ]);
-}, Ye = (t) => (e, n, r) => t(e, n && ((...i) => {
-  const [s] = Pt(e), [, , , d] = $.get(fe);
-  if (s.startsWith(Ge))
-    return n(...i);
-  const m = d[s];
-  return p(m) ? n(...i) : (delete d[s], m);
-}), r), Xe = Be.concat(Ye), Qe = (t) => function(...n) {
-  const r = ze(), [o, i, s] = Je(n), d = He(r, s);
-  let m = t;
-  const { use: D } = d, v = (D || []).concat(Xe);
-  for (let u = v.length; u--; )
-    m = v[u](m);
-  return m(o, i || d.fetcher || null, d);
-}, Ze = (t, e, n) => {
-  const r = e[t] || (e[t] = []);
-  return r.push(n), () => {
-    const o = r.indexOf(n);
-    o >= 0 && (r[o] = r[r.length - 1], r.pop());
-  };
-};
-Ke();
-const Tt = ct.use || // This extra generic is to avoid TypeScript mixing up the generic and JSX sytax
-// and emitting an error.
-// We assume that this is only for the `use(thenable)` case, not `use(context)`.
-// https://github.com/facebook/react/blob/aed00dacfb79d17c53218404c52b1c7aa59c4a89/packages/react-server/src/ReactFizzThenable.js#L45
-((t) => {
-  switch (t.status) {
-    case "pending":
-      throw t;
-    case "fulfilled":
-      return t.value;
-    case "rejected":
-      throw t.reason;
-    default:
-      throw t.status = "pending", t.then((e) => {
-        t.status = "fulfilled", t.value = e;
-      }, (e) => {
-        t.status = "rejected", t.reason = e;
-      }), t;
-  }
-}), Lt = {
-  dedupe: !0
-}, ee = Promise.resolve(b), tn = () => H, en = (t, e, n) => {
-  const { cache: r, compare: o, suspense: i, fallbackData: s, revalidateOnMount: d, revalidateIfStale: m, refreshInterval: D, refreshWhenHidden: v, refreshWhenOffline: u, keepPreviousData: l, strictServerPrefetchWarning: c } = n, [h, f, E, T] = $.get(r), [a, J] = Pt(t), M = U(!1), S = U(!1), A = U(a), L = U(e), W = U(n), y = () => W.current, z = () => y().isVisible() && y().isOnline(), [V, Y, G, I] = ue(r, a), X = U({}).current, Q = p(s) ? p(n.fallback) ? b : n.fallback[a] : s, Ut = (g, O) => {
-    for (const w in X) {
-      const _ = w;
-      if (_ === "data") {
-        if (!o(g[_], O[_]) && (!p(g[_]) || !o(ft, O[_])))
-          return !1;
-      } else if (O[_] !== g[_])
-        return !1;
-    }
-    return !0;
-  }, St = !M.current, qt = mt(() => {
-    const g = V(), O = I(), w = (R) => {
-      const N = k(R);
-      return delete N._k, (() => {
-        if (!a || !e || y().isPaused()) return !1;
-        if (St && !p(d)) return d;
-        const it = p(Q) ? N.data : Q;
-        return p(it) || m;
-      })() ? {
-        isValidating: !0,
-        isLoading: !0,
-        ...N
-      } : N;
-    }, _ = w(g), j = g === O ? _ : w(O);
-    let C = _;
-    return [
-      () => {
-        const R = w(V());
-        return Ut(R, C) ? (C.data = R.data, C.isLoading = R.isLoading, C.isValidating = R.isValidating, C.error = R.error, C) : (C = R, R);
-      },
-      () => j
-    ];
-  }, [
-    r,
-    a
-  ]), Z = zt.useSyncExternalStore(ht(
-    (g) => G(a, (O, w) => {
-      Ut(w, O) || g();
-    }),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [
-      r,
-      a
-    ]
-  ), qt[0], qt[1]), he = h[a] && h[a].length > 0, tt = Z.data, B = p(tt) ? Q && ce(Q) ? Tt(Q) : Q : tt, lt = Z.error, gt = U(B), ft = l ? p(tt) ? p(gt.current) ? B : gt.current : tt : B, K = a && p(B), rt = U(null);
-  !nt && // getServerSnapshot is only called during hydration
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  zt.useSyncExternalStore(tn, () => (rt.current = !1, rt), () => (rt.current = !0, rt));
-  const me = rt.current;
-  c && me && !i && K && console.warn(`Missing pre-initiated data for serialized key "${a}" during server-side rendering. Data fetching should be initiated on the server and provided to SWR via fallback data. You can set "strictServerPrefetchWarning: false" to disable this warning.`);
-  const $t = !a || !e || y().isPaused() || he && !p(lt) ? !1 : St && !p(d) ? d : i ? p(B) ? !1 : m : p(B) || m, Ht = St && $t, Se = p(Z.isValidating) ? Ht : Z.isValidating, ge = p(Z.isLoading) ? Ht : Z.isLoading, ot = ht(
-    async (g) => {
-      const O = L.current;
-      if (!a || !O || S.current || y().isPaused())
-        return !1;
-      let w, _, j = !0;
-      const C = g || {}, R = !E[a] || !C.dedupe, N = () => Qt ? !S.current && a === A.current && M.current : a === A.current, st = {
-        isValidating: !1,
-        isLoading: !1
-      }, it = () => {
-        Y(st);
-      }, Gt = () => {
-        const x = E[a];
-        x && x[1] === _ && delete E[a];
-      }, Bt = {
-        isValidating: !0
-      };
-      p(V().data) && (Bt.isLoading = !0);
-      try {
-        if (R && (Y(Bt), n.loadingTimeout && p(V().data) && setTimeout(() => {
-          j && N() && y().onLoadingSlow(a, n);
-        }, n.loadingTimeout), E[a] = [
-          O(J),
-          Mt()
-        ]), [w, _] = E[a], w = await w, R && setTimeout(Gt, n.dedupingInterval), !E[a] || E[a][1] !== _)
-          return R && N() && y().onDiscarded(a), !1;
-        st.error = b;
-        const x = f[a];
-        if (!p(x) && // case 1
-        (_ <= x[0] || // case 2
-        _ <= x[1] || // case 3
-        x[1] === 0))
-          return it(), R && N() && y().onDiscarded(a), !1;
-        const P = V().data;
-        st.data = o(P, w) ? P : w, R && N() && y().onSuccess(w, a, n);
-      } catch (x) {
-        Gt();
-        const P = y(), { shouldRetryOnError: Et } = P;
-        P.isPaused() || (st.error = x, R && N() && (P.onError(x, a, P), (Et === !0 || F(Et) && Et(x)) && (!y().revalidateOnFocus || !y().revalidateOnReconnect || z()) && P.onErrorRetry(x, a, P, (Ee) => {
-          const vt = h[a];
-          vt && vt[0] && vt[0](Yt, Ee);
-        }, {
-          retryCount: (C.retryCount || 0) + 1,
-          dedupe: !0
-        })));
-      }
-      return j = !1, it(), !0;
-    },
-    // `setState` is immutable, and `eventsCallback`, `fnArg`, and
-    // `keyValidating` are depending on `key`, so we can exclude them from
-    // the deps array.
-    //
-    // FIXME:
-    // `fn` and `config` might be changed during the lifecycle,
-    // but they might be changed every render like this.
-    // `useSWR('key', () => fetch('/api/'), { suspense: true })`
-    // So we omit the values from the deps array
-    // even though it might cause unexpected behaviors.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [
-      a,
-      r
-    ]
-  ), kt = ht(
-    // Use callback to make sure `keyRef.current` returns latest result every time
-    (...g) => le(r, A.current, ...g),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    []
-  );
-  if (_t(() => {
-    L.current = e, W.current = n, p(tt) || (gt.current = tt);
-  }), _t(() => {
-    if (!a) return;
-    const g = ot.bind(b, Lt);
-    let O = 0;
-    y().revalidateOnFocus && (O = Date.now() + y().focusThrottleInterval);
-    const _ = Ze(a, h, (j, C = {}) => {
-      if (j == se) {
-        const R = Date.now();
-        y().revalidateOnFocus && R > O && z() && (O = R + y().focusThrottleInterval, g());
-      } else if (j == ie)
-        y().revalidateOnReconnect && z() && g();
-      else {
-        if (j == ae)
-          return ot();
-        if (j == Yt)
-          return ot(C);
-      }
-    });
-    return S.current = !1, A.current = a, M.current = !0, Y({
-      _k: J
-    }), $t && (E[a] || (p(B) || nt ? g() : Ve(g))), () => {
-      S.current = !0, _();
-    };
-  }, [
-    a
-  ]), _t(() => {
-    let g;
-    function O() {
-      const _ = F(D) ? D(V().data) : D;
-      _ && g !== -1 && (g = setTimeout(w, _));
-    }
-    function w() {
-      !V().error && (v || y().isVisible()) && (u || y().isOnline()) ? ot(Lt).then(O) : O();
-    }
-    return O(), () => {
-      g && (clearTimeout(g), g = -1);
-    };
-  }, [
-    D,
-    v,
-    u,
-    a
-  ]), we(ft), i) {
-    if (!Qt && nt && K)
-      throw new Error("Fallback data is required when using Suspense in SSR.");
-    K && (L.current = e, W.current = n, S.current = !1);
-    const g = T[a], O = !p(g) && K ? kt(g) : ee;
-    if (Tt(O), !p(lt) && K)
-      throw lt;
-    const w = K ? ot(Lt) : ee;
-    !p(ft) && K && (w.status = "fulfilled", w.value = !0), Tt(w);
-  }
-  return {
-    mutate: kt,
-    get data() {
-      return X.data = !0, ft;
-    },
-    get error() {
-      return X.error = !0, lt;
-    },
-    get isValidating() {
-      return X.isValidating = !0, Se;
-    },
-    get isLoading() {
-      return X.isLoading = !0, ge;
-    }
-  };
-}, nn = Qe(en);
-function pe() {
-  return window.document.location.host.indexOf("localhost") === 0 ? "http://localhost:3100" : "https://api.graffiticode.org";
+var v = (e) => typeof e == "object" && !!e && !Array.isArray(e), y = (e, t) => t == null ? e : v(e) && v(t) ? {
+	...e,
+	...t
+} : t;
+function b(e, { type: t, args: n }) {
+	switch (t) {
+		case "init": return v(n) ? { ...n } : n;
+		case "compiled":
+		case "loaded":
+		case "update":
+		case "response": return y(e, n);
+		case "focus": return {
+			...e,
+			focus: n
+		};
+		default: return console.error(`Unimplemented action type: ${t}`), e;
+	}
 }
-const rn = async ({
-  accessToken: t,
-  id: e
-}) => {
-  const n = await fetch(`${pe()}/data?id=${e}`, {
-    headers: { Authorization: t || "" }
-  }), { status: r, error: o, data: i } = await n.json();
-  if (r !== "success")
-    throw new Error(`failed to get data ${e}: ${o == null ? void 0 : o.message}`);
-  return i;
-}, on = async ({
-  accessToken: t,
-  id: e,
-  data: n
-}) => {
-  var i;
-  const o = await (await fetch(`${pe()}/compile`, {
-    method: "POST",
-    headers: {
-      "Content-Type": "application/json",
-      authorization: t || "",
-      "x-graffiticode-storage-type": "persistent"
-    },
-    body: JSON.stringify({ id: e, data: n })
-  })).json();
-  if (o.status !== "success")
-    throw new Error(`failed to post compile ${e}: ${(i = o.error) == null ? void 0 : i.message}`);
-  return o.data;
-}, sn = async ({
-  accessToken: t,
-  id: e,
-  data: n
-}) => {
-  const r = Object.keys(n).length > 0 ? 1 : 2;
-  return e = e.split("+").slice(0, r).join("+"), await on({ accessToken: t, id: e, data: n });
-}, an = async ({
-  accessToken: t,
-  id: e
-}) => await rn({ accessToken: t, id: e }), cn = /* @__PURE__ */ new Set(["update", "response"]), un = /* @__PURE__ */ new Set(["init", "loaded"]);
-function ne(t) {
-  return t && typeof t == "object" && Array.isArray(t.errors) ? { data: t.data ?? null, errors: t.errors } : { data: t, errors: [] };
-}
-function re(t, e) {
-  return e.length > 0 ? !0 : !(t == null || typeof t == "object" && !Array.isArray(t) && Object.keys(t).length === 0);
-}
-function ln(t, { type: e, args: n }) {
-  switch (e) {
-    case "init":
-      return { ...n };
-    case "compiled":
-    case "loaded":
-    case "update":
-    case "response":
-      return { ...t, ...n };
-    case "focus":
-      return { ...t, focus: n };
-    default:
-      return console.error(`Unimplemented action type: ${e}`), t;
-  }
-}
-const fn = (t, e) => (n, r) => {
-  const o = t ? t(n.data, r) : void 0, i = o !== void 0 ? o : ln(n.data, r);
-  return i === n.data || JSON.stringify(i) === JSON.stringify(n.data) ? n : {
-    data: i,
-    renderData: e === "live" || un.has(r.type) ? i : n.renderData,
-    compileSeq: n.compileSeq + (cn.has(r.type) ? 1 : 0)
-  };
-}, gn = ({
-  Form: t,
-  reduce: e,
-  formModel: n = "live"
-}) => {
-  var M;
-  const [r] = at(() => new URLSearchParams(window.location.search)), [o] = at(r.get("id") ?? void 0), [i] = at(r.get("access_token") ?? void 0), [s] = at(r.get("origin") ?? void 0), [d, m] = at([]), D = mt(() => fn(e, n), [e, n]), [v, u] = _e(D, void 0, () => ({
-    data: {},
-    renderData: {},
-    compileSeq: 0
-  })), { data: l, renderData: c, compileSeq: h } = v;
-  et(() => {
-    const S = r.get("data");
-    S && u({ type: "init", args: JSON.parse(S) });
-  }, []), et(() => {
-    s && window.parent.postMessage({ type: "onload", data: l }, s);
-  }, []), et(() => {
-    s && window.parent.postMessage({ type: "data-updated", data: l }, s);
-  }, [JSON.stringify(l)]);
-  const f = nn(o ? { accessToken: i, id: o } : null, an, {
-    revalidateOnFocus: !1,
-    revalidateOnReconnect: !1,
-    revalidateIfStale: !1
-  });
-  et(() => {
-    if (f.data === void 0) return;
-    const S = ne(f.data);
-    u({ type: "loaded", args: S.data }), m(S.errors);
-  }, [f.data]);
-  const E = U(0);
-  et(() => {
-    if (h === 0 || !o) return;
-    const S = ++E.current;
-    s && window.parent.postMessage({ focus: { type: "update", value: l } }, s);
-    let A = !1;
-    return (async () => {
-      try {
-        const L = await sn({ accessToken: i, id: o, data: l });
-        if (A || S !== E.current) return;
-        const W = ne(L);
-        u({ type: "compiled", args: W.data }), m(W.errors);
-      } catch (L) {
-        !A && S === E.current && m([{ message: String((L == null ? void 0 : L.message) ?? L) }]);
-      }
-    })(), () => {
-      A = !0;
-    };
-  }, [h]);
-  const T = re(c, []) ? c : l, a = mt(() => ({ data: T, errors: d, apply: u }), [T, d]), J = ht(() => f.mutate(), [f]);
-  return re(l, d) ? /* @__PURE__ */ q(t, { state: a }) : f.error ? /* @__PURE__ */ bt("div", { role: "alert", style: oe, children: [
-    /* @__PURE__ */ q("p", { style: { margin: 0, fontWeight: 600 }, children: "Couldn’t load this form." }),
-    /* @__PURE__ */ q("p", { style: { margin: "4px 0 12px", color: "#555" }, children: String(((M = f.error) == null ? void 0 : M.message) ?? f.error) }),
-    /* @__PURE__ */ q("button", { type: "button", style: dn, onClick: J, children: "Retry" })
-  ] }) : f.isLoading ? /* @__PURE__ */ q("div", { role: "status", "aria-live": "polite", style: oe, children: "Loading…" }) : /* @__PURE__ */ q("div", {});
-}, oe = {
-  display: "flex",
-  flexDirection: "column",
-  alignItems: "center",
-  justifyContent: "center",
-  height: "100%",
-  padding: "24px",
-  textAlign: "center",
-  font: "14px/1.4 system-ui, sans-serif"
-}, dn = {
-  padding: "6px 14px",
-  border: "1px solid #888",
-  borderRadius: "4px",
-  background: "#fff",
-  cursor: "pointer"
+var x = (e, t) => {
+	if (e === t) return !0;
+	if (typeof e != typeof t || e === null || t === null || typeof e != "object" || Array.isArray(e) !== Array.isArray(t)) return !1;
+	if (Array.isArray(e)) return e.length === t.length && e.every((e, n) => x(e, t[n]));
+	let n = Object.keys(e);
+	return n.length === Object.keys(t).length && n.every((n) => Object.prototype.hasOwnProperty.call(t, n) && x(e[n], t[n]));
+}, S = (e, t) => (n, r) => {
+	let i = e ? e(n.data, r) : void 0, a = i === void 0 ? b(n.data, r) : i;
+	return a === n.data || x(a, n.data) ? n : {
+		data: a,
+		renderData: t === "live" || h.has(r.type) ? a : n.renderData,
+		compileSeq: n.compileSeq + +!!m.has(r.type),
+		version: n.version + 1
+	};
+}, C = ({ Form: l, reduce: u, formModel: d = "live" }) => {
+	let [m] = a(() => new URLSearchParams(window.location.search)), [h] = a(m.get("id") ?? void 0), [v] = a(m.get("access_token") ?? void 0), [y] = a(m.get("origin") ?? void 0), [b, x] = a([]), C = n(() => S(u, d), [u, d]), [E, D] = r(C, void 0, () => ({
+		data: {},
+		renderData: {},
+		compileSeq: 0,
+		version: 0
+	})), { data: O, renderData: k, compileSeq: A, version: j } = E;
+	t(() => {
+		let e = m.get("data");
+		e && D({
+			type: "init",
+			args: JSON.parse(e)
+		});
+	}, []), t(() => {
+		y && window.parent.postMessage({
+			type: "onload",
+			data: O
+		}, y);
+	}, []), t(() => {
+		y && window.parent.postMessage({
+			type: "data-updated",
+			data: O
+		}, y);
+	}, [j]);
+	let M = o(h ? {
+		accessToken: v,
+		id: h
+	} : null, p, {
+		revalidateOnFocus: !1,
+		revalidateOnReconnect: !1,
+		revalidateIfStale: !1
+	});
+	t(() => {
+		if (M.data === void 0) return;
+		let e = g(M.data);
+		D({
+			type: "loaded",
+			args: e.data
+		}), x(e.errors);
+	}, [M.data]);
+	let N = i(0);
+	t(() => {
+		if (A === 0 || !h) return;
+		let e = ++N.current;
+		y && window.parent.postMessage({ focus: {
+			type: "update",
+			value: O
+		} }, y);
+		let t = !1;
+		return (async () => {
+			try {
+				let n = await f({
+					accessToken: v,
+					id: h,
+					data: O
+				});
+				if (t || e !== N.current) return;
+				let r = g(n);
+				D({
+					type: "compiled",
+					args: r.data
+				}), x(r.errors);
+			} catch (n) {
+				!t && e === N.current && x([{ message: String(n?.message ?? n) }]);
+			}
+		})(), () => {
+			t = !0;
+		};
+	}, [A]);
+	let P = _(k, []) ? k : O, F = n(() => ({
+		data: P,
+		errors: b,
+		apply: D
+	}), [P, b]), I = e(() => M.mutate(), [M]);
+	return _(O, b) ? /* @__PURE__ */ s(l, { state: F }) : M.error ? /* @__PURE__ */ c("div", {
+		role: "alert",
+		style: w,
+		children: [
+			/* @__PURE__ */ s("p", {
+				style: {
+					margin: 0,
+					fontWeight: 600
+				},
+				children: "Couldn’t load this form."
+			}),
+			/* @__PURE__ */ s("p", {
+				style: {
+					margin: "4px 0 12px",
+					color: "#555"
+				},
+				children: String(M.error?.message ?? M.error)
+			}),
+			/* @__PURE__ */ s("button", {
+				type: "button",
+				style: T,
+				onClick: I,
+				children: "Retry"
+			})
+		]
+	}) : M.isLoading ? /* @__PURE__ */ s("div", {
+		role: "status",
+		"aria-live": "polite",
+		style: w,
+		children: "Loading…"
+	}) : /* @__PURE__ */ s("div", {});
+}, w = {
+	display: "flex",
+	flexDirection: "column",
+	alignItems: "center",
+	justifyContent: "center",
+	height: "100%",
+	padding: "24px",
+	textAlign: "center",
+	font: "14px/1.4 system-ui, sans-serif"
+}, T = {
+	padding: "6px 14px",
+	border: "1px solid #888",
+	borderRadius: "4px",
+	background: "#fff",
+	cursor: "pointer"
 };
-function pn({ errors: t }) {
-  return /* @__PURE__ */ q("div", { className: "flex flex-col gap-2 font-mono text-xs", children: t.map((e, n) => /* @__PURE__ */ bt(
-    "div",
-    {
-      className: "rounded-md border border-red-200 bg-red-50 p-3 text-red-800",
-      children: [
-        e.message,
-        typeof e.from == "number" && e.from >= 0 && /* @__PURE__ */ bt("span", { className: "ml-2 text-red-400", children: [
-          "[",
-          e.from,
-          typeof e.to == "number" && e.to >= 0 ? `–${e.to}` : "",
-          "]"
-        ] })
-      ]
-    },
-    n
-  )) });
+//#endregion
+//#region src/components/form/Form.tsx
+function E({ errors: e }) {
+	return /* @__PURE__ */ s("div", {
+		className: "flex flex-col gap-2 font-mono text-xs",
+		children: e.map((e, t) => /* @__PURE__ */ c("div", {
+			className: "rounded-md border border-red-200 bg-red-50 p-3 text-red-800",
+			children: [e.message, typeof e.from == "number" && e.from >= 0 && /* @__PURE__ */ c("span", {
+				className: "ml-2 text-red-400",
+				children: [
+					"[",
+					e.from,
+					typeof e.to == "number" && e.to >= 0 ? `–${e.to}` : "",
+					"]"
+				]
+			})]
+		}, t))
+	});
 }
-const En = ({ state: t }) => {
-  const e = t.errors ?? [];
-  if (e.length > 0)
-    return /* @__PURE__ */ q(pn, { errors: e });
-  const n = t.data;
-  return /* @__PURE__ */ q("pre", { className: "rounded-md bg-zinc-50 text-zinc-900 text-xs font-mono p-4 overflow-auto", children: JSON.stringify(n, null, 2) });
-};
-export {
-  En as Form,
-  gn as View
+var D = ({ state: e }) => {
+	let t = e.errors ?? [];
+	if (t.length > 0) return /* @__PURE__ */ s(E, { errors: t });
+	let n = e.data;
+	return /* @__PURE__ */ s("pre", {
+		className: "rounded-md bg-zinc-50 text-zinc-900 text-xs font-mono p-4 overflow-auto",
+		children: JSON.stringify(n, null, 2)
+	});
 };
-//# sourceMappingURL=index.js.map
+//#endregion
+export { D as Form, C as View };
+
+//# sourceMappingURL=index.js.map