@web-widget/vue2 0.8.6 → 0.9.0

package/dist/vite.cjs

@@ -46,12 +46,12 @@ function vue2WebWidgetPlugin({
   return (0, import_vite.webWidgetPlugin)({
     provide,
     toWebWidgets: __spreadValues({
-      include: /(\.route|widget).*\.vue(\?as=[^&]*|\?.*\.(ts|js))?$/
+      include: /(?:\.|@)(route|widget).*\.vue(?:\?.*)?$/,
+      exclude: /\?.*\.css$/
     }, toWebWidgets),
     toComponents: __spreadValues({
-      include: /\.(widget)\.[^.]*$/,
-      exclude: /.vue\?.*$/,
-      includeImporter: /.*\.vue(\?.*\.(ts|js))?$/
+      include: /(?:\.|@)widget\.[^.]*$/,
+      includeImporter: /.*\.vue(\?.*\.(?:ts|js))?$/
     }, toComponents)
   });
 }

package/dist/vite.js

@@ -25,12 +25,12 @@ function vue2WebWidgetPlugin({
   return webWidgetPlugin({
     provide,
     toWebWidgets: __spreadValues({
-      include: /(\.route|widget).*\.vue(\?as=[^&]*|\?.*\.(ts|js))?$/
+      include: /(?:\.|@)(route|widget).*\.vue(?:\?.*)?$/,
+      exclude: /\?.*\.css$/
     }, toWebWidgets),
     toComponents: __spreadValues({
-      include: /\.(widget)\.[^.]*$/,
-      exclude: /.vue\?.*$/,
-      includeImporter: /.*\.vue(\?.*\.(ts|js))?$/
+      include: /(?:\.|@)widget\.[^.]*$/,
+      includeImporter: /.*\.vue(\?.*\.(?:ts|js))?$/
     }, toComponents)
   });
 }

package/dist/vue2.client.d.ts

@@ -3,12 +3,10 @@ import { RenderContext, ComponentProps } from '@web-widget/schema';
 import * as vue from 'vue';
 import vue__default, { PropType, Component } from 'vue';
 export * from '@web-widget/schema/client-helpers';
+export { useWidgetSyncState as useWidgetState } from '@web-widget/schema/client-helpers';
 import * as vue_types_v3_component_options_js from 'vue/types/v3-component-options.js';
 import { Loader, WebWidgetContainerOptions } from '@web-widget/web-widget';
 
-declare const __ENV__: {
-    server: boolean;
-};
 declare const WebWidget: vue.DefineComponent<{
     base: {
         type: PropType<string | undefined>;
@@ -205,4 +203,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/vue2.client.js

@@ -37,13 +37,12 @@ import {
 } from "@web-widget/schema/client-helpers";
 import Vue from "vue";
 export * from "@web-widget/schema/client-helpers";
+import { useWidgetSyncState } from "@web-widget/schema/client-helpers";
 
-// src/web-widget.ts
+// src/components.ts
 import { parse } from "@web-widget/web-widget";
 import { h, defineComponent, defineAsyncComponent, useAttrs } from "vue";
-var __ENV__ = {
-  server: true
-};
+import { IS_BROWSER } from "@web-widget/schema/helpers";
 var WebWidget = /* @__PURE__ */ defineComponent({
   name: "WebWidget",
   props: {
@@ -103,7 +102,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);
@@ -130,7 +129,6 @@ var WebWidget = /* @__PURE__ */ defineComponent({
 });
 function defineWebWidget(loader, options) {
   var _a, _b;
-  console.warn(`defineWebWidget of vue2 is an experimental feature.`);
   return defineComponent({
     name: "WebWidgetSuspense",
     props: {
@@ -228,9 +226,9 @@ var defineVueRender = createVueRender;
 var render = createVueRender();
 export {
   WebWidget,
-  __ENV__,
   createVueRender,
   defineVueRender,
   defineWebWidget,
-  render
+  render,
+  useWidgetSyncState as useWidgetState
 };

package/dist/vue2.server.cjs

@@ -61,26 +61,23 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var server_exports = {};
 __export(server_exports, {
   WebWidget: () => WebWidget,
-  __ENV__: () => __ENV__,
   createVueRender: () => createVueRender,
   defineVueRender: () => defineVueRender,
   defineWebWidget: () => defineWebWidget,
-  render: () => render
+  render: () => render,
+  useWidgetState: () => import_server_helpers2.useWidgetSyncState
 });
 module.exports = __toCommonJS(server_exports);
 var import_server_helpers = require("@web-widget/schema/server-helpers");
-var import_node_stream = require("stream");
-var import_web = require("stream/web");
 var import_vue2 = __toESM(require("vue"), 1);
 var import_vue_server_renderer = require("vue-server-renderer");
 __reExport(server_exports, require("@web-widget/schema/server-helpers"), module.exports);
+var import_server_helpers2 = require("@web-widget/schema/server-helpers");
 
-// src/web-widget.ts
+// src/components.ts
 var import_web_widget = require("@web-widget/web-widget");
 var import_vue = require("vue");
-var __ENV__ = {
-  server: true
-};
+var import_helpers = require("@web-widget/schema/helpers");
 var WebWidget = /* @__PURE__ */ (0, import_vue.defineComponent)({
   name: "WebWidget",
   props: {
@@ -140,7 +137,7 @@ var WebWidget = /* @__PURE__ */ (0, import_vue.defineComponent)({
         const [tag, attrs, innerHTML] = await (0, import_web_widget.parse)(loader, __spreadProps(__spreadValues({}, props), {
           children
         }));
-        if (!__ENV__.server) {
+        if (import_helpers.IS_BROWSER) {
           console.warn(`Client components are experimental.`);
           await customElements.whenDefined(tag);
           const element = Object.assign(document.createElement(tag), props);
@@ -167,7 +164,6 @@ var WebWidget = /* @__PURE__ */ (0, import_vue.defineComponent)({
 });
 function defineWebWidget(loader, options) {
   var _a, _b;
-  console.warn(`defineWebWidget of vue2 is an experimental feature.`);
   return (0, import_vue.defineComponent)({
     name: "WebWidgetSuspense",
     props: {
@@ -217,7 +213,6 @@ import_vue2.default.config.warnHandler = (msg, vm, trace) => {
   }
   console.error("[Vue warn]: ".concat(msg).concat(trace));
 };
-var __FEATURE_STREAM__ = false;
 var ESCAPE_LOOKUP = {
   ">": "\\u003e",
   "<": "\\u003c",
@@ -228,17 +223,6 @@ var ESCAPE_REGEX = /[><\u2028\u2029]/g;
 function htmlEscapeJsonString(str) {
   return str.replace(ESCAPE_REGEX, (match) => ESCAPE_LOOKUP[match]);
 }
-function appendStringToReadableStream(stream, text) {
-  const encoder = new TextEncoder();
-  const uint8Array = encoder.encode(text);
-  return stream.pipeThrough(
-    new import_web.TransformStream({
-      flush(controller) {
-        controller.enqueue(uint8Array);
-      }
-    })
-  );
-}
 var createVueRender = ({
   onBeforeCreateApp = async () => ({}),
   onCreatedApp = async () => {
@@ -271,12 +255,12 @@ var createVueRender = ({
       )
     }, await onBeforeCreateApp(context, component, mergedProps)));
     await onCreatedApp(app, context, component, mergedProps);
-    const result = __FEATURE_STREAM__ && import_node_stream.Readable.toWeb ? import_node_stream.Readable.toWeb(renderer.renderToStream(app)) : await renderer.renderToString(app);
+    const result = await renderer.renderToString(app);
     app.$destroy();
     if (state) {
       const json = htmlEscapeJsonString(JSON.stringify(state));
       const script = `<script as="state" type="application/json">${json}</script>`;
-      return typeof result === "string" ? result + script : appendStringToReadableStream(result, script);
+      return result + script;
     } else {
       return result;
     }
@@ -287,10 +271,10 @@ var render = createVueRender();
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   WebWidget,
-  __ENV__,
   createVueRender,
   defineVueRender,
   defineWebWidget,
   render,
+  useWidgetState,
   ...require("@web-widget/schema/server-helpers")
 });

package/dist/vue2.server.d.ts

@@ -3,12 +3,10 @@ import { RenderContext, ComponentProps } from '@web-widget/schema';
 import * as vue from 'vue';
 import vue__default, { PropType, Component } from 'vue';
 export * from '@web-widget/schema/server-helpers';
+export { useWidgetSyncState as useWidgetState } from '@web-widget/schema/server-helpers';
 import * as vue_types_v3_component_options_js from 'vue/types/v3-component-options.js';
 import { Loader, WebWidgetContainerOptions } from '@web-widget/web-widget';
 
-declare const __ENV__: {
-    server: boolean;
-};
 declare const WebWidget: vue.DefineComponent<{
     base: {
         type: PropType<string | undefined>;
@@ -169,4 +167,4 @@ declare const createVueRender: ({ onBeforeCreateApp, onCreatedApp, onPrefetchDat
 declare const defineVueRender: ({ onBeforeCreateApp, onCreatedApp, onPrefetchData, }?: CreateVueRenderOptions) => (context: _web_widget_schema.ServerWidgetRenderContext<unknown> | _web_widget_schema.ServerRouteRenderContext<unknown, Record<string, string>>, renderOptions: any) => Promise<string | ReadableStream<any> | ReadableStream<any>>;
 declare const render: (context: _web_widget_schema.ServerWidgetRenderContext<unknown> | _web_widget_schema.ServerRouteRenderContext<unknown, Record<string, string>>, renderOptions: any) => Promise<string | ReadableStream<any> | ReadableStream<any>>;
 
-export { DefineWebWidgetOptions, WebWidget, __ENV__, createVueRender, defineVueRender, defineWebWidget, render };
+export { DefineWebWidgetOptions, WebWidget, createVueRender, defineVueRender, defineWebWidget, render };

package/dist/vue2.server.js

@@ -35,18 +35,15 @@ import {
   defineRender,
   getComponentDescriptor
 } from "@web-widget/schema/server-helpers";
-import { Readable } from "stream";
-import { TransformStream } from "stream/web";
 import Vue from "vue";
 import { createRenderer } from "vue-server-renderer";
 export * from "@web-widget/schema/server-helpers";
+import { useWidgetSyncState } from "@web-widget/schema/server-helpers";
 
-// src/web-widget.ts
+// src/components.ts
 import { parse } from "@web-widget/web-widget";
 import { h, defineComponent, defineAsyncComponent, useAttrs } from "vue";
-var __ENV__ = {
-  server: true
-};
+import { IS_BROWSER } from "@web-widget/schema/helpers";
 var WebWidget = /* @__PURE__ */ defineComponent({
   name: "WebWidget",
   props: {
@@ -106,7 +103,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);
@@ -133,7 +130,6 @@ var WebWidget = /* @__PURE__ */ defineComponent({
 });
 function defineWebWidget(loader, options) {
   var _a, _b;
-  console.warn(`defineWebWidget of vue2 is an experimental feature.`);
   return defineComponent({
     name: "WebWidgetSuspense",
     props: {
@@ -183,7 +179,6 @@ Vue.config.warnHandler = (msg, vm, trace) => {
   }
   console.error("[Vue warn]: ".concat(msg).concat(trace));
 };
-var __FEATURE_STREAM__ = false;
 var ESCAPE_LOOKUP = {
   ">": "\\u003e",
   "<": "\\u003c",
@@ -194,17 +189,6 @@ var ESCAPE_REGEX = /[><\u2028\u2029]/g;
 function htmlEscapeJsonString(str) {
   return str.replace(ESCAPE_REGEX, (match) => ESCAPE_LOOKUP[match]);
 }
-function appendStringToReadableStream(stream, text) {
-  const encoder = new TextEncoder();
-  const uint8Array = encoder.encode(text);
-  return stream.pipeThrough(
-    new TransformStream({
-      flush(controller) {
-        controller.enqueue(uint8Array);
-      }
-    })
-  );
-}
 var createVueRender = ({
   onBeforeCreateApp = async () => ({}),
   onCreatedApp = async () => {
@@ -237,12 +221,12 @@ var createVueRender = ({
       )
     }, await onBeforeCreateApp(context, component, mergedProps)));
     await onCreatedApp(app, context, component, mergedProps);
-    const result = __FEATURE_STREAM__ && Readable.toWeb ? Readable.toWeb(renderer.renderToStream(app)) : await renderer.renderToString(app);
+    const result = await renderer.renderToString(app);
     app.$destroy();
     if (state) {
       const json = htmlEscapeJsonString(JSON.stringify(state));
       const script = `<script as="state" type="application/json">${json}</script>`;
-      return typeof result === "string" ? result + script : appendStringToReadableStream(result, script);
+      return result + script;
     } else {
       return result;
     }
@@ -252,9 +236,9 @@ var defineVueRender = createVueRender;
 var render = createVueRender();
 export {
   WebWidget,
-  __ENV__,
   createVueRender,
   defineVueRender,
   defineWebWidget,
-  render
+  render,
+  useWidgetSyncState as useWidgetState
 };

package/package.json

@@ -1,9 +1,13 @@
 {
   "name": "@web-widget/vue2",
-  "version": "0.8.6",
+  "version": "0.9.0",
   "type": "module",
   "exports": {
     ".": {
+      "worker": {
+        "types": "./dist/vue2.server.d.ts",
+        "default": "./dist/vue2.server.js"
+      },
       "browser": {
         "types": "./dist/vue2.client.d.ts",
         "default": "./dist/vue2.client.js"
@@ -24,9 +28,9 @@
     "dist"
   ],
   "dependencies": {
-    "@web-widget/vite": "2.8.4",
-    "@web-widget/schema": "0.4.2",
-    "@web-widget/web-widget": "1.7.1",
+    "@web-widget/vite": "2.9.0",
+    "@web-widget/schema": "0.4.3",
+    "@web-widget/web-widget": "1.7.2",
     "vue": "^2.7.14",
     "vue-server-renderer": "^2.7.14"
   },