@web-widget/vue 1.56.1 → 1.57.0

package/dist/{chunk-PT7NYHHF.js → chunk-DUDJYZZ6.js}

@@ -12,12 +12,7 @@ function installErrorHandler(app, callback, throwUnhandledErrorInProduction = fa
 
 // src/components.ts
 import { WebWidgetRenderer } from "@web-widget/web-widget";
-import {
-  h,
-  defineComponent,
-  Suspense,
-  useAttrs
-} from "vue";
+import { h, defineComponent, Suspense, useAttrs } from "vue";
 import { IS_CLIENT } from "@web-widget/helpers/env";
 var WebWidget = /* @__PURE__ */ defineComponent({
   name: "WebWidgetRoot",
@@ -27,15 +22,14 @@ var WebWidget = /* @__PURE__ */ defineComponent({
     },
     data: {
       type: Object,
-      default: {}
+      default: () => ({})
     },
     import: {
       type: String
     },
     inactive: {
       type: Boolean,
-      // NOTE: If the default value is not set, it will be false here.
-      default: void 0
+      default: false
     },
     loader: {
       type: Function,
@@ -67,7 +61,6 @@ var WebWidget = /* @__PURE__ */ defineComponent({
     }
     const widget = new WebWidgetRenderer(loader, {
       ...props,
-      // TODO slots.default
       children: ""
     });
     const tag = widget.localName;
@@ -80,7 +73,6 @@ var WebWidget = /* @__PURE__ */ defineComponent({
     delete attrs.data;
     return () => h(tag, {
       ...attrs,
-      // NOTE: Use attr instead of props.
       ...IS_CLIENT ? { "^data": data } : { data },
       innerHTML
     });

package/dist/{types-BJGyrdpU.d.ts → types-E2Dn0qru.d.ts}

@@ -2,7 +2,6 @@ import * as vue from 'vue';
 import { PropType, VNode, Component, ComponentPublicInstance, App } from 'vue';
 import { WebWidgetRendererOptions, Loader } from '@web-widget/web-widget';
 import { ReactWidgetComponent } from '@web-widget/react';
-import { RenderContext, ComponentProps, SerializableValue } from '@web-widget/helpers';
 
 interface DefineWebWidgetOptions {
     base?: WebWidgetRendererOptions['base'];
@@ -56,13 +55,13 @@ declare function defineWebWidget(loader: Loader, options: DefineWebWidgetOptions
  */
 declare function toReact<T>(component: Component<T>): ReactWidgetComponent<Omit<T, keyof ComponentPublicInstance | "$route" | "$router">>;
 
-interface SerializableObject {
-    [key: string]: SerializableValue;
-}
 interface CreateVueRenderOptions {
-    onCreatedApp?: (app: App<Element>, context: RenderContext, component: Component, props: ComponentProps) => Promise<void>;
-    /**@deprecated*/
-    onPrefetchData?: (context: RenderContext, component: Component, props: ComponentProps) => Promise<SerializableObject>;
+    onCreatedApp?: (app: App<Element>, context: {
+        container?: Element | DocumentFragment;
+        data: any;
+        progressive?: boolean;
+        recovering?: boolean;
+    }, component: Component, props: any) => Promise<void>;
 }
 
 export { type CreateVueRenderOptions as C, type DefineWebWidgetOptions as D, defineWebWidget as d, toReact as t };

package/dist/vue.client.d.ts

@@ -1,15 +1,15 @@
 import * as _web_widget_helpers from '@web-widget/helpers';
 export * from '@web-widget/helpers';
-import { C as CreateVueRenderOptions } from './types-BJGyrdpU.js';
-export { D as DefineWebWidgetOptions, d as defineWebWidget, t as toReact } from './types-BJGyrdpU.js';
+import { Component } from 'vue';
+import { C as CreateVueRenderOptions } from './types-E2Dn0qru.js';
+export { D as DefineWebWidgetOptions, d as defineWebWidget, t as toReact } from './types-E2Dn0qru.js';
 export { useWidgetAsyncState as useWidgetState } from '@web-widget/helpers/state';
-import 'vue';
 import '@web-widget/web-widget';
 import '@web-widget/react';
 
-declare const createVueRender: ({ onCreatedApp, onPrefetchData, }?: CreateVueRenderOptions) => (context: _web_widget_helpers.WidgetRenderContext<unknown>, renderOptions: _web_widget_helpers.WidgetRenderOptions) => Promise<_web_widget_helpers.WidgetRenderResult>;
+declare const createVueRender: ({ onCreatedApp, }?: CreateVueRenderOptions) => _web_widget_helpers.ClientRender<Component, unknown, _web_widget_helpers.ClientRenderOptions, void | _web_widget_helpers.ClientRenderResult<unknown>>;
 /**@deprecated Please use `createVueRender` instead.*/
-declare const defineVueRender: ({ onCreatedApp, onPrefetchData, }?: CreateVueRenderOptions) => (context: _web_widget_helpers.WidgetRenderContext<unknown>, renderOptions: _web_widget_helpers.WidgetRenderOptions) => Promise<_web_widget_helpers.WidgetRenderResult>;
-declare const render: (context: _web_widget_helpers.WidgetRenderContext<unknown>, renderOptions: _web_widget_helpers.WidgetRenderOptions) => Promise<_web_widget_helpers.WidgetRenderResult>;
+declare const defineVueRender: ({ onCreatedApp, }?: CreateVueRenderOptions) => _web_widget_helpers.ClientRender<Component, unknown, _web_widget_helpers.ClientRenderOptions, void | _web_widget_helpers.ClientRenderResult<unknown>>;
+declare const render: _web_widget_helpers.ClientRender<Component, unknown, _web_widget_helpers.ClientRenderOptions, void | _web_widget_helpers.ClientRenderResult<unknown>>;
 
 export { createVueRender, defineVueRender, render };

package/dist/vue.client.js

@@ -2,53 +2,49 @@ import {
   defineWebWidget,
   installErrorHandler,
   toReact
-} from "./chunk-PT7NYHHF.js";
+} from "./chunk-DUDJYZZ6.js";
 
 // src/client.ts
-import { defineRender, getComponentDescriptor } from "@web-widget/helpers";
+import { defineClientRender } from "@web-widget/helpers";
 import { Suspense, createApp, createSSRApp, h } from "vue";
 export * from "@web-widget/helpers";
 import { useWidgetAsyncState } from "@web-widget/helpers/state";
+var createWidgetSuspense = (component) => (props) => h(Suspense, null, [h(component, props)]);
 var createVueRender = ({
   onCreatedApp = async () => {
-  },
-  onPrefetchData
-} = {}) => {
-  if (onPrefetchData) {
-    throw new Error(`"onPrefetchData" is not supported.`);
   }
-  return defineRender(async (context) => {
-    const { recovering, container } = context;
-    const componentDescriptor = getComponentDescriptor(context);
-    const { component, props } = componentDescriptor;
-    if (!container) {
-      throw new Error(`Container required.`);
-    }
-    let app;
-    const WidgetSuspense = (props2) => h(Suspense, null, [h(component, props2)]);
-    return {
-      async mount() {
-        if (recovering) {
-          app = createSSRApp(WidgetSuspense, props);
-        } else {
-          app = createApp(WidgetSuspense, props);
-        }
-        let error;
-        installErrorHandler(app, (err) => {
-          error = err;
-        });
-        await onCreatedApp(app, context, component, props);
-        app.mount(container);
-        if (error) {
-          throw error;
-        }
-      },
-      async unmount() {
-        app == null ? void 0 : app.unmount();
-        app = null;
+} = {}) => {
+  return defineClientRender(
+    async (component, data, { recovering, container }) => {
+      if (!component) {
+        throw new TypeError(`Missing component.`);
+      }
+      if (!container) {
+        throw new Error(`Missing container.`);
       }
-    };
-  });
+      let app;
+      const context = { data, recovering, container };
+      const WidgetSuspense = createWidgetSuspense(component);
+      return {
+        async mount() {
+          app = recovering ? createSSRApp(WidgetSuspense, data) : createApp(WidgetSuspense, data);
+          let error;
+          installErrorHandler(app, (err) => {
+            error = err;
+          });
+          await onCreatedApp(app, context, component, data);
+          app.mount(container);
+          if (error) {
+            throw error;
+          }
+        },
+        async unmount() {
+          app == null ? void 0 : app.unmount();
+          app = null;
+        }
+      };
+    }
+  );
 };
 var defineVueRender = createVueRender;
 var render = createVueRender();

package/dist/vue.server.d.ts

@@ -1,28 +1,25 @@
 import * as _web_widget_helpers from '@web-widget/helpers';
 export * from '@web-widget/helpers';
+import { Component } from 'vue';
 import { SSRContext } from 'vue/server-renderer';
-import { C as CreateVueRenderOptions } from './types-BJGyrdpU.js';
-export { D as DefineWebWidgetOptions, d as defineWebWidget, t as toReact } from './types-BJGyrdpU.js';
+import { C as CreateVueRenderOptions } from './types-E2Dn0qru.js';
+export { D as DefineWebWidgetOptions, d as defineWebWidget, t as toReact } from './types-E2Dn0qru.js';
 export { useWidgetAsyncState as useWidgetState } from '@web-widget/helpers/state';
-import 'vue';
 import '@web-widget/web-widget';
 import '@web-widget/react';
 
 declare module '@web-widget/schema' {
-    interface WidgetRenderOptions {
+    interface ServerRenderOptions {
         vue?: {};
     }
-    interface RouteRenderOptions {
-        vue?: SSRContext;
-    }
 }
 
 interface VueRenderOptions {
     vue?: SSRContext;
 }
-declare const createVueRender: ({ onCreatedApp, onPrefetchData, }?: CreateVueRenderOptions) => (context: _web_widget_helpers.RouteRenderContext<unknown, Record<string, string>>, renderOptions: _web_widget_helpers.RouteRenderOptions) => Promise<_web_widget_helpers.RouteRenderResult>;
+declare const createVueRender: ({ onCreatedApp, }?: CreateVueRenderOptions) => _web_widget_helpers.ServerRender<Component, unknown, _web_widget_helpers.ServerRenderOptions, _web_widget_helpers.ServerRenderResult>;
 /**@deprecated Please use `createVueRender` instead.*/
-declare const defineVueRender: ({ onCreatedApp, onPrefetchData, }?: CreateVueRenderOptions) => (context: _web_widget_helpers.RouteRenderContext<unknown, Record<string, string>>, renderOptions: _web_widget_helpers.RouteRenderOptions) => Promise<_web_widget_helpers.RouteRenderResult>;
-declare const render: (context: _web_widget_helpers.RouteRenderContext<unknown, Record<string, string>>, renderOptions: _web_widget_helpers.RouteRenderOptions) => Promise<_web_widget_helpers.RouteRenderResult>;
+declare const defineVueRender: ({ onCreatedApp, }?: CreateVueRenderOptions) => _web_widget_helpers.ServerRender<Component, unknown, _web_widget_helpers.ServerRenderOptions, _web_widget_helpers.ServerRenderResult>;
+declare const render: _web_widget_helpers.ServerRender<Component, unknown, _web_widget_helpers.ServerRenderOptions, _web_widget_helpers.ServerRenderResult>;
 
 export { type VueRenderOptions, createVueRender, defineVueRender, render };

package/dist/vue.server.js

@@ -2,10 +2,10 @@ import {
   defineWebWidget,
   installErrorHandler,
   toReact
-} from "./chunk-PT7NYHHF.js";
+} from "./chunk-DUDJYZZ6.js";
 
 // src/server.ts
-import { defineRender, getComponentDescriptor } from "@web-widget/helpers";
+import { defineServerRender } from "@web-widget/helpers";
 import { createSSRApp, h, Suspense } from "vue";
 import {
   renderToString,
@@ -13,27 +13,26 @@ import {
 } from "vue/server-renderer";
 export * from "@web-widget/helpers";
 import { useWidgetAsyncState } from "@web-widget/helpers/state";
+var createWidgetSuspense = (component) => (props) => h(Suspense, null, [h(component, props)]);
 var createVueRender = ({
   onCreatedApp = async () => {
-  },
-  onPrefetchData
-} = {}) => {
-  if (onPrefetchData) {
-    throw new Error(`"onPrefetchData" is not supported.`);
   }
-  return defineRender(
-    async (context, { progressive, vue: options } = {}) => {
+} = {}) => {
+  return defineServerRender(
+    async (component, data, { progressive, vue: options } = {}) => {
       var _a;
+      if (!component) {
+        throw new TypeError(`Missing component.`);
+      }
       const ssrContext = Object.create(options != null ? options : null);
       let error;
-      const componentDescriptor = getComponentDescriptor(context);
-      const { component, props } = componentDescriptor;
-      const WidgetSuspense = (props2) => h(Suspense, null, [h(component, props2)]);
-      const app = createSSRApp(WidgetSuspense, props);
+      const context = { data, progressive };
+      const WidgetSuspense = createWidgetSuspense(component);
+      const app = createSSRApp(WidgetSuspense, data);
       installErrorHandler(app, (err) => {
         error = err;
       });
-      await onCreatedApp(app, context, component, props);
+      await onCreatedApp(app, context, component, data);
       const html = progressive ? renderToWebStream(app, ssrContext) : await renderToString(app, ssrContext);
       if (ssrContext == null ? void 0 : ssrContext.teleports) {
         const file = (_a = Reflect.get(component, "__file")) != null ? _a : "unknown";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@web-widget/vue",
   "description": "Vue adapter",
-  "version": "1.56.1",
+  "version": "1.57.0",
   "homepage": "https://github.com/web-widget/web-widget#readme",
   "repository": {
     "type": "git",
@@ -14,11 +14,11 @@
   "license": "MIT",
   "dependencies": {
     "@rollup/pluginutils": "^5.1.4",
-    "@web-widget/helpers": "1.56.1",
-    "@web-widget/vite-plugin": "1.56.1",
-    "@web-widget/web-widget": "1.56.1",
-    "@web-widget/schema": "1.56.1",
-    "@web-widget/react": "1.56.1"
+    "@web-widget/helpers": "1.57.0",
+    "@web-widget/vite-plugin": "1.57.0",
+    "@web-widget/web-widget": "1.57.0",
+    "@web-widget/schema": "1.57.0",
+    "@web-widget/react": "1.57.0"
   },
   "devDependencies": {
     "tsup": "^8.3.4",