@hueest/xray 0.4.0 → 0.5.0

package/dist/{react.core-DMIhXHZF.js → react.core-BC02ukac.js}

@@ -268,5 +268,27 @@ function renderChunks(chunks, resolveStitch) {
 		}, i);
 	});
 }
+/**
+* A never-settling promise for the loading suspender below. It never needs to
+* resolve: React retries a suspended boundary when its parent re-renders with new
+* props (here, `loading` flipping to false), so the prop change — not the promise —
+* drives recovery.
+*/
+const SUSPEND_UNTIL_READY = new Promise(() => {});
+/**
+* Suspends while `loading` is true. It exists so a `suspense`-mode `<Skeleton>` can
+* show its plate through the ONE Suspense fallback across BOTH readiness phases — the
+* data-loading phase (this suspender) AND the lazy code-chunk phase (the content
+* itself suspending). Because the plate is the SAME fallback DOM node the whole time,
+* there is no unmount/remount between the two phases and thus no flicker (a top-level
+* `return skeleton` for the data phase followed by a Suspense-fallback skeleton for
+* the chunk phase are different tree positions, so they DID remount). While this
+* throws, the content sibling is never committed, preserving "children never render
+* without data" (ADR 0002).
+*/
+function SuspendWhileLoading({ loading }) {
+	if (loading) throw SUSPEND_UNTIL_READY;
+	return null;
+}
 //#endregion
-export { renderPlate as a, markStitchesLive as i, isRenderProp as n, resolveContent as o, isStitchLive as r, useSkeletonTiming as s, collectStitchNames as t };
+export { markStitchesLive as a, useSkeletonTiming as c, isStitchLive as i, collectStitchNames as n, renderPlate as o, isRenderProp as r, resolveContent as s, SuspendWhileLoading as t };

package/dist/react.dev.js

@@ -1,7 +1,7 @@
 import { n as BOUNDARY_ATTR } from "./plate-BRR6d8Se.js";
-import { a as renderPlate, i as markStitchesLive, n as isRenderProp, o as resolveContent, r as isStitchLive, s as useSkeletonTiming, t as collectStitchNames } from "./react.core-DMIhXHZF.js";
+import { a as markStitchesLive, c as useSkeletonTiming, i as isStitchLive, n as collectStitchNames, o as renderPlate, r as isRenderProp, s as resolveContent, t as SuspendWhileLoading } from "./react.core-BC02ukac.js";
 import { Suspense, useCallback, useEffect, useRef, useState, useSyncExternalStore } from "react";
-import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/react.dev.tsx
 const noSubscribe = () => () => {};
 const alwaysFalse = () => false;
@@ -117,9 +117,9 @@ function Skeleton(props) {
 		maxDepth,
 		children
 	});
-	if (suspense) return /* @__PURE__ */ jsx(Suspense, {
+	if (suspense) return /* @__PURE__ */ jsxs(Suspense, {
 		fallback: skeleton,
-		children: content
+		children: [/* @__PURE__ */ jsx(SuspendWhileLoading, { loading: showSkeleton }), content]
 	});
 	if (showSkeleton) return skeleton;
 	return content;

package/dist/react.js

@@ -1,6 +1,6 @@
-import { a as renderPlate, i as markStitchesLive, o as resolveContent, r as isStitchLive, s as useSkeletonTiming, t as collectStitchNames } from "./react.core-DMIhXHZF.js";
+import { a as markStitchesLive, c as useSkeletonTiming, i as isStitchLive, n as collectStitchNames, o as renderPlate, s as resolveContent, t as SuspendWhileLoading } from "./react.core-BC02ukac.js";
 import { Suspense, useEffect, useRef, useState } from "react";
-import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/react.tsx
 /**
 * React adapter for rendering committed Plates through `<Skeleton>`.
@@ -44,9 +44,9 @@ function Skeleton(props) {
 		rootRef,
 		instant
 	});
-	if (suspense) return /* @__PURE__ */ jsx(Suspense, {
+	if (suspense) return /* @__PURE__ */ jsxs(Suspense, {
 		fallback: skeleton,
-		children: resolveContent(children, data)
+		children: [/* @__PURE__ */ jsx(SuspendWhileLoading, { loading: showSkeleton }), resolveContent(children, data)]
 	});
 	if (showSkeleton) return skeleton;
 	return /* @__PURE__ */ jsx(Fragment$1, { children: resolveContent(children, data) });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hueest/xray",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "description": "Auto-captured skeleton loading screens for Vite — capture the structure, ship the plate.",
   "keywords": [
     "loading",