@graffiticode/l0000-view 0.1.4 → 0.2.0

package/dist/index.js

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