@web-widget/react 0.0.10 → 0.0.13

package/dist/react.client.js

@@ -76,6 +76,7 @@ function WebWidget(_a) {
 }
 function defineWebWidget(loader, options) {
   options.renderTarget = "light";
+  options.loading = "lazy";
   return function WebWidgetSuspense(_a) {
     var _b = _a, {
       children,
@@ -122,7 +123,7 @@ var defineReactRender = ({
         ) : null;
         const stateContent = context.recovering && state ? JSON.parse(state.textContent) : onPrefetchData ? await onPrefetchData(context, component, props) : void 0;
         state == null ? void 0 : state.remove();
-        const mergedProps = stateContent ? Object.assign({}, stateContent, props) : props;
+        const mergedProps = stateContent ? Object.assign(stateContent, props) : props;
         let vNode;
         if (typeof component === "function" && component.constructor.name === "AsyncFunction") {
           vNode = await component(mergedProps);

package/dist/react.server.js

@@ -76,6 +76,7 @@ function WebWidget(_a) {
 }
 function defineWebWidget(loader, options) {
   options.renderTarget = "light";
+  options.loading = "lazy";
   return function WebWidgetSuspense(_a) {
     var _b = _a, {
       children,

package/dist/vite.d.ts

@@ -0,0 +1,8 @@
+import { Plugin } from 'vite';
+import { WebWidgetPluginOptions } from '@web-widget/vite';
+
+interface ReactWebWidgetPluginOptions extends WebWidgetPluginOptions {
+}
+declare function reactWebWidgetPlugin({ provide, toWebWidgets, toComponents, }?: ReactWebWidgetPluginOptions): Plugin[];
+
+export { ReactWebWidgetPluginOptions, reactWebWidgetPlugin as default };

package/dist/vite.js

@@ -0,0 +1,26 @@
+// src/vite.ts
+import { webWidgetPlugin } from "@web-widget/vite";
+function reactWebWidgetPlugin({
+  provide = "@web-widget/react",
+  toWebWidgets = {
+    include: [
+      "routes/**/*.tsx",
+      "widgets/**/*.tsx",
+      "**/*.route.tsx",
+      "**/*.widget.tsx"
+    ]
+  },
+  toComponents = {
+    include: ["widgets/**/*", "*.widget.*"],
+    includeImporter: ["**/*.tsx"]
+  }
+} = {}) {
+  return webWidgetPlugin({
+    provide,
+    toWebWidgets,
+    toComponents
+  });
+}
+export {
+  reactWebWidgetPlugin as default
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@web-widget/react",
-  "version": "0.0.10",
+  "version": "0.0.13",
   "type": "module",
   "exports": {
     ".": {
@@ -17,6 +17,10 @@
         "default": "./dist/react.server.js"
       }
     },
+    "./vite": {
+      "types": "./dist/vite.d.ts",
+      "default": "./dist/vite.js"
+    },
     "./globals": "./globals.d.ts"
   },
   "files": [
@@ -24,20 +28,11 @@
     "globals.d.ts"
   ],
   "dependencies": {
-    "@babel/core": "^7.22.5",
-    "@babel/helper-module-imports": "^7.22.5",
-    "@babel/helper-plugin-utils": "^7.22.5",
-    "@babel/traverse": "^7.22.5",
-    "@web-widget/html": "0.0.4",
-    "@web-widget/schema": "0.0.9",
-    "@web-widget/web-widget": "1.0.0-alpha.8"
+    "@web-widget/vite": "0.6.0",
+    "@web-widget/schema": "0.0.10",
+    "@web-widget/web-widget": "1.0.0-alpha.10"
   },
   "devDependencies": {
-    "@types/babel__core": "^7.20.1",
-    "@types/babel__helper-module-imports": "^7.18.0",
-    "@types/babel__helper-plugin-utils": "^7.10.0",
-    "@types/babel__traverse": "^7.20.1",
-    "@types/node": "^20.3.1",
     "@types/react": "^18.2.9",
     "@types/react-dom": "^18.0.6",
     "tsup": "^7.0.0",
@@ -45,7 +40,6 @@
     "vite": "^4.4.9"
   },
   "peerDependencies": {
-    "@vitejs/plugin-react": "^4.0.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

package/dist/react.client.d.ts

@@ -1,77 +0,0 @@
-import * as _web_widget_schema from '@web-widget/schema';
-import { RenderContext, ComponentProps } from '@web-widget/schema';
-import * as react from 'react';
-import { ReactNode, Component } from 'react';
-export * from '@web-widget/schema/client-helpers';
-import { WebWidgetContainerOptions, Loader } from '@web-widget/web-widget';
-
-declare const __ENV__: {
-    server: boolean;
-};
-interface WebWidgetProps {
-    base?: WebWidgetContainerOptions["base"];
-    children?: ReactNode;
-    data?: WebWidgetContainerOptions["data"];
-    import?: WebWidgetContainerOptions["import"];
-    inactive?: WebWidgetContainerOptions["inactive"];
-    loader: Loader;
-    meta?: WebWidgetContainerOptions["meta"];
-    loading?: WebWidgetContainerOptions["loading"];
-    name?: WebWidgetContainerOptions["name"];
-    renderStage?: WebWidgetContainerOptions["renderStage"];
-    renderTarget?: WebWidgetContainerOptions["renderTarget"];
-}
-declare function WebWidget({ children, loader, ...props }: WebWidgetProps): react.FunctionComponentElement<any>;
-interface DefineWebWidgetOptions {
-    base?: WebWidgetContainerOptions["base"];
-    import?: WebWidgetContainerOptions["import"];
-    loading?: WebWidgetContainerOptions["loading"];
-    name?: WebWidgetContainerOptions["name"];
-    renderStage?: WebWidgetContainerOptions["renderStage"];
-    renderTarget?: WebWidgetContainerOptions["renderTarget"];
-}
-interface WebWidgetSuspenseProps {
-    children?: ReactNode;
-    fallback?: ReactNode;
-    renderStage?: WebWidgetContainerOptions["renderStage"];
-}
-declare function defineWebWidget(loader: Loader, options: DefineWebWidgetOptions): ({ children, fallback, renderStage, ...data }: WebWidgetSuspenseProps) => react.FunctionComponentElement<react.SuspenseProps>;
-
-type JSONValue = string | number | boolean | {
-    [x: string]: JSONValue;
-} | Array<JSONValue>;
-type JSONProps = {
-    [x: string]: JSONValue;
-};
-interface DefineVueRenderOptions {
-    onPrefetchData?: (context: RenderContext, component: Component, props: ComponentProps) => Promise<JSONProps>;
-}
-
-declare const defineReactRender: ({ onPrefetchData, }?: DefineVueRenderOptions) => (context: _web_widget_schema.ClientWidgetRenderContext<unknown> | _web_widget_schema.ClientRouteRenderContext<unknown, Record<string, string>>) => 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;
-}>;
-declare const render: (context: _web_widget_schema.ClientWidgetRenderContext<unknown> | _web_widget_schema.ClientRouteRenderContext<unknown, Record<string, string>>) => 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;
-}>;
-
-export { DefineWebWidgetOptions, WebWidget, WebWidgetProps, WebWidgetSuspenseProps, __ENV__, defineReactRender, defineWebWidget, render };