@web-widget/vue2 0.10.7 → 0.13.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/vue2.client.d.ts +9 -27
  2. package/dist/vue2.client.js +13 -15
  3. package/dist/vue2.server.cjs +11 -10
  4. package/dist/vue2.server.d.cts +24 -6
  5. package/dist/vue2.server.d.ts +24 -6
  6. package/dist/vue2.server.js +7 -9
  7. package/package.json +12 -12
package/dist/vue2.client.d.ts CHANGED
@@ -1,9 +1,9 @@
1
1
  import * as _web_widget_schema from '@web-widget/schema';
2
- import { RenderContext, ComponentProps } from '@web-widget/schema';
3
2
  import * as vue from 'vue';
4
3
  import vue__default, { PropType, Component } from 'vue';
5
- export * from '@web-widget/schema/client-helpers';
6
- export { useWidgetSyncState as useWidgetState } from '@web-widget/schema/client-helpers';
4
+ import { RenderContext, ComponentProps } from '@web-widget/helpers';
5
+ export * from '@web-widget/helpers';
6
+ export { useWidgetSyncState as useWidgetState } from '@web-widget/helpers/context';
7
7
  import { WebWidgetRendererOptions, Loader } from '@web-widget/web-widget';
8
8
 
9
9
  interface DefineWebWidgetOptions {
@@ -65,45 +65,27 @@ interface CreateVueRenderOptions {
65
65
  onPrefetchData?: (context: RenderContext, component: Component, props: ComponentProps) => Promise<JSONProps>;
66
66
  }
67
67
 
68
- declare const createVueRender: ({ onBeforeCreateApp, onCreatedApp, onPrefetchData, }?: CreateVueRenderOptions) => (context: _web_widget_schema.ClientWidgetRenderContext<unknown> | _web_widget_schema.ClientRouteRenderContext<unknown, Record<string, string>>, renderOptions: any) => Promise<void | {
68
+ declare const createVueRender: ({ onBeforeCreateApp, onCreatedApp, onPrefetchData, }?: CreateVueRenderOptions) => (context: _web_widget_schema.RouteRenderContext<unknown, Record<string, string>> | _web_widget_schema.WidgetRenderContext<unknown>, renderOptions: unknown) => Promise<string | void | ReadableStream<any> | {
69
69
  mount?: (() => void | Promise<void>) | undefined;
70
70
  unmount?: (() => void | Promise<void>) | undefined;
71
71
  update?: (({ data }: {
72
72
  data: Record<string, any>;
73
73
  }) => void | Promise<void>) | undefined;
74
- } | {
75
- mount?: (() => void | Promise<void>) | undefined;
76
- unmount?: (() => void | Promise<void>) | undefined;
77
- update?: (({ data }: {
78
- data: Record<string, any>;
79
- }) => void | Promise<void>) | undefined;
80
- }>;
74
+ } | ReadableStream<any>>;
81
75
  /**@deprecated Please use `createVueRender` instead.*/
82
- declare const defineVueRender: ({ onBeforeCreateApp, onCreatedApp, onPrefetchData, }?: CreateVueRenderOptions) => (context: _web_widget_schema.ClientWidgetRenderContext<unknown> | _web_widget_schema.ClientRouteRenderContext<unknown, Record<string, string>>, renderOptions: any) => Promise<void | {
83
- mount?: (() => void | Promise<void>) | undefined;
84
- unmount?: (() => void | Promise<void>) | undefined;
85
- update?: (({ data }: {
86
- data: Record<string, any>;
87
- }) => void | Promise<void>) | undefined;
88
- } | {
76
+ declare const defineVueRender: ({ onBeforeCreateApp, onCreatedApp, onPrefetchData, }?: CreateVueRenderOptions) => (context: _web_widget_schema.RouteRenderContext<unknown, Record<string, string>> | _web_widget_schema.WidgetRenderContext<unknown>, renderOptions: unknown) => Promise<string | void | ReadableStream<any> | {
89
77
  mount?: (() => void | Promise<void>) | undefined;
90
78
  unmount?: (() => void | Promise<void>) | undefined;
91
79
  update?: (({ data }: {
92
80
  data: Record<string, any>;
93
81
  }) => void | Promise<void>) | undefined;
94
- }>;
95
- declare const render: (context: _web_widget_schema.ClientWidgetRenderContext<unknown> | _web_widget_schema.ClientRouteRenderContext<unknown, Record<string, string>>, renderOptions: any) => Promise<void | {
82
+ } | ReadableStream<any>>;
83
+ declare const render: (context: _web_widget_schema.RouteRenderContext<unknown, Record<string, string>> | _web_widget_schema.WidgetRenderContext<unknown>, renderOptions: unknown) => Promise<string | void | ReadableStream<any> | {
96
84
  mount?: (() => void | Promise<void>) | undefined;
97
85
  unmount?: (() => void | Promise<void>) | undefined;
98
86
  update?: (({ data }: {
99
87
  data: Record<string, any>;
100
88
  }) => void | Promise<void>) | undefined;
101
- } | {
102
- mount?: (() => void | Promise<void>) | undefined;
103
- unmount?: (() => void | Promise<void>) | undefined;
104
- update?: (({ data }: {
105
- data: Record<string, any>;
106
- }) => void | Promise<void>) | undefined;
107
- }>;
89
+ } | ReadableStream<any>>;
108
90
 
109
91
  export { type DefineWebWidgetOptions, createVueRender, defineVueRender, defineWebWidget, render };
package/dist/vue2.client.js CHANGED
@@ -19,18 +19,15 @@ var __spreadValues = (a, b) => {
19
19
  var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
20
20
 
21
21
  // src/client.ts
22
- import {
23
- defineRender,
24
- getComponentDescriptor
25
- } from "@web-widget/schema/client-helpers";
22
+ import { defineRender, getComponentDescriptor } from "@web-widget/helpers";
26
23
  import Vue from "vue";
27
- export * from "@web-widget/schema/client-helpers";
28
- import { useWidgetSyncState } from "@web-widget/schema/client-helpers";
24
+ export * from "@web-widget/helpers";
25
+ import { useWidgetSyncState } from "@web-widget/helpers/context";
29
26
 
30
27
  // src/components.ts
31
28
  import { WebWidgetRenderer } from "@web-widget/web-widget";
32
29
  import { h, defineComponent, useAttrs, getCurrentInstance } from "vue";
33
- import { IS_BROWSER } from "@web-widget/schema/helpers";
30
+ import { IS_CLIENT } from "@web-widget/helpers";
34
31
  function defineWebWidget(loader, options) {
35
32
  var _a, _b;
36
33
  return defineComponent({
@@ -86,7 +83,7 @@ function defineWebWidget(loader, options) {
86
83
  }));
87
84
  const instance = getCurrentInstance();
88
85
  instance.proxy.$widget = widget;
89
- if (IS_BROWSER) {
86
+ if (IS_CLIENT) {
90
87
  }
91
88
  return () => {
92
89
  const innerHTML = instance.proxy.$innerHTML;
@@ -109,9 +106,10 @@ var createVueRender = ({
109
106
  onPrefetchData
110
107
  } = {}) => {
111
108
  return defineRender(async (context) => {
109
+ const { recovering, container } = context;
112
110
  const componentDescriptor = getComponentDescriptor(context);
113
- const { component, props } = componentDescriptor;
114
- const container = context.container;
111
+ const component = componentDescriptor.component;
112
+ const props = componentDescriptor.props;
115
113
  if (!container) {
116
114
  throw new Error(`Container required.`);
117
115
  }
@@ -123,7 +121,7 @@ var createVueRender = ({
123
121
  async mount() {
124
122
  let element = container;
125
123
  let mergedProps = props;
126
- if (context.recovering) {
124
+ if (recovering) {
127
125
  const vue2ssrAttrSelector = `[data-server-rendered="true"]`;
128
126
  const ssrRoot = container.querySelector(vue2ssrAttrSelector) || container.firstChild;
129
127
  const state = container.querySelector(
@@ -147,16 +145,16 @@ var createVueRender = ({
147
145
  }
148
146
  }, await onBeforeCreateApp(context, component, mergedProps)));
149
147
  await onCreatedApp(app, context, component, mergedProps);
150
- if (context.recovering) {
151
- app.$mount(element, context.recovering);
148
+ if (recovering) {
149
+ app.$mount(element, recovering);
152
150
  } else {
153
151
  container.appendChild(app.$mount().$el);
154
152
  }
155
153
  },
156
154
  async unmount() {
157
155
  app == null ? void 0 : app.$destroy();
158
- if (context.container instanceof Element) {
159
- context.container.innerHTML = "";
156
+ if ("innerHTML" in container) {
157
+ container.innerHTML = "";
160
158
  }
161
159
  app = null;
162
160
  }
package/dist/vue2.server.cjs CHANGED
@@ -52,19 +52,19 @@ __export(server_exports, {
52
52
  defineVueRender: () => defineVueRender,
53
53
  defineWebWidget: () => defineWebWidget,
54
54
  render: () => render,
55
- useWidgetState: () => import_server_helpers2.useWidgetSyncState
55
+ useWidgetState: () => import_context.useWidgetSyncState
56
56
  });
57
57
  module.exports = __toCommonJS(server_exports);
58
- var import_server_helpers = require("@web-widget/schema/server-helpers");
58
+ var import_helpers2 = require("@web-widget/helpers");
59
59
  var import_vue2 = __toESM(require("vue"), 1);
60
60
  var import_vue_server_renderer = require("vue-server-renderer");
61
- __reExport(server_exports, require("@web-widget/schema/server-helpers"), module.exports);
62
- var import_server_helpers2 = require("@web-widget/schema/server-helpers");
61
+ __reExport(server_exports, require("@web-widget/helpers"), module.exports);
62
+ var import_context = require("@web-widget/helpers/context");
63
63
 
64
64
  // src/components.ts
65
65
  var import_web_widget = require("@web-widget/web-widget");
66
66
  var import_vue = require("vue");
67
- var import_helpers = require("@web-widget/schema/helpers");
67
+ var import_helpers = require("@web-widget/helpers");
68
68
  function defineWebWidget(loader, options) {
69
69
  var _a, _b;
70
70
  return (0, import_vue.defineComponent)({
@@ -120,7 +120,7 @@ function defineWebWidget(loader, options) {
120
120
  }));
121
121
  const instance = (0, import_vue.getCurrentInstance)();
122
122
  instance.proxy.$widget = widget;
123
- if (import_helpers.IS_BROWSER) {
123
+ if (import_helpers.IS_CLIENT) {
124
124
  }
125
125
  return () => {
126
126
  const innerHTML = instance.proxy.$innerHTML;
@@ -158,9 +158,10 @@ var createVueRender = ({
158
158
  },
159
159
  onPrefetchData
160
160
  } = {}) => {
161
- return (0, import_server_helpers.defineRender)(async (context) => {
162
- const componentDescriptor = (0, import_server_helpers.getComponentDescriptor)(context);
163
- const { component, props } = componentDescriptor;
161
+ return (0, import_helpers2.defineRender)(async (context) => {
162
+ const componentDescriptor = (0, import_helpers2.getComponentDescriptor)(context);
163
+ const component = componentDescriptor.component;
164
+ const props = componentDescriptor.props;
164
165
  if (component.__name) {
165
166
  component.__name = component.__name.replace("@", "-");
166
167
  }
@@ -193,5 +194,5 @@ var render = createVueRender();
193
194
  defineWebWidget,
194
195
  render,
195
196
  useWidgetState,
196
- ...require("@web-widget/schema/server-helpers")
197
+ ...require("@web-widget/helpers")
197
198
  });
package/dist/vue2.server.d.cts CHANGED
@@ -1,9 +1,9 @@
1
1
  import * as _web_widget_schema from '@web-widget/schema';
2
- import { RenderContext, ComponentProps } from '@web-widget/schema';
3
2
  import * as vue from 'vue';
4
3
  import vue__default, { PropType, Component } from 'vue';
5
- export * from '@web-widget/schema/server-helpers';
6
- export { useWidgetSyncState as useWidgetState } from '@web-widget/schema/server-helpers';
4
+ import { RenderContext, ComponentProps } from '@web-widget/helpers';
5
+ export * from '@web-widget/helpers';
6
+ export { useWidgetSyncState as useWidgetState } from '@web-widget/helpers/context';
7
7
  import { WebWidgetRendererOptions, Loader } from '@web-widget/web-widget';
8
8
 
9
9
  interface DefineWebWidgetOptions {
@@ -65,9 +65,27 @@ interface CreateVueRenderOptions {
65
65
  onPrefetchData?: (context: RenderContext, component: Component, props: ComponentProps) => Promise<JSONProps>;
66
66
  }
67
67
 
68
- declare const createVueRender: ({ 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>>;
68
+ declare const createVueRender: ({ onBeforeCreateApp, onCreatedApp, onPrefetchData, }?: CreateVueRenderOptions) => (context: _web_widget_schema.RouteRenderContext<unknown, Record<string, string>> | _web_widget_schema.WidgetRenderContext<unknown>, renderOptions: unknown) => Promise<string | void | ReadableStream<any> | {
69
+ mount?: (() => void | Promise<void>) | undefined;
70
+ unmount?: (() => void | Promise<void>) | undefined;
71
+ update?: (({ data }: {
72
+ data: Record<string, any>;
73
+ }) => void | Promise<void>) | undefined;
74
+ } | ReadableStream<any>>;
69
75
  /**@deprecated Please use `createVueRender` instead.*/
70
- 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>>;
71
- 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>>;
76
+ declare const defineVueRender: ({ onBeforeCreateApp, onCreatedApp, onPrefetchData, }?: CreateVueRenderOptions) => (context: _web_widget_schema.RouteRenderContext<unknown, Record<string, string>> | _web_widget_schema.WidgetRenderContext<unknown>, renderOptions: unknown) => Promise<string | void | ReadableStream<any> | {
77
+ mount?: (() => void | Promise<void>) | undefined;
78
+ unmount?: (() => void | Promise<void>) | undefined;
79
+ update?: (({ data }: {
80
+ data: Record<string, any>;
81
+ }) => void | Promise<void>) | undefined;
82
+ } | ReadableStream<any>>;
83
+ declare const render: (context: _web_widget_schema.RouteRenderContext<unknown, Record<string, string>> | _web_widget_schema.WidgetRenderContext<unknown>, renderOptions: unknown) => Promise<string | void | ReadableStream<any> | {
84
+ mount?: (() => void | Promise<void>) | undefined;
85
+ unmount?: (() => void | Promise<void>) | undefined;
86
+ update?: (({ data }: {
87
+ data: Record<string, any>;
88
+ }) => void | Promise<void>) | undefined;
89
+ } | ReadableStream<any>>;
72
90
 
73
91
  export { type DefineWebWidgetOptions, createVueRender, defineVueRender, defineWebWidget, render };
package/dist/vue2.server.d.ts CHANGED
@@ -1,9 +1,9 @@
1
1
  import * as _web_widget_schema from '@web-widget/schema';
2
- import { RenderContext, ComponentProps } from '@web-widget/schema';
3
2
  import * as vue from 'vue';
4
3
  import vue__default, { PropType, Component } from 'vue';
5
- export * from '@web-widget/schema/server-helpers';
6
- export { useWidgetSyncState as useWidgetState } from '@web-widget/schema/server-helpers';
4
+ import { RenderContext, ComponentProps } from '@web-widget/helpers';
5
+ export * from '@web-widget/helpers';
6
+ export { useWidgetSyncState as useWidgetState } from '@web-widget/helpers/context';
7
7
  import { WebWidgetRendererOptions, Loader } from '@web-widget/web-widget';
8
8
 
9
9
  interface DefineWebWidgetOptions {
@@ -65,9 +65,27 @@ interface CreateVueRenderOptions {
65
65
  onPrefetchData?: (context: RenderContext, component: Component, props: ComponentProps) => Promise<JSONProps>;
66
66
  }
67
67
 
68
- declare const createVueRender: ({ 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>>;
68
+ declare const createVueRender: ({ onBeforeCreateApp, onCreatedApp, onPrefetchData, }?: CreateVueRenderOptions) => (context: _web_widget_schema.RouteRenderContext<unknown, Record<string, string>> | _web_widget_schema.WidgetRenderContext<unknown>, renderOptions: unknown) => Promise<string | void | ReadableStream<any> | {
69
+ mount?: (() => void | Promise<void>) | undefined;
70
+ unmount?: (() => void | Promise<void>) | undefined;
71
+ update?: (({ data }: {
72
+ data: Record<string, any>;
73
+ }) => void | Promise<void>) | undefined;
74
+ } | ReadableStream<any>>;
69
75
  /**@deprecated Please use `createVueRender` instead.*/
70
- 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>>;
71
- 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>>;
76
+ declare const defineVueRender: ({ onBeforeCreateApp, onCreatedApp, onPrefetchData, }?: CreateVueRenderOptions) => (context: _web_widget_schema.RouteRenderContext<unknown, Record<string, string>> | _web_widget_schema.WidgetRenderContext<unknown>, renderOptions: unknown) => Promise<string | void | ReadableStream<any> | {
77
+ mount?: (() => void | Promise<void>) | undefined;
78
+ unmount?: (() => void | Promise<void>) | undefined;
79
+ update?: (({ data }: {
80
+ data: Record<string, any>;
81
+ }) => void | Promise<void>) | undefined;
82
+ } | ReadableStream<any>>;
83
+ declare const render: (context: _web_widget_schema.RouteRenderContext<unknown, Record<string, string>> | _web_widget_schema.WidgetRenderContext<unknown>, renderOptions: unknown) => Promise<string | void | ReadableStream<any> | {
84
+ mount?: (() => void | Promise<void>) | undefined;
85
+ unmount?: (() => void | Promise<void>) | undefined;
86
+ update?: (({ data }: {
87
+ data: Record<string, any>;
88
+ }) => void | Promise<void>) | undefined;
89
+ } | ReadableStream<any>>;
72
90
 
73
91
  export { type DefineWebWidgetOptions, createVueRender, defineVueRender, defineWebWidget, render };
package/dist/vue2.server.js CHANGED
@@ -19,19 +19,16 @@ var __spreadValues = (a, b) => {
19
19
  var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
20
20
 
21
21
  // src/server.ts
22
- import {
23
- defineRender,
24
- getComponentDescriptor
25
- } from "@web-widget/schema/server-helpers";
22
+ import { defineRender, getComponentDescriptor } from "@web-widget/helpers";
26
23
  import Vue from "vue";
27
24
  import { createRenderer } from "vue-server-renderer";
28
- export * from "@web-widget/schema/server-helpers";
29
- import { useWidgetSyncState } from "@web-widget/schema/server-helpers";
25
+ export * from "@web-widget/helpers";
26
+ import { useWidgetSyncState } from "@web-widget/helpers/context";
30
27
 
31
28
  // src/components.ts
32
29
  import { WebWidgetRenderer } from "@web-widget/web-widget";
33
30
  import { h, defineComponent, useAttrs, getCurrentInstance } from "vue";
34
- import { IS_BROWSER } from "@web-widget/schema/helpers";
31
+ import { IS_CLIENT } from "@web-widget/helpers";
35
32
  function defineWebWidget(loader, options) {
36
33
  var _a, _b;
37
34
  return defineComponent({
@@ -87,7 +84,7 @@ function defineWebWidget(loader, options) {
87
84
  }));
88
85
  const instance = getCurrentInstance();
89
86
  instance.proxy.$widget = widget;
90
- if (IS_BROWSER) {
87
+ if (IS_CLIENT) {
91
88
  }
92
89
  return () => {
93
90
  const innerHTML = instance.proxy.$innerHTML;
@@ -127,7 +124,8 @@ var createVueRender = ({
127
124
  } = {}) => {
128
125
  return defineRender(async (context) => {
129
126
  const componentDescriptor = getComponentDescriptor(context);
130
- const { component, props } = componentDescriptor;
127
+ const component = componentDescriptor.component;
128
+ const props = componentDescriptor.props;
131
129
  if (component.__name) {
132
130
  component.__name = component.__name.replace("@", "-");
133
131
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@web-widget/vue2",
3
- "version": "0.10.7",
3
+ "version": "0.13.1",
4
4
  "type": "module",
5
5
  "exports": {
6
6
  ".": {
@@ -27,24 +27,24 @@
27
27
  "files": [
28
28
  "dist"
29
29
  ],
30
- "dependencies": {},
30
+ "dependencies": {
31
+ "@web-widget/vite": "2.11.6"
32
+ },
31
33
  "devDependencies": {
32
34
  "@types/node": "^20.5.7",
33
- "@web-widget/schema": "0.4.3",
34
- "@web-widget/vite": "2.11.4",
35
- "@web-widget/web-widget": "1.8.0",
35
+ "@web-widget/helpers": "0.13.1",
36
+ "@web-widget/web-widget": "1.9.1",
36
37
  "tsup": "^8.0.1",
37
38
  "typescript": "^5.3.3",
38
39
  "vite": "^5.0.11",
39
- "vue": "^2.7.16",
40
- "vue-server-renderer": "^2.7.16"
40
+ "vue-server-renderer": "^2.7.16",
41
+ "vue": "^2.7.16"
41
42
  },
42
43
  "peerDependencies": {
43
- "@web-widget/schema": "0.4.3",
44
- "@web-widget/vite": "2.11.4",
45
- "@web-widget/web-widget": "1.8.0",
46
- "vue": "^2.7.16",
47
- "vue-server-renderer": "^2.7.16"
44
+ "@web-widget/helpers": "0.13.1",
45
+ "@web-widget/web-widget": "1.9.1",
46
+ "vue-server-renderer": "^2.7.16",
47
+ "vue": "^2.7.16"
48
48
  },
49
49
  "publishConfig": {
50
50
  "access": "public"