@builder.io/sdk-react 0.1.4 → 0.1.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/react/blocks/button/button.js +2 -2
- package/dist/react/blocks/columns/columns.js +4 -4
- package/dist/react/blocks/form/form.js +2 -2
- package/dist/react/blocks/image/image.js +6 -6
- package/dist/react/components/render-block/render-block.js +18 -1
- package/dist/react/components/render-block/render-repeated-block.js +1 -0
- package/dist/react/components/render-blocks.js +2 -2
- package/dist/react/components/render-content/components/render-styles.helpers.js +51 -0
- package/dist/react/components/render-content/components/render-styles.js +12 -54
- package/dist/react/components/render-content/render-content.helpers.js +38 -0
- package/dist/react/components/render-content/render-content.js +65 -62
- package/dist/react/components/render-content/render-content.types.js +1 -0
- package/dist/react/constants/builder-registered-components.js +7 -7
- package/dist/react/context/builder.context.js +2 -0
- package/dist/react/index-helpers/blocks-exports.js +10 -10
- package/dist/react/types/input.js +1 -0
- package/dist/rsc/blocks/button/button.js +2 -2
- package/dist/rsc/blocks/columns/columns.js +4 -4
- package/dist/rsc/blocks/form/form.js +2 -2
- package/dist/rsc/blocks/image/image.js +6 -6
- package/dist/rsc/components/render-block/render-block.js +18 -1
- package/dist/rsc/components/render-block/render-repeated-block.js +1 -0
- package/dist/rsc/components/render-blocks.js +2 -2
- package/dist/rsc/components/render-content/builder-editing.js +47 -4
- package/dist/rsc/components/render-content/components/render-styles.helpers.js +51 -0
- package/dist/rsc/components/render-content/components/render-styles.js +11 -54
- package/dist/rsc/components/render-content/render-content.helpers.js +38 -0
- package/dist/rsc/components/render-content/render-content.js +43 -38
- package/dist/rsc/components/render-content/render-content.types.js +1 -0
- package/dist/rsc/constants/builder-registered-components.js +7 -7
- package/dist/rsc/context/builder.context.js +2 -0
- package/dist/rsc/index-helpers/blocks-exports.js +10 -10
- package/dist/rsc/types/input.js +1 -0
- package/package.json +1 -1
- package/packages/react/src/blocks/button/button.jsx +2 -2
- package/packages/react/src/blocks/columns/columns.jsx +4 -4
- package/packages/react/src/blocks/form/form.jsx +2 -2
- package/packages/react/src/blocks/image/image.jsx +6 -6
- package/packages/react/src/components/render-block/render-block.jsx +22 -1
- package/packages/react/src/components/render-block/render-repeated-block.jsx +1 -0
- package/packages/react/src/components/render-blocks.jsx +2 -2
- package/packages/react/src/components/render-content/components/render-styles.helpers.js +57 -0
- package/packages/react/src/components/render-content/components/render-styles.jsx +13 -56
- package/packages/react/src/components/render-content/render-content.helpers.js +48 -0
- package/packages/react/src/components/render-content/render-content.jsx +76 -67
- package/packages/{_rsc/src/components/render-block/types.js → react/src/components/render-content/render-content.types.js} +0 -0
- package/packages/react/src/constants/builder-registered-components.js +7 -7
- package/packages/react/src/context/builder.context.js +2 -0
- package/packages/react/src/index-helpers/blocks-exports.js +18 -18
- package/packages/{_rsc/src/context/types.js → react/src/types/input.js} +0 -0
- package/packages/rsc/src/blocks/button/button.jsx +2 -2
- package/packages/rsc/src/blocks/columns/columns.jsx +4 -4
- package/packages/rsc/src/blocks/form/form.jsx +2 -2
- package/packages/rsc/src/blocks/image/image.jsx +6 -6
- package/packages/rsc/src/components/render-block/render-block.jsx +21 -1
- package/packages/rsc/src/components/render-block/render-repeated-block.jsx +1 -0
- package/packages/rsc/src/components/render-blocks.jsx +2 -2
- package/packages/rsc/src/components/render-content/builder-editing.jsx +61 -4
- package/packages/rsc/src/components/render-content/components/render-styles.helpers.js +57 -0
- package/packages/rsc/src/components/render-content/components/render-styles.jsx +10 -56
- package/packages/rsc/src/components/render-content/render-content.helpers.js +48 -0
- package/packages/rsc/src/components/render-content/render-content.jsx +46 -37
- package/packages/{_rsc/src/functions/get-content/types.js → rsc/src/components/render-content/render-content.types.js} +0 -0
- package/packages/rsc/src/constants/builder-registered-components.js +7 -7
- package/packages/rsc/src/context/builder.context.js +2 -0
- package/packages/rsc/src/index-helpers/blocks-exports.js +18 -18
- package/packages/{_rsc/src/types/builder-block.js → rsc/src/types/input.js} +0 -0
- package/packages/_rsc/src/blocks/BaseText.jsx +0 -10
- package/packages/_rsc/src/blocks/button/button.jsx +0 -29
- package/packages/_rsc/src/blocks/button/component-info.js +0 -41
- package/packages/_rsc/src/blocks/columns/columns.jsx +0 -172
- package/packages/_rsc/src/blocks/columns/component-info.js +0 -242
- package/packages/_rsc/src/blocks/custom-code/component-info.js +0 -31
- package/packages/_rsc/src/blocks/custom-code/custom-code.jsx +0 -55
- package/packages/_rsc/src/blocks/embed/component-info.js +0 -44
- package/packages/_rsc/src/blocks/embed/embed.jsx +0 -43
- package/packages/_rsc/src/blocks/embed/helpers.js +0 -9
- package/packages/_rsc/src/blocks/form/component-info.js +0 -262
- package/packages/_rsc/src/blocks/form/form.jsx +0 -259
- package/packages/_rsc/src/blocks/fragment/component-info.js +0 -11
- package/packages/_rsc/src/blocks/fragment/fragment.jsx +0 -7
- package/packages/_rsc/src/blocks/image/component-info.js +0 -151
- package/packages/_rsc/src/blocks/image/image.helpers.js +0 -48
- package/packages/_rsc/src/blocks/image/image.jsx +0 -124
- package/packages/_rsc/src/blocks/img/component-info.js +0 -20
- package/packages/_rsc/src/blocks/img/img.jsx +0 -19
- package/packages/_rsc/src/blocks/input/component-info.js +0 -74
- package/packages/_rsc/src/blocks/input/input.jsx +0 -21
- package/packages/_rsc/src/blocks/raw-text/component-info.js +0 -16
- package/packages/_rsc/src/blocks/raw-text/raw-text.jsx +0 -12
- package/packages/_rsc/src/blocks/section/component-info.js +0 -49
- package/packages/_rsc/src/blocks/section/section.jsx +0 -29
- package/packages/_rsc/src/blocks/select/component-info.js +0 -59
- package/packages/_rsc/src/blocks/select/select.jsx +0 -22
- package/packages/_rsc/src/blocks/submit-button/component-info.js +0 -28
- package/packages/_rsc/src/blocks/submit-button/submit-button.jsx +0 -11
- package/packages/_rsc/src/blocks/symbol/component-info.js +0 -43
- package/packages/_rsc/src/blocks/symbol/symbol.jsx +0 -56
- package/packages/_rsc/src/blocks/text/component-info.js +0 -24
- package/packages/_rsc/src/blocks/text/text.jsx +0 -12
- package/packages/_rsc/src/blocks/textarea/component-info.js +0 -47
- package/packages/_rsc/src/blocks/textarea/textarea.jsx +0 -15
- package/packages/_rsc/src/blocks/util.js +0 -8
- package/packages/_rsc/src/blocks/video/component-info.js +0 -106
- package/packages/_rsc/src/blocks/video/video.jsx +0 -61
- package/packages/_rsc/src/components/render-block/block-styles.jsx +0 -72
- package/packages/_rsc/src/components/render-block/render-block.helpers.js +0 -23
- package/packages/_rsc/src/components/render-block/render-block.jsx +0 -251
- package/packages/_rsc/src/components/render-block/render-component-with-context.jsx +0 -38
- package/packages/_rsc/src/components/render-block/render-component.jsx +0 -37
- package/packages/_rsc/src/components/render-block/render-repeated-block.jsx +0 -36
- package/packages/_rsc/src/components/render-blocks.jsx +0 -90
- package/packages/_rsc/src/components/render-content/builder-editing.jsx +0 -7
- package/packages/_rsc/src/components/render-content/components/render-styles.jsx +0 -70
- package/packages/_rsc/src/components/render-content/index.js +0 -4
- package/packages/_rsc/src/components/render-content/render-content.jsx +0 -259
- package/packages/_rsc/src/components/render-inlined-styles.jsx +0 -33
- package/packages/_rsc/src/constants/builder-registered-components.js +0 -54
- package/packages/_rsc/src/constants/device-sizes.js +0 -48
- package/packages/_rsc/src/constants/target.js +0 -4
- package/packages/_rsc/src/context/builder.context.js +0 -11
- package/packages/_rsc/src/functions/camel-to-kebab-case.js +0 -4
- package/packages/_rsc/src/functions/evaluate.js +0 -6
- package/packages/_rsc/src/functions/event-handler-name.js +0 -7
- package/packages/_rsc/src/functions/extract-text-styles.js +0 -22
- package/packages/_rsc/src/functions/fast-clone.js +0 -4
- package/packages/_rsc/src/functions/get-block-actions-handler.js +0 -11
- package/packages/_rsc/src/functions/get-block-actions.js +0 -18
- package/packages/_rsc/src/functions/get-block-component-options.js +0 -28
- package/packages/_rsc/src/functions/get-block-properties.js +0 -50
- package/packages/_rsc/src/functions/get-block-tag.js +0 -6
- package/packages/_rsc/src/functions/get-builder-search-params/fn.test.js +0 -13
- package/packages/_rsc/src/functions/get-builder-search-params/index.js +0 -38
- package/packages/_rsc/src/functions/get-content/ab-testing.js +0 -99
- package/packages/_rsc/src/functions/get-content/generate-content-url.js +0 -55
- package/packages/_rsc/src/functions/get-content/generate-content-url.test.js +0 -31
- package/packages/_rsc/src/functions/get-content/index.js +0 -65
- package/packages/_rsc/src/functions/get-fetch.js +0 -14
- package/packages/_rsc/src/functions/get-global-this.js +0 -18
- package/packages/_rsc/src/functions/get-processed-block.js +0 -59
- package/packages/_rsc/src/functions/get-processed-block.test.js +0 -32
- package/packages/_rsc/src/functions/get-react-native-block-styles.js +0 -33
- package/packages/_rsc/src/functions/if-target.js +0 -15
- package/packages/_rsc/src/functions/is-browser.js +0 -6
- package/packages/_rsc/src/functions/is-editing.js +0 -7
- package/packages/_rsc/src/functions/is-iframe.js +0 -7
- package/packages/_rsc/src/functions/is-previewing.js +0 -14
- package/packages/_rsc/src/functions/on-change.js +0 -27
- package/packages/_rsc/src/functions/on-change.test.js +0 -19
- package/packages/_rsc/src/functions/register-component.js +0 -68
- package/packages/_rsc/src/functions/register.js +0 -29
- package/packages/_rsc/src/functions/sanitize-react-native-block-styles.js +0 -66
- package/packages/_rsc/src/functions/set-editor-settings.js +0 -15
- package/packages/_rsc/src/functions/set.js +0 -11
- package/packages/_rsc/src/functions/set.test.js +0 -16
- package/packages/_rsc/src/functions/track.js +0 -124
- package/packages/_rsc/src/functions/transform-block-properties.js +0 -6
- package/packages/_rsc/src/functions/transform-block.js +0 -6
- package/packages/_rsc/src/helpers/ab-tests.js +0 -16
- package/packages/_rsc/src/helpers/cookie.js +0 -81
- package/packages/_rsc/src/helpers/css.js +0 -34
- package/packages/_rsc/src/helpers/flatten.js +0 -34
- package/packages/_rsc/src/helpers/localStorage.js +0 -35
- package/packages/_rsc/src/helpers/nullable.js +0 -4
- package/packages/_rsc/src/helpers/sessionId.js +0 -52
- package/packages/_rsc/src/helpers/time.js +0 -5
- package/packages/_rsc/src/helpers/url.js +0 -13
- package/packages/_rsc/src/helpers/url.test.js +0 -21
- package/packages/_rsc/src/helpers/uuid.js +0 -13
- package/packages/_rsc/src/helpers/visitorId.js +0 -34
- package/packages/_rsc/src/index-helpers/blocks-exports.js +0 -22
- package/packages/_rsc/src/index-helpers/top-of-file.js +0 -2
- package/packages/_rsc/src/index.js +0 -14
- package/packages/_rsc/src/scripts/init-editing.js +0 -93
- package/packages/_rsc/src/types/builder-content.js +0 -0
- package/packages/_rsc/src/types/can-track.js +0 -0
- package/packages/_rsc/src/types/components.js +0 -0
- package/packages/_rsc/src/types/deep-partial.js +0 -0
- package/packages/_rsc/src/types/element.js +0 -0
- package/packages/_rsc/src/types/targets.js +0 -0
- package/packages/_rsc/src/types/typescript.js +0 -0
|
@@ -1,28 +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 getBlockComponentOptions(block) {
|
|
21
|
-
var _a;
|
|
22
|
-
return __spreadProps(__spreadValues(__spreadValues({}, (_a = block.component) == null ? void 0 : _a.options), block.options), {
|
|
23
|
-
builderBlock: block
|
|
24
|
-
});
|
|
25
|
-
}
|
|
26
|
-
export {
|
|
27
|
-
getBlockComponentOptions
|
|
28
|
-
};
|
|
@@ -1,50 +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 { TARGET } from "../constants/target.js";
|
|
21
|
-
import { convertStyleMapToCSSArray } from "../helpers/css.js";
|
|
22
|
-
import { transformBlockProperties } from "./transform-block-properties.js";
|
|
23
|
-
function getBlockProperties(block) {
|
|
24
|
-
var _a;
|
|
25
|
-
const properties = __spreadProps(__spreadValues({}, block.properties), {
|
|
26
|
-
"builder-id": block.id,
|
|
27
|
-
style: getStyleAttribute(block.style),
|
|
28
|
-
class: [block.id, "builder-block", block.class, (_a = block.properties) == null ? void 0 : _a.class].filter(Boolean).join(" ")
|
|
29
|
-
});
|
|
30
|
-
return transformBlockProperties(properties);
|
|
31
|
-
}
|
|
32
|
-
function getStyleAttribute(style) {
|
|
33
|
-
if (!style) {
|
|
34
|
-
return void 0;
|
|
35
|
-
}
|
|
36
|
-
switch (TARGET) {
|
|
37
|
-
case "svelte":
|
|
38
|
-
case "vue2":
|
|
39
|
-
case "vue3":
|
|
40
|
-
case "solid":
|
|
41
|
-
return convertStyleMapToCSSArray(style).join(" ");
|
|
42
|
-
case "qwik":
|
|
43
|
-
case "reactNative":
|
|
44
|
-
case "react":
|
|
45
|
-
return style;
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
export {
|
|
49
|
-
getBlockProperties
|
|
50
|
-
};
|
|
@@ -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,38 +0,0 @@
|
|
|
1
|
-
import { isBrowser } from "../is-browser.js";
|
|
2
|
-
const BUILDER_SEARCHPARAMS_PREFIX = "builder.";
|
|
3
|
-
const BUILDER_OPTIONS_PREFIX = "options.";
|
|
4
|
-
const convertSearchParamsToQueryObject = (searchParams) => {
|
|
5
|
-
const options = {};
|
|
6
|
-
searchParams.forEach((value, key) => {
|
|
7
|
-
options[key] = value;
|
|
8
|
-
});
|
|
9
|
-
return options;
|
|
10
|
-
};
|
|
11
|
-
const getBuilderSearchParams = (_options) => {
|
|
12
|
-
if (!_options) {
|
|
13
|
-
return {};
|
|
14
|
-
}
|
|
15
|
-
const options = normalizeSearchParams(_options);
|
|
16
|
-
const newOptions = {};
|
|
17
|
-
Object.keys(options).forEach((key) => {
|
|
18
|
-
if (key.startsWith(BUILDER_SEARCHPARAMS_PREFIX)) {
|
|
19
|
-
const trimmedKey = key.replace(BUILDER_SEARCHPARAMS_PREFIX, "").replace(BUILDER_OPTIONS_PREFIX, "");
|
|
20
|
-
newOptions[trimmedKey] = options[key];
|
|
21
|
-
}
|
|
22
|
-
});
|
|
23
|
-
return newOptions;
|
|
24
|
-
};
|
|
25
|
-
const getBuilderSearchParamsFromWindow = () => {
|
|
26
|
-
if (!isBrowser()) {
|
|
27
|
-
return {};
|
|
28
|
-
}
|
|
29
|
-
const searchParams = new URLSearchParams(window.location.search);
|
|
30
|
-
return getBuilderSearchParams(searchParams);
|
|
31
|
-
};
|
|
32
|
-
const normalizeSearchParams = (searchParams) => searchParams instanceof URLSearchParams ? convertSearchParamsToQueryObject(searchParams) : searchParams;
|
|
33
|
-
export {
|
|
34
|
-
convertSearchParamsToQueryObject,
|
|
35
|
-
getBuilderSearchParams,
|
|
36
|
-
getBuilderSearchParamsFromWindow,
|
|
37
|
-
normalizeSearchParams
|
|
38
|
-
};
|
|
@@ -1,99 +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 {
|
|
22
|
-
getContentVariationCookie,
|
|
23
|
-
setContentVariationCookie
|
|
24
|
-
} from "../../helpers/ab-tests.js";
|
|
25
|
-
import { checkIsDefined } from "../../helpers/nullable.js";
|
|
26
|
-
const checkIsBuilderContentWithVariations = (item) => checkIsDefined(item.id) && checkIsDefined(item.variations) && Object.keys(item.variations).length > 0;
|
|
27
|
-
const getRandomVariationId = ({
|
|
28
|
-
id,
|
|
29
|
-
variations
|
|
30
|
-
}) => {
|
|
31
|
-
var _a;
|
|
32
|
-
let n = 0;
|
|
33
|
-
const random = Math.random();
|
|
34
|
-
for (const id2 in variations) {
|
|
35
|
-
const testRatio = (_a = variations[id2]) == null ? void 0 : _a.testRatio;
|
|
36
|
-
n += testRatio;
|
|
37
|
-
if (random < n) {
|
|
38
|
-
return id2;
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
return id;
|
|
42
|
-
};
|
|
43
|
-
const getTestFields = ({
|
|
44
|
-
item,
|
|
45
|
-
testGroupId
|
|
46
|
-
}) => {
|
|
47
|
-
const variationValue = item.variations[testGroupId];
|
|
48
|
-
if (testGroupId === item.id || !variationValue) {
|
|
49
|
-
return {
|
|
50
|
-
testVariationId: item.id,
|
|
51
|
-
testVariationName: "Default"
|
|
52
|
-
};
|
|
53
|
-
} else {
|
|
54
|
-
return {
|
|
55
|
-
data: variationValue.data,
|
|
56
|
-
testVariationId: variationValue.id,
|
|
57
|
-
testVariationName: variationValue.name || (variationValue.id === item.id ? "Default" : "")
|
|
58
|
-
};
|
|
59
|
-
}
|
|
60
|
-
};
|
|
61
|
-
const getContentVariation = (_0) => __async(void 0, [_0], function* ({
|
|
62
|
-
item,
|
|
63
|
-
canTrack
|
|
64
|
-
}) {
|
|
65
|
-
const testGroupId = yield getContentVariationCookie({
|
|
66
|
-
canTrack,
|
|
67
|
-
contentId: item.id
|
|
68
|
-
});
|
|
69
|
-
const testFields = testGroupId ? getTestFields({ item, testGroupId }) : void 0;
|
|
70
|
-
if (testFields) {
|
|
71
|
-
return testFields;
|
|
72
|
-
} else {
|
|
73
|
-
const randomVariationId = getRandomVariationId({
|
|
74
|
-
variations: item.variations,
|
|
75
|
-
id: item.id
|
|
76
|
-
});
|
|
77
|
-
setContentVariationCookie({
|
|
78
|
-
contentId: item.id,
|
|
79
|
-
value: randomVariationId,
|
|
80
|
-
canTrack
|
|
81
|
-
}).catch((err) => {
|
|
82
|
-
console.error("could not store A/B test variation: ", err);
|
|
83
|
-
});
|
|
84
|
-
return getTestFields({ item, testGroupId: randomVariationId });
|
|
85
|
-
}
|
|
86
|
-
});
|
|
87
|
-
const handleABTesting = (_0) => __async(void 0, [_0], function* ({
|
|
88
|
-
item,
|
|
89
|
-
canTrack
|
|
90
|
-
}) {
|
|
91
|
-
if (!checkIsBuilderContentWithVariations(item)) {
|
|
92
|
-
return;
|
|
93
|
-
}
|
|
94
|
-
const variationValue = yield getContentVariation({ item, canTrack });
|
|
95
|
-
Object.assign(item, variationValue);
|
|
96
|
-
});
|
|
97
|
-
export {
|
|
98
|
-
handleABTesting
|
|
99
|
-
};
|
|
@@ -1,55 +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 { flatten } from "../../helpers/flatten.js";
|
|
18
|
-
import {
|
|
19
|
-
getBuilderSearchParamsFromWindow,
|
|
20
|
-
normalizeSearchParams
|
|
21
|
-
} from "../get-builder-search-params/index.js";
|
|
22
|
-
const generateContentUrl = (options) => {
|
|
23
|
-
const {
|
|
24
|
-
limit = 30,
|
|
25
|
-
userAttributes,
|
|
26
|
-
query,
|
|
27
|
-
noTraverse = false,
|
|
28
|
-
model,
|
|
29
|
-
apiKey,
|
|
30
|
-
includeRefs = true,
|
|
31
|
-
locale
|
|
32
|
-
} = options;
|
|
33
|
-
if (!apiKey) {
|
|
34
|
-
throw new Error("Missing API key");
|
|
35
|
-
}
|
|
36
|
-
const url = new URL(`https://cdn.builder.io/api/v2/content/${model}?apiKey=${apiKey}&limit=${limit}&noTraverse=${noTraverse}&includeRefs=${includeRefs}${locale ? `&locale=${locale}` : ""}`);
|
|
37
|
-
const queryOptions = __spreadValues(__spreadValues({}, getBuilderSearchParamsFromWindow()), normalizeSearchParams(options.options || {}));
|
|
38
|
-
const flattened = flatten(queryOptions);
|
|
39
|
-
for (const key in flattened) {
|
|
40
|
-
url.searchParams.set(key, String(flattened[key]));
|
|
41
|
-
}
|
|
42
|
-
if (userAttributes) {
|
|
43
|
-
url.searchParams.set("userAttributes", JSON.stringify(userAttributes));
|
|
44
|
-
}
|
|
45
|
-
if (query) {
|
|
46
|
-
const flattened2 = flatten({ query });
|
|
47
|
-
for (const key in flattened2) {
|
|
48
|
-
url.searchParams.set(key, JSON.stringify(flattened2[key]));
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
return url;
|
|
52
|
-
};
|
|
53
|
-
export {
|
|
54
|
-
generateContentUrl
|
|
55
|
-
};
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { generateContentUrl } from "./generate-content-url";
|
|
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,65 +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 { fetch } from "../get-fetch.js";
|
|
41
|
-
import { handleABTesting } from "./ab-testing.js";
|
|
42
|
-
import { generateContentUrl } from "./generate-content-url.js";
|
|
43
|
-
function getContent(options) {
|
|
44
|
-
return __async(this, null, function* () {
|
|
45
|
-
return (yield getAllContent(__spreadProps(__spreadValues({}, options), { limit: 1 }))).results[0] || null;
|
|
46
|
-
});
|
|
47
|
-
}
|
|
48
|
-
function getAllContent(options) {
|
|
49
|
-
return __async(this, null, function* () {
|
|
50
|
-
const url = generateContentUrl(options);
|
|
51
|
-
const res = yield fetch(url.href);
|
|
52
|
-
const content = yield res.json();
|
|
53
|
-
const canTrack = options.canTrack !== false;
|
|
54
|
-
if (canTrack && Array.isArray(content.results)) {
|
|
55
|
-
for (const item of content.results) {
|
|
56
|
-
yield handleABTesting({ item, canTrack });
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
return content;
|
|
60
|
-
});
|
|
61
|
-
}
|
|
62
|
-
export {
|
|
63
|
-
getAllContent,
|
|
64
|
-
getContent
|
|
65
|
-
};
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { getGlobalThis } from "./get-global-this.js";
|
|
2
|
-
function getFetch() {
|
|
3
|
-
const globalFetch = getGlobalThis().fetch;
|
|
4
|
-
if (typeof globalFetch === "undefined") {
|
|
5
|
-
console.warn(`Builder SDK could not find a global fetch function. Make sure you have a polyfill for fetch in your project.
|
|
6
|
-
For more information, read https://github.com/BuilderIO/this-package-uses-fetch`);
|
|
7
|
-
throw new Error("Builder SDK could not find a global `fetch` function");
|
|
8
|
-
}
|
|
9
|
-
return globalFetch;
|
|
10
|
-
}
|
|
11
|
-
const fetch = getFetch();
|
|
12
|
-
export {
|
|
13
|
-
fetch
|
|
14
|
-
};
|
|
@@ -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 globalThis;
|
|
15
|
-
}
|
|
16
|
-
export {
|
|
17
|
-
getGlobalThis
|
|
18
|
-
};
|
|
@@ -1,59 +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 { fastClone } from "./fast-clone.js";
|
|
22
|
-
import { set } from "./set.js";
|
|
23
|
-
import { transformBlock } from "./transform-block.js";
|
|
24
|
-
const evaluateBindings = ({
|
|
25
|
-
block,
|
|
26
|
-
context,
|
|
27
|
-
state
|
|
28
|
-
}) => {
|
|
29
|
-
if (!block.bindings) {
|
|
30
|
-
return block;
|
|
31
|
-
}
|
|
32
|
-
const copy = fastClone(block);
|
|
33
|
-
const copied = __spreadProps(__spreadValues({}, copy), {
|
|
34
|
-
properties: __spreadValues({}, copy.properties),
|
|
35
|
-
actions: __spreadValues({}, copy.actions)
|
|
36
|
-
});
|
|
37
|
-
for (const binding in block.bindings) {
|
|
38
|
-
const expression = block.bindings[binding];
|
|
39
|
-
const value = evaluate({ code: expression, state, context });
|
|
40
|
-
set(copied, binding, value);
|
|
41
|
-
}
|
|
42
|
-
return copied;
|
|
43
|
-
};
|
|
44
|
-
function getProcessedBlock({
|
|
45
|
-
block,
|
|
46
|
-
context,
|
|
47
|
-
shouldEvaluateBindings,
|
|
48
|
-
state
|
|
49
|
-
}) {
|
|
50
|
-
const transformedBlock = transformBlock(block);
|
|
51
|
-
if (shouldEvaluateBindings) {
|
|
52
|
-
return evaluateBindings({ block: transformedBlock, state, context });
|
|
53
|
-
} else {
|
|
54
|
-
return transformedBlock;
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
export {
|
|
58
|
-
getProcessedBlock
|
|
59
|
-
};
|
|
@@ -1,32 +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
|
-
shouldEvaluateBindings: true
|
|
25
|
-
});
|
|
26
|
-
expect(processed).not.toEqual(block);
|
|
27
|
-
expect((_a = processed.properties) == null ? void 0 : _a.foo).toEqual("baz");
|
|
28
|
-
expect((_b = processed.properties) == null ? void 0 : _b.test).toEqual("hello");
|
|
29
|
-
expect((_c = processed.properties) == null ? void 0 : _c.block).toEqual("bar");
|
|
30
|
-
expect((_d = processed.properties) == null ? void 0 : _d.isEditing).toEqual(false);
|
|
31
|
-
expect((_f = (_e = processed.responsiveStyles) == null ? void 0 : _e.large) == null ? void 0 : _f.zIndex).toEqual(2);
|
|
32
|
-
});
|
|
@@ -1,33 +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 { sanitizeReactNativeBlockStyles } from "./sanitize-react-native-block-styles.js";
|
|
18
|
-
function getReactNativeBlockStyles({
|
|
19
|
-
block,
|
|
20
|
-
context,
|
|
21
|
-
blockStyles
|
|
22
|
-
}) {
|
|
23
|
-
const responsiveStyles = block.responsiveStyles;
|
|
24
|
-
if (!responsiveStyles) {
|
|
25
|
-
return {};
|
|
26
|
-
}
|
|
27
|
-
const styles = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, context.inheritedStyles), responsiveStyles.large || {}), responsiveStyles.medium || {}), responsiveStyles.small || {}), blockStyles);
|
|
28
|
-
const newStyles = sanitizeReactNativeBlockStyles(styles);
|
|
29
|
-
return newStyles;
|
|
30
|
-
}
|
|
31
|
-
export {
|
|
32
|
-
getReactNativeBlockStyles
|
|
33
|
-
};
|
|
@@ -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
|
-
});
|