@web-widget/vue 0.6.0 → 0.8.0

package/dist/vue.client.d.ts

@@ -1,7 +1,7 @@
 import * as _web_widget_schema from '@web-widget/schema';
 import { RenderContext, ComponentProps } from '@web-widget/schema';
 import * as vue from 'vue';
-import { PropType, VNode, Component, App } from 'vue';
+import { PropType, VNode, App, Component } from 'vue';
 export * from '@web-widget/schema/client-helpers';
 import { Loader, WebWidgetContainerOptions } from '@web-widget/web-widget';
 
@@ -155,13 +155,26 @@ type JSONValue = string | number | boolean | {
 type JSONProps = {
     [x: string]: JSONValue;
 };
-interface DefineVueRenderOptions {
-    onBeforeCreateApp?: (context: RenderContext, component: Component, props: ComponentProps) => any;
+interface CreateVueRenderOptions {
     onCreatedApp?: (app: App<Element>, context: RenderContext, component: Component, props: ComponentProps) => void;
     onPrefetchData?: (context: RenderContext, component: Component, props: ComponentProps) => Promise<JSONProps>;
 }
 
-declare const defineVueRender: ({ onCreatedApp, onPrefetchData, }?: DefineVueRenderOptions) => (context: _web_widget_schema.ClientWidgetRenderContext<unknown> | _web_widget_schema.ClientRouteRenderContext<unknown, Record<string, string>>, renderOptions: any) => Promise<void | {
+declare const createVueRender: ({ onCreatedApp, onPrefetchData, }?: CreateVueRenderOptions) => (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 `createVueRender` instead.*/
+declare const defineVueRender: ({ onCreatedApp, onPrefetchData, }?: CreateVueRenderOptions) => (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 }: {
@@ -188,4 +201,4 @@ declare const render: (context: _web_widget_schema.ClientWidgetRenderContext<unk
     }) => void | Promise<void>) | undefined;
 }>;
 
-export { DefineWebWidgetOptions, WebWidget, __ENV__, defineVueRender, defineWebWidget, render };
+export { DefineWebWidgetOptions, WebWidget, __ENV__, createVueRender, defineVueRender, defineWebWidget, render };

package/dist/vue.client.js

@@ -160,7 +160,7 @@ export * from "@web-widget/schema/client-helpers";
 Reflect.defineProperty(__ENV__, "server", {
   value: false
 });
-var defineVueRender = ({
+var createVueRender = ({
   onCreatedApp = () => {
   },
   onPrefetchData
@@ -185,7 +185,7 @@ var defineVueRender = ({
         } else {
           app = createApp(component, mergedProps);
         }
-        onCreatedApp(app, context, component, mergedProps);
+        await onCreatedApp(app, context, component, mergedProps);
         app.mount(context.container);
       },
       async unmount() {
@@ -195,10 +195,12 @@ var defineVueRender = ({
     };
   });
 };
-var render = defineVueRender();
+var defineVueRender = createVueRender;
+var render = createVueRender();
 export {
   WebWidget,
   __ENV__,
+  createVueRender,
   defineVueRender,
   defineWebWidget,
   render

package/dist/vue.server.d.ts

@@ -2,7 +2,7 @@ import * as _web_widget_schema from '@web-widget/schema';
 import { RenderContext, ComponentProps } from '@web-widget/schema';
 import { SSRContext } from 'vue/server-renderer';
 import * as vue from 'vue';
-import { PropType, VNode, Component, App } from 'vue';
+import { PropType, VNode, App, Component } from 'vue';
 export * from '@web-widget/schema/server-helpers';
 import { Loader, WebWidgetContainerOptions } from '@web-widget/web-widget';
 
@@ -156,8 +156,7 @@ type JSONValue = string | number | boolean | {
 type JSONProps = {
     [x: string]: JSONValue;
 };
-interface DefineVueRenderOptions {
-    onBeforeCreateApp?: (context: RenderContext, component: Component, props: ComponentProps) => any;
+interface CreateVueRenderOptions {
     onCreatedApp?: (app: App<Element>, context: RenderContext, component: Component, props: ComponentProps) => void;
     onPrefetchData?: (context: RenderContext, component: Component, props: ComponentProps) => Promise<JSONProps>;
 }
@@ -165,7 +164,9 @@ interface DefineVueRenderOptions {
 interface VueRenderOptions {
     vue?: SSRContext;
 }
-declare const defineVueRender: ({ onCreatedApp, onPrefetchData, }?: DefineVueRenderOptions) => (context: _web_widget_schema.ServerWidgetRenderContext<unknown> | _web_widget_schema.ServerRouteRenderContext<unknown, Record<string, string>>, renderOptions: ResponseInit & VueRenderOptions) => Promise<string | ReadableStream<any> | ReadableStream<any>>;
+declare const createVueRender: ({ onCreatedApp, onPrefetchData, }?: CreateVueRenderOptions) => (context: _web_widget_schema.ServerWidgetRenderContext<unknown> | _web_widget_schema.ServerRouteRenderContext<unknown, Record<string, string>>, renderOptions: ResponseInit & VueRenderOptions) => Promise<string | ReadableStream<any> | ReadableStream<any>>;
+/**@deprecated Please use `createVueRender` instead.*/
+declare const defineVueRender: ({ onCreatedApp, onPrefetchData, }?: CreateVueRenderOptions) => (context: _web_widget_schema.ServerWidgetRenderContext<unknown> | _web_widget_schema.ServerRouteRenderContext<unknown, Record<string, string>>, renderOptions: ResponseInit & VueRenderOptions) => 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 & VueRenderOptions) => Promise<string | ReadableStream<any> | ReadableStream<any>>;
 
-export { DefineWebWidgetOptions, VueRenderOptions, WebWidget, __ENV__, defineVueRender, defineWebWidget, render };
+export { DefineWebWidgetOptions, VueRenderOptions, WebWidget, __ENV__, createVueRender, defineVueRender, defineWebWidget, render };

package/dist/vue.server.js

@@ -171,7 +171,7 @@ var ESCAPE_REGEX = /[><\u2028\u2029]/g;
 function htmlEscapeJsonString(str) {
   return str.replace(ESCAPE_REGEX, (match) => ESCAPE_LOOKUP[match]);
 }
-var defineVueRender = ({
+var createVueRender = ({
   onCreatedApp = () => {
   },
   onPrefetchData
@@ -197,16 +197,18 @@ var defineVueRender = ({
         return renderToWebStream(app, ssrContext);
       } else {
         const app = createSSRApp(component, mergedProps);
-        onCreatedApp(app, context, component, mergedProps);
+        await onCreatedApp(app, context, component, mergedProps);
         return renderToWebStream(app, ssrContext);
       }
     }
   );
 };
-var render = defineVueRender();
+var defineVueRender = createVueRender;
+var render = createVueRender();
 export {
   WebWidget,
   __ENV__,
+  createVueRender,
   defineVueRender,
   defineWebWidget,
   render

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@web-widget/vue",
-  "version": "0.6.0",
+  "version": "0.8.0",
   "type": "module",
   "exports": {
     ".": {
@@ -27,7 +27,7 @@
     "dist"
   ],
   "dependencies": {
-    "@web-widget/vite": "2.5.2",
+    "@web-widget/vite": "2.5.3",
     "@web-widget/html": "0.1.4",
     "@web-widget/schema": "0.3.0",
     "@web-widget/web-widget": "1.3.2"