@fragmentsx/runtime-react 0.2.0-dev-20260928092325 → 0.2.0-dev-20260928123417

package/dist/index.es.js

@@ -1,33 +1,33 @@
-import { jsx as d, jsxs as te, Fragment as ne } from "react/jsx-runtime";
-import * as ae from "react";
-import { createContext as A, useContext as v, useMemo as N, useState as w, useEffect as y, useLayoutEffect as se, version as ue, Component as ce, Suspense as K, createElement as le, useCallback as _, useRef as H, useReducer as oe } from "react";
-import { FragmentsAreaError as de, toScopeClassName as ie, AREA_GLOBAL_CSS_KEY as fe, resolveStylesHref as me, fragmentCssKey as he, createSourceCache as Ee, sourceCallKey as j, sourceTransportKey as ve, resolveSourceRequest as ge, runSourceFetch as ye, createFragmentsClient as Se } from "@fragmentsx/fragments-client";
-import { FragmentsApiVersionError as Qe, FragmentsAreaError as We, FragmentsLoadError as Xe, createSourceCache as Ze } from "@fragmentsx/fragments-client";
-const k = A(
+import { jsx as o, jsxs as ae, Fragment as se } from "react/jsx-runtime";
+import * as ue from "react";
+import { createContext as S, useContext as E, useMemo as w, useState as F, useEffect as g, useLayoutEffect as ce, version as le, Component as oe, Suspense as z, createElement as de, useCallback as x, useRef as G, useReducer as fe } from "react";
+import { FragmentsAreaError as ie, toScopeClassName as me, AREA_GLOBAL_CSS_KEY as he, resolveStylesHref as Ee, fragmentCssKey as ve, createSourceCache as ge, sourceCallKey as L, sourceTransportKey as ye, resolveSourceRequest as Se, runSourceFetch as Ae, createFragmentsClient as ke } from "@fragmentsx/fragments-client";
+import { FragmentsApiVersionError as Xe, FragmentsAreaError as Ze, FragmentsLoadError as er, createSourceCache as rr } from "@fragmentsx/fragments-client";
+const A = S(
   null
 );
-k.displayName = "FragmentsClientContext";
-function Ae(r) {
-  return /* @__PURE__ */ d(k.Provider, { value: r.value, children: r.children });
+A.displayName = "FragmentsClientContext";
+function Ce(r) {
+  return /* @__PURE__ */ o(A.Provider, { value: r.value, children: r.children });
 }
-function ke() {
-  return v(k);
+function Pe() {
+  return E(A);
 }
-const z = A(null);
-z.displayName = "InstanceIdContext";
-const F = A(
+const Y = S(null);
+Y.displayName = "InstanceIdContext";
+const T = S(
   null
 );
-F.displayName = "ModulesMapContext";
-function Ce({
+T.displayName = "ModulesMapContext";
+function Ne({
   value: r,
   children: e
 }) {
-  return /* @__PURE__ */ d(F.Provider, { value: r, children: e });
+  return /* @__PURE__ */ o(T.Provider, { value: r, children: e });
 }
-function Ue() {
-  const r = v(k);
-  return N(
+function pe() {
+  const r = E(A);
+  return w(
     () => ({
       reachGoal: (e) => {
         var t, n;
@@ -37,13 +37,13 @@ function Ue() {
     [r]
   );
 }
-function Pe(r) {
-  const e = v(F);
+function we(r) {
+  const e = E(T);
   if (!e)
     throw new Error("[useFragmentComponent] No ModulesMapProvider in tree");
   return e.read(r);
 }
-const $ = typeof window < "u", L = Object.freeze({
+const D = typeof window < "u", U = Object.freeze({
   rootFragmentId: 0,
   variantId: null,
   props: {},
@@ -56,72 +56,72 @@ const $ = typeof window < "u", L = Object.freeze({
   slots: {},
   sources: {}
 });
-function R(r) {
+function _(r) {
   const e = r.$area;
   if (!(e != null && e.read))
     throw new Error("[useArea] $area plugin not mounted");
   return e;
 }
-function Ne(r, e) {
-  const t = v(k);
+function Fe(r, e) {
+  const t = E(A);
   if (!t)
     throw new Error("[useArea] No FragmentsClientProvider in tree");
-  const n = (e == null ? void 0 : e.suspense) ?? !0, s = (e == null ? void 0 : e.pause) === !0 || !$ && (e == null ? void 0 : e.ssr) === !1, a = (e == null ? void 0 : e.timeout) != null ? { timeout: e.timeout } : void 0, [, i] = w(0);
-  if (y(() => {
+  const n = (e == null ? void 0 : e.suspense) ?? !0, s = (e == null ? void 0 : e.pause) === !0 || !D && (e == null ? void 0 : e.ssr) === !1, a = (e == null ? void 0 : e.timeout) != null ? { timeout: e.timeout } : void 0, [, i] = F(0);
+  if (g(() => {
     if (n || s) return;
-    const l = R(t);
-    let u = !0;
-    return Promise.resolve(l.resolve(r, a)).catch(() => {
+    const u = _(t);
+    let l = !0;
+    return Promise.resolve(u.resolve(r, a)).catch(() => {
     }).finally(() => {
-      u && i((E) => E + 1);
+      l && i((d) => d + 1);
     }), () => {
-      u = !1;
+      l = !1;
     };
   }, [r, n, e == null ? void 0 : e.pause, e == null ? void 0 : e.timeout, e == null ? void 0 : e.ssr]), n) {
     if (s)
-      return L;
-    const l = R(t);
-    if (l.has(r) || Promise.resolve(l.resolve(r, a)).catch(() => {
-    }), !$)
+      return U;
+    const u = _(t);
+    if (u.has(r) || Promise.resolve(u.resolve(r, a)).catch(() => {
+    }), !D)
       try {
-        return l.read(r);
-      } catch (u) {
-        if (u != null && typeof u.then == "function")
-          throw u;
+        return u.read(r);
+      } catch (l) {
+        if (l != null && typeof l.then == "function")
+          throw l;
         return process.env.NODE_ENV !== "production" && console.error(
           `[useArea] Area ${r} remained unresolved on the server because its cache reached a terminal state`,
-          u
-        ), L;
+          l
+        ), U;
       }
-    return l.read(r);
+    return u.read(r);
   }
   if (s)
     return { status: "idle", data: null, error: null };
-  const c = R(t);
-  if (c.has(r))
+  const m = _(t);
+  if (m.has(r))
     try {
-      return { status: "ready", data: c.read(r), error: null };
-    } catch (l) {
+      return { status: "ready", data: m.read(r), error: null };
+    } catch (u) {
       return {
         status: "not-found",
         data: null,
-        error: l instanceof Error ? l : new Error(String(l))
+        error: u instanceof Error ? u : new Error(String(u))
       };
     }
-  return Promise.resolve(c.resolve(r, a)).catch(() => {
+  return Promise.resolve(m.resolve(r, a)).catch(() => {
   }), { status: "loading", data: null, error: null };
 }
-const G = typeof window < "u", we = 3e3, P = /* @__PURE__ */ new Map(), Y = (r, e) => {
-  if (!G) {
+const J = typeof window < "u", Te = 3e3, N = /* @__PURE__ */ new Map(), q = (r, e) => {
+  if (!J) {
     const h = () => {
     };
     return h.loaded = Promise.resolve(), h;
   }
-  const t = P.get(e);
+  const t = N.get(e);
   if (t) {
     t.refCount += 1;
     const h = () => {
-      t.refCount -= 1, t.refCount === 0 && (t.clearReadyTimer(), t.linkEl.remove(), P.delete(e));
+      t.refCount -= 1, t.refCount === 0 && (t.clearReadyTimer(), t.linkEl.remove(), N.delete(e));
     };
     return h.loaded = t.loaded, h;
   }
@@ -131,25 +131,25 @@ const G = typeof window < "u", we = 3e3, P = /* @__PURE__ */ new Map(), Y = (r,
   const a = new Promise((h) => {
     s = h;
   }), i = () => {
-    l(), s();
-  }, c = setTimeout(i, we), l = () => clearTimeout(c);
+    u(), s();
+  }, m = setTimeout(i, Te), u = () => clearTimeout(m);
   n.addEventListener("load", i), n.addEventListener("error", i), document.head.appendChild(n);
-  const u = { refCount: 1, linkEl: n, loaded: a, clearReadyTimer: l };
-  P.set(e, u);
-  const E = () => {
-    u.refCount -= 1, u.refCount === 0 && (u.clearReadyTimer(), u.linkEl.remove(), P.delete(e));
+  const l = { refCount: 1, linkEl: n, loaded: a, clearReadyTimer: u };
+  N.set(e, l);
+  const d = () => {
+    l.refCount -= 1, l.refCount === 0 && (l.clearReadyTimer(), l.linkEl.remove(), N.delete(e));
   };
-  return E.loaded = a, E;
-}, Fe = G ? se : y;
-function Te(r, e) {
-  Fe(() => Y(r, e), [r, e]);
+  return d.loaded = a, d;
+}, Re = J ? ce : g;
+function _e(r, e) {
+  Re(() => q(r, e), [r, e]);
 }
-const Re = parseInt(ue.split(".")[0], 10), _e = Re >= 19;
-function D({
+const xe = parseInt(le.split(".")[0], 10), Oe = xe >= 19;
+function V({
   href: r,
   fragmentKey: e
 }) {
-  return _e ? /* @__PURE__ */ d(
+  return Oe ? /* @__PURE__ */ o(
     "link",
     {
       rel: "stylesheet",
@@ -157,48 +157,48 @@ function D({
       precedence: "default",
       "data-fragment-key": e
     }
-  ) : (Te(r, e), null);
+  ) : (_e(r, e), null);
 }
-function pe(r) {
+function Ke(r) {
 }
-const J = {}, x = A(null);
-x.displayName = "ProjectPropertiesContext";
-const q = Object.freeze({}), O = A(q);
-O.displayName = "SourceTransportsContext";
-const b = A("live");
-b.displayName = "SourceNetworkContext";
-function V(r) {
+const Q = {}, O = S(null);
+O.displayName = "ProjectPropertiesContext";
+const W = Object.freeze({}), b = S(W);
+b.displayName = "SourceTransportsContext";
+const I = S("live");
+I.displayName = "SourceNetworkContext";
+function B(r) {
   const e = r instanceof Error ? r : new Error(String(r));
-  if (!(e instanceof de))
+  if (!(e instanceof ie))
     return { kind: "failed", error: e };
   const { code: t } = e;
   return t === "NO_ACTIVE_VARIANT" ? { kind: "no-variant", code: t, error: e } : t === "AREA_NOT_FOUND" || t === "NO_PUBLISHED_SNAPSHOT" || t === "NESTED_SNAPSHOT_MISSING" ? { kind: "misconfigured", code: t, error: e } : { kind: "failed", code: t, error: e };
 }
-function Q(r, e, t) {
+function X(r, e, t) {
   return typeof r == "function" ? r(e, t) : r ?? null;
 }
-const xe = () => {
+const be = () => {
 };
-function U(r) {
+function p(r) {
   return r instanceof Error ? r : new Error(String(r));
 }
-class W extends ce {
+class Z extends oe {
   constructor() {
     super(...arguments), this.state = { hasError: !1, error: null };
   }
   static getDerivedStateFromError(e) {
-    return { hasError: !0, error: U(e) };
+    return { hasError: !0, error: p(e) };
   }
   componentDidCatch(e, t) {
     var s, a;
-    const n = U(e);
+    const n = p(e);
     process.env.NODE_ENV !== "production" && console.error("[fragments] Area error:", n, t.componentStack), (a = (s = this.props).onError) == null || a.call(s, n);
   }
   render() {
     if (this.state.hasError) {
       const e = { kind: "failed", error: this.state.error ?? new Error("Unknown Area error") };
       try {
-        return Q(this.props.empty, e, this.props.retry ?? xe);
+        return X(this.props.empty, e, this.props.retry ?? be);
       } catch {
         return null;
       }
@@ -206,17 +206,17 @@ class W extends ce {
     return this.props.children;
   }
 }
-function X(r, e) {
+function ee(r, e) {
   if (!r) return {};
   const t = {};
   for (const n of Object.keys(r))
-    t[n] = Oe(r[n], e);
+    t[n] = Ie(r[n], e);
   return t;
 }
-function Oe(r, e) {
-  return Array.isArray(r) ? r.map((t, n) => t === null ? null : p(t, e, n)) : p(r, e);
+function Ie(r, e) {
+  return Array.isArray(r) ? r.map((t, n) => t === null ? null : K(t, e, n)) : K(r, e);
 }
-function p(r, e, t) {
+function K(r, e, t) {
   let n;
   try {
     n = e(r.fragmentId);
@@ -225,169 +225,169 @@ function p(r, e, t) {
       throw a;
     return console.warn(`[FragmentRenderer] Slot fragment ${r.fragmentId} failed to load — rendering empty hole`, a), null;
   }
-  const s = X(r.slots, e);
-  return le(n, { key: t, ...r.props, ...s });
+  const s = ee(r.slots, e);
+  return de(n, { key: t, ...r.props, ...s });
 }
-const Z = ({
+const re = ({
   fragmentId: r,
   props: e,
   globalCssUrl: t = null,
-  projectProperties: n = J,
+  projectProperties: n = Q,
   fragments: s = [r],
   slots: a,
-  sources: i = q,
-  sourceNetwork: c = "live"
+  sources: i = W,
+  sourceNetwork: m = "live"
 }) => {
-  const l = Pe(r), u = v(F);
-  if (!u)
+  const u = we(r), l = E(T);
+  if (!l)
     throw new Error("[FragmentRendererInner] No ModulesMapProvider in tree");
-  const E = X(a, u.read), h = { ...e ?? {}, ...E }, o = s.length > 0 ? s.map(ie).join(" ") : void 0;
-  return /* @__PURE__ */ te(ne, { children: [
-    t != null && /* @__PURE__ */ d(
-      D,
+  const d = ee(a, l.read), h = { ...e ?? {}, ...d }, y = s.length > 0 ? s.map(me).join(" ") : void 0;
+  return /* @__PURE__ */ ae(se, { children: [
+    t != null && /* @__PURE__ */ o(
+      V,
       {
         href: t,
-        fragmentKey: fe
+        fragmentKey: he
       }
     ),
-    s.map((m) => {
-      const g = me(m);
-      return g ? /* @__PURE__ */ d(
-        D,
+    s.map((c) => {
+      const v = Ee(c);
+      return v ? /* @__PURE__ */ o(
+        V,
         {
-          href: g,
-          fragmentKey: he(m)
+          href: v,
+          fragmentKey: ve(c)
         },
-        m
+        c
       ) : null;
     }),
-    /* @__PURE__ */ d(b.Provider, { value: c, children: /* @__PURE__ */ d(O.Provider, { value: i, children: /* @__PURE__ */ d(x.Provider, { value: n, children: /* @__PURE__ */ d(z.Provider, { value: null, children: /* @__PURE__ */ d(
+    /* @__PURE__ */ o(I.Provider, { value: m, children: /* @__PURE__ */ o(b.Provider, { value: i, children: /* @__PURE__ */ o(O.Provider, { value: n, children: /* @__PURE__ */ o(Y.Provider, { value: null, children: /* @__PURE__ */ o(
       "div",
       {
-        className: o,
+        className: y,
         style: { display: "contents" },
-        children: /* @__PURE__ */ d(l, { ...h })
+        children: /* @__PURE__ */ o(u, { ...h })
       }
     ) }) }) }) })
   ] });
-}, Be = ({ onError: r, ...e }) => /* @__PURE__ */ d(K, { fallback: null, children: /* @__PURE__ */ d(W, { onError: r, children: /* @__PURE__ */ d(Z, { ...e }) }) }), be = ({ areaCode: r, options: e, retry: t }) => {
-  const n = Ne(r, {
+}, He = ({ onError: r, ...e }) => /* @__PURE__ */ o(z, { fallback: null, children: /* @__PURE__ */ o(Z, { onError: r, children: /* @__PURE__ */ o(re, { ...e }) }) }), Me = ({ areaCode: r, options: e, retry: t }) => {
+  const n = Fe(r, {
     suspense: !1,
     ssr: !1,
     pause: e == null ? void 0 : e.pause,
     timeout: e == null ? void 0 : e.timeout
-  }), s = H(null);
-  if (y(() => {
-    var S;
+  }), s = G(null);
+  if (g(() => {
+    var k;
     if (n.status !== "not-found" || !n.error) return;
-    const m = V(n.error), g = JSON.stringify([r, m.kind, m.code, m.error.message]);
-    s.current !== g && (s.current = g, (S = e == null ? void 0 : e.onError) == null || S.call(e, m.error), process.env.NODE_ENV !== "production" && m.kind !== "no-variant" && console.error(
-      `[fragments] Area resolution ${m.kind}: areaCode=${r}, code=${m.code ?? "none"}`,
-      m.error
+    const c = B(n.error), v = JSON.stringify([r, c.kind, c.code, c.error.message]);
+    s.current !== v && (s.current = v, (k = e == null ? void 0 : e.onError) == null || k.call(e, c.error), process.env.NODE_ENV !== "production" && c.kind !== "no-variant" && console.error(
+      `[fragments] Area resolution ${c.kind}: areaCode=${r}, code=${c.code ?? "none"}`,
+      c.error
     ));
   }, [r, e == null ? void 0 : e.onError, n.error, n.status]), (e == null ? void 0 : e.pause) === !0)
     return null;
   if (n.status === "idle")
     return (e == null ? void 0 : e.fallback) ?? null;
   if (n.status === "not-found")
-    return Q(e == null ? void 0 : e.empty, V(n.error), t);
+    return X(e == null ? void 0 : e.empty, B(n.error), t);
   if (n.status === "loading" || !n.data)
     return (e == null ? void 0 : e.fallback) ?? null;
-  const { rootFragmentId: a, props: i, projectProperties: c, globalCssUrl: l, fragments: u, slots: E, sources: h } = n.data, o = typeof (e == null ? void 0 : e.props) == "function" ? e.props(i) : e != null && e.props ? { ...i, ...e.props } : i;
-  return /* @__PURE__ */ d(K, { fallback: (e == null ? void 0 : e.fallback) ?? null, children: /* @__PURE__ */ d(
-    Z,
+  const { rootFragmentId: a, props: i, projectProperties: m, globalCssUrl: u, fragments: l, slots: d, sources: h } = n.data, y = typeof (e == null ? void 0 : e.props) == "function" ? e.props(i) : e != null && e.props ? { ...i, ...e.props } : i;
+  return /* @__PURE__ */ o(z, { fallback: (e == null ? void 0 : e.fallback) ?? null, children: /* @__PURE__ */ o(
+    re,
     {
       fragmentId: a,
-      props: o,
-      globalCssUrl: l,
-      projectProperties: c,
-      fragments: u,
-      slots: E,
+      props: y,
+      globalCssUrl: u,
+      projectProperties: m,
+      fragments: l,
+      slots: d,
       sources: h
     }
   ) });
-}, Ke = ({ areaCode: r, options: e }) => {
-  const t = v(k), [n, s] = w(0), a = t == null ? void 0 : t.$area;
-  y(() => {
+}, ze = ({ areaCode: r, options: e }) => {
+  const t = E(A), [n, s] = F(0), a = t == null ? void 0 : t.$area;
+  g(() => {
     (e == null ? void 0 : e.ssr) !== !0 || process.env.NODE_ENV === "production" || console.error(
       "[fragments] Area option `ssr` is reserved: server resolution has been removed from the runtime; existing `ssr: false` calls continue to work unchanged."
     );
   }, [e == null ? void 0 : e.ssr]);
-  const i = _(() => {
+  const i = x(() => {
     a != null && a.resolve && (a.resolve(r).catch(() => {
-    }), s((c) => c + 1));
+    }), s((m) => m + 1));
   }, [a, r]);
   return (
     // A retry remounts the boundary and AreaInner: a repeated failure is a new
     // telemetry event, so AreaInner intentionally calls options.onError again.
-    /* @__PURE__ */ d(W, { onError: e == null ? void 0 : e.onError, empty: e == null ? void 0 : e.empty, retry: i, children: /* @__PURE__ */ d(be, { areaCode: r, options: e, retry: i }) }, n)
+    /* @__PURE__ */ o(Z, { onError: e == null ? void 0 : e.onError, empty: e == null ? void 0 : e.empty, retry: i, children: /* @__PURE__ */ o(Me, { areaCode: r, options: e, retry: i }) }, n)
   );
 };
-function He({ client: r, children: e }) {
-  const t = N(
+function Ge({ client: r, children: e }) {
+  const t = w(
     () => ({
       read: (n) => r.$fragments.read(n)
     }),
     [r]
   );
-  return /* @__PURE__ */ d(Ae, { value: r, children: /* @__PURE__ */ d(Ce, { value: t, children: e }) });
+  return /* @__PURE__ */ o(Ce, { value: r, children: /* @__PURE__ */ o(Ne, { value: t, children: e }) });
 }
-function ze(r) {
-  return (v(x) ?? J)[r];
+function Ye(r) {
+  return (E(O) ?? Q)[r];
 }
-function Ie(r, e) {
-  const [, t] = oe((a) => a + 1, 0), n = e(), s = H(n);
-  return s.current = n, y(() => {
+function je(r, e) {
+  const [, t] = fe((a) => a + 1, 0), n = e(), s = G(n);
+  return s.current = n, g(() => {
     const a = r(t);
     return Object.is(s.current, e()) || t(), a;
   }, [r, e]), n;
 }
-const B = ae.useSyncExternalStore, Me = B || ((r, e) => Ie(r, e)), ee = "offline", je = () => Promise.reject(new Error(ee));
-function $e(r, e) {
-  var M;
-  const t = ke(), [n] = w(Ee), s = (t == null ? void 0 : t.sourceCache) ?? n, a = (M = t == null ? void 0 : t.sourceFetchers) == null ? void 0 : M[r], i = a ? "host-fetch" : "network", c = t == null ? void 0 : t.env, l = j({ source: r, target: e.target, params: e.params }), u = N(() => ({ source: r, target: e.target, params: e.params }), [l]), E = _((T) => s.subscribe(u, T), [s, u]), h = _(() => s.get(u), [s, u]), o = Me(E, h, h), m = v(b), g = v(O), S = ve(r, e.target), f = N(
-    () => m === ee ? null : ge(g[S], u.params),
-    [m, g, S, u]
-  ), [C, I] = w(null);
-  return y(() => {
-    (o == null ? void 0 : o.status) === "ready" && C !== null && I(null);
-  }, [o, C]), y(() => {
-    f && !f.ok && o === void 0 && console.warn(`[useSource] ${S}: ${f.reason}`);
-  }, [S, f == null ? void 0 : f.ok, f && !f.ok ? f.reason : void 0, o === void 0]), y(() => {
-    if (f && !f.ok || (o == null ? void 0 : o.status) === "ready" || C === l) return;
-    I(l);
-    const T = f && f.ok ? () => ye({ url: f.url, init: f.init }, { fetcher: a, timeout: c == null ? void 0 : c.timeout }).then((re) => (c != null && c.debug && console.info(`[useSource] loaded ${j(u)} origin=${i}`), re)) : je;
-    s.load(u, T, i);
-  }, [s, u, l, o, C, f, a, i, c == null ? void 0 : c.timeout, c == null ? void 0 : c.debug]), (o == null ? void 0 : o.status) === "ready" ? { data: o.data ?? void 0, loading: !1 } : (o == null ? void 0 : o.status) === "pending" ? { data: void 0, loading: !0 } : f && !f.ok ? { data: void 0, loading: !1 } : { data: void 0, loading: C !== l };
+const H = ue.useSyncExternalStore, $e = H || ((r, e) => je(r, e)), te = "offline", Le = () => Promise.reject(new Error(te));
+function De(r, e) {
+  var j, $;
+  const t = Pe(), [n] = F(ge), s = (t == null ? void 0 : t.sourceCache) ?? n, a = (j = t == null ? void 0 : t.sourceFetchers) == null ? void 0 : j[r], i = ($ = t == null ? void 0 : t.sourceBaseUrls) == null ? void 0 : $[r], m = a ? "host-fetch" : "network", u = t == null ? void 0 : t.env, l = L({ source: r, target: e.target, params: e.params }), d = w(() => ({ source: r, target: e.target, params: e.params }), [l]), h = x((R) => s.subscribe(d, R), [s, d]), y = x(() => s.get(d), [s, d]), c = $e(h, y, y), v = E(I), k = E(b), P = ye(r, e.target), f = w(
+    () => v === te ? null : Se(k[P], d.params, i),
+    [v, k, P, d, i]
+  ), [C, M] = F(null);
+  return g(() => {
+    (c == null ? void 0 : c.status) === "ready" && C !== null && M(null);
+  }, [c, C]), g(() => {
+    f && !f.ok && c === void 0 && console.warn(`[useSource] ${P}: ${f.reason}`);
+  }, [P, f == null ? void 0 : f.ok, f && !f.ok ? f.reason : void 0, c === void 0]), g(() => {
+    if (f && !f.ok || (c == null ? void 0 : c.status) === "ready" || C === l) return;
+    M(l);
+    const R = f && f.ok ? () => Ae({ url: f.url, init: f.init }, { fetcher: a, timeout: u == null ? void 0 : u.timeout }).then((ne) => (u != null && u.debug && console.info(`[useSource] loaded ${L(d)} origin=${m}`), ne)) : Le;
+    s.load(d, R, m);
+  }, [s, d, l, c, C, f, a, m, u == null ? void 0 : u.timeout, u == null ? void 0 : u.debug]), (c == null ? void 0 : c.status) === "ready" ? { data: c.data ?? void 0, loading: !1 } : (c == null ? void 0 : c.status) === "pending" ? { data: void 0, loading: !0 } : f && !f.ok ? { data: void 0, loading: !1 } : { data: void 0, loading: C !== l };
 }
-const Ge = $e;
-function Ye(r) {
-  return Se({ ...r, inject: Y });
+const Je = De;
+function qe(r) {
+  return ke({ ...r, inject: q });
 }
 export {
-  L as AREA_UNRESOLVED,
-  Ke as Area,
-  Be as FragmentRenderer,
-  D as FragmentStylesheet,
-  Qe as FragmentsApiVersionError,
-  We as FragmentsAreaError,
-  k as FragmentsClientContext,
-  Ae as FragmentsClientProvider,
-  Xe as FragmentsLoadError,
-  He as FragmentsProvider,
-  z as InstanceIdContext,
-  F as ModulesMapContext,
-  Ce as ModulesMapProvider,
-  x as ProjectPropertiesContext,
-  Ye as createBrowserClient,
-  Ze as createSourceCache,
-  J as defaultProjectProperties,
-  Y as injectStylesheet,
-  Ne as useArea,
-  pe as useCssChunk,
-  Pe as useFragmentComponent,
-  Ue as useFragmentMetrics,
-  Te as useFragmentStylesheet,
-  ze as useProjectProperty,
-  Ge as useSource
+  U as AREA_UNRESOLVED,
+  ze as Area,
+  He as FragmentRenderer,
+  V as FragmentStylesheet,
+  Xe as FragmentsApiVersionError,
+  Ze as FragmentsAreaError,
+  A as FragmentsClientContext,
+  Ce as FragmentsClientProvider,
+  er as FragmentsLoadError,
+  Ge as FragmentsProvider,
+  Y as InstanceIdContext,
+  T as ModulesMapContext,
+  Ne as ModulesMapProvider,
+  O as ProjectPropertiesContext,
+  qe as createBrowserClient,
+  rr as createSourceCache,
+  Q as defaultProjectProperties,
+  q as injectStylesheet,
+  Fe as useArea,
+  Ke as useCssChunk,
+  we as useFragmentComponent,
+  pe as useFragmentMetrics,
+  _e as useFragmentStylesheet,
+  Ye as useProjectProperty,
+  Je as useSource
 };

package/dist/index.umd.js

@@ -1 +1 @@
-(function(s,l){typeof exports=="object"&&typeof module<"u"?l(exports,require("react/jsx-runtime"),require("react"),require("@fragmentsx/fragments-client")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","@fragmentsx/fragments-client"],l):(s=typeof globalThis<"u"?globalThis:s||self,l(s.FragmentsRuntimeReact={},s.jsxRuntime,s.React,s.fragmentsClient))})(this,function(s,l,u,h){"use strict";function ee(r){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(e,t,n.get?n:{enumerable:!0,get:()=>r[t]})}}return e.default=r,Object.freeze(e)}const re=ee(u),P=u.createContext(null);P.displayName="FragmentsClientContext";function $(r){return l.jsx(P.Provider,{value:r.value,children:r.children})}function te(){return u.useContext(P)}const N=u.createContext(null);N.displayName="InstanceIdContext";const A=u.createContext(null);A.displayName="ModulesMapContext";function D({value:r,children:e}){return l.jsx(A.Provider,{value:r,children:e})}function ne(){const r=u.useContext(P);return u.useMemo(()=>({reachGoal:e=>{var t,n;(n=(t=r==null?void 0:r.$metrics)==null?void 0:t.reachGoal)==null||n.call(t,e)}}),[r])}function L(r){const e=u.useContext(A);if(!e)throw new Error("[useFragmentComponent] No ModulesMapProvider in tree");return e.read(r)}const V=typeof window<"u",O=Object.freeze({rootFragmentId:0,variantId:null,props:{},projectProperties:{},globalCssUrl:null,fragments:[],slots:{},sources:{}});function w(r){const e=r.$area;if(!(e!=null&&e.read))throw new Error("[useArea] $area plugin not mounted");return e}function U(r,e){const t=u.useContext(P);if(!t)throw new Error("[useArea] No FragmentsClientProvider in tree");const n=(e==null?void 0:e.suspense)??!0,c=(e==null?void 0:e.pause)===!0||!V&&(e==null?void 0:e.ssr)===!1,a=(e==null?void 0:e.timeout)!=null?{timeout:e.timeout}:void 0,[,m]=u.useState(0);if(u.useEffect(()=>{if(n||c)return;const f=w(t);let o=!0;return Promise.resolve(f.resolve(r,a)).catch(()=>{}).finally(()=>{o&&m(y=>y+1)}),()=>{o=!1}},[r,n,e==null?void 0:e.pause,e==null?void 0:e.timeout,e==null?void 0:e.ssr]),n){if(c)return O;const f=w(t);if(f.has(r)||Promise.resolve(f.resolve(r,a)).catch(()=>{}),!V)try{return f.read(r)}catch(o){if(o!=null&&typeof o.then=="function")throw o;return process.env.NODE_ENV!=="production"&&console.error(`[useArea] Area ${r} remained unresolved on the server because its cache reached a terminal state`,o),O}return f.read(r)}if(c)return{status:"idle",data:null,error:null};const d=w(t);if(d.has(r))try{return{status:"ready",data:d.read(r),error:null}}catch(f){return{status:"not-found",data:null,error:f instanceof Error?f:new Error(String(f))}}return Promise.resolve(d.resolve(r,a)).catch(()=>{}),{status:"loading",data:null,error:null}}const B=typeof window<"u",ue=3e3,k=new Map,T=(r,e)=>{if(!B){const v=()=>{};return v.loaded=Promise.resolve(),v}const t=k.get(e);if(t){t.refCount+=1;const v=()=>{t.refCount-=1,t.refCount===0&&(t.clearReadyTimer(),t.linkEl.remove(),k.delete(e))};return v.loaded=t.loaded,v}const n=document.createElement("link");n.rel="stylesheet",n.href=r,n.setAttribute("data-fragment-key",e);let c;const a=new Promise(v=>{c=v}),m=()=>{f(),c()},d=setTimeout(m,ue),f=()=>clearTimeout(d);n.addEventListener("load",m),n.addEventListener("error",m),document.head.appendChild(n);const o={refCount:1,linkEl:n,loaded:a,clearReadyTimer:f};k.set(e,o);const y=()=>{o.refCount-=1,o.refCount===0&&(o.clearReadyTimer(),o.linkEl.remove(),k.delete(e))};return y.loaded=a,y},se=B?u.useLayoutEffect:u.useEffect;function K(r,e){se(()=>T(r,e),[r,e])}const ae=parseInt(u.version.split(".")[0],10)>=19;function M({href:r,fragmentKey:e}){return ae?l.jsx("link",{rel:"stylesheet",href:r,precedence:"default","data-fragment-key":e}):(K(r,e),null)}function ce(r){}const _={},b=u.createContext(null);b.displayName="ProjectPropertiesContext";const z=Object.freeze({}),j=u.createContext(z);j.displayName="SourceTransportsContext";const I=u.createContext("live");I.displayName="SourceNetworkContext";function H(r){const e=r instanceof Error?r:new Error(String(r));if(!(e instanceof h.FragmentsAreaError))return{kind:"failed",error:e};const{code:t}=e;return t==="NO_ACTIVE_VARIANT"?{kind:"no-variant",code:t,error:e}:t==="AREA_NOT_FOUND"||t==="NO_PUBLISHED_SNAPSHOT"||t==="NESTED_SNAPSHOT_MISSING"?{kind:"misconfigured",code:t,error:e}:{kind:"failed",code:t,error:e}}function G(r,e,t){return typeof r=="function"?r(e,t):r??null}const oe=()=>{};function Y(r){return r instanceof Error?r:new Error(String(r))}class q extends u.Component{constructor(){super(...arguments),this.state={hasError:!1,error:null}}static getDerivedStateFromError(e){return{hasError:!0,error:Y(e)}}componentDidCatch(e,t){var c,a;const n=Y(e);process.env.NODE_ENV!=="production"&&console.error("[fragments] Area error:",n,t.componentStack),(a=(c=this.props).onError)==null||a.call(c,n)}render(){if(this.state.hasError){const e={kind:"failed",error:this.state.error??new Error("Unknown Area error")};try{return G(this.props.empty,e,this.props.retry??oe)}catch{return null}}return this.props.children}}function J(r,e){if(!r)return{};const t={};for(const n of Object.keys(r))t[n]=le(r[n],e);return t}function le(r,e){return Array.isArray(r)?r.map((t,n)=>t===null?null:p(t,e,n)):p(r,e)}function p(r,e,t){let n;try{n=e(r.fragmentId)}catch(a){if(a!=null&&typeof a.then=="function")throw a;return console.warn(`[FragmentRenderer] Slot fragment ${r.fragmentId} failed to load — rendering empty hole`,a),null}const c=J(r.slots,e);return u.createElement(n,{key:t,...r.props,...c})}const Q=({fragmentId:r,props:e,globalCssUrl:t=null,projectProperties:n=_,fragments:c=[r],slots:a,sources:m=z,sourceNetwork:d="live"})=>{const f=L(r),o=u.useContext(A);if(!o)throw new Error("[FragmentRendererInner] No ModulesMapProvider in tree");const y=J(a,o.read),v={...e??{},...y},i=c.length>0?c.map(h.toScopeClassName).join(" "):void 0;return l.jsxs(l.Fragment,{children:[t!=null&&l.jsx(M,{href:t,fragmentKey:h.AREA_GLOBAL_CSS_KEY}),c.map(g=>{const S=h.resolveStylesHref(g);return S?l.jsx(M,{href:S,fragmentKey:h.fragmentCssKey(g)},g):null}),l.jsx(I.Provider,{value:d,children:l.jsx(j.Provider,{value:m,children:l.jsx(b.Provider,{value:n,children:l.jsx(N.Provider,{value:null,children:l.jsx("div",{className:i,style:{display:"contents"},children:l.jsx(f,{...v})})})})})})]})},de=({onError:r,...e})=>l.jsx(u.Suspense,{fallback:null,children:l.jsx(q,{onError:r,children:l.jsx(Q,{...e})})}),fe=({areaCode:r,options:e,retry:t})=>{const n=U(r,{suspense:!1,ssr:!1,pause:e==null?void 0:e.pause,timeout:e==null?void 0:e.timeout}),c=u.useRef(null);if(u.useEffect(()=>{var C;if(n.status!=="not-found"||!n.error)return;const g=H(n.error),S=JSON.stringify([r,g.kind,g.code,g.error.message]);c.current!==S&&(c.current=S,(C=e==null?void 0:e.onError)==null||C.call(e,g.error),process.env.NODE_ENV!=="production"&&g.kind!=="no-variant"&&console.error(`[fragments] Area resolution ${g.kind}: areaCode=${r}, code=${g.code??"none"}`,g.error))},[r,e==null?void 0:e.onError,n.error,n.status]),(e==null?void 0:e.pause)===!0)return null;if(n.status==="idle")return(e==null?void 0:e.fallback)??null;if(n.status==="not-found")return G(e==null?void 0:e.empty,H(n.error),t);if(n.status==="loading"||!n.data)return(e==null?void 0:e.fallback)??null;const{rootFragmentId:a,props:m,projectProperties:d,globalCssUrl:f,fragments:o,slots:y,sources:v}=n.data,i=typeof(e==null?void 0:e.props)=="function"?e.props(m):e!=null&&e.props?{...m,...e.props}:m;return l.jsx(u.Suspense,{fallback:(e==null?void 0:e.fallback)??null,children:l.jsx(Q,{fragmentId:a,props:i,globalCssUrl:f,projectProperties:d,fragments:o,slots:y,sources:v})})},ie=({areaCode:r,options:e})=>{const t=u.useContext(P),[n,c]=u.useState(0),a=t==null?void 0:t.$area;u.useEffect(()=>{(e==null?void 0:e.ssr)!==!0||process.env.NODE_ENV==="production"||console.error("[fragments] Area option `ssr` is reserved: server resolution has been removed from the runtime; existing `ssr: false` calls continue to work unchanged.")},[e==null?void 0:e.ssr]);const m=u.useCallback(()=>{a!=null&&a.resolve&&(a.resolve(r).catch(()=>{}),c(d=>d+1))},[a,r]);return l.jsx(q,{onError:e==null?void 0:e.onError,empty:e==null?void 0:e.empty,retry:m,children:l.jsx(fe,{areaCode:r,options:e,retry:m})},n)};function me({client:r,children:e}){const t=u.useMemo(()=>({read:n=>r.$fragments.read(n)}),[r]);return l.jsx($,{value:r,children:l.jsx(D,{value:t,children:e})})}function Ee(r){return(u.useContext(b)??_)[r]}function he(r,e){const[,t]=u.useReducer(a=>a+1,0),n=e(),c=u.useRef(n);return c.current=n,u.useEffect(()=>{const a=r(t);return Object.is(c.current,e())||t(),a},[r,e]),n}const W=re.useSyncExternalStore,ge=W||((r,e)=>he(r,e)),X="offline",ve=()=>Promise.reject(new Error(X));function ye(r,e){var R;const t=te(),[n]=u.useState(h.createSourceCache),c=(t==null?void 0:t.sourceCache)??n,a=(R=t==null?void 0:t.sourceFetchers)==null?void 0:R[r],m=a?"host-fetch":"network",d=t==null?void 0:t.env,f=h.sourceCallKey({source:r,target:e.target,params:e.params}),o=u.useMemo(()=>({source:r,target:e.target,params:e.params}),[f]),y=u.useCallback(x=>c.subscribe(o,x),[c,o]),v=u.useCallback(()=>c.get(o),[c,o]),i=ge(y,v,v),g=u.useContext(I),S=u.useContext(j),C=h.sourceTransportKey(r,e.target),E=u.useMemo(()=>g===X?null:h.resolveSourceRequest(S[C],o.params),[g,S,C,o]),[F,Z]=u.useState(null);return u.useEffect(()=>{(i==null?void 0:i.status)==="ready"&&F!==null&&Z(null)},[i,F]),u.useEffect(()=>{E&&!E.ok&&i===void 0&&console.warn(`[useSource] ${C}: ${E.reason}`)},[C,E==null?void 0:E.ok,E&&!E.ok?E.reason:void 0,i===void 0]),u.useEffect(()=>{if(E&&!E.ok||(i==null?void 0:i.status)==="ready"||F===f)return;Z(f);const x=E&&E.ok?()=>h.runSourceFetch({url:E.url,init:E.init},{fetcher:a,timeout:d==null?void 0:d.timeout}).then(Ce=>(d!=null&&d.debug&&console.info(`[useSource] loaded ${h.sourceCallKey(o)} origin=${m}`),Ce)):ve;c.load(o,x,m)},[c,o,f,i,F,E,a,m,d==null?void 0:d.timeout,d==null?void 0:d.debug]),(i==null?void 0:i.status)==="ready"?{data:i.data??void 0,loading:!1}:(i==null?void 0:i.status)==="pending"?{data:void 0,loading:!0}:E&&!E.ok?{data:void 0,loading:!1}:{data:void 0,loading:F!==f}}const Se=ye;function Pe(r){return h.createFragmentsClient({...r,inject:T})}Object.defineProperty(s,"FragmentsApiVersionError",{enumerable:!0,get:()=>h.FragmentsApiVersionError}),Object.defineProperty(s,"FragmentsAreaError",{enumerable:!0,get:()=>h.FragmentsAreaError}),Object.defineProperty(s,"FragmentsLoadError",{enumerable:!0,get:()=>h.FragmentsLoadError}),Object.defineProperty(s,"createSourceCache",{enumerable:!0,get:()=>h.createSourceCache}),s.AREA_UNRESOLVED=O,s.Area=ie,s.FragmentRenderer=de,s.FragmentStylesheet=M,s.FragmentsClientContext=P,s.FragmentsClientProvider=$,s.FragmentsProvider=me,s.InstanceIdContext=N,s.ModulesMapContext=A,s.ModulesMapProvider=D,s.ProjectPropertiesContext=b,s.createBrowserClient=Pe,s.defaultProjectProperties=_,s.injectStylesheet=T,s.useArea=U,s.useCssChunk=ce,s.useFragmentComponent=L,s.useFragmentMetrics=ne,s.useFragmentStylesheet=K,s.useProjectProperty=Ee,s.useSource=Se,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});
+(function(s,d){typeof exports=="object"&&typeof module<"u"?d(exports,require("react/jsx-runtime"),require("react"),require("@fragmentsx/fragments-client")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","@fragmentsx/fragments-client"],d):(s=typeof globalThis<"u"?globalThis:s||self,d(s.FragmentsRuntimeReact={},s.jsxRuntime,s.React,s.fragmentsClient))})(this,function(s,d,u,h){"use strict";function te(r){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(e,t,n.get?n:{enumerable:!0,get:()=>r[t]})}}return e.default=r,Object.freeze(e)}const ne=te(u),S=u.createContext(null);S.displayName="FragmentsClientContext";function D(r){return d.jsx(S.Provider,{value:r.value,children:r.children})}function ue(){return u.useContext(S)}const O=u.createContext(null);O.displayName="InstanceIdContext";const C=u.createContext(null);C.displayName="ModulesMapContext";function L({value:r,children:e}){return d.jsx(C.Provider,{value:r,children:e})}function se(){const r=u.useContext(S);return u.useMemo(()=>({reachGoal:e=>{var t,n;(n=(t=r==null?void 0:r.$metrics)==null?void 0:t.reachGoal)==null||n.call(t,e)}}),[r])}function U(r){const e=u.useContext(C);if(!e)throw new Error("[useFragmentComponent] No ModulesMapProvider in tree");return e.read(r)}const V=typeof window<"u",w=Object.freeze({rootFragmentId:0,variantId:null,props:{},projectProperties:{},globalCssUrl:null,fragments:[],slots:{},sources:{}});function T(r){const e=r.$area;if(!(e!=null&&e.read))throw new Error("[useArea] $area plugin not mounted");return e}function B(r,e){const t=u.useContext(S);if(!t)throw new Error("[useArea] No FragmentsClientProvider in tree");const n=(e==null?void 0:e.suspense)??!0,c=(e==null?void 0:e.pause)===!0||!V&&(e==null?void 0:e.ssr)===!1,a=(e==null?void 0:e.timeout)!=null?{timeout:e.timeout}:void 0,[,E]=u.useState(0);if(u.useEffect(()=>{if(n||c)return;const o=T(t);let f=!0;return Promise.resolve(o.resolve(r,a)).catch(()=>{}).finally(()=>{f&&E(i=>i+1)}),()=>{f=!1}},[r,n,e==null?void 0:e.pause,e==null?void 0:e.timeout,e==null?void 0:e.ssr]),n){if(c)return w;const o=T(t);if(o.has(r)||Promise.resolve(o.resolve(r,a)).catch(()=>{}),!V)try{return o.read(r)}catch(f){if(f!=null&&typeof f.then=="function")throw f;return process.env.NODE_ENV!=="production"&&console.error(`[useArea] Area ${r} remained unresolved on the server because its cache reached a terminal state`,f),w}return o.read(r)}if(c)return{status:"idle",data:null,error:null};const g=T(t);if(g.has(r))try{return{status:"ready",data:g.read(r),error:null}}catch(o){return{status:"not-found",data:null,error:o instanceof Error?o:new Error(String(o))}}return Promise.resolve(g.resolve(r,a)).catch(()=>{}),{status:"loading",data:null,error:null}}const K=typeof window<"u",ae=3e3,k=new Map,M=(r,e)=>{if(!K){const v=()=>{};return v.loaded=Promise.resolve(),v}const t=k.get(e);if(t){t.refCount+=1;const v=()=>{t.refCount-=1,t.refCount===0&&(t.clearReadyTimer(),t.linkEl.remove(),k.delete(e))};return v.loaded=t.loaded,v}const n=document.createElement("link");n.rel="stylesheet",n.href=r,n.setAttribute("data-fragment-key",e);let c;const a=new Promise(v=>{c=v}),E=()=>{o(),c()},g=setTimeout(E,ae),o=()=>clearTimeout(g);n.addEventListener("load",E),n.addEventListener("error",E),document.head.appendChild(n);const f={refCount:1,linkEl:n,loaded:a,clearReadyTimer:o};k.set(e,f);const i=()=>{f.refCount-=1,f.refCount===0&&(f.clearReadyTimer(),f.linkEl.remove(),k.delete(e))};return i.loaded=a,i},ce=K?u.useLayoutEffect:u.useEffect;function z(r,e){ce(()=>M(r,e),[r,e])}const oe=parseInt(u.version.split(".")[0],10)>=19;function _({href:r,fragmentKey:e}){return oe?d.jsx("link",{rel:"stylesheet",href:r,precedence:"default","data-fragment-key":e}):(z(r,e),null)}function le(r){}const j={},b=u.createContext(null);b.displayName="ProjectPropertiesContext";const H=Object.freeze({}),I=u.createContext(H);I.displayName="SourceTransportsContext";const x=u.createContext("live");x.displayName="SourceNetworkContext";function G(r){const e=r instanceof Error?r:new Error(String(r));if(!(e instanceof h.FragmentsAreaError))return{kind:"failed",error:e};const{code:t}=e;return t==="NO_ACTIVE_VARIANT"?{kind:"no-variant",code:t,error:e}:t==="AREA_NOT_FOUND"||t==="NO_PUBLISHED_SNAPSHOT"||t==="NESTED_SNAPSHOT_MISSING"?{kind:"misconfigured",code:t,error:e}:{kind:"failed",code:t,error:e}}function Y(r,e,t){return typeof r=="function"?r(e,t):r??null}const de=()=>{};function q(r){return r instanceof Error?r:new Error(String(r))}class J extends u.Component{constructor(){super(...arguments),this.state={hasError:!1,error:null}}static getDerivedStateFromError(e){return{hasError:!0,error:q(e)}}componentDidCatch(e,t){var c,a;const n=q(e);process.env.NODE_ENV!=="production"&&console.error("[fragments] Area error:",n,t.componentStack),(a=(c=this.props).onError)==null||a.call(c,n)}render(){if(this.state.hasError){const e={kind:"failed",error:this.state.error??new Error("Unknown Area error")};try{return Y(this.props.empty,e,this.props.retry??de)}catch{return null}}return this.props.children}}function p(r,e){if(!r)return{};const t={};for(const n of Object.keys(r))t[n]=fe(r[n],e);return t}function fe(r,e){return Array.isArray(r)?r.map((t,n)=>t===null?null:Q(t,e,n)):Q(r,e)}function Q(r,e,t){let n;try{n=e(r.fragmentId)}catch(a){if(a!=null&&typeof a.then=="function")throw a;return console.warn(`[FragmentRenderer] Slot fragment ${r.fragmentId} failed to load — rendering empty hole`,a),null}const c=p(r.slots,e);return u.createElement(n,{key:t,...r.props,...c})}const W=({fragmentId:r,props:e,globalCssUrl:t=null,projectProperties:n=j,fragments:c=[r],slots:a,sources:E=H,sourceNetwork:g="live"})=>{const o=U(r),f=u.useContext(C);if(!f)throw new Error("[FragmentRendererInner] No ModulesMapProvider in tree");const i=p(a,f.read),v={...e??{},...i},P=c.length>0?c.map(h.toScopeClassName).join(" "):void 0;return d.jsxs(d.Fragment,{children:[t!=null&&d.jsx(_,{href:t,fragmentKey:h.AREA_GLOBAL_CSS_KEY}),c.map(l=>{const y=h.resolveStylesHref(l);return y?d.jsx(_,{href:y,fragmentKey:h.fragmentCssKey(l)},l):null}),d.jsx(x.Provider,{value:g,children:d.jsx(I.Provider,{value:E,children:d.jsx(b.Provider,{value:n,children:d.jsx(O.Provider,{value:null,children:d.jsx("div",{className:P,style:{display:"contents"},children:d.jsx(o,{...v})})})})})})]})},ie=({onError:r,...e})=>d.jsx(u.Suspense,{fallback:null,children:d.jsx(J,{onError:r,children:d.jsx(W,{...e})})}),me=({areaCode:r,options:e,retry:t})=>{const n=B(r,{suspense:!1,ssr:!1,pause:e==null?void 0:e.pause,timeout:e==null?void 0:e.timeout}),c=u.useRef(null);if(u.useEffect(()=>{var A;if(n.status!=="not-found"||!n.error)return;const l=G(n.error),y=JSON.stringify([r,l.kind,l.code,l.error.message]);c.current!==y&&(c.current=y,(A=e==null?void 0:e.onError)==null||A.call(e,l.error),process.env.NODE_ENV!=="production"&&l.kind!=="no-variant"&&console.error(`[fragments] Area resolution ${l.kind}: areaCode=${r}, code=${l.code??"none"}`,l.error))},[r,e==null?void 0:e.onError,n.error,n.status]),(e==null?void 0:e.pause)===!0)return null;if(n.status==="idle")return(e==null?void 0:e.fallback)??null;if(n.status==="not-found")return Y(e==null?void 0:e.empty,G(n.error),t);if(n.status==="loading"||!n.data)return(e==null?void 0:e.fallback)??null;const{rootFragmentId:a,props:E,projectProperties:g,globalCssUrl:o,fragments:f,slots:i,sources:v}=n.data,P=typeof(e==null?void 0:e.props)=="function"?e.props(E):e!=null&&e.props?{...E,...e.props}:E;return d.jsx(u.Suspense,{fallback:(e==null?void 0:e.fallback)??null,children:d.jsx(W,{fragmentId:a,props:P,globalCssUrl:o,projectProperties:g,fragments:f,slots:i,sources:v})})},Ee=({areaCode:r,options:e})=>{const t=u.useContext(S),[n,c]=u.useState(0),a=t==null?void 0:t.$area;u.useEffect(()=>{(e==null?void 0:e.ssr)!==!0||process.env.NODE_ENV==="production"||console.error("[fragments] Area option `ssr` is reserved: server resolution has been removed from the runtime; existing `ssr: false` calls continue to work unchanged.")},[e==null?void 0:e.ssr]);const E=u.useCallback(()=>{a!=null&&a.resolve&&(a.resolve(r).catch(()=>{}),c(g=>g+1))},[a,r]);return d.jsx(J,{onError:e==null?void 0:e.onError,empty:e==null?void 0:e.empty,retry:E,children:d.jsx(me,{areaCode:r,options:e,retry:E})},n)};function he({client:r,children:e}){const t=u.useMemo(()=>({read:n=>r.$fragments.read(n)}),[r]);return d.jsx(D,{value:r,children:d.jsx(L,{value:t,children:e})})}function ge(r){return(u.useContext(b)??j)[r]}function ve(r,e){const[,t]=u.useReducer(a=>a+1,0),n=e(),c=u.useRef(n);return c.current=n,u.useEffect(()=>{const a=r(t);return Object.is(c.current,e())||t(),a},[r,e]),n}const X=ne.useSyncExternalStore,ye=X||((r,e)=>ve(r,e)),Z="offline",Se=()=>Promise.reject(new Error(Z));function Pe(r,e){var ee,re;const t=ue(),[n]=u.useState(h.createSourceCache),c=(t==null?void 0:t.sourceCache)??n,a=(ee=t==null?void 0:t.sourceFetchers)==null?void 0:ee[r],E=(re=t==null?void 0:t.sourceBaseUrls)==null?void 0:re[r],g=a?"host-fetch":"network",o=t==null?void 0:t.env,f=h.sourceCallKey({source:r,target:e.target,params:e.params}),i=u.useMemo(()=>({source:r,target:e.target,params:e.params}),[f]),v=u.useCallback($=>c.subscribe(i,$),[c,i]),P=u.useCallback(()=>c.get(i),[c,i]),l=ye(v,P,P),y=u.useContext(x),A=u.useContext(I),N=h.sourceTransportKey(r,e.target),m=u.useMemo(()=>y===Z?null:h.resolveSourceRequest(A[N],i.params,E),[y,A,N,i,E]),[F,R]=u.useState(null);return u.useEffect(()=>{(l==null?void 0:l.status)==="ready"&&F!==null&&R(null)},[l,F]),u.useEffect(()=>{m&&!m.ok&&l===void 0&&console.warn(`[useSource] ${N}: ${m.reason}`)},[N,m==null?void 0:m.ok,m&&!m.ok?m.reason:void 0,l===void 0]),u.useEffect(()=>{if(m&&!m.ok||(l==null?void 0:l.status)==="ready"||F===f)return;R(f);const $=m&&m.ok?()=>h.runSourceFetch({url:m.url,init:m.init},{fetcher:a,timeout:o==null?void 0:o.timeout}).then(Fe=>(o!=null&&o.debug&&console.info(`[useSource] loaded ${h.sourceCallKey(i)} origin=${g}`),Fe)):Se;c.load(i,$,g)},[c,i,f,l,F,m,a,g,o==null?void 0:o.timeout,o==null?void 0:o.debug]),(l==null?void 0:l.status)==="ready"?{data:l.data??void 0,loading:!1}:(l==null?void 0:l.status)==="pending"?{data:void 0,loading:!0}:m&&!m.ok?{data:void 0,loading:!1}:{data:void 0,loading:F!==f}}const Ce=Pe;function Ae(r){return h.createFragmentsClient({...r,inject:M})}Object.defineProperty(s,"FragmentsApiVersionError",{enumerable:!0,get:()=>h.FragmentsApiVersionError}),Object.defineProperty(s,"FragmentsAreaError",{enumerable:!0,get:()=>h.FragmentsAreaError}),Object.defineProperty(s,"FragmentsLoadError",{enumerable:!0,get:()=>h.FragmentsLoadError}),Object.defineProperty(s,"createSourceCache",{enumerable:!0,get:()=>h.createSourceCache}),s.AREA_UNRESOLVED=w,s.Area=Ee,s.FragmentRenderer=ie,s.FragmentStylesheet=_,s.FragmentsClientContext=S,s.FragmentsClientProvider=D,s.FragmentsProvider=he,s.InstanceIdContext=O,s.ModulesMapContext=C,s.ModulesMapProvider=L,s.ProjectPropertiesContext=b,s.createBrowserClient=Ae,s.defaultProjectProperties=j,s.injectStylesheet=M,s.useArea=B,s.useCssChunk=le,s.useFragmentComponent=U,s.useFragmentMetrics=se,s.useFragmentStylesheet=z,s.useProjectProperty=ge,s.useSource=Ce,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fragmentsx/runtime-react",
   "private": false,
-  "version": "0.2.0-dev-20260928092325",
+  "version": "0.2.0-dev-20260928123417",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -32,7 +32,7 @@
   },
   "dependencies": {
     "@graph-state/core": "^0.13.3",
-    "@fragmentsx/fragments-client": "0.2.0-dev-20260928092325"
+    "@fragmentsx/fragments-client": "0.2.0-dev-20260928123417"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.6.3",