@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.
Files changed (181) hide show
  1. package/dist/react/blocks/button/button.js +2 -2
  2. package/dist/react/blocks/columns/columns.js +4 -4
  3. package/dist/react/blocks/form/form.js +2 -2
  4. package/dist/react/blocks/image/image.js +6 -6
  5. package/dist/react/components/render-block/render-block.js +18 -1
  6. package/dist/react/components/render-block/render-repeated-block.js +1 -0
  7. package/dist/react/components/render-blocks.js +2 -2
  8. package/dist/react/components/render-content/components/render-styles.helpers.js +51 -0
  9. package/dist/react/components/render-content/components/render-styles.js +12 -54
  10. package/dist/react/components/render-content/render-content.helpers.js +38 -0
  11. package/dist/react/components/render-content/render-content.js +65 -62
  12. package/dist/react/components/render-content/render-content.types.js +1 -0
  13. package/dist/react/constants/builder-registered-components.js +7 -7
  14. package/dist/react/context/builder.context.js +2 -0
  15. package/dist/react/index-helpers/blocks-exports.js +10 -10
  16. package/dist/react/types/input.js +1 -0
  17. package/dist/rsc/blocks/button/button.js +2 -2
  18. package/dist/rsc/blocks/columns/columns.js +4 -4
  19. package/dist/rsc/blocks/form/form.js +2 -2
  20. package/dist/rsc/blocks/image/image.js +6 -6
  21. package/dist/rsc/components/render-block/render-block.js +18 -1
  22. package/dist/rsc/components/render-block/render-repeated-block.js +1 -0
  23. package/dist/rsc/components/render-blocks.js +2 -2
  24. package/dist/rsc/components/render-content/builder-editing.js +47 -4
  25. package/dist/rsc/components/render-content/components/render-styles.helpers.js +51 -0
  26. package/dist/rsc/components/render-content/components/render-styles.js +11 -54
  27. package/dist/rsc/components/render-content/render-content.helpers.js +38 -0
  28. package/dist/rsc/components/render-content/render-content.js +43 -38
  29. package/dist/rsc/components/render-content/render-content.types.js +1 -0
  30. package/dist/rsc/constants/builder-registered-components.js +7 -7
  31. package/dist/rsc/context/builder.context.js +2 -0
  32. package/dist/rsc/index-helpers/blocks-exports.js +10 -10
  33. package/dist/rsc/types/input.js +1 -0
  34. package/package.json +1 -1
  35. package/packages/react/src/blocks/button/button.jsx +2 -2
  36. package/packages/react/src/blocks/columns/columns.jsx +4 -4
  37. package/packages/react/src/blocks/form/form.jsx +2 -2
  38. package/packages/react/src/blocks/image/image.jsx +6 -6
  39. package/packages/react/src/components/render-block/render-block.jsx +22 -1
  40. package/packages/react/src/components/render-block/render-repeated-block.jsx +1 -0
  41. package/packages/react/src/components/render-blocks.jsx +2 -2
  42. package/packages/react/src/components/render-content/components/render-styles.helpers.js +57 -0
  43. package/packages/react/src/components/render-content/components/render-styles.jsx +13 -56
  44. package/packages/react/src/components/render-content/render-content.helpers.js +48 -0
  45. package/packages/react/src/components/render-content/render-content.jsx +76 -67
  46. package/packages/{_rsc/src/components/render-block/types.js → react/src/components/render-content/render-content.types.js} +0 -0
  47. package/packages/react/src/constants/builder-registered-components.js +7 -7
  48. package/packages/react/src/context/builder.context.js +2 -0
  49. package/packages/react/src/index-helpers/blocks-exports.js +18 -18
  50. package/packages/{_rsc/src/context/types.js → react/src/types/input.js} +0 -0
  51. package/packages/rsc/src/blocks/button/button.jsx +2 -2
  52. package/packages/rsc/src/blocks/columns/columns.jsx +4 -4
  53. package/packages/rsc/src/blocks/form/form.jsx +2 -2
  54. package/packages/rsc/src/blocks/image/image.jsx +6 -6
  55. package/packages/rsc/src/components/render-block/render-block.jsx +21 -1
  56. package/packages/rsc/src/components/render-block/render-repeated-block.jsx +1 -0
  57. package/packages/rsc/src/components/render-blocks.jsx +2 -2
  58. package/packages/rsc/src/components/render-content/builder-editing.jsx +61 -4
  59. package/packages/rsc/src/components/render-content/components/render-styles.helpers.js +57 -0
  60. package/packages/rsc/src/components/render-content/components/render-styles.jsx +10 -56
  61. package/packages/rsc/src/components/render-content/render-content.helpers.js +48 -0
  62. package/packages/rsc/src/components/render-content/render-content.jsx +46 -37
  63. package/packages/{_rsc/src/functions/get-content/types.js → rsc/src/components/render-content/render-content.types.js} +0 -0
  64. package/packages/rsc/src/constants/builder-registered-components.js +7 -7
  65. package/packages/rsc/src/context/builder.context.js +2 -0
  66. package/packages/rsc/src/index-helpers/blocks-exports.js +18 -18
  67. package/packages/{_rsc/src/types/builder-block.js → rsc/src/types/input.js} +0 -0
  68. package/packages/_rsc/src/blocks/BaseText.jsx +0 -10
  69. package/packages/_rsc/src/blocks/button/button.jsx +0 -29
  70. package/packages/_rsc/src/blocks/button/component-info.js +0 -41
  71. package/packages/_rsc/src/blocks/columns/columns.jsx +0 -172
  72. package/packages/_rsc/src/blocks/columns/component-info.js +0 -242
  73. package/packages/_rsc/src/blocks/custom-code/component-info.js +0 -31
  74. package/packages/_rsc/src/blocks/custom-code/custom-code.jsx +0 -55
  75. package/packages/_rsc/src/blocks/embed/component-info.js +0 -44
  76. package/packages/_rsc/src/blocks/embed/embed.jsx +0 -43
  77. package/packages/_rsc/src/blocks/embed/helpers.js +0 -9
  78. package/packages/_rsc/src/blocks/form/component-info.js +0 -262
  79. package/packages/_rsc/src/blocks/form/form.jsx +0 -259
  80. package/packages/_rsc/src/blocks/fragment/component-info.js +0 -11
  81. package/packages/_rsc/src/blocks/fragment/fragment.jsx +0 -7
  82. package/packages/_rsc/src/blocks/image/component-info.js +0 -151
  83. package/packages/_rsc/src/blocks/image/image.helpers.js +0 -48
  84. package/packages/_rsc/src/blocks/image/image.jsx +0 -124
  85. package/packages/_rsc/src/blocks/img/component-info.js +0 -20
  86. package/packages/_rsc/src/blocks/img/img.jsx +0 -19
  87. package/packages/_rsc/src/blocks/input/component-info.js +0 -74
  88. package/packages/_rsc/src/blocks/input/input.jsx +0 -21
  89. package/packages/_rsc/src/blocks/raw-text/component-info.js +0 -16
  90. package/packages/_rsc/src/blocks/raw-text/raw-text.jsx +0 -12
  91. package/packages/_rsc/src/blocks/section/component-info.js +0 -49
  92. package/packages/_rsc/src/blocks/section/section.jsx +0 -29
  93. package/packages/_rsc/src/blocks/select/component-info.js +0 -59
  94. package/packages/_rsc/src/blocks/select/select.jsx +0 -22
  95. package/packages/_rsc/src/blocks/submit-button/component-info.js +0 -28
  96. package/packages/_rsc/src/blocks/submit-button/submit-button.jsx +0 -11
  97. package/packages/_rsc/src/blocks/symbol/component-info.js +0 -43
  98. package/packages/_rsc/src/blocks/symbol/symbol.jsx +0 -56
  99. package/packages/_rsc/src/blocks/text/component-info.js +0 -24
  100. package/packages/_rsc/src/blocks/text/text.jsx +0 -12
  101. package/packages/_rsc/src/blocks/textarea/component-info.js +0 -47
  102. package/packages/_rsc/src/blocks/textarea/textarea.jsx +0 -15
  103. package/packages/_rsc/src/blocks/util.js +0 -8
  104. package/packages/_rsc/src/blocks/video/component-info.js +0 -106
  105. package/packages/_rsc/src/blocks/video/video.jsx +0 -61
  106. package/packages/_rsc/src/components/render-block/block-styles.jsx +0 -72
  107. package/packages/_rsc/src/components/render-block/render-block.helpers.js +0 -23
  108. package/packages/_rsc/src/components/render-block/render-block.jsx +0 -251
  109. package/packages/_rsc/src/components/render-block/render-component-with-context.jsx +0 -38
  110. package/packages/_rsc/src/components/render-block/render-component.jsx +0 -37
  111. package/packages/_rsc/src/components/render-block/render-repeated-block.jsx +0 -36
  112. package/packages/_rsc/src/components/render-blocks.jsx +0 -90
  113. package/packages/_rsc/src/components/render-content/builder-editing.jsx +0 -7
  114. package/packages/_rsc/src/components/render-content/components/render-styles.jsx +0 -70
  115. package/packages/_rsc/src/components/render-content/index.js +0 -4
  116. package/packages/_rsc/src/components/render-content/render-content.jsx +0 -259
  117. package/packages/_rsc/src/components/render-inlined-styles.jsx +0 -33
  118. package/packages/_rsc/src/constants/builder-registered-components.js +0 -54
  119. package/packages/_rsc/src/constants/device-sizes.js +0 -48
  120. package/packages/_rsc/src/constants/target.js +0 -4
  121. package/packages/_rsc/src/context/builder.context.js +0 -11
  122. package/packages/_rsc/src/functions/camel-to-kebab-case.js +0 -4
  123. package/packages/_rsc/src/functions/evaluate.js +0 -6
  124. package/packages/_rsc/src/functions/event-handler-name.js +0 -7
  125. package/packages/_rsc/src/functions/extract-text-styles.js +0 -22
  126. package/packages/_rsc/src/functions/fast-clone.js +0 -4
  127. package/packages/_rsc/src/functions/get-block-actions-handler.js +0 -11
  128. package/packages/_rsc/src/functions/get-block-actions.js +0 -18
  129. package/packages/_rsc/src/functions/get-block-component-options.js +0 -28
  130. package/packages/_rsc/src/functions/get-block-properties.js +0 -50
  131. package/packages/_rsc/src/functions/get-block-tag.js +0 -6
  132. package/packages/_rsc/src/functions/get-builder-search-params/fn.test.js +0 -13
  133. package/packages/_rsc/src/functions/get-builder-search-params/index.js +0 -38
  134. package/packages/_rsc/src/functions/get-content/ab-testing.js +0 -99
  135. package/packages/_rsc/src/functions/get-content/generate-content-url.js +0 -55
  136. package/packages/_rsc/src/functions/get-content/generate-content-url.test.js +0 -31
  137. package/packages/_rsc/src/functions/get-content/index.js +0 -65
  138. package/packages/_rsc/src/functions/get-fetch.js +0 -14
  139. package/packages/_rsc/src/functions/get-global-this.js +0 -18
  140. package/packages/_rsc/src/functions/get-processed-block.js +0 -59
  141. package/packages/_rsc/src/functions/get-processed-block.test.js +0 -32
  142. package/packages/_rsc/src/functions/get-react-native-block-styles.js +0 -33
  143. package/packages/_rsc/src/functions/if-target.js +0 -15
  144. package/packages/_rsc/src/functions/is-browser.js +0 -6
  145. package/packages/_rsc/src/functions/is-editing.js +0 -7
  146. package/packages/_rsc/src/functions/is-iframe.js +0 -7
  147. package/packages/_rsc/src/functions/is-previewing.js +0 -14
  148. package/packages/_rsc/src/functions/on-change.js +0 -27
  149. package/packages/_rsc/src/functions/on-change.test.js +0 -19
  150. package/packages/_rsc/src/functions/register-component.js +0 -68
  151. package/packages/_rsc/src/functions/register.js +0 -29
  152. package/packages/_rsc/src/functions/sanitize-react-native-block-styles.js +0 -66
  153. package/packages/_rsc/src/functions/set-editor-settings.js +0 -15
  154. package/packages/_rsc/src/functions/set.js +0 -11
  155. package/packages/_rsc/src/functions/set.test.js +0 -16
  156. package/packages/_rsc/src/functions/track.js +0 -124
  157. package/packages/_rsc/src/functions/transform-block-properties.js +0 -6
  158. package/packages/_rsc/src/functions/transform-block.js +0 -6
  159. package/packages/_rsc/src/helpers/ab-tests.js +0 -16
  160. package/packages/_rsc/src/helpers/cookie.js +0 -81
  161. package/packages/_rsc/src/helpers/css.js +0 -34
  162. package/packages/_rsc/src/helpers/flatten.js +0 -34
  163. package/packages/_rsc/src/helpers/localStorage.js +0 -35
  164. package/packages/_rsc/src/helpers/nullable.js +0 -4
  165. package/packages/_rsc/src/helpers/sessionId.js +0 -52
  166. package/packages/_rsc/src/helpers/time.js +0 -5
  167. package/packages/_rsc/src/helpers/url.js +0 -13
  168. package/packages/_rsc/src/helpers/url.test.js +0 -21
  169. package/packages/_rsc/src/helpers/uuid.js +0 -13
  170. package/packages/_rsc/src/helpers/visitorId.js +0 -34
  171. package/packages/_rsc/src/index-helpers/blocks-exports.js +0 -22
  172. package/packages/_rsc/src/index-helpers/top-of-file.js +0 -2
  173. package/packages/_rsc/src/index.js +0 -14
  174. package/packages/_rsc/src/scripts/init-editing.js +0 -93
  175. package/packages/_rsc/src/types/builder-content.js +0 -0
  176. package/packages/_rsc/src/types/can-track.js +0 -0
  177. package/packages/_rsc/src/types/components.js +0 -0
  178. package/packages/_rsc/src/types/deep-partial.js +0 -0
  179. package/packages/_rsc/src/types/element.js +0 -0
  180. package/packages/_rsc/src/types/targets.js +0 -0
  181. 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,6 +0,0 @@
1
- function getBlockTag(block) {
2
- return block.tagName || "div";
3
- }
4
- export {
5
- getBlockTag
6
- };
@@ -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,6 +0,0 @@
1
- function isBrowser() {
2
- return typeof window !== "undefined" && typeof document !== "undefined";
3
- }
4
- export {
5
- isBrowser
6
- };
@@ -1,7 +0,0 @@
1
- import { isIframe } from "./is-iframe.js";
2
- function isEditing() {
3
- return isIframe() && window.location.search.indexOf("builder.frameEditing=") !== -1;
4
- }
5
- export {
6
- isEditing
7
- };
@@ -1,7 +0,0 @@
1
- import { isBrowser } from "./is-browser.js";
2
- function isIframe() {
3
- return isBrowser() && window.self !== window.top;
4
- }
5
- export {
6
- isIframe
7
- };
@@ -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
- });