@web-widget/vue 0.0.1 → 0.0.3

package/dist/vue.client.d.ts

@@ -1,6 +1,24 @@
 import * as _web_widget_schema from '@web-widget/schema';
-export * from '@web-widget/schema/client';
+import { App, Component } from 'vue';
+import { RenderContext, ComponentProps } from '@web-widget/schema/client-helpers';
+export * from '@web-widget/schema/client-helpers';
 
+interface DefineVueRenderOptions {
+    onCreatedApp?: (app: App, context: RenderContext, component: Component, props: ComponentProps) => void;
+}
+declare const defineVueRender: ({ onCreatedApp, }?: 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;
@@ -15,4 +33,4 @@ declare const render: (context: _web_widget_schema.ClientWidgetRenderContext<unk
     }) => void | Promise<void>) | undefined;
 }>;
 
-export { render };
+export { DefineVueRenderOptions, defineVueRender, render };

package/dist/vue.client.js

@@ -1,19 +1,36 @@
 // src/client.ts
 import { createApp, createSSRApp } from "vue";
-import { defineRender } from "@web-widget/schema/client";
-export * from "@web-widget/schema/client";
-var render = defineRender(
-  async ({ recovering, container }, component, props) => {
-    if (!container) {
+import { defineRender } from "@web-widget/schema/client-helpers";
+export * from "@web-widget/schema/client-helpers";
+var defineVueRender = ({
+  onCreatedApp = () => {
+  }
+} = {}) => {
+  return defineRender(async (context, component, props) => {
+    if (!context.container) {
       throw new Error(`Container required.`);
     }
-    if (recovering) {
-      createSSRApp(component, props).mount(container);
-    } else {
-      createApp(component, props).mount(container);
-    }
-  }
-);
+    let app;
+    return {
+      async mount() {
+        const rootProps = props;
+        if (context.recovering) {
+          app = createSSRApp(component, rootProps);
+        } else {
+          app = createApp(component, rootProps);
+        }
+        onCreatedApp(app, context, component, props);
+        app.mount(context.container);
+      },
+      async unmount() {
+        app == null ? void 0 : app.unmount();
+        app = null;
+      }
+    };
+  });
+};
+var render = defineVueRender();
 export {
+  defineVueRender,
   render
 };

package/dist/vue.server.d.ts

@@ -1,6 +1,12 @@
 import * as _web_widget_schema from '@web-widget/schema';
-export * from '@web-widget/schema/server';
+import { App, Component } from 'vue';
+import { RenderContext, ComponentProps } from '@web-widget/schema/server-helpers';
+export * from '@web-widget/schema/server-helpers';
 
+interface DefineVueRenderOptions {
+    onCreatedApp?: (app: App, context: RenderContext, component: Component, props: ComponentProps) => void;
+}
+declare const defineVueRender: ({ onCreatedApp, }?: DefineVueRenderOptions) => (context: _web_widget_schema.ServerWidgetRenderContext<unknown> | _web_widget_schema.ServerRouteRenderContext<unknown, Record<string, string>>) => Promise<string | ReadableStream<any>>;
 declare const render: (context: _web_widget_schema.ServerWidgetRenderContext<unknown> | _web_widget_schema.ServerRouteRenderContext<unknown, Record<string, string>>) => Promise<string | ReadableStream<any>>;
 
-export { render };
+export { DefineVueRenderOptions, defineVueRender, render };

package/dist/vue.server.js

@@ -1,12 +1,21 @@
 // src/server.ts
 import { createSSRApp } from "vue";
+import { defineRender } from "@web-widget/schema/server-helpers";
 import { renderToWebStream } from "vue/server-renderer";
-import { defineRender } from "@web-widget/schema/server";
-export * from "@web-widget/schema/server";
-var render = defineRender(async (context, component, props) => {
-  const app = createSSRApp(component, props);
-  return renderToWebStream(app);
-});
+export * from "@web-widget/schema/server-helpers";
+var defineVueRender = ({
+  onCreatedApp = () => {
+  }
+} = {}) => {
+  return defineRender(async (context, component, props) => {
+    const rootProps = props;
+    const app = createSSRApp(component, rootProps);
+    onCreatedApp(app, context, component, props);
+    return renderToWebStream(app);
+  });
+};
+var render = defineVueRender();
 export {
+  defineVueRender,
   render
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@web-widget/vue",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "type": "module",
   "exports": {
     ".": {
@@ -22,7 +22,7 @@
     "dist"
   ],
   "dependencies": {
-    "@web-widget/schema": "0.0.1"
+    "@web-widget/schema": "0.0.5"
   },
   "peerDependencies": {
     "vue": "^3.3.4"