@builder.io/sdk-solid 0.0.8-4 → 0.0.8-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/package.json +4 -1
- package/entry-point/index.jsx +0 -5
- package/src/blocks/button/button.jsx +0 -13
- package/src/blocks/button/button.lite.tsx +0 -23
- package/src/blocks/button/component-info.js +0 -41
- package/src/blocks/columns/columns.jsx +0 -91
- package/src/blocks/columns/columns.lite.tsx +0 -102
- package/src/blocks/columns/component-info.js +0 -217
- package/src/blocks/custom-code/component-info.js +0 -31
- package/src/blocks/custom-code/custom-code.jsx +0 -52
- package/src/blocks/custom-code/custom-code.lite.tsx +0 -69
- package/src/blocks/embed/component-info.js +0 -24
- package/src/blocks/embed/embed.jsx +0 -52
- package/src/blocks/embed/embed.lite.tsx +0 -61
- package/src/blocks/form/component-info.js +0 -262
- package/src/blocks/form/form.jsx +0 -253
- package/src/blocks/form/form.lite.tsx +0 -293
- package/src/blocks/fragment/component-info.js +0 -11
- package/src/blocks/fragment/fragment.jsx +0 -5
- package/src/blocks/fragment/fragment.lite.tsx +0 -5
- package/src/blocks/image/component-info.js +0 -104
- package/src/blocks/image/image.jsx +0 -54
- package/src/blocks/image/image.lite.tsx +0 -83
- package/src/blocks/img/component-info.js +0 -20
- package/src/blocks/img/img.jsx +0 -10
- package/src/blocks/img/img.lite.tsx +0 -18
- package/src/blocks/input/component-info.js +0 -74
- package/src/blocks/input/input.jsx +0 -7
- package/src/blocks/input/input.lite.tsx +0 -20
- package/src/blocks/raw-text/component-info.js +0 -16
- package/src/blocks/raw-text/raw-text.jsx +0 -5
- package/src/blocks/raw-text/raw-text.lite.tsx +0 -10
- package/src/blocks/section/component-info.js +0 -49
- package/src/blocks/section/section.jsx +0 -9
- package/src/blocks/section/section.lite.tsx +0 -18
- package/src/blocks/select/component-info.js +0 -59
- package/src/blocks/select/select.jsx +0 -16
- package/src/blocks/select/select.lite.tsx +0 -28
- package/src/blocks/submit-button/component-info.js +0 -28
- package/src/blocks/submit-button/submit-button.jsx +0 -7
- package/src/blocks/submit-button/submit-button.lite.tsx +0 -9
- package/src/blocks/symbol/component-info.js +0 -42
- package/src/blocks/symbol/symbol.jsx +0 -25
- package/src/blocks/symbol/symbol.lite.tsx +0 -41
- package/src/blocks/text/component-info.js +0 -24
- package/src/blocks/text/text.jsx +0 -5
- package/src/blocks/text/text.lite.tsx +0 -5
- package/src/blocks/textarea/component-info.js +0 -47
- package/src/blocks/textarea/textarea.jsx +0 -5
- package/src/blocks/textarea/textarea.lite.tsx +0 -13
- package/src/blocks/video/component-info.js +0 -106
- package/src/blocks/video/video.jsx +0 -14
- package/src/blocks/video/video.lite.tsx +0 -26
- package/src/components/error-boundary.jsx +0 -5
- package/src/components/error-boundary.lite.tsx +0 -5
- package/src/components/render-block/block-styles.jsx +0 -36
- package/src/components/render-block/block-styles.lite.tsx +0 -38
- package/src/components/render-block/render-block.jsx +0 -125
- package/src/components/render-block/render-block.lite.tsx +0 -137
- package/src/components/render-blocks.jsx +0 -57
- package/src/components/render-blocks.lite.tsx +0 -75
- package/src/components/render-content/components/render-styles.jsx +0 -74
- package/src/components/render-content/components/render-styles.lite.tsx +0 -76
- package/src/components/render-content/index.js +0 -4
- package/src/components/render-content/render-content.jsx +0 -234
- package/src/components/render-content/render-content.lite.tsx +0 -260
- package/src/components/render-inlined-styles.jsx +0 -24
- package/src/components/render-inlined-styles.lite.tsx +0 -29
- package/src/constants/builder-registered-components.js +0 -29
- package/src/constants/device-sizes.js +0 -39
- package/src/constants/target.js +0 -4
- package/src/context/builder.context.js +0 -11
- package/src/functions/evaluate.js +0 -28
- package/src/functions/event-handler-name.js +0 -7
- package/src/functions/fast-clone.js +0 -4
- package/src/functions/get-block-actions.js +0 -23
- package/src/functions/get-block-component-options.js +0 -23
- package/src/functions/get-block-properties.js +0 -29
- package/src/functions/get-block-styles.js +0 -42
- package/src/functions/get-block-tag.js +0 -6
- package/src/functions/get-builder-search-params/fn.test.js +0 -13
- package/src/functions/get-builder-search-params/index.js +0 -22
- package/src/functions/get-content/fn.test.js +0 -31
- package/src/functions/get-content/index.js +0 -138
- package/src/functions/get-fetch.js +0 -34
- package/src/functions/get-global-this.js +0 -18
- package/src/functions/get-processed-block.js +0 -46
- package/src/functions/get-processed-block.test.js +0 -31
- package/src/functions/if-target.js +0 -15
- package/src/functions/is-browser.js +0 -6
- package/src/functions/is-editing.js +0 -7
- package/src/functions/is-iframe.js +0 -7
- package/src/functions/is-previewing.js +0 -14
- package/src/functions/macro-eval.js +0 -5
- package/src/functions/on-change.js +0 -27
- package/src/functions/on-change.test.js +0 -19
- package/src/functions/previewing-model-name.js +0 -11
- package/src/functions/register-component.js +0 -53
- package/src/functions/register.js +0 -29
- package/src/functions/set-editor-settings.js +0 -15
- package/src/functions/set.js +0 -11
- package/src/functions/set.test.js +0 -16
- package/src/functions/track.js +0 -22
- package/src/functions/transform-block.js +0 -6
- package/src/index-helpers/blocks-exports.js +0 -20
- package/src/index-helpers/top-of-file.js +0 -4
- package/src/index.js +0 -10
- package/src/scripts/init-editing.js +0 -80
- package/src/types/builder-block.js +0 -0
- package/src/types/builder-content.js +0 -0
- package/src/types/components.js +0 -0
- package/src/types/deep-partial.js +0 -0
- package/src/types/element.js +0 -0
- package/src/types/targets.js +0 -0
- package/src/types/typescript.js +0 -0
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { evaluate } from "./evaluate.js";
|
|
2
|
-
import { getEventHandlerName } from "./event-handler-name.js";
|
|
3
|
-
function getBlockActions(options) {
|
|
4
|
-
var _a;
|
|
5
|
-
const obj = {};
|
|
6
|
-
const optionActions = (_a = options.block.actions) != null ? _a : {};
|
|
7
|
-
for (const key in optionActions) {
|
|
8
|
-
if (!optionActions.hasOwnProperty(key)) {
|
|
9
|
-
continue;
|
|
10
|
-
}
|
|
11
|
-
const value = optionActions[key];
|
|
12
|
-
obj[getEventHandlerName(key)] = (event) => evaluate({
|
|
13
|
-
code: value,
|
|
14
|
-
context: options.context,
|
|
15
|
-
state: options.state,
|
|
16
|
-
event
|
|
17
|
-
});
|
|
18
|
-
}
|
|
19
|
-
return obj;
|
|
20
|
-
}
|
|
21
|
-
export {
|
|
22
|
-
getBlockActions
|
|
23
|
-
};
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
3
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
4
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
5
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
6
|
-
var __spreadValues = (a, b) => {
|
|
7
|
-
for (var prop in b || (b = {}))
|
|
8
|
-
if (__hasOwnProp.call(b, prop))
|
|
9
|
-
__defNormalProp(a, prop, b[prop]);
|
|
10
|
-
if (__getOwnPropSymbols)
|
|
11
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
12
|
-
if (__propIsEnum.call(b, prop))
|
|
13
|
-
__defNormalProp(a, prop, b[prop]);
|
|
14
|
-
}
|
|
15
|
-
return a;
|
|
16
|
-
};
|
|
17
|
-
function getBlockComponentOptions(block) {
|
|
18
|
-
var _a;
|
|
19
|
-
return __spreadValues(__spreadValues({}, (_a = block.component) == null ? void 0 : _a.options), block.options);
|
|
20
|
-
}
|
|
21
|
-
export {
|
|
22
|
-
getBlockComponentOptions
|
|
23
|
-
};
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __defProps = Object.defineProperties;
|
|
3
|
-
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
7
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
|
-
var __spreadValues = (a, b) => {
|
|
9
|
-
for (var prop in b || (b = {}))
|
|
10
|
-
if (__hasOwnProp.call(b, prop))
|
|
11
|
-
__defNormalProp(a, prop, b[prop]);
|
|
12
|
-
if (__getOwnPropSymbols)
|
|
13
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
14
|
-
if (__propIsEnum.call(b, prop))
|
|
15
|
-
__defNormalProp(a, prop, b[prop]);
|
|
16
|
-
}
|
|
17
|
-
return a;
|
|
18
|
-
};
|
|
19
|
-
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
-
function getBlockProperties(block) {
|
|
21
|
-
var _a;
|
|
22
|
-
return __spreadProps(__spreadValues({}, block.properties), {
|
|
23
|
-
"builder-id": block.id,
|
|
24
|
-
class: [block.id, "builder-block", block.class, (_a = block.properties) == null ? void 0 : _a.class].filter(Boolean).join(" ")
|
|
25
|
-
});
|
|
26
|
-
}
|
|
27
|
-
export {
|
|
28
|
-
getBlockProperties
|
|
29
|
-
};
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
3
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
4
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
5
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
6
|
-
var __spreadValues = (a, b) => {
|
|
7
|
-
for (var prop in b || (b = {}))
|
|
8
|
-
if (__hasOwnProp.call(b, prop))
|
|
9
|
-
__defNormalProp(a, prop, b[prop]);
|
|
10
|
-
if (__getOwnPropSymbols)
|
|
11
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
12
|
-
if (__propIsEnum.call(b, prop))
|
|
13
|
-
__defNormalProp(a, prop, b[prop]);
|
|
14
|
-
}
|
|
15
|
-
return a;
|
|
16
|
-
};
|
|
17
|
-
import { sizes } from "../constants/device-sizes";
|
|
18
|
-
const camelCaseToDashCase = (str = "") => str.replace(/[A-Z]/g, (match) => "-" + match.toLowerCase());
|
|
19
|
-
const convertStyleObject = (obj) => {
|
|
20
|
-
if (!obj) {
|
|
21
|
-
return obj;
|
|
22
|
-
}
|
|
23
|
-
const newObj = {};
|
|
24
|
-
for (const key in obj) {
|
|
25
|
-
newObj[camelCaseToDashCase(key)] = obj[key];
|
|
26
|
-
}
|
|
27
|
-
return newObj;
|
|
28
|
-
};
|
|
29
|
-
function getBlockStyles(block) {
|
|
30
|
-
var _a, _b, _c, _d, _e;
|
|
31
|
-
const styles = __spreadValues({}, convertStyleObject((_a = block.responsiveStyles) == null ? void 0 : _a.large));
|
|
32
|
-
if ((_b = block.responsiveStyles) == null ? void 0 : _b.medium) {
|
|
33
|
-
styles[`@media (max-width: ${sizes.medium})`] = convertStyleObject((_c = block.responsiveStyles) == null ? void 0 : _c.medium);
|
|
34
|
-
}
|
|
35
|
-
if ((_d = block.responsiveStyles) == null ? void 0 : _d.small) {
|
|
36
|
-
styles[`@media (max-width: ${sizes.small})`] = convertStyleObject((_e = block.responsiveStyles) == null ? void 0 : _e.small);
|
|
37
|
-
}
|
|
38
|
-
return styles;
|
|
39
|
-
}
|
|
40
|
-
export {
|
|
41
|
-
getBlockStyles
|
|
42
|
-
};
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { convertSearchParamsToQueryObject, getBuilderSearchParams } from ".";
|
|
2
|
-
const querystring = "someotherValue=jklsjfdal&abc=klfdjklgfds&builder.cachebust=true&builder.preview=page&builder.noCache=true&__builder_editing__=true&builder.overrides.page=037948e52eaf4743afed464f02c70da4&builder.overrides.037948e52eaf4743afed464f02c70da4=037948e52eaf4743afed464f02c70da4&builder.overrides.page%3A%2F=037948e52eaf4743afed464f02c70da4&preview_theme_id=128854393017";
|
|
3
|
-
const url = new URL(`localhost:3000/about-us?${querystring}`);
|
|
4
|
-
describe("Get Builder SearchParams", () => {
|
|
5
|
-
test("correctly converts URLSearchParams to object", () => {
|
|
6
|
-
const output = convertSearchParamsToQueryObject(url.searchParams);
|
|
7
|
-
expect(output).toMatchSnapshot();
|
|
8
|
-
});
|
|
9
|
-
test("correctly extracts all builder params from a query object", () => {
|
|
10
|
-
const output = getBuilderSearchParams(convertSearchParamsToQueryObject(url.searchParams));
|
|
11
|
-
expect(output).toMatchSnapshot();
|
|
12
|
-
});
|
|
13
|
-
});
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
const BUILDER_SEARCHPARAMS_PREFIX = "builder.";
|
|
2
|
-
const convertSearchParamsToQueryObject = (searchParams) => {
|
|
3
|
-
const options = {};
|
|
4
|
-
searchParams.forEach((value, key) => {
|
|
5
|
-
options[key] = value;
|
|
6
|
-
});
|
|
7
|
-
return options;
|
|
8
|
-
};
|
|
9
|
-
const getBuilderSearchParams = (options) => {
|
|
10
|
-
const newOptions = {};
|
|
11
|
-
Object.keys(options).forEach((key) => {
|
|
12
|
-
if (key.startsWith(BUILDER_SEARCHPARAMS_PREFIX)) {
|
|
13
|
-
const trimmedKey = key.replace(BUILDER_SEARCHPARAMS_PREFIX, "");
|
|
14
|
-
newOptions[trimmedKey] = options[key];
|
|
15
|
-
}
|
|
16
|
-
});
|
|
17
|
-
return newOptions;
|
|
18
|
-
};
|
|
19
|
-
export {
|
|
20
|
-
convertSearchParamsToQueryObject,
|
|
21
|
-
getBuilderSearchParams
|
|
22
|
-
};
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { generateContentUrl } from ".";
|
|
2
|
-
const testKey = "YJIGb4i01jvw0SRdL5Bt";
|
|
3
|
-
const testModel = "page";
|
|
4
|
-
const testId = "c1b81bab59704599b997574eb0736def";
|
|
5
|
-
const options = {
|
|
6
|
-
cachebust: "true",
|
|
7
|
-
noCache: "true",
|
|
8
|
-
"overrides.037948e52eaf4743afed464f02c70da4": "037948e52eaf4743afed464f02c70da4",
|
|
9
|
-
"overrides.page": "037948e52eaf4743afed464f02c70da4",
|
|
10
|
-
"overrides.page:/": "037948e52eaf4743afed464f02c70da4",
|
|
11
|
-
preview: "page"
|
|
12
|
-
};
|
|
13
|
-
describe("Generate Content URL", () => {
|
|
14
|
-
test("generates the proper value for a simple query", () => {
|
|
15
|
-
const output = generateContentUrl({
|
|
16
|
-
apiKey: testKey,
|
|
17
|
-
model: testModel,
|
|
18
|
-
query: { id: testId }
|
|
19
|
-
});
|
|
20
|
-
expect(output).toMatchSnapshot();
|
|
21
|
-
});
|
|
22
|
-
test("Handles overrides correctly", () => {
|
|
23
|
-
const output = generateContentUrl({
|
|
24
|
-
apiKey: testKey,
|
|
25
|
-
model: testModel,
|
|
26
|
-
query: { id: testId },
|
|
27
|
-
options
|
|
28
|
-
});
|
|
29
|
-
expect(output).toMatchSnapshot();
|
|
30
|
-
});
|
|
31
|
-
});
|
|
@@ -1,138 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __defProps = Object.defineProperties;
|
|
3
|
-
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
7
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
|
-
var __spreadValues = (a, b) => {
|
|
9
|
-
for (var prop in b || (b = {}))
|
|
10
|
-
if (__hasOwnProp.call(b, prop))
|
|
11
|
-
__defNormalProp(a, prop, b[prop]);
|
|
12
|
-
if (__getOwnPropSymbols)
|
|
13
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
14
|
-
if (__propIsEnum.call(b, prop))
|
|
15
|
-
__defNormalProp(a, prop, b[prop]);
|
|
16
|
-
}
|
|
17
|
-
return a;
|
|
18
|
-
};
|
|
19
|
-
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
-
var __async = (__this, __arguments, generator) => {
|
|
21
|
-
return new Promise((resolve, reject) => {
|
|
22
|
-
var fulfilled = (value) => {
|
|
23
|
-
try {
|
|
24
|
-
step(generator.next(value));
|
|
25
|
-
} catch (e) {
|
|
26
|
-
reject(e);
|
|
27
|
-
}
|
|
28
|
-
};
|
|
29
|
-
var rejected = (value) => {
|
|
30
|
-
try {
|
|
31
|
-
step(generator.throw(value));
|
|
32
|
-
} catch (e) {
|
|
33
|
-
reject(e);
|
|
34
|
-
}
|
|
35
|
-
};
|
|
36
|
-
var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
|
|
37
|
-
step((generator = generator.apply(__this, __arguments)).next());
|
|
38
|
-
});
|
|
39
|
-
};
|
|
40
|
-
import { getFetch } from "../get-fetch.js";
|
|
41
|
-
const fetch$ = getFetch();
|
|
42
|
-
function flatten(object, path = null, separator = ".") {
|
|
43
|
-
return Object.keys(object).reduce((acc, key) => {
|
|
44
|
-
const value = object[key];
|
|
45
|
-
const newPath = [path, key].filter(Boolean).join(separator);
|
|
46
|
-
const isObject = [
|
|
47
|
-
typeof value === "object",
|
|
48
|
-
value !== null,
|
|
49
|
-
!(Array.isArray(value) && value.length === 0)
|
|
50
|
-
].every(Boolean);
|
|
51
|
-
return isObject ? __spreadValues(__spreadValues({}, acc), flatten(value, newPath, separator)) : __spreadProps(__spreadValues({}, acc), { [newPath]: value });
|
|
52
|
-
}, {});
|
|
53
|
-
}
|
|
54
|
-
function getContent(options) {
|
|
55
|
-
return __async(this, null, function* () {
|
|
56
|
-
return (yield getAllContent(__spreadProps(__spreadValues({}, options), { limit: 1 }))).results[0] || null;
|
|
57
|
-
});
|
|
58
|
-
}
|
|
59
|
-
const generateContentUrl = (options) => {
|
|
60
|
-
const {
|
|
61
|
-
limit = 1,
|
|
62
|
-
userAttributes,
|
|
63
|
-
query,
|
|
64
|
-
noTraverse = false,
|
|
65
|
-
model,
|
|
66
|
-
apiKey
|
|
67
|
-
} = options;
|
|
68
|
-
const url = new URL(`https://cdn.builder.io/api/v2/content/${model}?apiKey=${apiKey}&limit=${limit}&noTraverse=${noTraverse}`);
|
|
69
|
-
if (options.options) {
|
|
70
|
-
const flattened = flatten(options.options);
|
|
71
|
-
for (const key in flattened) {
|
|
72
|
-
url.searchParams.set(key, String(flattened[key]));
|
|
73
|
-
}
|
|
74
|
-
}
|
|
75
|
-
if (userAttributes) {
|
|
76
|
-
url.searchParams.set("userAttributes", JSON.stringify(userAttributes));
|
|
77
|
-
}
|
|
78
|
-
if (query) {
|
|
79
|
-
const flattened = flatten({ query });
|
|
80
|
-
for (const key in flattened) {
|
|
81
|
-
url.searchParams.set(key, JSON.stringify(flattened[key]));
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
return url;
|
|
85
|
-
};
|
|
86
|
-
const handleABTesting = (content, testGroups) => {
|
|
87
|
-
for (const item of content.results) {
|
|
88
|
-
if (item.variations && Object.keys(item.variations).length) {
|
|
89
|
-
const testGroup = testGroups[item.id];
|
|
90
|
-
const variationValue = item.variations[testGroup];
|
|
91
|
-
if (testGroup && variationValue) {
|
|
92
|
-
item.data = variationValue.data;
|
|
93
|
-
item.testVariationId = variationValue.id;
|
|
94
|
-
item.testVariationName = variationValue.name;
|
|
95
|
-
} else {
|
|
96
|
-
let n = 0;
|
|
97
|
-
const random = Math.random();
|
|
98
|
-
let set = false;
|
|
99
|
-
for (const id in item.variations) {
|
|
100
|
-
const variation = item.variations[id];
|
|
101
|
-
const testRatio = variation.testRatio;
|
|
102
|
-
n += testRatio;
|
|
103
|
-
if (random < n) {
|
|
104
|
-
const variationName = variation.name || (variation.id === item.id ? "Default variation" : "");
|
|
105
|
-
set = true;
|
|
106
|
-
Object.assign(item, {
|
|
107
|
-
data: variation.data,
|
|
108
|
-
testVariationId: variation.id,
|
|
109
|
-
testVariationName: variationName
|
|
110
|
-
});
|
|
111
|
-
}
|
|
112
|
-
}
|
|
113
|
-
if (!set) {
|
|
114
|
-
Object.assign(item, {
|
|
115
|
-
testVariationId: item.id,
|
|
116
|
-
testVariationName: "Default"
|
|
117
|
-
});
|
|
118
|
-
}
|
|
119
|
-
}
|
|
120
|
-
}
|
|
121
|
-
}
|
|
122
|
-
};
|
|
123
|
-
function getAllContent(options) {
|
|
124
|
-
return __async(this, null, function* () {
|
|
125
|
-
const url = generateContentUrl(options);
|
|
126
|
-
const fetch = yield fetch$;
|
|
127
|
-
const content = yield fetch(url.href).then((res) => res.json());
|
|
128
|
-
if (options.testGroups) {
|
|
129
|
-
handleABTesting(content, options.testGroups);
|
|
130
|
-
}
|
|
131
|
-
return content;
|
|
132
|
-
});
|
|
133
|
-
}
|
|
134
|
-
export {
|
|
135
|
-
generateContentUrl,
|
|
136
|
-
getAllContent,
|
|
137
|
-
getContent
|
|
138
|
-
};
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
var __async = (__this, __arguments, generator) => {
|
|
2
|
-
return new Promise((resolve, reject) => {
|
|
3
|
-
var fulfilled = (value) => {
|
|
4
|
-
try {
|
|
5
|
-
step(generator.next(value));
|
|
6
|
-
} catch (e) {
|
|
7
|
-
reject(e);
|
|
8
|
-
}
|
|
9
|
-
};
|
|
10
|
-
var rejected = (value) => {
|
|
11
|
-
try {
|
|
12
|
-
step(generator.throw(value));
|
|
13
|
-
} catch (e) {
|
|
14
|
-
reject(e);
|
|
15
|
-
}
|
|
16
|
-
};
|
|
17
|
-
var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
|
|
18
|
-
step((generator = generator.apply(__this, __arguments)).next());
|
|
19
|
-
});
|
|
20
|
-
};
|
|
21
|
-
import { getGlobalThis } from "./get-global-this.js";
|
|
22
|
-
function getFetch() {
|
|
23
|
-
return __async(this, null, function* () {
|
|
24
|
-
const globalFetch = getGlobalThis().fetch;
|
|
25
|
-
if (typeof globalFetch === "undefined" && typeof global !== "undefined") {
|
|
26
|
-
const nodeFetch = import("node-fetch").then((d) => d.default);
|
|
27
|
-
return nodeFetch;
|
|
28
|
-
}
|
|
29
|
-
return globalFetch;
|
|
30
|
-
});
|
|
31
|
-
}
|
|
32
|
-
export {
|
|
33
|
-
getFetch
|
|
34
|
-
};
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
function getGlobalThis() {
|
|
2
|
-
if (typeof globalThis !== "undefined") {
|
|
3
|
-
return globalThis;
|
|
4
|
-
}
|
|
5
|
-
if (typeof window !== "undefined") {
|
|
6
|
-
return window;
|
|
7
|
-
}
|
|
8
|
-
if (typeof global !== "undefined") {
|
|
9
|
-
return global;
|
|
10
|
-
}
|
|
11
|
-
if (typeof self !== "undefined") {
|
|
12
|
-
return self;
|
|
13
|
-
}
|
|
14
|
-
return null;
|
|
15
|
-
}
|
|
16
|
-
export {
|
|
17
|
-
getGlobalThis
|
|
18
|
-
};
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __defProps = Object.defineProperties;
|
|
3
|
-
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
7
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
|
-
var __spreadValues = (a, b) => {
|
|
9
|
-
for (var prop in b || (b = {}))
|
|
10
|
-
if (__hasOwnProp.call(b, prop))
|
|
11
|
-
__defNormalProp(a, prop, b[prop]);
|
|
12
|
-
if (__getOwnPropSymbols)
|
|
13
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
14
|
-
if (__propIsEnum.call(b, prop))
|
|
15
|
-
__defNormalProp(a, prop, b[prop]);
|
|
16
|
-
}
|
|
17
|
-
return a;
|
|
18
|
-
};
|
|
19
|
-
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
-
import { evaluate } from "./evaluate.js";
|
|
21
|
-
import { set } from "./set.js";
|
|
22
|
-
import { transformBlock } from "./transform-block.js";
|
|
23
|
-
function getProcessedBlock(options) {
|
|
24
|
-
const { state, context } = options;
|
|
25
|
-
const block = transformBlock(options.block);
|
|
26
|
-
if (!block.bindings) {
|
|
27
|
-
return block;
|
|
28
|
-
}
|
|
29
|
-
const copied = __spreadProps(__spreadValues({}, block), {
|
|
30
|
-
properties: __spreadValues({}, block.properties),
|
|
31
|
-
actions: __spreadValues({}, block.actions)
|
|
32
|
-
});
|
|
33
|
-
for (const binding in block.bindings) {
|
|
34
|
-
const expression = block.bindings[binding];
|
|
35
|
-
const value = evaluate({
|
|
36
|
-
code: expression,
|
|
37
|
-
state,
|
|
38
|
-
context
|
|
39
|
-
});
|
|
40
|
-
set(copied, binding, value);
|
|
41
|
-
}
|
|
42
|
-
return copied;
|
|
43
|
-
}
|
|
44
|
-
export {
|
|
45
|
-
getProcessedBlock
|
|
46
|
-
};
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { getProcessedBlock } from "./get-processed-block.js";
|
|
2
|
-
test("Can process bindings", () => {
|
|
3
|
-
var _a, _b, _c, _d, _e, _f;
|
|
4
|
-
const block = {
|
|
5
|
-
"@type": "@builder.io/sdk:Element",
|
|
6
|
-
properties: {
|
|
7
|
-
foo: "bar"
|
|
8
|
-
},
|
|
9
|
-
bindings: {
|
|
10
|
-
"properties.foo": '"baz"',
|
|
11
|
-
"responsiveStyles.large.zIndex": "1 + 1",
|
|
12
|
-
"properties.test": "state.test",
|
|
13
|
-
"properties.block": `
|
|
14
|
-
const foo = 'bar';
|
|
15
|
-
return foo;
|
|
16
|
-
`,
|
|
17
|
-
"properties.isEditing": "builder.isEditing"
|
|
18
|
-
}
|
|
19
|
-
};
|
|
20
|
-
const processed = getProcessedBlock({
|
|
21
|
-
block,
|
|
22
|
-
context: {},
|
|
23
|
-
state: { test: "hello" }
|
|
24
|
-
});
|
|
25
|
-
expect(processed).not.toEqual(block);
|
|
26
|
-
expect((_a = processed.properties) == null ? void 0 : _a.foo).toEqual("baz");
|
|
27
|
-
expect((_b = processed.properties) == null ? void 0 : _b.test).toEqual("hello");
|
|
28
|
-
expect((_c = processed.properties) == null ? void 0 : _c.block).toEqual("bar");
|
|
29
|
-
expect((_d = processed.properties) == null ? void 0 : _d.isEditing).toEqual(false);
|
|
30
|
-
expect((_f = (_e = processed.responsiveStyles) == null ? void 0 : _e.large) == null ? void 0 : _f.zIndex).toEqual(2);
|
|
31
|
-
});
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { TARGET } from "../constants/target.js";
|
|
2
|
-
function ifTarget({
|
|
3
|
-
targets,
|
|
4
|
-
doThing,
|
|
5
|
-
elseThing
|
|
6
|
-
}) {
|
|
7
|
-
if (TARGET && targets.includes(TARGET)) {
|
|
8
|
-
return doThing();
|
|
9
|
-
} else {
|
|
10
|
-
return elseThing == null ? void 0 : elseThing();
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
export {
|
|
14
|
-
ifTarget
|
|
15
|
-
};
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { isBrowser } from "./is-browser.js";
|
|
2
|
-
import { isEditing } from "./is-editing.js";
|
|
3
|
-
function isPreviewing() {
|
|
4
|
-
if (!isBrowser()) {
|
|
5
|
-
return false;
|
|
6
|
-
}
|
|
7
|
-
if (isEditing()) {
|
|
8
|
-
return false;
|
|
9
|
-
}
|
|
10
|
-
return Boolean(location.search.indexOf("builder.preview=") !== -1);
|
|
11
|
-
}
|
|
12
|
-
export {
|
|
13
|
-
isPreviewing
|
|
14
|
-
};
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
const onChangeProxySymbol = Symbol("onChangeProxySymbol");
|
|
2
|
-
function onChange(obj, cb) {
|
|
3
|
-
return new Proxy(obj, {
|
|
4
|
-
get(target, key) {
|
|
5
|
-
if (key === onChangeProxySymbol) {
|
|
6
|
-
return true;
|
|
7
|
-
}
|
|
8
|
-
const value = Reflect.get(target, key);
|
|
9
|
-
if (value && typeof value === "object") {
|
|
10
|
-
if (value[onChangeProxySymbol]) {
|
|
11
|
-
return value;
|
|
12
|
-
}
|
|
13
|
-
return onChange(value, cb);
|
|
14
|
-
}
|
|
15
|
-
return value;
|
|
16
|
-
},
|
|
17
|
-
set(target, key, value) {
|
|
18
|
-
const returnValue = Reflect.set(target, key, value);
|
|
19
|
-
cb();
|
|
20
|
-
return returnValue;
|
|
21
|
-
}
|
|
22
|
-
});
|
|
23
|
-
}
|
|
24
|
-
export {
|
|
25
|
-
onChange,
|
|
26
|
-
onChangeProxySymbol
|
|
27
|
-
};
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { onChange } from "./on-change.js";
|
|
2
|
-
test("onChange can observe a shallow change", () => {
|
|
3
|
-
let changeHappend = false;
|
|
4
|
-
const obj = onChange({ foo: "hi" }, () => changeHappend = true);
|
|
5
|
-
obj.foo = "yo";
|
|
6
|
-
expect(changeHappend).toBe(true);
|
|
7
|
-
});
|
|
8
|
-
test("onChange can observe a deep change", () => {
|
|
9
|
-
let changeHappend = false;
|
|
10
|
-
const obj = onChange({ foo: { bar: "hi" } }, () => changeHappend = true);
|
|
11
|
-
obj.foo.bar = "yo";
|
|
12
|
-
expect(changeHappend).toBe(true);
|
|
13
|
-
});
|
|
14
|
-
test("Smoke test: callback is not fired if no properties updated", () => {
|
|
15
|
-
let changeHappend = false;
|
|
16
|
-
const obj = onChange({ foo: { bar: "hi" } }, () => changeHappend = true);
|
|
17
|
-
obj.foo.bar;
|
|
18
|
-
expect(changeHappend).toBe(false);
|
|
19
|
-
});
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { isPreviewing } from "./is-previewing.js";
|
|
2
|
-
function previewingModelName() {
|
|
3
|
-
if (!isPreviewing()) {
|
|
4
|
-
return null;
|
|
5
|
-
}
|
|
6
|
-
const url = new URL(location.href);
|
|
7
|
-
return url.searchParams.get("builder.preview");
|
|
8
|
-
}
|
|
9
|
-
export {
|
|
10
|
-
previewingModelName
|
|
11
|
-
};
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __defProps = Object.defineProperties;
|
|
3
|
-
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
7
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
|
-
var __spreadValues = (a, b) => {
|
|
9
|
-
for (var prop in b || (b = {}))
|
|
10
|
-
if (__hasOwnProp.call(b, prop))
|
|
11
|
-
__defNormalProp(a, prop, b[prop]);
|
|
12
|
-
if (__getOwnPropSymbols)
|
|
13
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
14
|
-
if (__propIsEnum.call(b, prop))
|
|
15
|
-
__defNormalProp(a, prop, b[prop]);
|
|
16
|
-
}
|
|
17
|
-
return a;
|
|
18
|
-
};
|
|
19
|
-
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
-
import { fastClone } from "./fast-clone.js";
|
|
21
|
-
const components = [];
|
|
22
|
-
function registerComponent(component, info) {
|
|
23
|
-
components.push({ component, info });
|
|
24
|
-
console.warn("registerComponent is deprecated. Use the `customComponents` prop in RenderContent instead to provide your custom components to the builder SDK.");
|
|
25
|
-
return component;
|
|
26
|
-
}
|
|
27
|
-
const createRegisterComponentMessage = ({
|
|
28
|
-
info
|
|
29
|
-
}) => ({
|
|
30
|
-
type: "builder.registerComponent",
|
|
31
|
-
data: prepareComponentInfoToSend(fastClone(info))
|
|
32
|
-
});
|
|
33
|
-
function prepareComponentInfoToSend(info) {
|
|
34
|
-
return __spreadValues(__spreadValues({}, info), info.inputs && {
|
|
35
|
-
inputs: info.inputs.map((input) => {
|
|
36
|
-
const keysToConvertFnToString = ["onChange", "showIf"];
|
|
37
|
-
for (const key of keysToConvertFnToString) {
|
|
38
|
-
const fn = input[key];
|
|
39
|
-
if (fn && typeof fn === "function") {
|
|
40
|
-
input = __spreadProps(__spreadValues({}, input), {
|
|
41
|
-
[key]: `return (${fn.toString()}).apply(this, arguments)`
|
|
42
|
-
});
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
return input;
|
|
46
|
-
})
|
|
47
|
-
});
|
|
48
|
-
}
|
|
49
|
-
export {
|
|
50
|
-
components,
|
|
51
|
-
createRegisterComponentMessage,
|
|
52
|
-
registerComponent
|
|
53
|
-
};
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { isBrowser } from "./is-browser.js";
|
|
2
|
-
const registry = {};
|
|
3
|
-
function register(type, info) {
|
|
4
|
-
let typeList = registry[type];
|
|
5
|
-
if (!typeList) {
|
|
6
|
-
typeList = registry[type] = [];
|
|
7
|
-
}
|
|
8
|
-
typeList.push(info);
|
|
9
|
-
if (isBrowser()) {
|
|
10
|
-
const message = {
|
|
11
|
-
type: "builder.register",
|
|
12
|
-
data: {
|
|
13
|
-
type,
|
|
14
|
-
info
|
|
15
|
-
}
|
|
16
|
-
};
|
|
17
|
-
try {
|
|
18
|
-
parent.postMessage(message, "*");
|
|
19
|
-
if (parent !== window) {
|
|
20
|
-
window.postMessage(message, "*");
|
|
21
|
-
}
|
|
22
|
-
} catch (err) {
|
|
23
|
-
console.debug("Could not postmessage", err);
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
export {
|
|
28
|
-
register
|
|
29
|
-
};
|