@sitecore-feaas/clientside 0.1.50 → 0.1.52
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 +19 -0
- package/build/ui/FEAASExternal.js +9 -2
- package/build/ui/FEAASExternal.js.map +1 -1
- package/build/ui/react.js +1 -1
- package/build/ui/react.js.map +1 -1
- package/dist/browser/headless.esm.js.map +1 -1
- package/dist/browser/index.esm.js.map +1 -1
- package/dist/browser/react.cjs +5 -5
- package/dist/browser/react.cjs.map +3 -3
- package/dist/browser/react.esm.js +5 -5
- package/dist/browser/react.esm.js.map +1 -1
- package/dist/node/react.cjs +3 -3
- package/dist/node/react.cjs.map +3 -3
- package/dist/node/react.esm.js +3 -3
- package/dist/node/react.esm.js.map +3 -3
- package/package.json +1 -1
- package/react.cjs +5 -5
- package/react.cjs.map +3 -3
- package/react.js +5 -5
- package/react.js.map +3 -3
- package/src/ui/FEAASExternal.tsx +10 -2
- package/src/ui/react.tsx +1 -1
- package/test/FEAASComponent.react.test.tsx +39 -153
- package/test/FEAASExternal.test.tsx +2 -2
- package/types/tsbuildinfo +1 -1
- package/types/tsbuildinfo_ui +1 -1
- package/types/ui/FEAASExternal.d.ts +4 -0
- package/types/ui/FEAASExternal.d.ts.map +1 -1
package/README.md
CHANGED
|
@@ -113,3 +113,22 @@ import * as FEAAS from '@sitecore-feaas/clientside'
|
|
|
113
113
|
// Load stylesheet (will automatically add it )
|
|
114
114
|
<feaas-stylesheet='library_id'></feaas-stylesheet>
|
|
115
115
|
```
|
|
116
|
+
|
|
117
|
+
### Entrypoints
|
|
118
|
+
|
|
119
|
+
There are three different entrypoints for clientside: UI, React and Headless
|
|
120
|
+
1. The main entrypoint `@sitecore-feaas/clientside` targets the UI package which references frontend
|
|
121
|
+
from components monorepo. This includes both the core functionality and some ui components like
|
|
122
|
+
the pickers and the embedded editor
|
|
123
|
+
2. The `@sitecore-feaas/clientside/react` entrypoint targets the React package which is similar to the main entrypoint
|
|
124
|
+
but also includes some components that use React as a dependency like external react components.
|
|
125
|
+
3. The `@sitecore-feaas/clientside/headless` entrypoint targets the Headless package which includes just the
|
|
126
|
+
core functionality of clientside without any dependencies on frontend or react.
|
|
127
|
+
---
|
|
128
|
+
**NOTE 1:** React library is not included in any clientside package, we assume that it is already installed in the container that uses the `@sitecore-feaas/clientside/react` entrypoint. We mark React library as external in scripts/build.js
|
|
129
|
+
|
|
130
|
+
**NOTE 2:** UI has its own tsconfig that includes references to both `/frontend` and `/clientside`. Clientside main tsconfig excludes `/ui` avoiding circular imports
|
|
131
|
+
|
|
132
|
+
---
|
|
133
|
+
|
|
134
|
+
|
|
@@ -2,6 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import ReactDOM from 'react-dom';
|
|
3
3
|
import { FEAASBase } from '../components/FEAASBase.js';
|
|
4
4
|
import { kebabCase, reverseKebabCase } from '../utils/string.js';
|
|
5
|
+
import { Component } from './react.js';
|
|
5
6
|
const convertSchemaPropertiesToKebabCase = (schema) => {
|
|
6
7
|
if (!schema)
|
|
7
8
|
return;
|
|
@@ -45,8 +46,9 @@ export default class FEAASExternal extends FEAASBase {
|
|
|
45
46
|
}
|
|
46
47
|
static setRegistrationCallback() {
|
|
47
48
|
// if registerCallback has not already been triggered by another component, set it
|
|
48
|
-
if (!FEAASExternal.registrationCallback) {
|
|
49
|
+
if (!FEAASExternal.registrationCallback && typeof window !== 'undefined') {
|
|
49
50
|
FEAASExternal.registrationCallback = setTimeout(() => {
|
|
51
|
+
var _a;
|
|
50
52
|
// create components array from object
|
|
51
53
|
const components = Object.keys(FEAASExternal.registered).map((name) => ({
|
|
52
54
|
...FEAASExternal.registered[name],
|
|
@@ -55,7 +57,7 @@ export default class FEAASExternal extends FEAASBase {
|
|
|
55
57
|
component: FEAASExternal.registered[name].component.toString()
|
|
56
58
|
}));
|
|
57
59
|
// send components from iframe to parent window
|
|
58
|
-
window.parent.postMessage(JSON.stringify({
|
|
60
|
+
(_a = window === null || window === void 0 ? void 0 : window.parent) === null || _a === void 0 ? void 0 : _a.postMessage(JSON.stringify({
|
|
59
61
|
action: 'register-components',
|
|
60
62
|
data: components
|
|
61
63
|
}), '*');
|
|
@@ -71,6 +73,11 @@ export default class FEAASExternal extends FEAASBase {
|
|
|
71
73
|
FEAASExternal.registerComponent(component, schema, name);
|
|
72
74
|
});
|
|
73
75
|
}
|
|
76
|
+
static Preview(props) {
|
|
77
|
+
var _a;
|
|
78
|
+
const src = (props === null || props === void 0 ? void 0 : props.src) || (typeof window !== 'undefined' ? (_a = window.location.search.match(/feaasSrc=([^&]+)/)) === null || _a === void 0 ? void 0 : _a[1] : null);
|
|
79
|
+
return src ? React.createElement(Component, { src: src, ...props }) : null;
|
|
80
|
+
}
|
|
74
81
|
}
|
|
75
82
|
FEAASExternal.registered = {};
|
|
76
83
|
FEAASExternal.register('feaas-external');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FEAASExternal.js","sourceRoot":"","sources":["../../src/ui/FEAASExternal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,QAAQ,MAAM,WAAW,CAAA;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AAEtD,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;
|
|
1
|
+
{"version":3,"file":"FEAASExternal.js","sourceRoot":"","sources":["../../src/ui/FEAASExternal.tsx"],"names":[],"mappings":"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"}
|
package/build/ui/react.js
CHANGED
|
@@ -5,7 +5,7 @@ import { renderHTMLContent } from '../dom/html.js';
|
|
|
5
5
|
export { renderHTMLContent };
|
|
6
6
|
export { External } from './FEAASExternal.js';
|
|
7
7
|
export function FEAASEmbed({ data, ...props }) {
|
|
8
|
-
if ('template' in props &&
|
|
8
|
+
if ('template' in props && props.template) {
|
|
9
9
|
var html = renderHTMLContent(props.template, data || {});
|
|
10
10
|
}
|
|
11
11
|
if ('src' in props) {
|
package/build/ui/react.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"react.js","sourceRoot":"","sources":["../../src/ui/react.tsx"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,OAAO,EAAuB,oBAAoB,EAAE,MAAM,YAAY,CAAA;AACtE,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAClD,OAAO,EAAE,iBAAiB,EAAE,CAAA;AAC5B,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAE7C,MAAM,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAA4B;IACrE,IAAI,UAAU,IAAI,KAAK,IAAI,
|
|
1
|
+
{"version":3,"file":"react.js","sourceRoot":"","sources":["../../src/ui/react.tsx"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,OAAO,EAAuB,oBAAoB,EAAE,MAAM,YAAY,CAAA;AACtE,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAClD,OAAO,EAAE,iBAAiB,EAAE,CAAA;AAC5B,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAE7C,MAAM,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAA4B;IACrE,IAAI,UAAU,IAAI,KAAK,IAAI,KAAK,CAAC,QAAQ,EAAE;QACzC,IAAI,IAAI,GAAG,iBAAiB,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,IAAI,EAAE,CAAC,CAAA;KACzD;IACD,IAAI,KAAK,IAAI,KAAK,EAAE;QAClB,KAAK,GAAG;YACN,GAAG,oBAAoB,CAAC,KAAK,CAAC,GAAG,CAAC;YAClC,GAAG,KAAK;SACT,CAAA;KACF;IACD,OAAO,CACL,4CACM,KAAK,EACT,QAAQ,EAAE,IAAI,EACd,IAAI,EAAE,OAAO,IAAI,IAAI,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,EACzE,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,IAAI,EAAE,EAAE,GAC/C,CACH,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAAA"}
|