@sitecore-feaas/clientside 0.2.0 → 0.2.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.
- package/README.md +56 -36
- package/build/components/FEAASComponent.js +71 -11
- package/build/components/FEAASComponent.js.map +1 -1
- package/build/components/FEAASElement.js +411 -37
- package/build/components/FEAASElement.js.map +1 -1
- package/build/components/FEAASLoader.js +2 -2
- package/build/components/FEAASLoader.js.map +1 -1
- package/build/components/FEAASReactElement.js +47 -0
- package/build/components/FEAASReactElement.js.map +1 -0
- package/build/components/FEAASStylesheet.js +2 -2
- package/build/components/FEAASStylesheet.js.map +1 -1
- package/build/headless.js +4 -3
- package/build/headless.js.map +1 -1
- package/build/ui/FEAAS.js +5 -0
- package/build/ui/FEAAS.js.map +1 -0
- package/build/ui/FEAASContext.js +20 -8
- package/build/ui/FEAASContext.js.map +1 -1
- package/build/ui/FEAASEditor.js +2 -2
- package/build/ui/FEAASEditor.js.map +1 -1
- package/build/ui/FEAASExternal.js +128 -24
- package/build/ui/FEAASExternal.js.map +1 -1
- package/build/ui/FEAASPicker.js +7 -2
- package/build/ui/FEAASPicker.js.map +1 -1
- package/build/ui/index.js +3 -4
- package/build/ui/index.js.map +1 -1
- package/build/ui/react.js.map +1 -1
- package/build/utils/fetch.js +26 -0
- package/build/utils/fetch.js.map +1 -0
- package/dist/browser/headless.cjs +6 -6
- package/dist/browser/headless.cjs.map +4 -4
- package/dist/browser/headless.esm.js +6 -6
- package/dist/browser/headless.esm.js.map +1 -1
- package/dist/browser/index.cjs +7 -7
- package/dist/browser/index.cjs.map +4 -4
- package/dist/browser/index.esm.js +7 -7
- package/dist/browser/index.esm.js.map +1 -1
- package/dist/browser/react.cjs +6 -6
- package/dist/browser/react.cjs.map +4 -4
- package/dist/browser/react.esm.js +6 -6
- package/dist/browser/react.esm.js.map +1 -1
- package/dist/node/headless.cjs +4 -4
- package/dist/node/headless.cjs.map +4 -4
- package/dist/node/headless.esm.js +4 -4
- package/dist/node/headless.esm.js.map +4 -4
- package/dist/node/index.cjs +4 -4
- package/dist/node/index.cjs.map +4 -4
- package/dist/node/index.esm.js +4 -4
- package/dist/node/index.esm.js.map +4 -4
- package/dist/node/react.cjs +4 -4
- package/dist/node/react.cjs.map +4 -4
- package/dist/node/react.esm.js +4 -4
- package/dist/node/react.esm.js.map +4 -4
- package/headless.cjs +4 -4
- package/headless.cjs.map +4 -4
- package/headless.js +4 -4
- package/headless.js.map +4 -4
- package/package.json +11 -3
- package/react.cjs +6 -6
- package/react.cjs.map +4 -4
- package/react.js +6 -6
- package/react.js.map +4 -4
- package/scripts/build.js +1 -1
- package/scripts/test-setup.ts +1 -0
- package/src/components/FEAASComponent.tsx +96 -12
- package/src/components/FEAASElement.tsx +479 -41
- package/src/components/FEAASLoader.tsx +2 -2
- package/src/components/FEAASReactElement.tsx +61 -0
- package/src/components/FEAASStylesheet.tsx +3 -3
- package/src/headless.ts +5 -4
- package/src/ui/FEAAS.tsx +4 -0
- package/src/ui/FEAASContext.tsx +25 -7
- package/src/ui/FEAASEditor.tsx +7 -7
- package/src/ui/FEAASExternal.tsx +134 -24
- package/src/ui/FEAASPicker.tsx +9 -5
- package/src/ui/index.ts +4 -4
- package/src/ui/react.tsx +5 -0
- package/src/ui/tsconfig.json +1 -1
- package/src/utils/fetch.ts +44 -0
- package/test/FEAASBase.test.tsx +2 -2
- package/test/FEAASComponent.test.tsx +4 -1
- package/test/FEAASComponent2.test.tsx +215 -0
- package/test/FEAASContext.test.tsx +206 -29
- package/test/FEAASExternal.test.tsx +1 -8
- package/test/FEAASPicker.test.tsx +4 -2
- package/test/fetch-data.ts +55 -0
- package/types/components/FEAASComponent.d.ts +33 -3
- package/types/components/FEAASComponent.d.ts.map +1 -1
- package/types/components/FEAASElement.d.ts +299 -22
- package/types/components/FEAASElement.d.ts.map +1 -1
- package/types/components/FEAASLoader.d.ts +2 -2
- package/types/components/FEAASLoader.d.ts.map +1 -1
- package/types/components/FEAASReactElement.d.ts +30 -0
- package/types/components/FEAASReactElement.d.ts.map +1 -0
- package/types/components/FEAASStylesheet.d.ts +3 -3
- package/types/components/FEAASStylesheet.d.ts.map +1 -1
- package/types/headless.d.ts +4 -3
- package/types/headless.d.ts.map +1 -1
- package/types/tsbuildinfo +1 -1
- package/types/ui/FEAAS.d.ts +5 -0
- package/types/ui/FEAAS.d.ts.map +1 -0
- package/types/ui/FEAASContext.d.ts +16 -7
- package/types/ui/FEAASContext.d.ts.map +1 -1
- package/types/ui/FEAASEditor.d.ts +6 -6
- package/types/ui/FEAASEditor.d.ts.map +1 -1
- package/types/ui/FEAASExternal.d.ts +59 -10
- package/types/ui/FEAASExternal.d.ts.map +1 -1
- package/types/ui/FEAASPicker.d.ts +11 -9
- package/types/ui/FEAASPicker.d.ts.map +1 -1
- package/types/ui/index.d.ts +1 -4
- package/types/ui/index.d.ts.map +1 -1
- package/types/ui/react.d.ts.map +1 -1
- package/types/ui/tsbuildinfo +1 -0
- package/types/utils/fetch.d.ts +9 -0
- package/types/utils/fetch.d.ts.map +1 -0
- package/build/components/FEAASBase.js +0 -416
- package/build/components/FEAASBase.js.map +0 -1
- package/src/components/FEAASBase.tsx +0 -485
- package/types/components/FEAASBase.d.ts +0 -299
- package/types/components/FEAASBase.d.ts.map +0 -1
- package/types/tsbuildinfo_ui +0 -1
|
@@ -1,47 +1,421 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
1
|
+
import { ControlledPromise } from '../utils/promise.js';
|
|
2
|
+
// Shim in case it's required in node.js environment
|
|
3
|
+
var WebComponent = typeof HTMLElement == 'undefined'
|
|
4
|
+
? // @ts-ignore
|
|
5
|
+
typeof windowJSDOM != 'undefined'
|
|
6
|
+
? // @ts-ignore
|
|
7
|
+
windowJSDOM.HTMLElement
|
|
8
|
+
: class {
|
|
9
|
+
}
|
|
10
|
+
: HTMLElement;
|
|
11
|
+
/**
|
|
12
|
+
* FEAASElement is a superclass for FEAAS components with optional react support.
|
|
13
|
+
*
|
|
14
|
+
* Initialization lifecycle:
|
|
15
|
+
*
|
|
16
|
+
* - `set(props)`
|
|
17
|
+
* - `scheduleRender()` - any attribute change causes render to schedule to next frame
|
|
18
|
+
* - `whenRendered.restart()` - rendering promise is reset and will resolve after render
|
|
19
|
+
* - `advance()` - called on next frame
|
|
20
|
+
* - `if (isReadyToLoad()) => boolean` - check if component has all necessary properties to load
|
|
21
|
+
* - `load() => payload` => component is loaded
|
|
22
|
+
* - `onLoad?(payload)` => invoke loaded callback
|
|
23
|
+
* - `advance()` => going further in state machine
|
|
24
|
+
* - `flush()` => flushes all react changes if needed
|
|
25
|
+
* - `update()` => component-specific method (or react) to render changes to dom
|
|
26
|
+
* - `render(payload, props)` => render means react
|
|
27
|
+
* - `whenRendered.resolve()` - rendering promise is resolved after rendering
|
|
28
|
+
* - `whenLoaded.resolved()` - resolved after loading and rendering
|
|
29
|
+
*/
|
|
30
|
+
export class FEAASElement extends WebComponent {
|
|
31
|
+
/** Return attributes as parsed values */
|
|
32
|
+
getProps(context) {
|
|
33
|
+
return {};
|
|
34
|
+
}
|
|
35
|
+
constructor() {
|
|
36
|
+
super();
|
|
37
|
+
this.defaultProps = {};
|
|
38
|
+
/** Is/was component in the dom? */
|
|
39
|
+
this.connected = false;
|
|
40
|
+
this.refs = {};
|
|
41
|
+
this.descendants = [];
|
|
42
|
+
this.whenLoaded = ControlledPromise((payload) => {
|
|
43
|
+
this.payload = payload;
|
|
44
|
+
});
|
|
45
|
+
this.whenRendered = ControlledPromise(() => (this.initialized = true), () => cancelAnimationFrame(this.nextRender));
|
|
46
|
+
this.addEventListener('feaasMount', this);
|
|
47
|
+
this.addEventListener('feaasUnmount', this);
|
|
48
|
+
}
|
|
49
|
+
/** Attaches shadow root if getShadowRootOptions any settings, or uses element itself */
|
|
50
|
+
getRoot() {
|
|
51
|
+
return this;
|
|
52
|
+
}
|
|
53
|
+
/** Attribute changes trigger props parsing and schedules re-rendering */
|
|
54
|
+
attributeChangedCallback(name, oldValue, newValue) {
|
|
55
|
+
this.set();
|
|
56
|
+
}
|
|
57
|
+
/** Components parses its attributes when connected, and schedules rendeirng */
|
|
58
|
+
connectedCallback() {
|
|
59
|
+
this.mount();
|
|
60
|
+
}
|
|
61
|
+
disconnectedCallback() {
|
|
62
|
+
this.unmount();
|
|
63
|
+
}
|
|
64
|
+
/**
|
|
65
|
+
* Web components are initialized depth-first, making child elements render before its parents. This could here
|
|
66
|
+
* attempts to avoid this and inverts the initialization logic, so that children are initialized in the context of its
|
|
67
|
+
* already-initialized parents.
|
|
68
|
+
*
|
|
69
|
+
* FEAAS components dispatch `feaasMount` event that allows components to store references to each other. In addition
|
|
70
|
+
* it allows external scripts to listen for initialization of FEAAS components
|
|
71
|
+
*/
|
|
72
|
+
mount() {
|
|
73
|
+
try {
|
|
74
|
+
const parent = this.getParent();
|
|
75
|
+
// Allow parent component to initialize first
|
|
76
|
+
if (parent && !parent.connected)
|
|
77
|
+
return;
|
|
78
|
+
if (this.connected)
|
|
79
|
+
return;
|
|
80
|
+
this.connected = true;
|
|
81
|
+
this.log('FEAAS: Mount', this.tagName, this);
|
|
82
|
+
this.dispatchEvent(new Event('feaasMount', { bubbles: true, composed: true }));
|
|
83
|
+
this.getElements().map((element) => { var _a; return (_a = element.mount) === null || _a === void 0 ? void 0 : _a.call(element); });
|
|
84
|
+
this.set();
|
|
85
|
+
}
|
|
86
|
+
catch (e) {
|
|
87
|
+
this.onError(e);
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
log(...args) {
|
|
91
|
+
if (typeof process != 'undefined' && process.env.TESTING)
|
|
92
|
+
return;
|
|
93
|
+
console.log(...args);
|
|
94
|
+
}
|
|
95
|
+
/** Nothing special happens on unmount, except setting a flag */
|
|
96
|
+
unmount() {
|
|
97
|
+
if (!this.connected)
|
|
98
|
+
return;
|
|
99
|
+
this.log('FEAAS: Unmount', this);
|
|
100
|
+
this.dispatchEvent(new Event('feaasUnmount', { bubbles: true, composed: true }));
|
|
101
|
+
this.connected = false;
|
|
102
|
+
}
|
|
103
|
+
getParent(onlyFeaas = true) {
|
|
104
|
+
for (var p = this; (p = p.parentElement || (p.parentNode instanceof ShadowRoot ? p.parentNode.host : null));) {
|
|
105
|
+
if (!onlyFeaas || p.tagName.startsWith('FEAAS-'))
|
|
106
|
+
return p;
|
|
107
|
+
}
|
|
108
|
+
// feaas context anywhere in the dom acts as a root element
|
|
109
|
+
if (this.tagName != 'FEAAS-CONTEXT')
|
|
110
|
+
return document.querySelector('feaas-context');
|
|
111
|
+
}
|
|
112
|
+
getElements(root = this.getRoot(), onlyFeaas = true) {
|
|
113
|
+
return Array.from(root.querySelectorAll('*'))
|
|
114
|
+
.map((el) => [
|
|
115
|
+
!onlyFeaas || el.tagName.startsWith('FEAAS-') ? el : null,
|
|
116
|
+
el.shadowRoot ? this.getElements(el.shadowRoot, onlyFeaas) : null
|
|
117
|
+
])
|
|
118
|
+
.flat()
|
|
119
|
+
.filter(Boolean);
|
|
120
|
+
}
|
|
121
|
+
/** Catch-all event handler that dispatches events to callback */
|
|
122
|
+
handleEvent(event) {
|
|
123
|
+
const target = event.composedPath()[0];
|
|
124
|
+
switch (event.type) {
|
|
125
|
+
case 'feaasMount':
|
|
126
|
+
if (target != this)
|
|
127
|
+
this.nestedCallback(target);
|
|
128
|
+
break;
|
|
129
|
+
case 'feaasUnmount':
|
|
130
|
+
if (target != this)
|
|
131
|
+
this.unnestedCallback(target);
|
|
132
|
+
break;
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
/** Act on children element being removed */
|
|
136
|
+
unnestedCallback(target) {
|
|
137
|
+
const index = this.descendants.indexOf(target);
|
|
138
|
+
if (index == -1)
|
|
139
|
+
return;
|
|
140
|
+
this.log('FEAAS: Unnest', this, target);
|
|
141
|
+
this.descendants.splice(index, -1);
|
|
142
|
+
this.refs[target.getComponentName()] = null;
|
|
143
|
+
if (target.refs.parent == this)
|
|
144
|
+
target.refs.parent = null;
|
|
145
|
+
if (target.refs.top == this) {
|
|
146
|
+
target.refs.top = target.refs.parent;
|
|
147
|
+
}
|
|
148
|
+
}
|
|
149
|
+
/** Act on children element being added */
|
|
150
|
+
nestedCallback(target) {
|
|
151
|
+
var _a, _b;
|
|
152
|
+
const index = this.descendants.indexOf(target);
|
|
153
|
+
if (index != -1)
|
|
154
|
+
return;
|
|
155
|
+
this.descendants.push(target);
|
|
156
|
+
this.log('FEAAS: Nest', this, target);
|
|
157
|
+
this.refs[target.getComponentName()] = target;
|
|
158
|
+
target.refs.top = this;
|
|
159
|
+
(_a = target.refs).parent || (_a.parent = this);
|
|
160
|
+
if (target.render) {
|
|
161
|
+
for (var p = target.refs.parent; p; p = p.refs.parent) {
|
|
162
|
+
if (p.render) {
|
|
163
|
+
(_b = target.refs).parentReact || (_b.parentReact = p);
|
|
164
|
+
target.refs.topReact = p;
|
|
165
|
+
}
|
|
166
|
+
}
|
|
167
|
+
}
|
|
168
|
+
}
|
|
169
|
+
getComponentName() {
|
|
170
|
+
return this.tagName.replace('FEAAS-', '').toLowerCase();
|
|
171
|
+
}
|
|
172
|
+
/**
|
|
173
|
+
* Check if lazy component is ready to be loaded. For example a component may stay unloaded unless certain attributes
|
|
174
|
+
* are set
|
|
175
|
+
*/
|
|
176
|
+
isReadyToLoad() {
|
|
177
|
+
return this.payload === undefined && this.getAttribute('hidden') == null;
|
|
178
|
+
}
|
|
179
|
+
/** Generic error handler */
|
|
180
|
+
onError(error, where = 'uncaught', handled = false) {
|
|
181
|
+
const event = new CustomEvent('feaasError', { bubbles: true, composed: true, detail: error });
|
|
182
|
+
this.dispatchEvent(event);
|
|
183
|
+
this.whenLoaded.reject(error);
|
|
184
|
+
if (!event.defaultPrevented && !handled) {
|
|
185
|
+
this.whenRendered.reject(error);
|
|
186
|
+
try {
|
|
187
|
+
this.unmount();
|
|
188
|
+
}
|
|
189
|
+
catch (e) { }
|
|
190
|
+
return true;
|
|
191
|
+
}
|
|
192
|
+
return false;
|
|
193
|
+
}
|
|
194
|
+
shouldUpdateOnLoad() {
|
|
195
|
+
return true;
|
|
196
|
+
}
|
|
197
|
+
/** Load lazy component & render */
|
|
198
|
+
async advance() {
|
|
199
|
+
try {
|
|
200
|
+
if (this.payload === undefined) {
|
|
201
|
+
if (!this.isReadyToLoad())
|
|
202
|
+
return;
|
|
203
|
+
this.payload = null;
|
|
204
|
+
this.dispatchEvent(new Event('feaasLoad', { bubbles: true, composed: true }));
|
|
205
|
+
const loaded = await this.load().catch((e) => {
|
|
206
|
+
this.payload = undefined;
|
|
207
|
+
throw e;
|
|
208
|
+
});
|
|
209
|
+
this.whenLoaded.resolve(loaded);
|
|
210
|
+
// Allow component to handle the post-loading
|
|
211
|
+
if (this.onLoad) {
|
|
212
|
+
return;
|
|
213
|
+
}
|
|
214
|
+
}
|
|
215
|
+
else if (this.payload == null) {
|
|
216
|
+
return;
|
|
217
|
+
}
|
|
218
|
+
this.flush();
|
|
219
|
+
this.whenRendered.resolve(this);
|
|
220
|
+
}
|
|
221
|
+
catch (e) {
|
|
222
|
+
this.onError(e);
|
|
223
|
+
}
|
|
224
|
+
}
|
|
225
|
+
flush() {
|
|
226
|
+
var _a, _b;
|
|
227
|
+
const flushSync = (_b = (_a = this.payload) === null || _a === void 0 ? void 0 : _a.ReactDOM) === null || _b === void 0 ? void 0 : _b.flushSync;
|
|
228
|
+
if (flushSync) {
|
|
229
|
+
flushSync(() => this.update());
|
|
230
|
+
}
|
|
231
|
+
else {
|
|
232
|
+
this.update();
|
|
233
|
+
}
|
|
234
|
+
}
|
|
235
|
+
/** Invoke preloading logic that needs to finish before component can render */
|
|
3
236
|
load() {
|
|
4
|
-
return Promise.
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
237
|
+
return Promise.resolve(null);
|
|
238
|
+
}
|
|
239
|
+
/**
|
|
240
|
+
* Component-specific logic that updates the DOM. Default render implementation assume react rendering, in that case
|
|
241
|
+
* the component needs to provide React & ReactDOM references in its payload. Web component redefine its render to not
|
|
242
|
+
* use react at all
|
|
243
|
+
*/
|
|
244
|
+
update() {
|
|
245
|
+
var _a, _b, _c;
|
|
246
|
+
//this.log('FEAAS: React', this.tagName, this.payload)
|
|
247
|
+
if (this.payload == null)
|
|
248
|
+
return;
|
|
249
|
+
if (!this.render)
|
|
250
|
+
return;
|
|
251
|
+
const { React, ReactDOM, ReactDOMClient } = this.payload || {};
|
|
252
|
+
if (!React)
|
|
253
|
+
throw new Error(`${this.tagName}: React is not present in payload`);
|
|
254
|
+
if (!ReactDOM)
|
|
255
|
+
throw new Error(`${this.tagName}: ReactDOM is not present in payload`);
|
|
256
|
+
if (!this.refs.topReact && !this.forceUpdateReact) {
|
|
257
|
+
if (ReactDOMClient) {
|
|
258
|
+
this.reactRoot || (this.reactRoot = ReactDOMClient.createRoot(this.getReactRootElement()));
|
|
259
|
+
this.reactRoot.render(this.getReactElement());
|
|
260
|
+
}
|
|
261
|
+
else {
|
|
262
|
+
ReactDOM.render(this.getReactElement(), this.getReactRootElement());
|
|
263
|
+
}
|
|
264
|
+
}
|
|
265
|
+
else if (this.forceUpdateReact) {
|
|
266
|
+
(_a = this.forceUpdateReact) === null || _a === void 0 ? void 0 : _a.call(this);
|
|
267
|
+
}
|
|
268
|
+
else {
|
|
269
|
+
(_c = (_b = this.refs.topReact).forceUpdateReact) === null || _c === void 0 ? void 0 : _c.call(_b);
|
|
270
|
+
}
|
|
271
|
+
}
|
|
272
|
+
invokeReactRendering() {
|
|
273
|
+
const { React, ReactDOM } = this.payload || {};
|
|
274
|
+
if (!this.connected)
|
|
275
|
+
return null;
|
|
276
|
+
const children = this.descendants
|
|
277
|
+
.filter((r) => {
|
|
278
|
+
return r.refs.parentReact == this && r.payload;
|
|
279
|
+
})
|
|
280
|
+
.map((child, index) => {
|
|
281
|
+
return this.getReactElement(child);
|
|
11
282
|
});
|
|
283
|
+
return this.render({ ...this.props, children }, this.payload);
|
|
12
284
|
}
|
|
13
|
-
|
|
14
|
-
|
|
285
|
+
getReactErrorBoundary(target = this, displayName = target.tagName) {
|
|
286
|
+
if (this.reactErrorBoundary)
|
|
287
|
+
return this.reactErrorBoundary;
|
|
288
|
+
const { React, ReactDOM } = target.payload || {};
|
|
289
|
+
return (this.reactErrorBoundary || (this.reactErrorBoundary = class FEAASErrorBoundary extends React.Component {
|
|
290
|
+
constructor() {
|
|
291
|
+
super(...arguments);
|
|
292
|
+
this.state = {
|
|
293
|
+
error: null
|
|
294
|
+
};
|
|
295
|
+
}
|
|
296
|
+
static getDerivedStateFromError(error) {
|
|
297
|
+
return { error: error };
|
|
298
|
+
}
|
|
299
|
+
componentDidCatch(error, errorInfo) {
|
|
300
|
+
console.error(`FEAAS: ${target.tagName} Error:`, error, errorInfo);
|
|
301
|
+
target.onError(error, 'react');
|
|
302
|
+
//this.setState({ error: error })
|
|
303
|
+
}
|
|
304
|
+
render() {
|
|
305
|
+
if (this.state.error) {
|
|
306
|
+
// target.classList.add('feaas-error')
|
|
307
|
+
return;
|
|
308
|
+
//return <h1>There seems to be a problem.</h1>
|
|
309
|
+
}
|
|
310
|
+
//if (target.classList.contains('feaas-error')) target.classList.remove('feaas-error')
|
|
311
|
+
return this.props.children;
|
|
312
|
+
}
|
|
313
|
+
}));
|
|
15
314
|
}
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
315
|
+
getReactElement(target = this, props) {
|
|
316
|
+
const { React, ReactDOM } = target.payload || {};
|
|
317
|
+
const ErrorBoundary = this.getReactErrorBoundary();
|
|
318
|
+
const Wrapper = this.getReactWrapper(target);
|
|
319
|
+
return (React.createElement(ErrorBoundary, { key: target.tagName + '-' + target.getUID(), slot: target.getAttribute('slot') },
|
|
320
|
+
React.createElement(Wrapper, null)));
|
|
21
321
|
}
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
322
|
+
getReactWrapper(target = this, displayName = target.tagName) {
|
|
323
|
+
if (target.reactWrapper)
|
|
324
|
+
return target.reactWrapper;
|
|
325
|
+
const { React, ReactDOM } = target.payload || {};
|
|
326
|
+
target.reactWrapper = (props) => {
|
|
327
|
+
if (target.render) {
|
|
328
|
+
const [value, forceUpdateReact] = React.useReducer((r) => r + 1, 0);
|
|
329
|
+
target.forceUpdateReact = forceUpdateReact;
|
|
330
|
+
return ReactDOM.createPortal(React.createElement(React.Fragment, null, target.invokeReactRendering()), target.getReactRootElement());
|
|
331
|
+
}
|
|
332
|
+
else {
|
|
333
|
+
return target.update();
|
|
334
|
+
}
|
|
26
335
|
};
|
|
336
|
+
Object.assign(target.reactWrapper, {
|
|
337
|
+
key: target.tagName + '-' + target.getUID(),
|
|
338
|
+
displayName: displayName
|
|
339
|
+
});
|
|
340
|
+
return target.reactWrapper;
|
|
341
|
+
}
|
|
342
|
+
getUID() {
|
|
343
|
+
return (this.uid || (this.uid = String(Math.random())));
|
|
344
|
+
}
|
|
345
|
+
getShadowRoot() {
|
|
346
|
+
if (!this.shadowRoot) {
|
|
347
|
+
this.attachShadow({ mode: 'open' });
|
|
348
|
+
}
|
|
349
|
+
return this.shadowRoot;
|
|
350
|
+
}
|
|
351
|
+
getReactRootElement() {
|
|
352
|
+
return this.useShadowRoot ? this.getShadowRoot() : this.getRoot();
|
|
353
|
+
}
|
|
354
|
+
/** Set props and return values on new next tick */
|
|
355
|
+
set(overrides) {
|
|
356
|
+
try {
|
|
357
|
+
this.scheduleRender();
|
|
358
|
+
this.overrides = {
|
|
359
|
+
...this.overrides,
|
|
360
|
+
...overrides
|
|
361
|
+
};
|
|
362
|
+
this.props = {
|
|
363
|
+
...this.getProps(),
|
|
364
|
+
...this.overrides
|
|
365
|
+
};
|
|
366
|
+
for (var property in this.props) {
|
|
367
|
+
const value = this.props[property];
|
|
368
|
+
const attribute = property.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
|
|
369
|
+
if (value == null || value === this.defaultProps[property]) {
|
|
370
|
+
this.removeAttribute(attribute);
|
|
371
|
+
}
|
|
372
|
+
else if (typeof value == 'string' || typeof value == 'number' || typeof value == 'boolean') {
|
|
373
|
+
if (this.getAttribute(attribute) != String(value))
|
|
374
|
+
this.setAttribute(attribute, String(value));
|
|
375
|
+
}
|
|
376
|
+
}
|
|
377
|
+
}
|
|
378
|
+
catch (e) {
|
|
379
|
+
this.whenRendered.reject(e);
|
|
380
|
+
this.onError(e, 'set');
|
|
381
|
+
}
|
|
382
|
+
return this;
|
|
383
|
+
}
|
|
384
|
+
import(path) {
|
|
385
|
+
return import(/* @vite-ignore */ /* webpackIgnore: true */ path);
|
|
386
|
+
}
|
|
387
|
+
scheduleRender() {
|
|
388
|
+
if (this.nextRender == null) {
|
|
389
|
+
this.whenRendered = this.whenRendered.restart();
|
|
390
|
+
}
|
|
391
|
+
cancelAnimationFrame(this.nextRender);
|
|
392
|
+
this.nextRender = requestAnimationFrame(() => {
|
|
393
|
+
this.nextRender = null;
|
|
394
|
+
this.advance().catch((e) => { });
|
|
395
|
+
});
|
|
396
|
+
}
|
|
397
|
+
formatURL(src, hostname) {
|
|
398
|
+
if (typeof src == 'string' && src.match(/^\/[^\/]/)) {
|
|
399
|
+
return hostname + src;
|
|
400
|
+
}
|
|
401
|
+
else {
|
|
402
|
+
return src;
|
|
403
|
+
}
|
|
404
|
+
}
|
|
405
|
+
getContextAttribute(name, element = this) {
|
|
406
|
+
for (var p = this; (p = p.parentElement || (p.parentNode instanceof ShadowRoot ? p.parentNode.host : null));) {
|
|
407
|
+
if (p.getAttribute(name) != null)
|
|
408
|
+
return p.getAttribute(name);
|
|
409
|
+
}
|
|
410
|
+
return this.getAttribute(name);
|
|
27
411
|
}
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
}, [counter]);
|
|
35
|
-
return (React.createElement(React.Fragment, null,
|
|
36
|
-
React.createElement("p", null,
|
|
37
|
-
"Rendering attribute: ",
|
|
38
|
-
counter),
|
|
39
|
-
React.createElement("p", null,
|
|
40
|
-
"Triggered updates: ",
|
|
41
|
-
updates)));
|
|
412
|
+
static register(tagName, win) {
|
|
413
|
+
if (win == null)
|
|
414
|
+
win = typeof window != 'undefined' ? window : null;
|
|
415
|
+
if (win && !win.customElements.get(tagName)) {
|
|
416
|
+
win.customElements.define(tagName, this);
|
|
417
|
+
}
|
|
42
418
|
}
|
|
43
419
|
}
|
|
44
|
-
|
|
45
|
-
MyComponent.observedAttributes = ['counter'];
|
|
46
|
-
export { MyComponent };
|
|
420
|
+
export { FEAASElement as Element };
|
|
47
421
|
//# sourceMappingURL=FEAASElement.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FEAASElement.js","sourceRoot":"","sources":["../../src/components/FEAASElement.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAW1C,MAAM,CAAC,OAAO,OAAO,YAAgB,SAAQ,SAA0B;IACrE,IAAI;QACF,OAAO,OAAO,CAAC,GAAG,CAAC;YACjB,6BAA6B;YAC7B,MAAM,CAAC,+BAA+B,CAAC;YACvC,aAAa;YACb,MAAM,CAAC,mCAAmC,CAAC;SAC5C,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,QAAQ,CAAC,EAAE,EAAE;YAC5B,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAA;QAC5B,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,MAAM,CAAC,EAAK,EAAE,EAAE,KAAK,EAAgB;QACnC,OAAO,yCAAK,CAAA;IACd,CAAC;CACF;AAMD,MAAa,WAAY,SAAQ,YAA8B;IAA/D;;QAIE,kBAAa,GAAG,IAAI,CAAA;IAuBtB,CAAC;IArBC,0DAA0D;IAC1D,QAAQ;QACN,OAAO;YACL,OAAO,EAAE,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;SAClD,CAAA;IACH,CAAC;IAED,2DAA2D;IAC3D,mDAAmD;IACnD,MAAM,CAAC,EAAE,OAAO,EAAoB,EAAE,EAAE,KAAK,EAAgB;QAC3D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;QAC/C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;YACnB,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;QAC1B,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;QACb,OAAO,CACL;YACE;;gBAAyB,OAAO,CAAK;YACrC;;gBAAuB,OAAO,CAAK,CAClC,CACJ,CAAA;IACH,CAAC;;AAzBD,mEAAmE;AAC5D,8BAAkB,GAAG,CAAC,SAAS,CAAC,AAAd,CAAc;SAF5B,WAAW"}
|
|
1
|
+
{"version":3,"file":"FEAASElement.js","sourceRoot":"","sources":["../../src/components/FEAASElement.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { FEAASElement } from './FEAASElement.js';
|
|
2
2
|
export function FEAASLoaderProps(element) {
|
|
3
3
|
return {
|
|
4
4
|
opacity: (element === null || element === void 0 ? void 0 : element.getAttribute('opacity')) ? parseFloat(element === null || element === void 0 ? void 0 : element.getAttribute('opacity')) : 1,
|
|
5
5
|
hidden: (element === null || element === void 0 ? void 0 : element.getAttribute('hidden')) != null
|
|
6
6
|
};
|
|
7
7
|
}
|
|
8
|
-
class FEAASLoader extends
|
|
8
|
+
class FEAASLoader extends FEAASElement {
|
|
9
9
|
constructor() {
|
|
10
10
|
super(...arguments);
|
|
11
11
|
this.defaultProps = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FEAASLoader.js","sourceRoot":"","sources":["../../src/components/FEAASLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"FEAASLoader.js","sourceRoot":"","sources":["../../src/components/FEAASLoader.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { FEAASElement } from './FEAASElement.js';
|
|
2
|
+
export default class FEAASReactElement extends FEAASElement {
|
|
3
|
+
load() {
|
|
4
|
+
return Promise.all([
|
|
5
|
+
// @ts-ignore @webpack-ignore
|
|
6
|
+
import('https://cdn.skypack.dev/react'),
|
|
7
|
+
// @ts-ignore
|
|
8
|
+
import('https://cdn.skypack.dev/react-dom')
|
|
9
|
+
]).then(([React, ReactDOM]) => {
|
|
10
|
+
return { React, ReactDOM };
|
|
11
|
+
});
|
|
12
|
+
}
|
|
13
|
+
render({}, { React }) {
|
|
14
|
+
return React.createElement(React.Fragment, null);
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
class MyComponent extends FEAASReactElement {
|
|
18
|
+
constructor() {
|
|
19
|
+
super(...arguments);
|
|
20
|
+
this.useShadowRoot = true;
|
|
21
|
+
}
|
|
22
|
+
// parse attributes from web component to react-ready form
|
|
23
|
+
getProps() {
|
|
24
|
+
return {
|
|
25
|
+
counter: parseFloat(this.getAttribute('counter'))
|
|
26
|
+
};
|
|
27
|
+
}
|
|
28
|
+
// First argument is props, second arguments is React stuff
|
|
29
|
+
// Destructuring React is important for JSX to work
|
|
30
|
+
render({ counter }, { React }) {
|
|
31
|
+
const [updates, setUpdates] = React.useState(0);
|
|
32
|
+
React.useEffect(() => {
|
|
33
|
+
setUpdates((u) => u + 1);
|
|
34
|
+
}, [counter]);
|
|
35
|
+
return (React.createElement(React.Fragment, null,
|
|
36
|
+
React.createElement("p", null,
|
|
37
|
+
"Rendering attribute: ",
|
|
38
|
+
counter),
|
|
39
|
+
React.createElement("p", null,
|
|
40
|
+
"Triggered updates: ",
|
|
41
|
+
updates)));
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
// will re-render component if any of these attributes have changed
|
|
45
|
+
MyComponent.observedAttributes = ['counter'];
|
|
46
|
+
export { MyComponent };
|
|
47
|
+
//# sourceMappingURL=FEAASReactElement.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FEAASReactElement.js","sourceRoot":"","sources":["../../src/components/FEAASReactElement.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAWhD,MAAM,CAAC,OAAO,OAAO,iBAAqB,SAAQ,YAA6B;IAC7E,IAAI;QACF,OAAO,OAAO,CAAC,GAAG,CAAC;YACjB,6BAA6B;YAC7B,MAAM,CAAC,+BAA+B,CAAC;YACvC,aAAa;YACb,MAAM,CAAC,mCAAmC,CAAC;SAC5C,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,QAAQ,CAAC,EAAE,EAAE;YAC5B,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAA;QAC5B,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,MAAM,CAAC,EAAK,EAAE,EAAE,KAAK,EAAgB;QACnC,OAAO,yCAAK,CAAA;IACd,CAAC;CACF;AAMD,MAAa,WAAY,SAAQ,iBAAmC;IAApE;;QAIE,kBAAa,GAAG,IAAI,CAAA;IAuBtB,CAAC;IArBC,0DAA0D;IAC1D,QAAQ;QACN,OAAO;YACL,OAAO,EAAE,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;SAClD,CAAA;IACH,CAAC;IAED,2DAA2D;IAC3D,mDAAmD;IACnD,MAAM,CAAC,EAAE,OAAO,EAAoB,EAAE,EAAE,KAAK,EAAgB;QAC3D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;QAC/C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;YACnB,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;QAC1B,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;QACb,OAAO,CACL;YACE;;gBAAyB,OAAO,CAAK;YACrC;;gBAAuB,OAAO,CAAK,CAClC,CACJ,CAAA;IACH,CAAC;;AAzBD,mEAAmE;AAC5D,8BAAkB,GAAG,CAAC,SAAS,CAAC,AAAd,CAAc;SAF5B,WAAW"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { DEFAULT_CDN_URL, parseStylesheetSource } from '../cdn.js';
|
|
2
2
|
import { loadStylesheet } from '../dom/stylesheet.js';
|
|
3
|
-
import {
|
|
3
|
+
import { FEAASElement } from './FEAASElement.js';
|
|
4
4
|
export function FEAASStylesheetProps(element) {
|
|
5
5
|
var _a, _b, _c, _d;
|
|
6
6
|
const src = element.getAttribute('src');
|
|
@@ -13,7 +13,7 @@ export function FEAASStylesheetProps(element) {
|
|
|
13
13
|
cdn: (_d = (_c = element === null || element === void 0 ? void 0 : element.getContextAttribute('cdn')) !== null && _c !== void 0 ? _c : element === null || element === void 0 ? void 0 : element.getContextAttribute('hostname')) !== null && _d !== void 0 ? _d : DEFAULT_CDN_URL
|
|
14
14
|
};
|
|
15
15
|
}
|
|
16
|
-
export class FEAASStylesheet extends
|
|
16
|
+
export class FEAASStylesheet extends FEAASElement {
|
|
17
17
|
constructor() {
|
|
18
18
|
super(...arguments);
|
|
19
19
|
this.onLoad = (html) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FEAASStylesheet.js","sourceRoot":"","sources":["../../src/components/FEAASStylesheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAA4B,qBAAqB,EAAE,MAAM,WAAW,CAAA;AAC5F,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"FEAASStylesheet.js","sourceRoot":"","sources":["../../src/components/FEAASStylesheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAA4B,qBAAqB,EAAE,MAAM,WAAW,CAAA;AAC5F,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAEhD,MAAM,UAAU,oBAAoB,CAAC,OAAqB;;IACxD,MAAM,GAAG,GAAG,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;IACvC,IAAI,GAAG,EAAE;QACP,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,qBAAqB,CAAC,GAAG,CAAC,CAAA;KAC5D;IACD,OAAO;QACL,OAAO,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,mBAAmB,CAAC,SAAS,CAAC;QAChD,QAAQ,EAAE,MAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,CAAC,UAAU,CAAC,mCAAI,QAAQ,mCAAI,WAAW;QACtE,GAAG,EAAE,MAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,mBAAmB,CAAC,KAAK,CAAC,mCAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,mBAAmB,CAAC,UAAU,CAAC,mCAAI,eAAe;KAC5E,CAAA;AAC/B,CAAC;AAGD,MAAM,OAAO,eAAgB,SAAQ,YAA0C;IAA/E;;QASE,WAAM,GAAG,CAAC,IAAY,EAAE,EAAE;YACxB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAA;YACnB,IAAI,CAAC,OAAO,EAAE,CAAA;QAChB,CAAC,CAAA;IAKH,CAAC;IAhBC,QAAQ;QACN,OAAO,oBAAoB,CAAC,IAAI,CAAC,CAAA;IACnC,CAAC;IAED,aAAa;QACX,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,IAAI,CAAA;IAC5F,CAAC;IAOD,IAAI;QACF,OAAO,cAAc,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,CAAA;IAChD,CAAC;CACF;AASD,eAAe,CAAC,QAAQ,CAAC,kBAAkB,CAAC,CAAA;AAC5C,OAAO,EAAE,eAAe,IAAI,UAAU,EAAE,CAAA"}
|
package/build/headless.js
CHANGED
|
@@ -3,23 +3,24 @@
|
|
|
3
3
|
* avoid circular dependency. Regular clientside build entry point is in ui/index.ts
|
|
4
4
|
*/
|
|
5
5
|
var _a;
|
|
6
|
-
import
|
|
6
|
+
import FEAASReactElement from './components/FEAASReactElement.js';
|
|
7
7
|
export * from './dom/rendering.js';
|
|
8
8
|
export * from './dom/data.js';
|
|
9
9
|
export * from './dom/scripts.js';
|
|
10
10
|
export * from './dom/stylesheet.js';
|
|
11
11
|
export * from './dom/component.js';
|
|
12
12
|
export * from './fetch.js';
|
|
13
|
+
export * from './utils/promise.js';
|
|
13
14
|
export * from './cdn.js';
|
|
14
|
-
export * from './components/FEAASBase.js';
|
|
15
15
|
export * from './components/FEAASElement.js';
|
|
16
|
+
export * from './components/FEAASReactElement.js';
|
|
16
17
|
export * from './components/FEAASComponent.js';
|
|
17
18
|
export * from './components/FEAASLoader.js';
|
|
18
19
|
export * from './components/FEAASStylesheet.js';
|
|
19
20
|
export * from './utils/datapath.js';
|
|
20
21
|
export * as Thumbnail from './dom/thumbnail.js';
|
|
21
22
|
if (typeof window != 'undefined') {
|
|
22
|
-
window.
|
|
23
|
+
window.FEAASReactElement = FEAASReactElement;
|
|
23
24
|
(_a = window.FEAASLoading) !== null && _a !== void 0 ? _a : (window.FEAASLoading = Promise.resolve());
|
|
24
25
|
}
|
|
25
26
|
//# sourceMappingURL=headless.js.map
|
package/build/headless.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"headless.js","sourceRoot":"","sources":["../src/headless.ts"],"names":[],"mappings":"AAAA;;;GAGG;;AAEH,OAAO,
|
|
1
|
+
{"version":3,"file":"headless.js","sourceRoot":"","sources":["../src/headless.ts"],"names":[],"mappings":"AAAA;;;GAGG;;AAEH,OAAO,iBAAiB,MAAM,mCAAmC,CAAA;AAEjE,cAAc,oBAAoB,CAAA;AAClC,cAAc,eAAe,CAAA;AAC7B,cAAc,kBAAkB,CAAA;AAChC,cAAc,qBAAqB,CAAA;AACnC,cAAc,oBAAoB,CAAA;AAClC,cAAc,YAAY,CAAA;AAC1B,cAAc,oBAAoB,CAAA;AAClC,cAAc,UAAU,CAAA;AACxB,cAAc,8BAA8B,CAAA;AAC5C,cAAc,mCAAmC,CAAA;AACjD,cAAc,gCAAgC,CAAA;AAC9C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,qBAAqB,CAAA;AACnC,OAAO,KAAK,SAAS,MAAM,oBAAoB,CAAA;AAS/C,IAAI,OAAO,MAAM,IAAI,WAAW,EAAE;IAChC,MAAM,CAAC,iBAAiB,GAAG,iBAAiB,CAAA;IAC5C,MAAA,MAAM,CAAC,YAAY,oCAAnB,MAAM,CAAC,YAAY,GAAK,OAAO,CAAC,OAAO,EAAE,EAAA;CAC1C"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FEAAS.js","sourceRoot":"","sources":["../../src/ui/FEAAS.tsx"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA"}
|