@builder.io/sdk-react-native 0.5.2 → 0.5.3

package/README.md

@@ -21,3 +21,7 @@ Take a look at [our example repo](/examples/react-native) for how to use this SD
 ## Fetch
 
 This Package uses fetch. See [these docs](https://github.com/BuilderIO/this-package-uses-fetch/blob/main/README.md) for more information.
+
+## Non-Node.js Runtimes (Edge, Serverless)
+
+If planning to deploy your app to a non-Node.js runtime (like Edge or Serverless functions), make sure to read the [Non-Node.js Runtimes](../../README.md#non-nodejs-runtimes-edge-serverless) section of the main README.

package/dist/blocks/button/button.js

@@ -33,9 +33,9 @@ const react_native_1 = require("react-native");
 const helpers_js_1 = require("../helpers.js");
 function Button(props) {
     return (React.createElement(React.Fragment, null, props.link ? (React.createElement(React.Fragment, null,
-        React.createElement(react_native_1.View, { role: "button", ...props.attributes, href: props.link, target: props.openLinkInNewTab ? "_blank" : undefined },
+        React.createElement(react_native_1.View, { role: "button", ...{}, ...props.attributes, href: props.link, target: props.openLinkInNewTab ? "_blank" : undefined },
             React.createElement(BaseText_1.default, null, props.text)))) : (React.createElement(React.Fragment, null,
-        React.createElement(react_native_1.View, { ...props.attributes, style: {
+        React.createElement(react_native_1.View, { ...{}, ...props.attributes, style: {
                 ...styles.view1,
                 ...props.attributes.style,
             } },

package/dist/blocks/columns/columns.js

@@ -131,16 +131,20 @@ function Columns(props) {
     return (React.createElement(react_native_1.View, { style: {
             ...styles.view1,
             ...columnsCssVars(),
-        }, dataSet: {
-            "builder-block-name": "builder-columns",
+        }, ...{
+            dataSet: {
+                "builder-block-name": "builder-columns",
+            },
         } },
         target_js_1.TARGET !== "reactNative" ? (React.createElement(React.Fragment, null,
             React.createElement(inlined_styles_1.default, { styles: columnsStyles() }))) : null, (_a = props.columns) === null || _a === void 0 ? void 0 :
         _a.map((column, index) => (React.createElement(react_native_1.View, { style: {
                 ...styles.view2,
                 ...columnCssVars(index),
-            }, dataSet: {
-                "builder-block-name": "builder-column",
+            }, ...{
+                dataSet: {
+                    "builder-block-name": "builder-column",
+                },
             }, key: index },
             React.createElement(blocks_1.default, { blocks: column.blocks, path: `component.options.columns.${index}.blocks`, parent: props.builderBlock.id, styleProp: {
                     flexGrow: "1",

package/dist/blocks/img/img.js

@@ -32,6 +32,6 @@ function ImgComponent(props) {
     return (React.createElement(react_native_1.View, { style: {
             objectFit: props.backgroundSize || "cover",
             objectPosition: props.backgroundPosition || "center",
-        }, key: ((0, is_editing_js_1.isEditing)() && props.imgSrc) || "default-key", alt: props.altText, src: props.imgSrc || props.image, ...props.attributes }));
+        }, key: ((0, is_editing_js_1.isEditing)() && props.imgSrc) || "default-key", alt: props.altText, src: props.imgSrc || props.image, ...{}, ...props.attributes }));
 }
 exports.default = ImgComponent;

package/dist/blocks/input/input.js

@@ -29,6 +29,6 @@ const react_native_1 = require("react-native");
 const is_editing_js_1 = require("../../functions/is-editing.js");
 const helpers_js_1 = require("../helpers.js");
 function FormInputComponent(props) {
-    return (React.createElement(react_native_1.View, { ...props.attributes, key: (0, is_editing_js_1.isEditing)() && props.defaultValue ? props.defaultValue : "default-key", placeholder: props.placeholder, type: props.type, name: props.name, value: props.value, defaultValue: props.defaultValue, required: props.required }));
+    return (React.createElement(react_native_1.View, { ...{}, ...props.attributes, key: (0, is_editing_js_1.isEditing)() && props.defaultValue ? props.defaultValue : "default-key", placeholder: props.placeholder, type: props.type, name: props.name, value: props.value, defaultValue: props.defaultValue, required: props.required }));
 }
 exports.default = FormInputComponent;

package/dist/blocks/section/section.js

@@ -28,7 +28,7 @@ const React = __importStar(require("react"));
 const react_native_1 = require("react-native");
 const helpers_js_1 = require("../helpers.js");
 function SectionComponent(props) {
-    return (React.createElement(react_native_1.View, { ...props.attributes, style: {
+    return (React.createElement(react_native_1.View, { ...{}, ...props.attributes, style: {
             width: "100%",
             alignSelf: "stretch",
             flexGrow: 1,

package/dist/blocks/select/select.js

@@ -34,7 +34,7 @@ const is_editing_js_1 = require("../../functions/is-editing.js");
 const helpers_js_1 = require("../helpers.js");
 function SelectComponent(props) {
     var _a;
-    return (React.createElement(react_native_1.View, { ...props.attributes, value: props.value, key: (0, is_editing_js_1.isEditing)() && props.defaultValue ? props.defaultValue : "default-key", defaultValue: props.defaultValue, name: props.name }, (_a = props.options) === null || _a === void 0 ? void 0 : _a.map((option) => (React.createElement(react_native_1.View, { value: option.value },
+    return (React.createElement(react_native_1.View, { ...{}, ...props.attributes, value: props.value, key: (0, is_editing_js_1.isEditing)() && props.defaultValue ? props.defaultValue : "default-key", defaultValue: props.defaultValue, name: props.name }, (_a = props.options) === null || _a === void 0 ? void 0 : _a.map((option) => (React.createElement(react_native_1.View, { value: option.value },
         React.createElement(BaseText_1.default, null, option.name || option.value))))));
 }
 exports.default = SelectComponent;

package/dist/blocks/submit-button/submit-button.js

@@ -32,7 +32,7 @@ const React = __importStar(require("react"));
 const react_native_1 = require("react-native");
 const helpers_js_1 = require("../helpers.js");
 function SubmitButton(props) {
-    return (React.createElement(react_native_1.View, { type: "submit", ...props.attributes },
+    return (React.createElement(react_native_1.View, { type: "submit", ...{}, ...props.attributes },
         React.createElement(BaseText_1.default, null, props.text)));
 }
 exports.default = SubmitButton;

package/dist/blocks/symbol/symbol.js

@@ -67,8 +67,10 @@ function Symbol(props) {
     (0, react_1.useEffect)(() => {
         setContent();
     }, [props.symbol]);
-    return (React.createElement(react_native_1.View, { ...props.attributes, dataSet: {
-            class: className(),
+    return (React.createElement(react_native_1.View, { ...{}, ...props.attributes, ...{
+            dataSet: {
+                class: className(),
+            },
         } },
         React.createElement(content_variants_1.default, { __isNestedRender: true, apiVersion: props.builderContext.apiVersion, apiKey: props.builderContext.apiKey, context: props.builderContext.context, customComponents: Object.values(props.builderComponents), data: {
                 ...(_a = props.symbol) === null || _a === void 0 ? void 0 : _a.data,

package/dist/blocks/textarea/textarea.js

@@ -28,6 +28,6 @@ const React = __importStar(require("react"));
 const react_native_1 = require("react-native");
 const helpers_js_1 = require("../helpers.js");
 function Textarea(props) {
-    return (React.createElement(react_native_1.View, { ...props.attributes, placeholder: props.placeholder, name: props.name, value: props.value, defaultValue: props.defaultValue }));
+    return (React.createElement(react_native_1.View, { ...{}, ...props.attributes, placeholder: props.placeholder, name: props.name, value: props.value, defaultValue: props.defaultValue }));
 }
 exports.default = Textarea;

package/dist/components/blocks/blocks-wrapper.js

@@ -56,8 +56,10 @@ function BlocksWrapper(props) {
             }, "*");
         }
     }
-    return (React.createElement(react_native_1.View, { "builder-path": props.path, "builder-parent-id": props.parent, dataSet: {
-            class: className(),
+    return (React.createElement(react_native_1.View, { "builder-path": props.path, "builder-parent-id": props.parent, ...{
+            dataSet: {
+                class: className(),
+            },
         }, style: {
             ...styles.view1,
             ...props.styleProp,

package/dist/components/content/components/enable-editor.js

@@ -296,10 +296,11 @@ function EnableEditor(props) {
         };
     }, []);
     return (React.createElement(builder_context_1.default.Provider, { value: props.builderContextSignal }, props.builderContextSignal.content ? (React.createElement(React.Fragment, null,
-        React.createElement(react_native_1.View, { key: forceReRenderCount, ref: elementRef, onClick: (event) => onClick(event), "builder-content-id": (_e = props.builderContextSignal.content) === null || _e === void 0 ? void 0 : _e.id, "builder-model": props.model, 
-            // currently, we can't set the actual ID here. // we don't need it right now, we just need to identify content divs for testing.
-            dataSet: {
-                "builder-content-id": "",
+        React.createElement(react_native_1.View, { key: forceReRenderCount, ref: elementRef, onClick: (event) => onClick(event), "builder-content-id": (_e = props.builderContextSignal.content) === null || _e === void 0 ? void 0 : _e.id, "builder-model": props.model, ...{
+                // currently, we can't set the actual ID here. // we don't need it right now, we just need to identify content divs for testing.
+                dataSet: {
+                    "builder-content-id": "",
+                },
             }, ...(props.showContent
                 ? {}
                 : {

package/dist/components/content/content.js

@@ -104,7 +104,9 @@ function ContentComponent(props) {
     return (React.createElement(components_context_1.default.Provider, { value: {
             registeredComponents: registeredComponents,
         } },
-        React.createElement(enable_editor_1.default, { content: props.content, model: props.model, context: props.context, apiKey: props.apiKey, canTrack: props.canTrack, locale: props.locale, includeRefs: props.includeRefs, enrich: props.enrich, classNameProp: props.classNameProp, showContent: props.showContent, builderContextSignal: builderContextSignal, setBuilderContextSignal: setBuilderContextSignal },
+        React.createElement(enable_editor_1.default, { content: props.content, model: props.model, context: props.context, apiKey: props.apiKey, canTrack: props.canTrack, locale: props.locale, includeRefs: props.includeRefs, enrich: props.enrich, classNameProp: props.classNameProp, showContent: props.showContent, builderContextSignal: builderContextSignal, ...{
+                setBuilderContextSignal: setBuilderContextSignal,
+            } },
             props.isSsrAbTest ? (React.createElement(React.Fragment, null,
                 React.createElement(inlined_script_1.default, { scriptStr: scriptStr }))) : null,
             target_js_1.TARGET !== "reactNative" ? (React.createElement(React.Fragment, null,

package/dist/components/content-variants/content-variants.js

@@ -55,6 +55,18 @@ function ContentVariants(props) {
             .map((value) => `.variant-${value.testVariationId} { display: none; } `)
             .join("");
     }
+    function defaultContent() {
+        var _a;
+        return shouldRenderVariants
+            ? {
+                ...props.content,
+                testVariationId: (_a = props.content) === null || _a === void 0 ? void 0 : _a.id,
+            }
+            : (0, ab_tests_js_1.handleABTestingSync)({
+                item: props.content,
+                canTrack: (0, canTrack_js_1.getDefaultCanTrack)(props.canTrack),
+            });
+    }
     (0, react_1.useEffect)(() => {
         /**
          * We unmount the non-winning variants post-hydration in Vue.
@@ -67,11 +79,6 @@ function ContentVariants(props) {
             React.createElement(inlined_styles_1.default, { id: `variants-styles-${(_a = props.content) === null || _a === void 0 ? void 0 : _a.id}`, styles: hideVariantsStyleString() }),
             React.createElement(inlined_script_1.default, { scriptStr: variantScriptStr() }), (_b = (0, helpers_js_1.getVariants)(props.content)) === null || _b === void 0 ? void 0 :
             _b.map((variant) => (React.createElement(content_1.default, { key: variant.testVariationId, content: variant, showContent: false, classNameProp: undefined, model: props.model, data: props.data, context: props.context, apiKey: props.apiKey, apiVersion: props.apiVersion, customComponents: props.customComponents, canTrack: props.canTrack, locale: props.locale, includeRefs: props.includeRefs, enrich: props.enrich, isSsrAbTest: shouldRenderVariants }))))) : null,
-        React.createElement(content_1.default, { content: shouldRenderVariants
-                ? props.content
-                : (0, ab_tests_js_1.handleABTestingSync)({
-                    item: props.content,
-                    canTrack: (0, canTrack_js_1.getDefaultCanTrack)(props.canTrack),
-                }), classNameProp: `variant-${(_c = props.content) === null || _c === void 0 ? void 0 : _c.id}`, showContent: true, model: props.model, data: props.data, context: props.context, apiKey: props.apiKey, apiVersion: props.apiVersion, customComponents: props.customComponents, canTrack: props.canTrack, locale: props.locale, includeRefs: props.includeRefs, enrich: props.enrich, isSsrAbTest: shouldRenderVariants })));
+        React.createElement(content_1.default, { ...{}, content: defaultContent(), classNameProp: `variant-${(_c = props.content) === null || _c === void 0 ? void 0 : _c.id}`, showContent: true, model: props.model, data: props.data, context: props.context, apiKey: props.apiKey, apiVersion: props.apiVersion, customComponents: props.customComponents, canTrack: props.canTrack, locale: props.locale, includeRefs: props.includeRefs, enrich: props.enrich, isSsrAbTest: shouldRenderVariants })));
 }
 exports.default = ContentVariants;

package/dist/constants/sdk-version.js

@@ -1,4 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SDK_VERSION = void 0;
-exports.SDK_VERSION = "0.5.2";
+const SDK_VERSION = "UNKNOWN_VERSION";
+exports.SDK_VERSION = SDK_VERSION;

package/dist/functions/evaluate/evaluate.js

@@ -1,11 +1,48 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.runInNode = exports.runInBrowser = exports.flattenState = exports.evaluate = void 0;
 const logger_js_1 = require("../../helpers/logger.js");
 const is_browser_js_1 = require("../is-browser.js");
 const is_editing_js_1 = require("../is-editing.js");
 const is_non_node_server_js_1 = require("../is-non-node-server.js");
-const non_node_runtime_js_1 = require("./non-node-runtime.js");
+let runInNonNode;
+if ((0, is_non_node_server_js_1.isNonNodeServer)()) {
+    Promise.resolve().then(() => __importStar(require("./non-node-runtime.js"))).then(m => {
+        runInNonNode = m.runInNonNode;
+    }).catch(err => {
+        const ERROR_MESSAGE = `Error importing JS interpreter for non-Node.js runtimes. Make sure \`js-interpreter\` is installed.
+      Read more here: https://github.com/BuilderIO/builder/tree/main/packages/sdks/README.md#non-nodejs-runtimes-edge-serverless
+      `;
+        logger_js_1.logger.error(ERROR_MESSAGE, err);
+        runInNonNode = (..._args) => {
+            logger_js_1.logger.error(ERROR_MESSAGE);
+            return void 0;
+        };
+    });
+}
 function evaluate({ code, context, localState, rootState, rootSetState, event, isExpression = true }) {
     if (code === "") {
         logger_js_1.logger.warn("Skipping evaluation of empty code block.");
@@ -30,7 +67,7 @@ function evaluate({ code, context, localState, rootState, rootSetState, event, i
     if ((0, is_browser_js_1.isBrowser)())
         return runInBrowser(args);
     if ((0, is_non_node_server_js_1.isNonNodeServer)())
-        return (0, non_node_runtime_js_1.runInNonNode)(args);
+        return runInNonNode(args);
     return runInNode(args);
 }
 exports.evaluate = evaluate;

package/dist/functions/evaluate/interpreter.js

@@ -2897,7 +2897,7 @@ Interpreter.prototype["getGlobalScope"] = Interpreter.prototype.getGlobalScope;
 Interpreter.prototype["getStateStack"] = Interpreter.prototype.getStateStack;
 Interpreter.prototype["setStateStack"] = Interpreter.prototype.setStateStack;
 Interpreter["VALUE_IN_DESCRIPTOR"] = Interpreter.VALUE_IN_DESCRIPTOR;
-const acorn_1 = require("acorn");
+const acorn_1 = require("./acorn");
 Interpreter.nativeGlobal.acornParse = acorn_1.parse;
 var stdin_default = Interpreter;
 exports.default = stdin_default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-react-native",
   "description": "Builder.io SDK for React Native",
-  "version": "0.5.2",
+  "version": "0.5.3",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -23,14 +23,23 @@
     "react-native-video": "^5.1.1"
   },
   "peerDependencies": {
-    "react-native": "^0.64.3",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "react-native": ">=0.64.3",
     "react-native-url-polyfill": "^1.3.0"
   },
   "devDependencies": {
     "@tsconfig/react-native": "^2.0.3",
     "@types/react-native-video": "^5.0.9",
+    "nx": "^16.6.0",
+    "nx-cloud": "^16.2.0",
     "react-native-url-polyfill": "^1.3.0",
     "rimraf": "^3.0.2",
-    "typescript": "^5.1.6"
+    "typescript": "^4.9.4"
+  },
+  "nx": {
+    "implicitDependencies": [
+      "@builder.io/sdks"
+    ]
   }
 }

package/src/components/content-variants/content-variants.jsx

@@ -46,6 +46,18 @@ function ContentVariants(props) {
       .join("");
   }
 
+  function defaultContent() {
+    return shouldRenderVariants
+      ? {
+          ...props.content,
+          testVariationId: props.content?.id,
+        }
+      : handleABTestingSync({
+          item: props.content,
+          canTrack: getDefaultCanTrack(props.canTrack),
+        });
+  }
+
   useEffect(() => {
     /**
      * We unmount the non-winning variants post-hydration in Vue.
@@ -91,14 +103,7 @@ function ContentVariants(props) {
 
       <ContentComponent
         {...{}}
-        content={
-          shouldRenderVariants
-            ? props.content
-            : handleABTestingSync({
-                item: props.content,
-                canTrack: getDefaultCanTrack(props.canTrack),
-              })
-        }
+        content={defaultContent()}
         classNameProp={`variant-${props.content?.id}`}
         showContent={true}
         model={props.model}

package/src/constants/sdk-version.js

@@ -1 +1,2 @@
-export const SDK_VERSION = "0.5.2"
+const SDK_VERSION = "UNKNOWN_VERSION";
+export { SDK_VERSION }

package/src/functions/evaluate/evaluate.js

@@ -2,7 +2,21 @@ import { logger } from "../../helpers/logger.js";
 import { isBrowser } from "../is-browser.js";
 import { isEditing } from "../is-editing.js";
 import { isNonNodeServer } from "../is-non-node-server.js";
-import { runInNonNode } from "./non-node-runtime.js";
+let runInNonNode;
+if (isNonNodeServer()) {
+  import("./non-node-runtime.js").then(m => {
+    runInNonNode = m.runInNonNode;
+  }).catch(err => {
+    const ERROR_MESSAGE = `Error importing JS interpreter for non-Node.js runtimes. Make sure \`js-interpreter\` is installed.
+      Read more here: https://github.com/BuilderIO/builder/tree/main/packages/sdks/README.md#non-nodejs-runtimes-edge-serverless
+      `;
+    logger.error(ERROR_MESSAGE, err);
+    runInNonNode = (..._args) => {
+      logger.error(ERROR_MESSAGE);
+      return void 0;
+    };
+  });
+}
 function evaluate({
   code,
   context,

package/src/functions/evaluate/interpreter.js

@@ -2795,7 +2795,7 @@ Interpreter.prototype["getGlobalScope"] = Interpreter.prototype.getGlobalScope;
 Interpreter.prototype["getStateStack"] = Interpreter.prototype.getStateStack;
 Interpreter.prototype["setStateStack"] = Interpreter.prototype.setStateStack;
 Interpreter["VALUE_IN_DESCRIPTOR"] = Interpreter.VALUE_IN_DESCRIPTOR;
-import { parse } from "acorn";
+import { parse } from "./acorn";
 Interpreter.nativeGlobal.acornParse = parse;
 var stdin_default = Interpreter;
 export { stdin_default as default }