@web-widget/vue2 0.1.0 → 0.2.0-beta.2

package/dist/vite.cjs

@@ -2,7 +2,21 @@
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -25,22 +39,22 @@ __export(vite_exports, {
 module.exports = __toCommonJS(vite_exports);
 var import_vite = require("@web-widget/vite");
 function vue2WebWidgetPlugin({
-  provide = "@web-widget/vue2",
-  toWebWidgets = {
-    include: [
-      /\b(routes|widgets).*\.vue(\?.*\.(ts|js))?$/,
-      /(\.route|widget).*\.vue(\?.*\.(ts|js))?$/
-    ]
-  },
-  toComponents = {
-    include: ["widgets/**/*", "**/*.widget.*"],
-    exclude: /.vue\?.*$/,
-    includeImporter: /.*\.vue(\?.*\.(ts|js))?$/
-  }
+  provide,
+  toWebWidgets = {},
+  toComponents = {}
 } = {}) {
   return (0, import_vite.webWidgetPlugin)({
-    provide,
-    toWebWidgets,
-    toComponents
+    provide: provide != null ? provide : "@web-widget/vue2",
+    toWebWidgets: __spreadValues({
+      include: [
+        /\b(routes|widgets).*\.vue(\?.*\.(ts|js))?$/,
+        /(\.route|widget).*\.vue(\?.*\.(ts|js))?$/
+      ]
+    }, toWebWidgets),
+    toComponents: __spreadValues({
+      include: ["widgets/**/*", "**/*.widget.*"],
+      exclude: /.vue\?.*$/,
+      includeImporter: /.*\.vue(\?.*\.(ts|js))?$/
+    }, toComponents)
   });
 }

package/dist/vite.js

@@ -1,23 +1,40 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+
 // src/vite.ts
 import { webWidgetPlugin } from "@web-widget/vite";
 function vue2WebWidgetPlugin({
-  provide = "@web-widget/vue2",
-  toWebWidgets = {
-    include: [
-      /\b(routes|widgets).*\.vue(\?.*\.(ts|js))?$/,
-      /(\.route|widget).*\.vue(\?.*\.(ts|js))?$/
-    ]
-  },
-  toComponents = {
-    include: ["widgets/**/*", "**/*.widget.*"],
-    exclude: /.vue\?.*$/,
-    includeImporter: /.*\.vue(\?.*\.(ts|js))?$/
-  }
+  provide,
+  toWebWidgets = {},
+  toComponents = {}
 } = {}) {
   return webWidgetPlugin({
-    provide,
-    toWebWidgets,
-    toComponents
+    provide: provide != null ? provide : "@web-widget/vue2",
+    toWebWidgets: __spreadValues({
+      include: [
+        /\b(routes|widgets).*\.vue(\?.*\.(ts|js))?$/,
+        /(\.route|widget).*\.vue(\?.*\.(ts|js))?$/
+      ]
+    }, toWebWidgets),
+    toComponents: __spreadValues({
+      include: ["widgets/**/*", "**/*.widget.*"],
+      exclude: /.vue\?.*$/,
+      includeImporter: /.*\.vue(\?.*\.(ts|js))?$/
+    }, toComponents)
   });
 }
 export {

package/dist/vue2.server.cjs

@@ -69,6 +69,7 @@ __export(server_exports, {
 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);
@@ -195,6 +196,7 @@ function defineWebWidget(loader, options) {
 }
 
 // src/server.ts
+var __FEATURE_STREAM__ = false;
 var ESCAPE_LOOKUP = {
   ">": "\\u003e",
   "<": "\\u003c",
@@ -205,6 +207,17 @@ 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 defineVueRender = ({
   onBeforeCreateApp = () => ({}),
   onCreatedApp = () => {
@@ -214,39 +227,27 @@ var defineVueRender = ({
   return (0, import_server_helpers.defineRender)(async (context, component, props) => {
     const shellTag = "web-widget.shell";
     const state = onPrefetchData ? await onPrefetchData(context, component, props) : void 0;
-    const mergedProps = state ? Object.assign(state, props) : props;
+    const mergedProps = state ? Object.assign({}, state, props) : props;
     const renderer = (0, import_vue_server_renderer.createRenderer)();
-    const vNodeData = {
-      attrs: {
-        "data-vue2root": "true"
-      },
-      props: mergedProps
-    };
-    const shellTagVNodeData = {};
-    let render2;
-    if (state) {
-      const stateStringify = htmlEscapeJsonString(JSON.stringify(state));
-      render2 = (h2) => h2(shellTag, shellTagVNodeData, [
-        h2(component, vNodeData),
-        h2(
-          "script",
-          {
-            attrs: {
-              as: "state",
-              type: "application/json"
-            }
-          },
-          stateStringify
-        )
-      ]);
-    } else {
-      render2 = (h2) => h2(shellTag, shellTagVNodeData, [h2(component, vNodeData)]);
-    }
     const app = new import_vue2.default(__spreadValues({
-      render: render2
+      render: (h2) => h2(shellTag, {}, [
+        h2(component, {
+          attrs: {
+            "data-vue2root": "true"
+          },
+          props: mergedProps
+        })
+      ])
     }, onBeforeCreateApp(context, component, mergedProps)));
     onCreatedApp(app, context, component, mergedProps);
-    return import_node_stream.Readable.toWeb ? import_node_stream.Readable.toWeb(renderer.renderToStream(app)) : renderer.renderToString(app);
+    const result = __FEATURE_STREAM__ && import_node_stream.Readable.toWeb ? import_node_stream.Readable.toWeb(renderer.renderToStream(app)) : await renderer.renderToString(app);
+    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);
+    } else {
+      return result;
+    }
   });
 };
 var render = defineVueRender();

package/dist/vue2.server.js

@@ -33,6 +33,7 @@ var __objRest = (source, exclude) => {
 // src/server.ts
 import { defineRender } 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";
@@ -159,6 +160,7 @@ function defineWebWidget(loader, options) {
 }
 
 // src/server.ts
+var __FEATURE_STREAM__ = false;
 var ESCAPE_LOOKUP = {
   ">": "\\u003e",
   "<": "\\u003c",
@@ -169,6 +171,17 @@ 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 defineVueRender = ({
   onBeforeCreateApp = () => ({}),
   onCreatedApp = () => {
@@ -178,39 +191,27 @@ var defineVueRender = ({
   return defineRender(async (context, component, props) => {
     const shellTag = "web-widget.shell";
     const state = onPrefetchData ? await onPrefetchData(context, component, props) : void 0;
-    const mergedProps = state ? Object.assign(state, props) : props;
+    const mergedProps = state ? Object.assign({}, state, props) : props;
     const renderer = createRenderer();
-    const vNodeData = {
-      attrs: {
-        "data-vue2root": "true"
-      },
-      props: mergedProps
-    };
-    const shellTagVNodeData = {};
-    let render2;
-    if (state) {
-      const stateStringify = htmlEscapeJsonString(JSON.stringify(state));
-      render2 = (h2) => h2(shellTag, shellTagVNodeData, [
-        h2(component, vNodeData),
-        h2(
-          "script",
-          {
-            attrs: {
-              as: "state",
-              type: "application/json"
-            }
-          },
-          stateStringify
-        )
-      ]);
-    } else {
-      render2 = (h2) => h2(shellTag, shellTagVNodeData, [h2(component, vNodeData)]);
-    }
     const app = new Vue(__spreadValues({
-      render: render2
+      render: (h2) => h2(shellTag, {}, [
+        h2(component, {
+          attrs: {
+            "data-vue2root": "true"
+          },
+          props: mergedProps
+        })
+      ])
     }, onBeforeCreateApp(context, component, mergedProps)));
     onCreatedApp(app, context, component, mergedProps);
-    return Readable.toWeb ? Readable.toWeb(renderer.renderToStream(app)) : renderer.renderToString(app);
+    const result = __FEATURE_STREAM__ && Readable.toWeb ? Readable.toWeb(renderer.renderToStream(app)) : await renderer.renderToString(app);
+    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);
+    } else {
+      return result;
+    }
   });
 };
 var render = defineVueRender();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@web-widget/vue2",
-  "version": "0.1.0",
+  "version": "0.2.0-beta.2",
   "type": "module",
   "exports": {
     ".": {
@@ -24,9 +24,9 @@
     "dist"
   ],
   "dependencies": {
-    "@web-widget/vite": "1.1.0",
+    "@web-widget/vite": "1.1.2",
     "@web-widget/schema": "0.0.10",
-    "@web-widget/web-widget": "1.0.0-alpha.10",
+    "@web-widget/web-widget": "1.0.0-alpha.11",
     "vue": "^2.7.14",
     "vue-server-renderer": "^2.7.14"
   },