@web-widget/react 0.5.7 → 0.7.0

package/dist/react.client.d.ts

@@ -45,11 +45,25 @@ type JSONValue = string | number | boolean | {
 type JSONProps = {
     [x: string]: JSONValue;
 };
-interface DefineReactRenderOptions {
+interface CreateReactRenderOptions {
     onPrefetchData?: (context: RenderContext, component: Component, props: ComponentProps) => Promise<JSONProps>;
 }
 
-declare const defineReactRender: ({ onPrefetchData, }?: DefineReactRenderOptions) => (context: _web_widget_schema.ClientWidgetRenderContext<unknown> | _web_widget_schema.ClientRouteRenderContext<unknown, Record<string, string>>, renderOptions: any) => Promise<void | {
+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;
+    unmount?: (() => void | Promise<void>) | undefined;
+    update?: (({ data }: {
+        data: Record<string, any>;
+    }) => void | Promise<void>) | undefined;
+} | {
+    mount?: (() => void | Promise<void>) | undefined;
+    unmount?: (() => void | Promise<void>) | undefined;
+    update?: (({ data }: {
+        data: Record<string, any>;
+    }) => void | Promise<void>) | undefined;
+}>;
+/**@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;
     unmount?: (() => void | Promise<void>) | undefined;
     update?: (({ data }: {
@@ -76,4 +90,4 @@ declare const render: (context: _web_widget_schema.ClientWidgetRenderContext<unk
     }) => void | Promise<void>) | undefined;
 }>;
 
-export { DefineWebWidgetOptions, WebWidget, WebWidgetProps, WebWidgetSuspenseProps, __ENV__, defineReactRender, defineWebWidget, render };
+export { DefineWebWidgetOptions, WebWidget, WebWidgetProps, WebWidgetSuspenseProps, __ENV__, createReactRender, defineReactRender, defineWebWidget, render };

package/dist/react.client.js

@@ -116,7 +116,7 @@ export * from "@web-widget/schema/client-helpers";
 Reflect.defineProperty(__ENV__, "server", {
   value: false
 });
-var defineReactRender = ({
+var createReactRender = ({
   onPrefetchData
 } = {}) => {
   return defineRender(async (context) => {
@@ -156,10 +156,12 @@ var defineReactRender = ({
     };
   });
 };
-var render = defineReactRender();
+var defineReactRender = createReactRender;
+var render = createReactRender();
 export {
   WebWidget,
   __ENV__,
+  createReactRender,
   defineReactRender,
   defineWebWidget,
   render

package/dist/react.server.d.ts

@@ -46,7 +46,7 @@ type JSONValue = string | number | boolean | {
 type JSONProps = {
     [x: string]: JSONValue;
 };
-interface DefineReactRenderOptions {
+interface CreateReactRenderOptions {
     onPrefetchData?: (context: RenderContext, component: Component, props: ComponentProps) => Promise<JSONProps>;
 }
 
@@ -55,7 +55,9 @@ interface ReactRenderOptions {
         awaitAllReady?: boolean;
     } & RenderToReadableStreamOptions;
 }
-declare const defineReactRender: ({ onPrefetchData, }?: DefineReactRenderOptions) => (context: _web_widget_schema.ServerWidgetRenderContext<unknown> | _web_widget_schema.ServerRouteRenderContext<unknown, Record<string, string>>, renderOptions: ResponseInit & ReactRenderOptions) => Promise<string | ReadableStream<any> | ReadableStream<any>>;
+declare const createReactRender: ({ onPrefetchData, }?: CreateReactRenderOptions) => (context: _web_widget_schema.ServerWidgetRenderContext<unknown> | _web_widget_schema.ServerRouteRenderContext<unknown, Record<string, string>>, renderOptions: ResponseInit & ReactRenderOptions) => Promise<string | ReadableStream<any> | ReadableStream<any>>;
+/**@deprecated Please use `createReactRender` instead.*/
+declare const defineReactRender: ({ onPrefetchData, }?: CreateReactRenderOptions) => (context: _web_widget_schema.ServerWidgetRenderContext<unknown> | _web_widget_schema.ServerRouteRenderContext<unknown, Record<string, string>>, renderOptions: ResponseInit & ReactRenderOptions) => Promise<string | ReadableStream<any> | ReadableStream<any>>;
 declare const render: (context: _web_widget_schema.ServerWidgetRenderContext<unknown> | _web_widget_schema.ServerRouteRenderContext<unknown, Record<string, string>>, renderOptions: ResponseInit & ReactRenderOptions) => Promise<string | ReadableStream<any> | ReadableStream<any>>;
 
-export { DefineWebWidgetOptions, ReactRenderOptions, WebWidget, WebWidgetProps, WebWidgetSuspenseProps, __ENV__, defineReactRender, defineWebWidget, render };
+export { DefineWebWidgetOptions, ReactRenderOptions, WebWidget, WebWidgetProps, WebWidgetSuspenseProps, __ENV__, createReactRender, defineReactRender, defineWebWidget, render };

package/dist/react.server.js

@@ -129,7 +129,7 @@ function htmlEscapeJsonString(str) {
 function renderToReadableStream2(vNode, renderOptions) {
   return ReactDOMServer.renderToReadableStream(vNode, renderOptions);
 }
-var defineReactRender = ({
+var createReactRender = ({
   onPrefetchData
 } = {}) => {
   return defineRender(
@@ -164,10 +164,12 @@ var defineReactRender = ({
     }
   );
 };
-var render = defineReactRender();
+var defineReactRender = createReactRender;
+var render = createReactRender();
 export {
   WebWidget,
   __ENV__,
+  createReactRender,
   defineReactRender,
   defineWebWidget,
   render

package/globals.d.ts

@@ -1,4 +1,4 @@
-import type { ReactNode, ComponentProps } from "react";
+/// <reference types="react" />
 
 interface WebWidgetSuspenseProps {
   fallback?: ReactNode;
@@ -7,28 +7,37 @@ interface WebWidgetSuspenseProps {
   experimental_renderTarget?: "light" | "shadow";
 }
 
-declare global {
-  declare namespace JSX {
-    interface IntrinsicAttributes extends WebWidgetSuspenseProps {
-      key?: Key | null | undefined;
-    }
-  }
-}
-
-interface ReactWidgetComponent extends ComponentProps<any> {
+interface ReactWidgetComponent<T = unknown> extends ComponentProps<any> {
   (
     props: {
       children?: ReactNode;
-    } & WebWidgetSuspenseProps
+    } & WebWidgetSuspenseProps &
+      T
   ): ReactNode;
 }
 
+declare namespace JSX {
+  interface IntrinsicAttributes extends WebWidgetSuspenseProps {
+    key?: Key | null | undefined;
+  }
+}
+
 declare module "*.widget.jsx" {
   const reactWidgetComponent: ReactWidgetComponent;
   export default reactWidgetComponent;
 }
 
-declare module "*.route.tsx" {
+declare module "*.widget.tsx" {
   const reactWidgetComponent: ReactWidgetComponent;
   export default reactWidgetComponent;
 }
+
+declare module "*?as=jsx" {
+  const reactWidgetComponent: ReactWidgetComponent<any>;
+  export default reactWidgetComponent;
+}
+
+declare module "*?as=tsx" {
+  const reactWidgetComponent: ReactWidgetComponent<any>;
+  export default reactWidgetComponent;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@web-widget/react",
-  "version": "0.5.7",
+  "version": "0.7.0",
   "type": "module",
   "exports": {
     ".": {
@@ -22,14 +22,16 @@
       "require": "./dist/vite.cjs",
       "default": "./dist/vite.js"
     },
-    "./globals": "./globals.d.ts"
+    "./globals": {
+      "types": "./globals.d.ts"
+    }
   },
   "files": [
     "dist",
     "globals.d.ts"
   ],
   "dependencies": {
-    "@web-widget/vite": "2.5.2",
+    "@web-widget/vite": "2.5.3",
     "@web-widget/schema": "0.3.0",
     "@web-widget/web-widget": "1.3.2"
   },