@web-widget/vue 2.3.0 → 3.0.0-beta.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.
@@ -132,12 +132,14 @@ function defineWebWidget(loader, options) {
132
132
  }
133
133
  });
134
134
  }
135
- function toReact(component) {
135
+ function asReactWidget(component) {
136
136
  return component;
137
137
  }
138
+ var toReact = asReactWidget;
138
139
 
139
140
  export {
140
141
  installErrorHandler,
141
142
  defineWebWidget,
143
+ asReactWidget,
142
144
  toReact
143
145
  };
@@ -1,5 +1,5 @@
1
1
  import * as vue from 'vue';
2
- import { PropType, VNode, Component, ComponentPublicInstance, App } from 'vue';
2
+ import { Component, ComponentPublicInstance, PropType, VNode, App } from 'vue';
3
3
  import { WebWidgetRendererOptions, Loader } from '@web-widget/web-widget';
4
4
  import { ReactWidgetComponent } from '@web-widget/react';
5
5
 
@@ -51,9 +51,16 @@ declare function defineWebWidget(loader: Loader, options: DefineWebWidgetOptions
51
51
  experimental_renderTarget: "light" | "shadow" | undefined;
52
52
  }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
53
53
  /**
54
- * Convert Vue component types to React component types.
54
+ * Adapt Vue component types to React widget component types.
55
+ *
56
+ * This is a type-level cast only — the actual cross-framework rendering
57
+ * is handled by the `@widget` system. Use this when importing a Vue
58
+ * widget (e.g. `Counter@widget.vue`) into a React/JSX file so that
59
+ * TypeScript treats it as a React component.
55
60
  */
56
- declare function toReact<T>(component: Component<T>): ReactWidgetComponent<Omit<T, keyof ComponentPublicInstance | "$route" | "$router">>;
61
+ declare function asReactWidget<T>(component: Component<T>): ReactWidgetComponent<Omit<T, keyof ComponentPublicInstance | "$route" | "$router">>;
62
+ /** @deprecated Use `asReactWidget` instead. */
63
+ declare const toReact: typeof asReactWidget;
57
64
 
58
65
  interface CreateVueRenderOptions {
59
66
  onCreatedApp?: (app: App<Element>, context: {
@@ -64,4 +71,4 @@ interface CreateVueRenderOptions {
64
71
  }, component: Component, props: any) => Promise<void>;
65
72
  }
66
73
 
67
- export { type CreateVueRenderOptions as C, type DefineWebWidgetOptions as D, defineWebWidget as d, toReact as t };
74
+ export { type CreateVueRenderOptions as C, type DefineWebWidgetOptions as D, asReactWidget as a, defineWebWidget as d, toReact as t };
@@ -1,8 +1,8 @@
1
1
  import * as _web_widget_helpers from '@web-widget/helpers';
2
2
  export * from '@web-widget/helpers';
3
3
  import { Component } from 'vue';
4
- import { C as CreateVueRenderOptions } from './types-DIPFtLxv.js';
5
- export { D as DefineWebWidgetOptions, d as defineWebWidget, t as toReact } from './types-DIPFtLxv.js';
4
+ import { C as CreateVueRenderOptions } from './types-vVhn4RGy.js';
5
+ export { D as DefineWebWidgetOptions, a as asReactWidget, d as defineWebWidget, t as toReact } from './types-vVhn4RGy.js';
6
6
  export { useWidgetAsyncState as useWidgetState } from '@web-widget/helpers/state';
7
7
  import '@web-widget/web-widget';
8
8
  import '@web-widget/react';
@@ -1,8 +1,9 @@
1
1
  import {
2
+ asReactWidget,
2
3
  defineWebWidget,
3
4
  installErrorHandler,
4
5
  toReact
5
- } from "./chunk-VYBV2IIO.js";
6
+ } from "./chunk-GRYUSOXQ.js";
6
7
 
7
8
  // src/client.ts
8
9
  import { defineClientRender } from "@web-widget/helpers";
@@ -50,6 +51,7 @@ var createVueRender = ({
50
51
  var defineVueRender = createVueRender;
51
52
  var render = createVueRender();
52
53
  export {
54
+ asReactWidget,
53
55
  createVueRender,
54
56
  defineVueRender,
55
57
  defineWebWidget,
@@ -2,8 +2,8 @@ import * as _web_widget_helpers from '@web-widget/helpers';
2
2
  export * from '@web-widget/helpers';
3
3
  import { Component } from 'vue';
4
4
  import { SSRContext } from 'vue/server-renderer';
5
- import { C as CreateVueRenderOptions } from './types-DIPFtLxv.js';
6
- export { D as DefineWebWidgetOptions, d as defineWebWidget, t as toReact } from './types-DIPFtLxv.js';
5
+ import { C as CreateVueRenderOptions } from './types-vVhn4RGy.js';
6
+ export { D as DefineWebWidgetOptions, a as asReactWidget, d as defineWebWidget, t as toReact } from './types-vVhn4RGy.js';
7
7
  export { useWidgetAsyncState as useWidgetState } from '@web-widget/helpers/state';
8
8
  import '@web-widget/web-widget';
9
9
  import '@web-widget/react';
@@ -1,8 +1,9 @@
1
1
  import {
2
+ asReactWidget,
2
3
  defineWebWidget,
3
4
  installErrorHandler,
4
5
  toReact
5
- } from "./chunk-VYBV2IIO.js";
6
+ } from "./chunk-GRYUSOXQ.js";
6
7
 
7
8
  // src/server.ts
8
9
  import { defineServerRender } from "@web-widget/helpers";
@@ -52,6 +53,7 @@ Do conditionally render Teleport when mounted on the client.`
52
53
  var defineVueRender = createVueRender;
53
54
  var render = createVueRender();
54
55
  export {
56
+ asReactWidget,
55
57
  createVueRender,
56
58
  defineVueRender,
57
59
  defineWebWidget,
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@web-widget/vue",
3
3
  "description": "Vue adapter",
4
- "version": "2.3.0",
4
+ "version": "3.0.0-beta.0",
5
5
  "homepage": "https://github.com/web-widget/web-widget#readme",
6
6
  "repository": {
7
7
  "type": "git",
@@ -14,11 +14,11 @@
14
14
  "license": "MIT",
15
15
  "dependencies": {
16
16
  "@rollup/pluginutils": "^5.1.4",
17
- "@web-widget/helpers": "2.3.0",
18
- "@web-widget/vite-plugin": "2.3.0",
19
- "@web-widget/web-widget": "2.3.0",
20
- "@web-widget/schema": "2.3.0",
21
- "@web-widget/react": "2.3.0"
17
+ "@web-widget/helpers": "3.0.0-beta.0",
18
+ "@web-widget/vite-plugin": "3.0.0-beta.0",
19
+ "@web-widget/web-widget": "3.0.0-beta.0",
20
+ "@web-widget/schema": "3.0.0-beta.0",
21
+ "@web-widget/react": "3.0.0-beta.0"
22
22
  },
23
23
  "devDependencies": {
24
24
  "tsup": "^8.3.4",