@web-widget/vue 0.6.0 → 0.8.0
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.
- package/dist/vue.client.d.ts +18 -5
- package/dist/vue.client.js +5 -3
- package/dist/vue.server.d.ts +6 -5
- package/dist/vue.server.js +5 -3
- package/package.json +2 -2
package/dist/vue.client.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as _web_widget_schema from '@web-widget/schema';
|
|
2
2
|
import { RenderContext, ComponentProps } from '@web-widget/schema';
|
|
3
3
|
import * as vue from 'vue';
|
|
4
|
-
import { PropType, VNode,
|
|
4
|
+
import { PropType, VNode, App, Component } from 'vue';
|
|
5
5
|
export * from '@web-widget/schema/client-helpers';
|
|
6
6
|
import { Loader, WebWidgetContainerOptions } from '@web-widget/web-widget';
|
|
7
7
|
|
|
@@ -155,13 +155,26 @@ type JSONValue = string | number | boolean | {
|
|
|
155
155
|
type JSONProps = {
|
|
156
156
|
[x: string]: JSONValue;
|
|
157
157
|
};
|
|
158
|
-
interface
|
|
159
|
-
onBeforeCreateApp?: (context: RenderContext, component: Component, props: ComponentProps) => any;
|
|
158
|
+
interface CreateVueRenderOptions {
|
|
160
159
|
onCreatedApp?: (app: App<Element>, context: RenderContext, component: Component, props: ComponentProps) => void;
|
|
161
160
|
onPrefetchData?: (context: RenderContext, component: Component, props: ComponentProps) => Promise<JSONProps>;
|
|
162
161
|
}
|
|
163
162
|
|
|
164
|
-
declare const
|
|
163
|
+
declare const createVueRender: ({ onCreatedApp, onPrefetchData, }?: CreateVueRenderOptions) => (context: _web_widget_schema.ClientWidgetRenderContext<unknown> | _web_widget_schema.ClientRouteRenderContext<unknown, Record<string, string>>, renderOptions: any) => Promise<void | {
|
|
164
|
+
mount?: (() => void | Promise<void>) | undefined;
|
|
165
|
+
unmount?: (() => void | Promise<void>) | undefined;
|
|
166
|
+
update?: (({ data }: {
|
|
167
|
+
data: Record<string, any>;
|
|
168
|
+
}) => void | Promise<void>) | undefined;
|
|
169
|
+
} | {
|
|
170
|
+
mount?: (() => void | Promise<void>) | undefined;
|
|
171
|
+
unmount?: (() => void | Promise<void>) | undefined;
|
|
172
|
+
update?: (({ data }: {
|
|
173
|
+
data: Record<string, any>;
|
|
174
|
+
}) => void | Promise<void>) | undefined;
|
|
175
|
+
}>;
|
|
176
|
+
/**@deprecated Please use `createVueRender` instead.*/
|
|
177
|
+
declare const defineVueRender: ({ onCreatedApp, onPrefetchData, }?: CreateVueRenderOptions) => (context: _web_widget_schema.ClientWidgetRenderContext<unknown> | _web_widget_schema.ClientRouteRenderContext<unknown, Record<string, string>>, renderOptions: any) => Promise<void | {
|
|
165
178
|
mount?: (() => void | Promise<void>) | undefined;
|
|
166
179
|
unmount?: (() => void | Promise<void>) | undefined;
|
|
167
180
|
update?: (({ data }: {
|
|
@@ -188,4 +201,4 @@ declare const render: (context: _web_widget_schema.ClientWidgetRenderContext<unk
|
|
|
188
201
|
}) => void | Promise<void>) | undefined;
|
|
189
202
|
}>;
|
|
190
203
|
|
|
191
|
-
export { DefineWebWidgetOptions, WebWidget, __ENV__, defineVueRender, defineWebWidget, render };
|
|
204
|
+
export { DefineWebWidgetOptions, WebWidget, __ENV__, createVueRender, defineVueRender, defineWebWidget, render };
|
package/dist/vue.client.js
CHANGED
|
@@ -160,7 +160,7 @@ export * from "@web-widget/schema/client-helpers";
|
|
|
160
160
|
Reflect.defineProperty(__ENV__, "server", {
|
|
161
161
|
value: false
|
|
162
162
|
});
|
|
163
|
-
var
|
|
163
|
+
var createVueRender = ({
|
|
164
164
|
onCreatedApp = () => {
|
|
165
165
|
},
|
|
166
166
|
onPrefetchData
|
|
@@ -185,7 +185,7 @@ var defineVueRender = ({
|
|
|
185
185
|
} else {
|
|
186
186
|
app = createApp(component, mergedProps);
|
|
187
187
|
}
|
|
188
|
-
onCreatedApp(app, context, component, mergedProps);
|
|
188
|
+
await onCreatedApp(app, context, component, mergedProps);
|
|
189
189
|
app.mount(context.container);
|
|
190
190
|
},
|
|
191
191
|
async unmount() {
|
|
@@ -195,10 +195,12 @@ var defineVueRender = ({
|
|
|
195
195
|
};
|
|
196
196
|
});
|
|
197
197
|
};
|
|
198
|
-
var
|
|
198
|
+
var defineVueRender = createVueRender;
|
|
199
|
+
var render = createVueRender();
|
|
199
200
|
export {
|
|
200
201
|
WebWidget,
|
|
201
202
|
__ENV__,
|
|
203
|
+
createVueRender,
|
|
202
204
|
defineVueRender,
|
|
203
205
|
defineWebWidget,
|
|
204
206
|
render
|
package/dist/vue.server.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import * as _web_widget_schema from '@web-widget/schema';
|
|
|
2
2
|
import { RenderContext, ComponentProps } from '@web-widget/schema';
|
|
3
3
|
import { SSRContext } from 'vue/server-renderer';
|
|
4
4
|
import * as vue from 'vue';
|
|
5
|
-
import { PropType, VNode,
|
|
5
|
+
import { PropType, VNode, App, Component } from 'vue';
|
|
6
6
|
export * from '@web-widget/schema/server-helpers';
|
|
7
7
|
import { Loader, WebWidgetContainerOptions } from '@web-widget/web-widget';
|
|
8
8
|
|
|
@@ -156,8 +156,7 @@ type JSONValue = string | number | boolean | {
|
|
|
156
156
|
type JSONProps = {
|
|
157
157
|
[x: string]: JSONValue;
|
|
158
158
|
};
|
|
159
|
-
interface
|
|
160
|
-
onBeforeCreateApp?: (context: RenderContext, component: Component, props: ComponentProps) => any;
|
|
159
|
+
interface CreateVueRenderOptions {
|
|
161
160
|
onCreatedApp?: (app: App<Element>, context: RenderContext, component: Component, props: ComponentProps) => void;
|
|
162
161
|
onPrefetchData?: (context: RenderContext, component: Component, props: ComponentProps) => Promise<JSONProps>;
|
|
163
162
|
}
|
|
@@ -165,7 +164,9 @@ interface DefineVueRenderOptions {
|
|
|
165
164
|
interface VueRenderOptions {
|
|
166
165
|
vue?: SSRContext;
|
|
167
166
|
}
|
|
168
|
-
declare const
|
|
167
|
+
declare const createVueRender: ({ onCreatedApp, onPrefetchData, }?: CreateVueRenderOptions) => (context: _web_widget_schema.ServerWidgetRenderContext<unknown> | _web_widget_schema.ServerRouteRenderContext<unknown, Record<string, string>>, renderOptions: ResponseInit & VueRenderOptions) => Promise<string | ReadableStream<any> | ReadableStream<any>>;
|
|
168
|
+
/**@deprecated Please use `createVueRender` instead.*/
|
|
169
|
+
declare const defineVueRender: ({ onCreatedApp, onPrefetchData, }?: CreateVueRenderOptions) => (context: _web_widget_schema.ServerWidgetRenderContext<unknown> | _web_widget_schema.ServerRouteRenderContext<unknown, Record<string, string>>, renderOptions: ResponseInit & VueRenderOptions) => Promise<string | ReadableStream<any> | ReadableStream<any>>;
|
|
169
170
|
declare const render: (context: _web_widget_schema.ServerWidgetRenderContext<unknown> | _web_widget_schema.ServerRouteRenderContext<unknown, Record<string, string>>, renderOptions: ResponseInit & VueRenderOptions) => Promise<string | ReadableStream<any> | ReadableStream<any>>;
|
|
170
171
|
|
|
171
|
-
export { DefineWebWidgetOptions, VueRenderOptions, WebWidget, __ENV__, defineVueRender, defineWebWidget, render };
|
|
172
|
+
export { DefineWebWidgetOptions, VueRenderOptions, WebWidget, __ENV__, createVueRender, defineVueRender, defineWebWidget, render };
|
package/dist/vue.server.js
CHANGED
|
@@ -171,7 +171,7 @@ var ESCAPE_REGEX = /[><\u2028\u2029]/g;
|
|
|
171
171
|
function htmlEscapeJsonString(str) {
|
|
172
172
|
return str.replace(ESCAPE_REGEX, (match) => ESCAPE_LOOKUP[match]);
|
|
173
173
|
}
|
|
174
|
-
var
|
|
174
|
+
var createVueRender = ({
|
|
175
175
|
onCreatedApp = () => {
|
|
176
176
|
},
|
|
177
177
|
onPrefetchData
|
|
@@ -197,16 +197,18 @@ var defineVueRender = ({
|
|
|
197
197
|
return renderToWebStream(app, ssrContext);
|
|
198
198
|
} else {
|
|
199
199
|
const app = createSSRApp(component, mergedProps);
|
|
200
|
-
onCreatedApp(app, context, component, mergedProps);
|
|
200
|
+
await onCreatedApp(app, context, component, mergedProps);
|
|
201
201
|
return renderToWebStream(app, ssrContext);
|
|
202
202
|
}
|
|
203
203
|
}
|
|
204
204
|
);
|
|
205
205
|
};
|
|
206
|
-
var
|
|
206
|
+
var defineVueRender = createVueRender;
|
|
207
|
+
var render = createVueRender();
|
|
207
208
|
export {
|
|
208
209
|
WebWidget,
|
|
209
210
|
__ENV__,
|
|
211
|
+
createVueRender,
|
|
210
212
|
defineVueRender,
|
|
211
213
|
defineWebWidget,
|
|
212
214
|
render
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@web-widget/vue",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.8.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"exports": {
|
|
6
6
|
".": {
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
"dist"
|
|
28
28
|
],
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@web-widget/vite": "2.5.
|
|
30
|
+
"@web-widget/vite": "2.5.3",
|
|
31
31
|
"@web-widget/html": "0.1.4",
|
|
32
32
|
"@web-widget/schema": "0.3.0",
|
|
33
33
|
"@web-widget/web-widget": "1.3.2"
|