@web-widget/web-components 3.0.0-beta.3 → 3.0.0-beta.5
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/{chunk-IQODZJ6D.js → chunk-KJQI2ABU.js} +2 -2
- package/dist/{components-DcaWMyHn.d.ts → components-PXJA50I2.d.ts} +2 -2
- package/dist/web-components.adapter.client.d.ts +2 -2
- package/dist/web-components.adapter.client.js +8 -8
- package/dist/web-components.adapter.server.d.ts +1 -1
- package/dist/web-components.adapter.server.js +14 -6
- package/dist/web-components.transform.d.ts +7 -0
- package/dist/web-components.transform.js +9 -0
- package/package.json +11 -12
|
@@ -7,7 +7,7 @@ function resolveTagName(component) {
|
|
|
7
7
|
if (!customElements.get(tagName)) customElements.define(tagName, component);
|
|
8
8
|
return tagName;
|
|
9
9
|
}
|
|
10
|
-
function
|
|
10
|
+
function widget(loader) {
|
|
11
11
|
return class WebWidgetContainer extends HTMLElement {
|
|
12
12
|
async connectedCallback() {
|
|
13
13
|
if (this.firstElementChild) return;
|
|
@@ -19,5 +19,5 @@ function container(loader) {
|
|
|
19
19
|
|
|
20
20
|
export {
|
|
21
21
|
resolveTagName,
|
|
22
|
-
|
|
22
|
+
widget
|
|
23
23
|
};
|
|
@@ -2,8 +2,8 @@ type WebComponent = string | (CustomElementConstructor & {
|
|
|
2
2
|
tagName: string;
|
|
3
3
|
});
|
|
4
4
|
declare function resolveTagName(component: WebComponent): string;
|
|
5
|
-
declare function
|
|
5
|
+
declare function widget(loader: () => Promise<{
|
|
6
6
|
default: WebComponent;
|
|
7
7
|
}>): CustomElementConstructor;
|
|
8
8
|
|
|
9
|
-
export { type WebComponent as W,
|
|
9
|
+
export { type WebComponent as W, resolveTagName as r, widget as w };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as _web_widget_schema from '@web-widget/schema';
|
|
2
|
-
import { W as WebComponent } from './components-
|
|
3
|
-
export {
|
|
2
|
+
import { W as WebComponent } from './components-PXJA50I2.js';
|
|
3
|
+
export { r as resolveTagName, w as widget } from './components-PXJA50I2.js';
|
|
4
4
|
|
|
5
5
|
declare const render: _web_widget_schema.ClientRender<WebComponent, unknown, _web_widget_schema.ClientRenderOptions, void | _web_widget_schema.ClientRenderResult<unknown>>;
|
|
6
6
|
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
} from "./chunk-
|
|
2
|
+
resolveTagName,
|
|
3
|
+
widget
|
|
4
|
+
} from "./chunk-KJQI2ABU.js";
|
|
5
5
|
|
|
6
6
|
// src/adapter.client.ts
|
|
7
7
|
import { defineClientRender } from "@web-widget/helpers";
|
|
8
8
|
var render = defineClientRender(
|
|
9
|
-
async (component, data, { container
|
|
9
|
+
async (component, data, { container }) => {
|
|
10
10
|
if (!component) throw new TypeError("Missing component.");
|
|
11
|
-
if (!
|
|
11
|
+
if (!container) throw new Error("Missing container.");
|
|
12
12
|
let element;
|
|
13
13
|
return {
|
|
14
14
|
mount() {
|
|
15
15
|
element = document.createElement(resolveTagName(component));
|
|
16
16
|
Object.assign(element, data != null ? data : {});
|
|
17
|
-
|
|
17
|
+
container.replaceChildren(element);
|
|
18
18
|
},
|
|
19
19
|
unmount() {
|
|
20
20
|
element == null ? void 0 : element.remove();
|
|
@@ -24,7 +24,7 @@ var render = defineClientRender(
|
|
|
24
24
|
}
|
|
25
25
|
);
|
|
26
26
|
export {
|
|
27
|
-
container,
|
|
28
27
|
render,
|
|
29
|
-
resolveTagName
|
|
28
|
+
resolveTagName,
|
|
29
|
+
widget
|
|
30
30
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as _web_widget_schema from '@web-widget/schema';
|
|
2
|
-
export { W as WebComponent,
|
|
2
|
+
export { W as WebComponent, r as resolveTagName, w as widget } from './components-PXJA50I2.js';
|
|
3
3
|
|
|
4
4
|
declare const render: _web_widget_schema.ServerRender<unknown, unknown, _web_widget_schema.ServerRenderOptions, _web_widget_schema.ServerRenderResult>;
|
|
5
5
|
|
|
@@ -1,13 +1,21 @@
|
|
|
1
1
|
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
} from "./chunk-
|
|
2
|
+
resolveTagName,
|
|
3
|
+
widget
|
|
4
|
+
} from "./chunk-KJQI2ABU.js";
|
|
5
5
|
|
|
6
6
|
// src/adapter.server.ts
|
|
7
7
|
import { defineServerRender } from "@web-widget/helpers";
|
|
8
|
-
var render = defineServerRender(async () =>
|
|
8
|
+
var render = defineServerRender(async (component, _data, options) => {
|
|
9
|
+
if (!component) throw new TypeError("Missing component.");
|
|
10
|
+
if (options.progressive) {
|
|
11
|
+
console.warn(
|
|
12
|
+
"Web Components do not support server rendering in this adapter; progressive rendering was ignored."
|
|
13
|
+
);
|
|
14
|
+
}
|
|
15
|
+
return "";
|
|
16
|
+
});
|
|
9
17
|
export {
|
|
10
|
-
container,
|
|
11
18
|
render,
|
|
12
|
-
resolveTagName
|
|
19
|
+
resolveTagName,
|
|
20
|
+
widget
|
|
13
21
|
};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@web-widget/web-components",
|
|
3
3
|
"description": "Web Components CSR adapter",
|
|
4
|
-
"version": "3.0.0-beta.
|
|
4
|
+
"version": "3.0.0-beta.5",
|
|
5
5
|
"homepage": "https://github.com/web-widget/web-widget#readme",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -20,8 +20,10 @@
|
|
|
20
20
|
"@web-widget/web-widget": "workspace:*"
|
|
21
21
|
},
|
|
22
22
|
"devDependencies": {
|
|
23
|
+
"happy-dom": "20.8.9",
|
|
23
24
|
"tsup": "catalog:",
|
|
24
|
-
"typescript": "catalog:"
|
|
25
|
+
"typescript": "catalog:",
|
|
26
|
+
"vitest": "catalog:"
|
|
25
27
|
},
|
|
26
28
|
"exports": {
|
|
27
29
|
".": {
|
|
@@ -29,6 +31,11 @@
|
|
|
29
31
|
"development": "./src/index.ts",
|
|
30
32
|
"default": "./dist/web-components.js"
|
|
31
33
|
},
|
|
34
|
+
"./transform": {
|
|
35
|
+
"types": "./dist/web-components.transform.d.ts",
|
|
36
|
+
"development": "./src/transform.ts",
|
|
37
|
+
"default": "./dist/web-components.transform.js"
|
|
38
|
+
},
|
|
32
39
|
"./adapter": {
|
|
33
40
|
"worker": {
|
|
34
41
|
"types": "./dist/web-components.adapter.server.d.ts",
|
|
@@ -47,15 +54,6 @@
|
|
|
47
54
|
}
|
|
48
55
|
}
|
|
49
56
|
},
|
|
50
|
-
"webWidgetAdapter": {
|
|
51
|
-
"version": "1.0.0",
|
|
52
|
-
"name": "web-components",
|
|
53
|
-
"extensions": [
|
|
54
|
-
".wc.ts",
|
|
55
|
-
".wc.js"
|
|
56
|
-
],
|
|
57
|
-
"adapter": "./adapter"
|
|
58
|
-
},
|
|
59
57
|
"files": [
|
|
60
58
|
"dist"
|
|
61
59
|
],
|
|
@@ -63,6 +61,7 @@
|
|
|
63
61
|
"build": "pnpm exec tsup",
|
|
64
62
|
"clean:build": "rm -rf dist",
|
|
65
63
|
"clean:node": "rm -rf node_modules",
|
|
66
|
-
"lint": "eslint src"
|
|
64
|
+
"lint": "eslint src",
|
|
65
|
+
"test": "vitest run"
|
|
67
66
|
}
|
|
68
67
|
}
|