@web-widget/vue 0.3.0 → 0.4.1

package/dist/vue.client.d.ts

@@ -143,7 +143,7 @@ interface DefineVueRenderOptions {
     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>>) => Promise<void | {
+declare const defineVueRender: ({ onCreatedApp, onPrefetchData, }?: DefineVueRenderOptions) => (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 }: {
@@ -156,7 +156,7 @@ declare const defineVueRender: ({ onCreatedApp, onPrefetchData, }?: DefineVueRen
         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 | {
+declare const render: (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 }: {

package/dist/vue.client.js

@@ -30,6 +30,13 @@ var __objRest = (source, exclude) => {
   return target;
 };
 
+// src/client.ts
+import {
+  defineRender,
+  getComponentDescriptor
+} from "@web-widget/schema/client-helpers";
+import { createApp, createSSRApp } from "vue";
+
 // src/web-widget.ts
 import { parse } from "@web-widget/web-widget";
 import { h, defineComponent, Suspense, useAttrs } from "vue";
@@ -135,8 +142,6 @@ function defineWebWidget(loader, options) {
 }
 
 // src/client.ts
-import { createApp, createSSRApp } from "vue";
-import { defineRender } from "@web-widget/schema/client-helpers";
 export * from "@web-widget/schema/client-helpers";
 Reflect.defineProperty(__ENV__, "server", {
   value: false
@@ -146,7 +151,9 @@ var defineVueRender = ({
   },
   onPrefetchData
 } = {}) => {
-  return defineRender(async (context, component, props) => {
+  return defineRender(async (context) => {
+    const componentDescriptor = getComponentDescriptor(context);
+    const { component, props } = componentDescriptor;
     if (!context.container) {
       throw new Error(`Container required.`);
     }

package/dist/vue.server.d.ts

@@ -1,5 +1,6 @@
 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';
 export * from '@web-widget/schema/server-helpers';
@@ -143,7 +144,10 @@ interface DefineVueRenderOptions {
     onPrefetchData?: (context: RenderContext, component: Component, props: ComponentProps) => Promise<JSONProps>;
 }
 
-declare const defineVueRender: ({ onCreatedApp, onPrefetchData, }?: 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>>;
+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 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, WebWidget, __ENV__, defineVueRender, defineWebWidget, render };
+export { DefineWebWidgetOptions, VueRenderOptions, WebWidget, __ENV__, defineVueRender, defineWebWidget, render };

package/dist/vue.server.js

@@ -30,6 +30,14 @@ var __objRest = (source, exclude) => {
   return target;
 };
 
+// src/server.ts
+import {
+  defineRender,
+  getComponentDescriptor
+} from "@web-widget/schema/server-helpers";
+import { Fragment, createSSRApp, h as h2 } from "vue";
+import { renderToWebStream } from "vue/server-renderer";
+
 // src/web-widget.ts
 import { parse } from "@web-widget/web-widget";
 import { h, defineComponent, Suspense, useAttrs } from "vue";
@@ -135,9 +143,6 @@ function defineWebWidget(loader, options) {
 }
 
 // src/server.ts
-import { createSSRApp, h as h2, Fragment } from "vue";
-import { defineRender } from "@web-widget/schema/server-helpers";
-import { renderToWebStream } from "vue/server-renderer";
 export * from "@web-widget/schema/server-helpers";
 Reflect.defineProperty(__ENV__, "server", {
   value: true
@@ -157,28 +162,32 @@ var defineVueRender = ({
   },
   onPrefetchData
 } = {}) => {
-  return defineRender(async (context, component, props) => {
-    const state = onPrefetchData ? await onPrefetchData(context, component, props) : void 0;
-    const mergedProps = state ? Object.assign({}, state, props) : props;
-    if (state) {
-      const stateStringify = htmlEscapeJsonString(JSON.stringify(state));
-      const vNode = h2(Fragment, null, [
-        h2(component, mergedProps),
-        h2("script", {
-          as: "state",
-          type: "application/json",
-          innerHTML: stateStringify
-        })
-      ]);
-      const app = createSSRApp(vNode);
-      onCreatedApp(app, context, component, props);
-      return renderToWebStream(app);
-    } else {
-      const app = createSSRApp(component, mergedProps);
-      onCreatedApp(app, context, component, props);
-      return renderToWebStream(app);
+  return defineRender(
+    async (context, { vue: ssrContext } = {}) => {
+      const componentDescriptor = getComponentDescriptor(context);
+      const { component, props } = componentDescriptor;
+      const state = onPrefetchData ? await onPrefetchData(context, component, props) : void 0;
+      const mergedProps = state ? Object.assign({}, state, props) : props;
+      if (state) {
+        const stateStringify = htmlEscapeJsonString(JSON.stringify(state));
+        const vNode = h2(Fragment, null, [
+          h2(component, mergedProps),
+          h2("script", {
+            as: "state",
+            type: "application/json",
+            innerHTML: stateStringify
+          })
+        ]);
+        const app = createSSRApp(vNode);
+        onCreatedApp(app, context, component, mergedProps);
+        return renderToWebStream(app, ssrContext);
+      } else {
+        const app = createSSRApp(component, mergedProps);
+        onCreatedApp(app, context, component, mergedProps);
+        return renderToWebStream(app, ssrContext);
+      }
     }
-  });
+  );
 };
 var render = defineVueRender();
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@web-widget/vue",
-  "version": "0.3.0",
+  "version": "0.4.1",
   "type": "module",
   "exports": {
     ".": {
@@ -27,10 +27,10 @@
     "dist"
   ],
   "dependencies": {
-    "@web-widget/vite": "1.1.0",
-    "@web-widget/html": "0.0.4",
-    "@web-widget/schema": "0.0.10",
-    "@web-widget/web-widget": "1.0.0-alpha.10"
+    "@web-widget/vite": "2.0.1",
+    "@web-widget/html": "0.1.1",
+    "@web-widget/schema": "0.1.1",
+    "@web-widget/web-widget": "1.0.0"
   },
   "devDependencies": {
     "tsup": "^7.0.0",