@web-widget/react 1.54.1 → 1.55.0

package/dist/react.server.d.ts

@@ -1,12 +1,15 @@
 import * as _web_widget_helpers from '@web-widget/helpers';
 export * from '@web-widget/helpers';
-import { RenderToReadableStreamOptions } from 'react-dom/server';
 import { C as CreateReactRenderOptions } from './types-CYxYkOI1.js';
 export { D as DefineWebWidgetOptions, R as ReactWidgetComponent, W as WebWidgetProps, a as WebWidgetSuspenseProps, d as defineWebWidget } from './types-CYxYkOI1.js';
+import { PrerenderOptions } from 'react-dom/static';
 export { useWidgetSyncState as useWidgetState } from '@web-widget/helpers/state';
+import { RenderToReadableStreamOptions } from 'react-dom/server';
 import 'react';
 import '@web-widget/web-widget';
 
+type RenderToStringOptions = PrerenderOptions;
+
 declare module '@web-widget/schema' {
     interface WidgetRenderOptions {
         react?: {};
@@ -18,7 +21,7 @@ declare module '@web-widget/schema' {
 
 type StreamOptions = {
     awaitAllReady?: boolean;
-} & RenderToReadableStreamOptions;
+} & RenderToReadableStreamOptions & RenderToStringOptions;
 interface ReactRenderOptions {
     react?: StreamOptions;
 }

package/dist/react.server.js

@@ -7,8 +7,27 @@ import {
   defineRender,
   getComponentDescriptor
 } from "@web-widget/helpers";
-import { createElement } from "react";
-import { renderToReadableStream } from "react-dom/server.edge";
+import { createElement, StrictMode } from "react";
+
+// src/edge.ts
+import { renderToReadableStream as _renderToReadableStream } from "react-dom/server.edge";
+import { prerender as _prerender } from "react-dom/static.edge";
+var prerender = _prerender;
+var renderToReadableStream = _renderToReadableStream;
+async function renderToString(vNode, options) {
+  return readableStreamToString((await prerender(vNode, options)).prelude);
+}
+async function readableStreamToString(readableStream) {
+  let result = "";
+  const textDecoder = new TextDecoder();
+  for await (const chunk of readableStream) {
+    result += textDecoder.decode(chunk, { stream: true });
+  }
+  result += textDecoder.decode();
+  return result;
+}
+
+// src/server.ts
 export * from "@web-widget/helpers";
 import { useWidgetSyncState } from "@web-widget/helpers/state";
 var createReactRender = ({
@@ -18,7 +37,7 @@ var createReactRender = ({
     throw new Error(`"onPrefetchData" is not supported.`);
   }
   return defineRender(
-    async (context, { react: options } = {}) => {
+    async (context, { progressive, react: options } = {}) => {
       const reactRenderOptions = Object.create(options != null ? options : null);
       let error;
       const componentDescriptor = getComponentDescriptor(context);
@@ -45,14 +64,15 @@ var createReactRender = ({
           props
         );
       }
-      const stream = await renderToReadableStream(vNode, reactRenderOptions);
-      if (awaitAllReady) {
-        await stream.allReady;
+      vNode = createElement(StrictMode, null, vNode);
+      const html = await (progressive ? renderToReadableStream(vNode, reactRenderOptions) : renderToString(vNode, reactRenderOptions));
+      if (awaitAllReady && typeof html !== "string") {
+        await html.allReady;
       }
       if (error) {
         throw error;
       }
-      return stream;
+      return html;
     }
   );
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@web-widget/react",
   "description": "React adapter",
-  "version": "1.54.1",
+  "version": "1.55.0",
   "homepage": "https://github.com/web-widget/web-widget#readme",
   "repository": {
     "type": "git",
@@ -14,10 +14,10 @@
   "license": "MIT",
   "dependencies": {
     "@rollup/pluginutils": "^5.1.4",
-    "@web-widget/helpers": "1.54.1",
-    "@web-widget/schema": "1.54.1",
-    "@web-widget/vite-plugin": "1.54.1",
-    "@web-widget/web-widget": "1.54.1"
+    "@web-widget/helpers": "1.55.0",
+    "@web-widget/schema": "1.55.0",
+    "@web-widget/vite-plugin": "1.55.0",
+    "@web-widget/web-widget": "1.55.0"
   },
   "devDependencies": {
     "@types/react": "^19.0.10",