@web-widget/react 0.8.4 → 0.8.6

package/dist/react.client.d.ts

@@ -3,6 +3,7 @@ import { RenderContext, ComponentProps } from '@web-widget/schema';
 import * as react from 'react';
 import { ReactNode, Component } from 'react';
 export * from '@web-widget/schema/client-helpers';
+export { useWidgetSyncState as useWidgetState } from '@web-widget/schema/client-helpers';
 import { WebWidgetContainerOptions, Loader } from '@web-widget/web-widget';
 
 declare const __ENV__: {
@@ -52,9 +53,9 @@ interface CreateReactRenderOptions {
 
 declare const createReactRender: ({ onPrefetchData, }?: CreateReactRenderOptions) => (context: _web_widget_schema.ClientWidgetRenderContext<unknown> | _web_widget_schema.ClientRouteRenderContext<unknown, Record<string, string>>, renderOptions: any) => Promise<void | {
     mount?: (() => void | Promise<void>) | undefined;
-    /**@deprecated Please use `createReactRender` instead.*/
     unmount?: (() => void | Promise<void>) | undefined;
     update?: (({ data }: {
+        /**@deprecated Please use `createReactRender` instead.*/
         data: Record<string, any>;
     }) => void | Promise<void>) | undefined;
 } | {
@@ -67,9 +68,9 @@ declare const createReactRender: ({ onPrefetchData, }?: CreateReactRenderOptions
 /**@deprecated Please use `createReactRender` instead.*/
 declare const defineReactRender: ({ onPrefetchData, }?: CreateReactRenderOptions) => (context: _web_widget_schema.ClientWidgetRenderContext<unknown> | _web_widget_schema.ClientRouteRenderContext<unknown, Record<string, string>>, renderOptions: any) => Promise<void | {
     mount?: (() => void | Promise<void>) | undefined;
-    /**@deprecated Please use `createReactRender` instead.*/
     unmount?: (() => void | Promise<void>) | undefined;
     update?: (({ data }: {
+        /**@deprecated Please use `createReactRender` instead.*/
         data: Record<string, any>;
     }) => void | Promise<void>) | undefined;
 } | {
@@ -81,9 +82,9 @@ declare const defineReactRender: ({ onPrefetchData, }?: CreateReactRenderOptions
 }>;
 declare const render: (context: _web_widget_schema.ClientWidgetRenderContext<unknown> | _web_widget_schema.ClientRouteRenderContext<unknown, Record<string, string>>, renderOptions: any) => Promise<void | {
     mount?: (() => void | Promise<void>) | undefined;
-    /**@deprecated Please use `createReactRender` instead.*/
     unmount?: (() => void | Promise<void>) | undefined;
     update?: (({ data }: {
+        /**@deprecated Please use `createReactRender` instead.*/
         data: Record<string, any>;
     }) => void | Promise<void>) | undefined;
 } | {

package/dist/react.client.js

@@ -113,6 +113,7 @@ function defineWebWidget(loader, options) {
 
 // src/client.ts
 export * from "@web-widget/schema/client-helpers";
+import { useWidgetSyncState } from "@web-widget/schema/client-helpers";
 Reflect.defineProperty(__ENV__, "server", {
   value: false
 });
@@ -161,5 +162,6 @@ export {
   createReactRender,
   defineReactRender,
   defineWebWidget,
-  render
+  render,
+  useWidgetSyncState as useWidgetState
 };

package/dist/react.server.d.ts

@@ -4,6 +4,7 @@ import { RenderToReadableStreamOptions } from 'react-dom/server';
 import * as react from 'react';
 import { ReactNode, Component } from 'react';
 export * from '@web-widget/schema/server-helpers';
+export { useWidgetSyncState as useWidgetState } from '@web-widget/schema/server-helpers';
 import { WebWidgetContainerOptions, Loader } from '@web-widget/web-widget';
 
 declare const __ENV__: {

package/dist/react.server.js

@@ -113,12 +113,27 @@ function defineWebWidget(loader, options) {
 // src/server.ts
 import * as ReactDOMServer from "react-dom/server.browser";
 export * from "@web-widget/schema/server-helpers";
+import { useWidgetSyncState } from "@web-widget/schema/server-helpers";
 Reflect.defineProperty(__ENV__, "server", {
   value: true
 });
 function renderToReadableStream2(vNode, renderOptions) {
   return ReactDOMServer.renderToReadableStream(vNode, renderOptions);
 }
+function createTimeoutSignal(ms) {
+  const controller = new AbortController();
+  const timer = setTimeout(() => {
+    controller.abort(
+      new Error(`Component did not finish rendering within ${ms}ms.`)
+    );
+  }, ms);
+  return [
+    controller.signal,
+    function disconnect() {
+      clearTimeout(timer);
+    }
+  ];
+}
 var createReactRender = ({
   onPrefetchData
 } = {}) => {
@@ -126,9 +141,24 @@ var createReactRender = ({
     throw new Error(`"onPrefetchData" is not supported.`);
   }
   return defineRender(
-    async (context, { react: reactRenderOptions } = {}) => {
+    async (context, { react: reactRenderOptions = {} } = {}) => {
+      let error, signal, disconnect;
       const componentDescriptor = getComponentDescriptor(context);
       const { component, props } = componentDescriptor;
+      const onError = reactRenderOptions.onError;
+      const awaitAllReady = reactRenderOptions.awaitAllReady;
+      if (!reactRenderOptions.signal) {
+        [signal, disconnect] = createTimeoutSignal(1e3 * 10);
+        reactRenderOptions.signal = signal;
+      }
+      reactRenderOptions.onError = (e) => {
+        error = e;
+        if (onError) {
+          onError(e);
+        } else if (!awaitAllReady) {
+          console.error(`[@web-widget/react]`, e);
+        }
+      };
       let vNode;
       if (typeof component === "function" && component.constructor.name === "AsyncFunction") {
         vNode = await component(props);
@@ -136,9 +166,15 @@ var createReactRender = ({
         vNode = createElement2(component, props);
       }
       const stream = await renderToReadableStream2(vNode, reactRenderOptions);
-      if (reactRenderOptions == null ? void 0 : reactRenderOptions.awaitAllReady) {
+      if (awaitAllReady) {
         await stream.allReady;
       }
+      if (disconnect) {
+        disconnect();
+      }
+      if (error) {
+        throw error;
+      }
       return stream;
     }
   );
@@ -151,5 +187,6 @@ export {
   createReactRender,
   defineReactRender,
   defineWebWidget,
-  render
+  render,
+  useWidgetSyncState as useWidgetState
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@web-widget/react",
-  "version": "0.8.4",
+  "version": "0.8.6",
   "type": "module",
   "exports": {
     ".": {
@@ -31,9 +31,9 @@
     "globals.d.ts"
   ],
   "dependencies": {
-    "@web-widget/vite": "2.8.2",
-    "@web-widget/schema": "0.4.1",
-    "@web-widget/web-widget": "1.6.2"
+    "@web-widget/vite": "2.8.4",
+    "@web-widget/schema": "0.4.2",
+    "@web-widget/web-widget": "1.7.1"
   },
   "devDependencies": {
     "@types/react": "^18.2.9",