@web-widget/vue2 0.0.16 → 0.1.0

package/dist/vite.cjs

@@ -0,0 +1,46 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/vite.ts
+var vite_exports = {};
+__export(vite_exports, {
+  default: () => vue2WebWidgetPlugin
+});
+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))?$/
+  }
+} = {}) {
+  return (0, import_vite.webWidgetPlugin)({
+    provide,
+    toWebWidgets,
+    toComponents
+  });
+}

package/dist/vue2.client.d.ts

@@ -1,10 +1,149 @@
 import * as _web_widget_schema from '@web-widget/schema';
-import { D as DefineVueRenderOptions } from './types-000d9dee.js';
-export { a as DefineWebWidgetOptions, W as WebWidget, _ as __ENV__, d as defineWebWidget } from './types-000d9dee.js';
+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';
-import 'vue/types/v3-component-options.js';
-import 'vue';
-import '@web-widget/web-widget';
+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>;
+    };
+    data: {
+        type: PropType<{
+            [x: string]: string | number | boolean | {
+                [x: string]: string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | any)[])[])[])[])[])[])[])[])[])[])[];
+            } | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | any)[])[])[])[])[])[])[])[])[])[])[];
+        } | undefined>;
+        default: {};
+    };
+    import: {
+        type: PropType<string | undefined>;
+    };
+    inactive: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    loader: {
+        type: PropType<Loader>;
+        required: true;
+    };
+    loading: {
+        type: PropType<"lazy" | "eager" | undefined>;
+    };
+    meta: {
+        type: PropType<_web_widget_schema.Meta | undefined>;
+    };
+    name: {
+        type: PropType<string | undefined>;
+    };
+    renderStage: {
+        type: PropType<"server" | "client" | undefined>;
+    };
+    renderTarget: {
+        type: PropType<"light" | "shadow" | undefined>;
+        default: string;
+    };
+    fallback: {
+        type: PropType<Component>;
+        default: undefined;
+    };
+}, () => vue.VNode, {}, {}, {}, vue_types_v3_component_options_js.ComponentOptionsMixin, vue_types_v3_component_options_js.ComponentOptionsMixin, {}, string, Readonly<vue.ExtractPropTypes<{
+    base: {
+        type: PropType<string | undefined>;
+    };
+    data: {
+        type: PropType<{
+            [x: string]: string | number | boolean | {
+                [x: string]: string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | any)[])[])[])[])[])[])[])[])[])[])[];
+            } | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | any)[])[])[])[])[])[])[])[])[])[])[];
+        } | undefined>;
+        default: {};
+    };
+    import: {
+        type: PropType<string | undefined>;
+    };
+    inactive: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    loader: {
+        type: PropType<Loader>;
+        required: true;
+    };
+    loading: {
+        type: PropType<"lazy" | "eager" | undefined>;
+    };
+    meta: {
+        type: PropType<_web_widget_schema.Meta | undefined>;
+    };
+    name: {
+        type: PropType<string | undefined>;
+    };
+    renderStage: {
+        type: PropType<"server" | "client" | undefined>;
+    };
+    renderTarget: {
+        type: PropType<"light" | "shadow" | undefined>;
+        default: string;
+    };
+    fallback: {
+        type: PropType<Component>;
+        default: undefined;
+    };
+}>>, {
+    data: {
+        [x: string]: string | number | boolean | {
+            [x: string]: string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | any)[])[])[])[])[])[])[])[])[])[])[];
+        } | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | any)[])[])[])[])[])[])[])[])[])[])[];
+    } | undefined;
+    inactive: boolean | undefined;
+    renderTarget: "light" | "shadow" | undefined;
+    fallback: Component;
+}>;
+interface DefineWebWidgetOptions {
+    base?: WebWidgetContainerOptions["base"];
+    import?: WebWidgetContainerOptions["import"];
+    loading?: WebWidgetContainerOptions["loading"];
+    name?: WebWidgetContainerOptions["name"];
+    renderStage?: WebWidgetContainerOptions["renderStage"];
+    renderTarget?: WebWidgetContainerOptions["renderTarget"];
+}
+declare function defineWebWidget(loader: Loader, options: DefineWebWidgetOptions): vue.DefineComponent<{
+    renderStage: {
+        type: PropType<"server" | "client" | undefined>;
+        default: "server" | "client" | undefined;
+    };
+    fallback: {
+        type: PropType<Component>;
+    };
+}, () => vue.VNode, {}, {}, {}, vue_types_v3_component_options_js.ComponentOptionsMixin, vue_types_v3_component_options_js.ComponentOptionsMixin, {}, string, Readonly<vue.ExtractPropTypes<{
+    renderStage: {
+        type: PropType<"server" | "client" | undefined>;
+        default: "server" | "client" | undefined;
+    };
+    fallback: {
+        type: PropType<Component>;
+    };
+}>>, {
+    renderStage: "server" | "client" | undefined;
+}>;
+
+type JSONValue = string | number | boolean | {
+    [x: string]: JSONValue;
+} | Array<JSONValue>;
+type JSONProps = {
+    [x: string]: JSONValue;
+};
+interface DefineVueRenderOptions {
+    onBeforeCreateApp?: (context: RenderContext, component: Component, props: ComponentProps) => any;
+    onCreatedApp?: (app: vue__default, context: RenderContext, component: Component, props: ComponentProps) => void;
+    onPrefetchData?: (context: RenderContext, component: Component, props: ComponentProps) => Promise<JSONProps>;
+}
 
 declare const defineVueRender: ({ onBeforeCreateApp, onCreatedApp, onPrefetchData, }?: DefineVueRenderOptions) => (context: _web_widget_schema.ClientWidgetRenderContext<unknown> | _web_widget_schema.ClientRouteRenderContext<unknown, Record<string, string>>) => Promise<void | {
     mount?: (() => void | Promise<void>) | undefined;
@@ -33,4 +172,4 @@ declare const render: (context: _web_widget_schema.ClientWidgetRenderContext<unk
     }) => void | Promise<void>) | undefined;
 }>;
 
-export { defineVueRender, render };
+export { DefineWebWidgetOptions, WebWidget, __ENV__, defineVueRender, defineWebWidget, render };

package/dist/vue2.server.cjs

@@ -0,0 +1,261 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+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 __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/server.ts
+var server_exports = {};
+__export(server_exports, {
+  WebWidget: () => WebWidget,
+  __ENV__: () => __ENV__,
+  defineVueRender: () => defineVueRender,
+  defineWebWidget: () => defineWebWidget,
+  render: () => render
+});
+module.exports = __toCommonJS(server_exports);
+var import_server_helpers = require("@web-widget/schema/server-helpers");
+var import_node_stream = require("stream");
+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);
+
+// src/web-widget.ts
+var import_web_widget = require("@web-widget/web-widget");
+var import_vue = require("vue");
+var __ENV__ = {
+  server: true
+};
+var WebWidget = /* @__PURE__ */ (0, import_vue.defineComponent)({
+  name: "WebWidget",
+  props: {
+    base: {
+      type: String
+    },
+    data: {
+      type: Object,
+      default: {}
+    },
+    import: {
+      type: String
+    },
+    inactive: {
+      type: Boolean,
+      // NOTE: If the default value is not set, it will be false here.
+      default: void 0
+    },
+    loader: {
+      type: Function,
+      required: true
+    },
+    loading: {
+      type: String
+    },
+    meta: {
+      type: Object
+    },
+    name: {
+      type: String
+    },
+    renderStage: {
+      type: String
+    },
+    renderTarget: {
+      type: String,
+      default: "light"
+    },
+    // -----
+    fallback: {
+      type: Object,
+      // NOTE: If the default value is not set, it will be false here.
+      default: void 0
+    }
+  },
+  setup(_a, { slots }) {
+    var _b = _a, { fallback, loader } = _b, props = __objRest(_b, ["fallback", "loader"]);
+    if (!loader) {
+      throw new TypeError(`Missing loader.`);
+    }
+    if (Object.keys(slots).length > 0) {
+      throw new TypeError(`No support slot.`);
+    }
+    const AsyncComponent = (0, import_vue.defineAsyncComponent)({
+      loader: async () => {
+        const children = "";
+        const [tag, attrs, innerHTML] = await (0, import_web_widget.parse)(loader, __spreadProps(__spreadValues({}, props), {
+          children
+        }));
+        if (!__ENV__.server) {
+          console.warn(`Client components are experimental.`);
+          await customElements.whenDefined(tag);
+          const element = Object.assign(document.createElement(tag), props);
+          await element.bootstrap();
+        }
+        return (0, import_vue.defineComponent)({
+          render(h2) {
+            return h2(tag, {
+              attrs,
+              domProps: {
+                innerHTML
+              }
+            });
+          }
+        });
+      },
+      delay: 200,
+      timeout: 3e3,
+      errorComponent: fallback,
+      loadingComponent: fallback
+    });
+    return () => (0, import_vue.h)(AsyncComponent);
+  }
+});
+function defineWebWidget(loader, options) {
+  console.warn(`defineWebWidget of vue2 is an experimental feature.`);
+  options.renderTarget = "light";
+  options.loading = "lazy";
+  return /* @__PURE__ */ (0, import_vue.defineComponent)({
+    name: "WebWidgetSuspense",
+    props: {
+      renderStage: {
+        type: String,
+        default: options.renderStage
+      },
+      fallback: {
+        type: Object
+      }
+    },
+    setup({ fallback, renderStage }, { slots }) {
+      const data = (0, import_vue.useAttrs)();
+      return () => (0, import_vue.h)(WebWidget, {
+        props: __spreadProps(__spreadValues({}, options), {
+          data,
+          loader,
+          renderStage,
+          // -----
+          fallback
+        }),
+        scopedSlots: slots
+      });
+    }
+  });
+}
+
+// src/server.ts
+var ESCAPE_LOOKUP = {
+  ">": "\\u003e",
+  "<": "\\u003c",
+  "\u2028": "\\u2028",
+  "\u2029": "\\u2029"
+};
+var ESCAPE_REGEX = /[><\u2028\u2029]/g;
+function htmlEscapeJsonString(str) {
+  return str.replace(ESCAPE_REGEX, (match) => ESCAPE_LOOKUP[match]);
+}
+var defineVueRender = ({
+  onBeforeCreateApp = () => ({}),
+  onCreatedApp = () => {
+  },
+  onPrefetchData
+} = {}) => {
+  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 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
+    }, 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);
+  });
+};
+var render = defineVueRender();
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WebWidget,
+  __ENV__,
+  defineVueRender,
+  defineWebWidget,
+  render,
+  ...require("@web-widget/schema/server-helpers")
+});

package/dist/vue2.server.d.ts

@@ -1,12 +1,151 @@
 import * as _web_widget_schema from '@web-widget/schema';
-import { D as DefineVueRenderOptions } from './types-000d9dee.js';
-export { a as DefineWebWidgetOptions, W as WebWidget, _ as __ENV__, d as defineWebWidget } from './types-000d9dee.js';
+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';
-import 'vue/types/v3-component-options.js';
-import 'vue';
-import '@web-widget/web-widget';
+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>;
+    };
+    data: {
+        type: PropType<{
+            [x: string]: string | number | boolean | {
+                [x: string]: string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | any)[])[])[])[])[])[])[])[])[])[])[];
+            } | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | any)[])[])[])[])[])[])[])[])[])[])[];
+        } | undefined>;
+        default: {};
+    };
+    import: {
+        type: PropType<string | undefined>;
+    };
+    inactive: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    loader: {
+        type: PropType<Loader>;
+        required: true;
+    };
+    loading: {
+        type: PropType<"lazy" | "eager" | undefined>;
+    };
+    meta: {
+        type: PropType<_web_widget_schema.Meta | undefined>;
+    };
+    name: {
+        type: PropType<string | undefined>;
+    };
+    renderStage: {
+        type: PropType<"server" | "client" | undefined>;
+    };
+    renderTarget: {
+        type: PropType<"light" | "shadow" | undefined>;
+        default: string;
+    };
+    fallback: {
+        type: PropType<Component>;
+        default: undefined;
+    };
+}, () => vue.VNode, {}, {}, {}, vue_types_v3_component_options_js.ComponentOptionsMixin, vue_types_v3_component_options_js.ComponentOptionsMixin, {}, string, Readonly<vue.ExtractPropTypes<{
+    base: {
+        type: PropType<string | undefined>;
+    };
+    data: {
+        type: PropType<{
+            [x: string]: string | number | boolean | {
+                [x: string]: string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | any)[])[])[])[])[])[])[])[])[])[])[];
+            } | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | any)[])[])[])[])[])[])[])[])[])[])[];
+        } | undefined>;
+        default: {};
+    };
+    import: {
+        type: PropType<string | undefined>;
+    };
+    inactive: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    loader: {
+        type: PropType<Loader>;
+        required: true;
+    };
+    loading: {
+        type: PropType<"lazy" | "eager" | undefined>;
+    };
+    meta: {
+        type: PropType<_web_widget_schema.Meta | undefined>;
+    };
+    name: {
+        type: PropType<string | undefined>;
+    };
+    renderStage: {
+        type: PropType<"server" | "client" | undefined>;
+    };
+    renderTarget: {
+        type: PropType<"light" | "shadow" | undefined>;
+        default: string;
+    };
+    fallback: {
+        type: PropType<Component>;
+        default: undefined;
+    };
+}>>, {
+    data: {
+        [x: string]: string | number | boolean | {
+            [x: string]: string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | any)[])[])[])[])[])[])[])[])[])[])[];
+        } | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | any)[])[])[])[])[])[])[])[])[])[])[];
+    } | undefined;
+    inactive: boolean | undefined;
+    renderTarget: "light" | "shadow" | undefined;
+    fallback: Component;
+}>;
+interface DefineWebWidgetOptions {
+    base?: WebWidgetContainerOptions["base"];
+    import?: WebWidgetContainerOptions["import"];
+    loading?: WebWidgetContainerOptions["loading"];
+    name?: WebWidgetContainerOptions["name"];
+    renderStage?: WebWidgetContainerOptions["renderStage"];
+    renderTarget?: WebWidgetContainerOptions["renderTarget"];
+}
+declare function defineWebWidget(loader: Loader, options: DefineWebWidgetOptions): vue.DefineComponent<{
+    renderStage: {
+        type: PropType<"server" | "client" | undefined>;
+        default: "server" | "client" | undefined;
+    };
+    fallback: {
+        type: PropType<Component>;
+    };
+}, () => vue.VNode, {}, {}, {}, vue_types_v3_component_options_js.ComponentOptionsMixin, vue_types_v3_component_options_js.ComponentOptionsMixin, {}, string, Readonly<vue.ExtractPropTypes<{
+    renderStage: {
+        type: PropType<"server" | "client" | undefined>;
+        default: "server" | "client" | undefined;
+    };
+    fallback: {
+        type: PropType<Component>;
+    };
+}>>, {
+    renderStage: "server" | "client" | undefined;
+}>;
+
+type JSONValue = string | number | boolean | {
+    [x: string]: JSONValue;
+} | Array<JSONValue>;
+type JSONProps = {
+    [x: string]: JSONValue;
+};
+interface DefineVueRenderOptions {
+    onBeforeCreateApp?: (context: RenderContext, component: Component, props: ComponentProps) => any;
+    onCreatedApp?: (app: vue__default, context: RenderContext, component: Component, props: ComponentProps) => void;
+    onPrefetchData?: (context: RenderContext, component: Component, props: ComponentProps) => Promise<JSONProps>;
+}
 
 declare const defineVueRender: ({ onBeforeCreateApp, 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>>;
 
-export { defineVueRender, render };
+export { DefineWebWidgetOptions, WebWidget, __ENV__, defineVueRender, defineWebWidget, render };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@web-widget/vue2",
-  "version": "0.0.16",
+  "version": "0.1.0",
   "type": "module",
   "exports": {
     ".": {
@@ -10,11 +10,13 @@
       },
       "default": {
         "types": "./dist/vue2.server.d.ts",
+        "require": "./dist/vue2.server.cjs",
         "default": "./dist/vue2.server.js"
       }
     },
     "./vite": {
       "types": "./dist/vite.d.ts",
+      "require": "./dist/vite.cjs",
       "default": "./dist/vite.js"
     }
   },
@@ -22,7 +24,7 @@
     "dist"
   ],
   "dependencies": {
-    "@web-widget/vite": "1.0.0",
+    "@web-widget/vite": "1.1.0",
     "@web-widget/schema": "0.0.10",
     "@web-widget/web-widget": "1.0.0-alpha.10",
     "vue": "^2.7.14",

package/dist/types-000d9dee.d.ts

@@ -1,147 +0,0 @@
-import * as vue_types_v3_component_options_js from 'vue/types/v3-component-options.js';
-import * as vue from 'vue';
-import vue__default, { PropType, Component } from 'vue';
-import * as _web_widget_schema from '@web-widget/schema';
-import { RenderContext, ComponentProps } from '@web-widget/schema';
-import { Loader, WebWidgetContainerOptions } from '@web-widget/web-widget';
-
-declare const __ENV__: {
-    server: boolean;
-};
-declare const WebWidget: vue.DefineComponent<{
-    base: {
-        type: PropType<string | undefined>;
-    };
-    data: {
-        type: PropType<{
-            [x: string]: string | number | boolean | {
-                [x: string]: string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | any)[])[])[])[])[])[])[])[])[])[])[];
-            } | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | any)[])[])[])[])[])[])[])[])[])[])[];
-        } | undefined>;
-        default: {};
-    };
-    import: {
-        type: PropType<string | undefined>;
-    };
-    inactive: {
-        type: PropType<boolean | undefined>;
-        default: undefined;
-    };
-    loader: {
-        type: PropType<Loader>;
-        required: true;
-    };
-    loading: {
-        type: PropType<"lazy" | "eager" | undefined>;
-    };
-    meta: {
-        type: PropType<_web_widget_schema.Meta | undefined>;
-    };
-    name: {
-        type: PropType<string | undefined>;
-    };
-    renderStage: {
-        type: PropType<"server" | "client" | undefined>;
-    };
-    renderTarget: {
-        type: PropType<"light" | "shadow" | undefined>;
-        default: string;
-    };
-    fallback: {
-        type: PropType<Component>;
-        default: undefined;
-    };
-}, () => vue.VNode, {}, {}, {}, vue_types_v3_component_options_js.ComponentOptionsMixin, vue_types_v3_component_options_js.ComponentOptionsMixin, {}, string, Readonly<vue.ExtractPropTypes<{
-    base: {
-        type: PropType<string | undefined>;
-    };
-    data: {
-        type: PropType<{
-            [x: string]: string | number | boolean | {
-                [x: string]: string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | any)[])[])[])[])[])[])[])[])[])[])[];
-            } | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | any)[])[])[])[])[])[])[])[])[])[])[];
-        } | undefined>;
-        default: {};
-    };
-    import: {
-        type: PropType<string | undefined>;
-    };
-    inactive: {
-        type: PropType<boolean | undefined>;
-        default: undefined;
-    };
-    loader: {
-        type: PropType<Loader>;
-        required: true;
-    };
-    loading: {
-        type: PropType<"lazy" | "eager" | undefined>;
-    };
-    meta: {
-        type: PropType<_web_widget_schema.Meta | undefined>;
-    };
-    name: {
-        type: PropType<string | undefined>;
-    };
-    renderStage: {
-        type: PropType<"server" | "client" | undefined>;
-    };
-    renderTarget: {
-        type: PropType<"light" | "shadow" | undefined>;
-        default: string;
-    };
-    fallback: {
-        type: PropType<Component>;
-        default: undefined;
-    };
-}>>, {
-    data: {
-        [x: string]: string | number | boolean | {
-            [x: string]: string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | any)[])[])[])[])[])[])[])[])[])[])[];
-        } | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | (string | number | boolean | any | any)[])[])[])[])[])[])[])[])[])[])[];
-    } | undefined;
-    inactive: boolean | undefined;
-    renderTarget: "light" | "shadow" | undefined;
-    fallback: Component;
-}>;
-interface DefineWebWidgetOptions {
-    base?: WebWidgetContainerOptions["base"];
-    import?: WebWidgetContainerOptions["import"];
-    loading?: WebWidgetContainerOptions["loading"];
-    name?: WebWidgetContainerOptions["name"];
-    renderStage?: WebWidgetContainerOptions["renderStage"];
-    renderTarget?: WebWidgetContainerOptions["renderTarget"];
-}
-declare function defineWebWidget(loader: Loader, options: DefineWebWidgetOptions): vue.DefineComponent<{
-    renderStage: {
-        type: PropType<"server" | "client" | undefined>;
-        default: "server" | "client" | undefined;
-    };
-    fallback: {
-        type: PropType<Component>;
-    };
-}, () => vue.VNode, {}, {}, {}, vue_types_v3_component_options_js.ComponentOptionsMixin, vue_types_v3_component_options_js.ComponentOptionsMixin, {}, string, Readonly<vue.ExtractPropTypes<{
-    renderStage: {
-        type: PropType<"server" | "client" | undefined>;
-        default: "server" | "client" | undefined;
-    };
-    fallback: {
-        type: PropType<Component>;
-    };
-}>>, {
-    renderStage: "server" | "client" | undefined;
-}>;
-
-type JSONValue = string | number | boolean | {
-    [x: string]: JSONValue;
-} | Array<JSONValue>;
-type JSONProps = {
-    [x: string]: JSONValue;
-};
-interface DefineVueRenderOptions {
-    onBeforeCreateApp?: (context: RenderContext, component: Component, props: ComponentProps) => any;
-    onCreatedApp?: (app: vue__default, context: RenderContext, component: Component, props: ComponentProps) => void;
-    onPrefetchData?: (context: RenderContext, component: Component, props: ComponentProps) => Promise<JSONProps>;
-}
-
-export { DefineVueRenderOptions as D, WebWidget as W, __ENV__ as _, DefineWebWidgetOptions as a, defineWebWidget as d };