@web-widget/react 3.0.0-beta.2 → 3.0.0-beta.3

package/dist/{chunk-VQFEYZQS.js → chunk-DMZJIDPG.js}

@@ -32,16 +32,34 @@ var renderWebWidget = function({
   );
   return {
     localName,
+    pendingLocalName: widget.pendingLocalName,
     attributes,
     innerHTML
   };
 };
 function WebWidget({
   localName,
+  pendingLocalName,
   attributes,
   innerHTML,
-  errorFallback
+  errorFallback,
+  pendingFallback,
+  clientOnly
 }) {
+  if (clientOnly && typeof window === "undefined" && pendingFallback != null) {
+    return createElement(
+      localName,
+      { ...attributes, suppressHydrationWarning: true },
+      createElement(
+        pendingLocalName,
+        {
+          "aria-busy": "true",
+          style: { display: "contents" }
+        },
+        pendingFallback
+      )
+    );
+  }
   const html = use(innerHTML);
   if (html instanceof Error) {
     console.error("[ReactWidget] Rendering error:", html);
@@ -109,7 +127,9 @@ function container(loader, options = {}) {
       createElement(Suspense, {
         fallback: pendingFallback,
         children: createElement(WebWidget, {
+          clientOnly,
           errorFallback,
+          pendingFallback,
           ...renderWebWidget({
             ...options,
             children,

package/dist/{components-BdC3VZlV.d.ts → components-BJFkwrpt.d.ts}

@@ -43,12 +43,14 @@ declare function resolveFallback(fallback: WidgetFallback | undefined): {
 };
 type WidgetContainerConfig = {
     /**
-     * Fallback UI for loading and error states.
+     * Fallback UI for pending and error states.
      *
-     * Only effective during server-side rendering: loading UI shows while the
+     * Only effective during server-side rendering: pending UI shows while the
      * widget module renders; error UI shows if rendering fails. Both are
      * serialized into the HTML stream — no client-side retry exists in the
      * islands architecture.
+     * For `clientOnly`, pending UI is rendered inside the `<web-widget>` element
+     * and removed immediately before its client mount begins.
      *
      * - `ReactNode` — used for both pending (Suspense) and error (ErrorBoundary).
      * - `{ pending?, error? }` — specify independently; `error` defaults to `pending`.

package/dist/react.adapter.client.d.ts

@@ -1,7 +1,7 @@
 import * as _web_widget_schema from '@web-widget/schema';
 import { FunctionComponent } from 'react';
 export * from '@web-widget/helpers';
-export { D as DefineWebWidgetOptions, R as ReactWidgetComponent, a as ReactWidgetProps, W as WebWidgetProps, b as WidgetContainerConfig, c as WidgetFallback, d as container, r as resolveFallback } from './components-BdC3VZlV.js';
+export { D as DefineWebWidgetOptions, R as ReactWidgetComponent, a as ReactWidgetProps, W as WebWidgetProps, b as WidgetContainerConfig, c as WidgetFallback, d as container, r as resolveFallback } from './components-BJFkwrpt.js';
 import '@web-widget/web-widget';
 
 declare const render: _web_widget_schema.ClientRender<FunctionComponent<{}>, unknown, _web_widget_schema.ClientRenderOptions, void | _web_widget_schema.ClientRenderResult<unknown>>;

package/dist/react.adapter.client.js

@@ -1,7 +1,7 @@
 import {
   container,
   resolveFallback
-} from "./chunk-VQFEYZQS.js";
+} from "./chunk-DMZJIDPG.js";
 
 // src/adapter.client.ts
 import { defineClientRender } from "@web-widget/helpers";

package/dist/react.adapter.server.d.ts

@@ -2,7 +2,7 @@ import * as _web_widget_schema from '@web-widget/schema';
 import { FunctionComponent } from 'react';
 import { PrerenderOptions } from 'react-dom/static';
 export * from '@web-widget/helpers';
-export { D as DefineWebWidgetOptions, R as ReactWidgetComponent, a as ReactWidgetProps, W as WebWidgetProps, b as WidgetContainerConfig, c as WidgetFallback, d as container, r as resolveFallback } from './components-BdC3VZlV.js';
+export { D as DefineWebWidgetOptions, R as ReactWidgetComponent, a as ReactWidgetProps, W as WebWidgetProps, b as WidgetContainerConfig, c as WidgetFallback, d as container, r as resolveFallback } from './components-BJFkwrpt.js';
 import { RenderToReadableStreamOptions } from 'react-dom/server';
 import '@web-widget/web-widget';
 

package/dist/react.adapter.server.js

@@ -1,7 +1,7 @@
 import {
   container,
   resolveFallback
-} from "./chunk-VQFEYZQS.js";
+} from "./chunk-DMZJIDPG.js";
 
 // src/adapter.server.ts
 import { defineServerRender } from "@web-widget/helpers";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@web-widget/react",
   "description": "React adapter",
-  "version": "3.0.0-beta.2",
+  "version": "3.0.0-beta.3",
   "homepage": "https://github.com/web-widget/web-widget#readme",
   "repository": {
     "type": "git",
@@ -13,9 +13,9 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@web-widget/helpers": "3.0.0-beta.2",
-    "@web-widget/schema": "3.0.0-beta.2",
-    "@web-widget/web-widget": "3.0.0-beta.2"
+    "@web-widget/helpers": "3.0.0-beta.3",
+    "@web-widget/schema": "3.0.0-beta.3",
+    "@web-widget/web-widget": "3.0.0-beta.3"
   },
   "devDependencies": {
     "@types/jest": "^29.5.12",