@web-widget/vue 0.10.5 → 0.10.7

package/dist/vue.client.d.ts

@@ -3,11 +3,9 @@ import { RenderContext, ComponentProps } from '@web-widget/schema';
 import * as vue from 'vue';
 import { PropType, VNode, App, Component } from 'vue';
 export * from '@web-widget/schema/client-helpers';
+export { useWidgetAsyncState as useWidgetState } from '@web-widget/schema/client-helpers';
 import { Loader, WebWidgetContainerOptions } from '@web-widget/web-widget';
 
-declare const __ENV__: {
-    server: boolean;
-};
 declare const WebWidget: vue.DefineComponent<{
     base: {
         type: PropType<string | undefined>;
@@ -202,4 +200,4 @@ declare const render: (context: _web_widget_schema.ClientWidgetRenderContext<unk
     }) => void | Promise<void>) | undefined;
 }>;
 
-export { DefineWebWidgetOptions, WebWidget, __ENV__, createVueRender, defineVueRender, defineWebWidget, render };
+export { DefineWebWidgetOptions, WebWidget, createVueRender, defineVueRender, defineWebWidget, render };

package/dist/vue.client.js

@@ -36,8 +36,10 @@ import {
   getComponentDescriptor
 } from "@web-widget/schema/client-helpers";
 import { Suspense as Suspense2, createApp, createSSRApp, h as h2 } from "vue";
+export * from "@web-widget/schema/client-helpers";
+import { useWidgetAsyncState } from "@web-widget/schema/client-helpers";
 
-// src/web-widget.ts
+// src/components.ts
 import { parse } from "@web-widget/web-widget";
 import {
   h,
@@ -45,9 +47,7 @@ import {
   Suspense,
   useAttrs
 } from "vue";
-var __ENV__ = {
-  server: true
-};
+import { IS_BROWSER } from "@web-widget/schema/helpers";
 var WebWidget = /* @__PURE__ */ defineComponent({
   name: "WebWidget",
   props: {
@@ -99,7 +99,7 @@ var WebWidget = /* @__PURE__ */ defineComponent({
     const [tag, attrs, innerHTML] = await parse(loader, __spreadProps(__spreadValues({}, props), {
       children
     }));
-    if (!__ENV__.server) {
+    if (IS_BROWSER) {
       console.warn(`Client components are experimental.`);
       await customElements.whenDefined(tag);
       const element = Object.assign(document.createElement(tag), props);
@@ -161,10 +161,6 @@ function defineWebWidget(loader, options) {
 }
 
 // src/client.ts
-export * from "@web-widget/schema/client-helpers";
-Reflect.defineProperty(__ENV__, "server", {
-  value: false
-});
 var createVueRender = ({
   onCreatedApp = async () => {
   },
@@ -180,18 +176,16 @@ var createVueRender = ({
       throw new Error(`Container required.`);
     }
     let app;
-    const WrapSuspense = (props2) => h2(Suspense2, null, [h2(component, props2)]);
+    const WidgetSuspense = (props2) => h2(Suspense2, null, [h2(component, props2)]);
     return {
       async mount() {
         if (context.recovering) {
-          app = createSSRApp(WrapSuspense, props);
+          app = createSSRApp(WidgetSuspense, props);
         } else {
-          app = createApp(WrapSuspense, props);
+          app = createApp(WidgetSuspense, props);
         }
         await onCreatedApp(app, context, component, props);
-        app.runWithContext(() => {
-          app.mount(context.container);
-        });
+        app.mount(context.container);
       },
       async unmount() {
         app == null ? void 0 : app.unmount();
@@ -204,9 +198,9 @@ var defineVueRender = createVueRender;
 var render = createVueRender();
 export {
   WebWidget,
-  __ENV__,
   createVueRender,
   defineVueRender,
   defineWebWidget,
-  render
+  render,
+  useWidgetAsyncState as useWidgetState
 };

package/dist/vue.server.d.ts

@@ -4,11 +4,9 @@ import { SSRContext } from 'vue/server-renderer';
 import * as vue from 'vue';
 import { PropType, VNode, App, Component } from 'vue';
 export * from '@web-widget/schema/server-helpers';
+export { useWidgetAsyncState as useWidgetState } from '@web-widget/schema/server-helpers';
 import { Loader, WebWidgetContainerOptions } from '@web-widget/web-widget';
 
-declare const __ENV__: {
-    server: boolean;
-};
 declare const WebWidget: vue.DefineComponent<{
     base: {
         type: PropType<string | undefined>;
@@ -170,4 +168,4 @@ declare const createVueRender: ({ onCreatedApp, onPrefetchData, }?: CreateVueRen
 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__, createVueRender, defineVueRender, defineWebWidget, render };
+export { DefineWebWidgetOptions, VueRenderOptions, WebWidget, createVueRender, defineVueRender, defineWebWidget, render };

package/dist/vue.server.js

@@ -37,8 +37,10 @@ import {
 } from "@web-widget/schema/server-helpers";
 import { Suspense as Suspense2, createSSRApp, h as h2 } from "vue";
 import { renderToWebStream } from "vue/server-renderer";
+export * from "@web-widget/schema/server-helpers";
+import { useWidgetAsyncState } from "@web-widget/schema/server-helpers";
 
-// src/web-widget.ts
+// src/components.ts
 import { parse } from "@web-widget/web-widget";
 import {
   h,
@@ -46,9 +48,7 @@ import {
   Suspense,
   useAttrs
 } from "vue";
-var __ENV__ = {
-  server: true
-};
+import { IS_BROWSER } from "@web-widget/schema/helpers";
 var WebWidget = /* @__PURE__ */ defineComponent({
   name: "WebWidget",
   props: {
@@ -100,7 +100,7 @@ var WebWidget = /* @__PURE__ */ defineComponent({
     const [tag, attrs, innerHTML] = await parse(loader, __spreadProps(__spreadValues({}, props), {
       children
     }));
-    if (!__ENV__.server) {
+    if (IS_BROWSER) {
       console.warn(`Client components are experimental.`);
       await customElements.whenDefined(tag);
       const element = Object.assign(document.createElement(tag), props);
@@ -162,10 +162,6 @@ function defineWebWidget(loader, options) {
 }
 
 // src/server.ts
-export * from "@web-widget/schema/server-helpers";
-Reflect.defineProperty(__ENV__, "server", {
-  value: true
-});
 var createVueRender = ({
   onCreatedApp = async () => {
   },
@@ -178,10 +174,16 @@ var createVueRender = ({
     async (context, { vue: ssrContext } = {}) => {
       const componentDescriptor = getComponentDescriptor(context);
       const { component, props } = componentDescriptor;
-      const WrapSuspense = (props2) => h2(Suspense2, null, [h2(component, props2)]);
-      const app = createSSRApp(WrapSuspense, props);
+      const WidgetSuspense = (props2) => h2(Suspense2, null, [h2(component, props2)]);
+      const app = createSSRApp(WidgetSuspense, props);
+      app.config.errorHandler = (err, instance, info) => {
+        if (err instanceof Promise) {
+          return;
+        }
+        throw err;
+      };
       await onCreatedApp(app, context, component, props);
-      return app.runWithContext(() => renderToWebStream(app, ssrContext));
+      return renderToWebStream(app, ssrContext);
     }
   );
 };
@@ -189,9 +191,9 @@ var defineVueRender = createVueRender;
 var render = createVueRender();
 export {
   WebWidget,
-  __ENV__,
   createVueRender,
   defineVueRender,
   defineWebWidget,
-  render
+  render,
+  useWidgetAsyncState as useWidgetState
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@web-widget/vue",
-  "version": "0.10.5",
+  "version": "0.10.7",
   "type": "module",
   "exports": {
     ".": {
@@ -27,10 +27,10 @@
     "dist"
   ],
   "dependencies": {
-    "@web-widget/vite": "2.8.3",
-    "@web-widget/html": "0.1.6",
-    "@web-widget/schema": "0.4.1",
-    "@web-widget/web-widget": "1.7.0"
+    "@web-widget/vite": "2.8.5",
+    "@web-widget/html": "0.1.8",
+    "@web-widget/schema": "0.4.3",
+    "@web-widget/web-widget": "1.7.2"
   },
   "devDependencies": {
     "tsup": "^7.0.0",