@web-widget/vue2 0.8.7 → 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,6 +3,7 @@ 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';
 

package/dist/vue2.client.js

@@ -37,6 +37,7 @@ 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/components.ts
 import { parse } from "@web-widget/web-widget";
@@ -128,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: {
@@ -229,5 +229,6 @@ export {
   createVueRender,
   defineVueRender,
   defineWebWidget,
-  render
+  render,
+  useWidgetSyncState as useWidgetState
 };

package/dist/vue2.server.cjs

@@ -64,15 +64,15 @@ __export(server_exports, {
   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/components.ts
 var import_web_widget = require("@web-widget/web-widget");
@@ -164,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: {
@@ -214,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",
@@ -225,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 () => {
@@ -268,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;
     }
@@ -288,5 +275,6 @@ var render = createVueRender();
   defineVueRender,
   defineWebWidget,
   render,
+  useWidgetState,
   ...require("@web-widget/schema/server-helpers")
 });

package/dist/vue2.server.d.ts

@@ -3,6 +3,7 @@ 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';
 

package/dist/vue2.server.js

@@ -35,11 +35,10 @@ 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/components.ts
 import { parse } from "@web-widget/web-widget";
@@ -131,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: {
@@ -181,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",
@@ -192,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 () => {
@@ -235,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;
     }
@@ -253,5 +239,6 @@ export {
   createVueRender,
   defineVueRender,
   defineWebWidget,
-  render
+  render,
+  useWidgetSyncState as useWidgetState
 };

package/package.json

@@ -1,9 +1,13 @@
 {
   "name": "@web-widget/vue2",
-  "version": "0.8.7",
+  "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,7 +28,7 @@
     "dist"
   ],
   "dependencies": {
-    "@web-widget/vite": "2.8.5",
+    "@web-widget/vite": "2.9.0",
     "@web-widget/schema": "0.4.3",
     "@web-widget/web-widget": "1.7.2",
     "vue": "^2.7.14",