@web-widget/vue 0.0.1 → 0.0.2

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 (5) hide show
  1. package/dist/vue.client.d.ts +19 -2
  2. package/dist/vue.client.js +27 -11
  3. package/dist/vue.server.d.ts +7 -2
  4. package/dist/vue.server.js +14 -6
  5. package/package.json +2 -2
package/dist/vue.client.d.ts CHANGED
@@ -1,6 +1,23 @@
1
1
  import * as _web_widget_schema from '@web-widget/schema';
2
- export * from '@web-widget/schema/client';
2
+ import { App } from 'vue';
3
+ export * from '@web-widget/schema/client-helpers';
3
4
 
5
+ interface DefineVueRenderOptions {
6
+ onCreatedApp?: (app: App) => void;
7
+ }
8
+ declare const defineVueRender: ({ onCreatedApp, }?: DefineVueRenderOptions) => (context: _web_widget_schema.ClientWidgetRenderContext<unknown> | _web_widget_schema.ClientRouteRenderContext<unknown, Record<string, string>>) => Promise<void | {
9
+ mount?: (() => void | Promise<void>) | undefined;
10
+ unmount?: (() => void | Promise<void>) | undefined;
11
+ update?: (({ data }: {
12
+ data: Record<string, any>;
13
+ }) => void | Promise<void>) | undefined;
14
+ } | {
15
+ mount?: (() => void | Promise<void>) | undefined;
16
+ unmount?: (() => void | Promise<void>) | undefined;
17
+ update?: (({ data }: {
18
+ data: Record<string, any>;
19
+ }) => void | Promise<void>) | undefined;
20
+ }>;
4
21
  declare const render: (context: _web_widget_schema.ClientWidgetRenderContext<unknown> | _web_widget_schema.ClientRouteRenderContext<unknown, Record<string, string>>) => Promise<void | {
5
22
  mount?: (() => void | Promise<void>) | undefined;
6
23
  unmount?: (() => void | Promise<void>) | undefined;
@@ -15,4 +32,4 @@ declare const render: (context: _web_widget_schema.ClientWidgetRenderContext<unk
15
32
  }) => void | Promise<void>) | undefined;
16
33
  }>;
17
34
 
18
- export { render };
35
+ export { DefineVueRenderOptions, defineVueRender, render };
package/dist/vue.client.js CHANGED
@@ -1,19 +1,35 @@
1
1
  // src/client.ts
2
2
  import { createApp, createSSRApp } from "vue";
3
- import { defineRender } from "@web-widget/schema/client";
4
- export * from "@web-widget/schema/client";
5
- var render = defineRender(
6
- async ({ recovering, container }, component, props) => {
3
+ import { defineRender } from "@web-widget/schema/client-helpers";
4
+ export * from "@web-widget/schema/client-helpers";
5
+ var defineVueRender = ({
6
+ onCreatedApp = () => {
7
+ }
8
+ } = {}) => {
9
+ return defineRender(async ({ recovering, container }, component, props) => {
7
10
  if (!container) {
8
11
  throw new Error(`Container required.`);
9
12
  }
10
- if (recovering) {
11
- createSSRApp(component, props).mount(container);
12
- } else {
13
- createApp(component, props).mount(container);
14
- }
15
- }
16
- );
13
+ let app;
14
+ return {
15
+ async mount() {
16
+ if (recovering) {
17
+ app = createSSRApp(component, props);
18
+ } else {
19
+ app = createApp(component, props);
20
+ }
21
+ onCreatedApp(app);
22
+ app.mount(container);
23
+ },
24
+ async unmount() {
25
+ app == null ? void 0 : app.unmount();
26
+ app = null;
27
+ }
28
+ };
29
+ });
30
+ };
31
+ var render = defineVueRender();
17
32
  export {
33
+ defineVueRender,
18
34
  render
19
35
  };
package/dist/vue.server.d.ts CHANGED
@@ -1,6 +1,11 @@
1
1
  import * as _web_widget_schema from '@web-widget/schema';
2
- export * from '@web-widget/schema/server';
2
+ import { App } from 'vue';
3
+ export * from '@web-widget/schema/server-helpers';
3
4
 
5
+ interface DefineVueRenderOptions {
6
+ onCreatedApp?: (app: App) => void;
7
+ }
8
+ declare const defineVueRender: ({ onCreatedApp, }?: DefineVueRenderOptions) => (context: _web_widget_schema.ServerWidgetRenderContext<unknown> | _web_widget_schema.ServerRouteRenderContext<unknown, Record<string, string>>) => Promise<string | ReadableStream<any>>;
4
9
  declare const render: (context: _web_widget_schema.ServerWidgetRenderContext<unknown> | _web_widget_schema.ServerRouteRenderContext<unknown, Record<string, string>>) => Promise<string | ReadableStream<any>>;
5
10
 
6
- export { render };
11
+ export { DefineVueRenderOptions, defineVueRender, render };
package/dist/vue.server.js CHANGED
@@ -1,12 +1,20 @@
1
1
  // src/server.ts
2
2
  import { createSSRApp } from "vue";
3
+ import { defineRender } from "@web-widget/schema/server-helpers";
3
4
  import { renderToWebStream } from "vue/server-renderer";
4
- import { defineRender } from "@web-widget/schema/server";
5
- export * from "@web-widget/schema/server";
6
- var render = defineRender(async (context, component, props) => {
7
- const app = createSSRApp(component, props);
8
- return renderToWebStream(app);
9
- });
5
+ export * from "@web-widget/schema/server-helpers";
6
+ var defineVueRender = ({
7
+ onCreatedApp = () => {
8
+ }
9
+ } = {}) => {
10
+ return defineRender(async (context, component, props) => {
11
+ const app = createSSRApp(component, props);
12
+ onCreatedApp(app);
13
+ return renderToWebStream(app);
14
+ });
15
+ };
16
+ var render = defineVueRender();
10
17
  export {
18
+ defineVueRender,
11
19
  render
12
20
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@web-widget/vue",
3
- "version": "0.0.1",
3
+ "version": "0.0.2",
4
4
  "type": "module",
5
5
  "exports": {
6
6
  ".": {
@@ -22,7 +22,7 @@
22
22
  "dist"
23
23
  ],
24
24
  "dependencies": {
25
- "@web-widget/schema": "0.0.1"
25
+ "@web-widget/schema": "0.0.4"
26
26
  },
27
27
  "peerDependencies": {
28
28
  "vue": "^3.3.4"