@builder.io/sdk-react-native 0.1.2 → 0.1.3

package/dist/helpers/cookie.js

@@ -0,0 +1,70 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setCookie = exports.getCookie = void 0;
+var __async = (__this, __arguments, generator) => {
+    return new Promise((resolve, reject) => {
+        var fulfilled = (value) => {
+            try {
+                step(generator.next(value));
+            }
+            catch (e) {
+                reject(e);
+            }
+        };
+        var rejected = (value) => {
+            try {
+                step(generator.throw(value));
+            }
+            catch (e) {
+                reject(e);
+            }
+        };
+        var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+        step((generator = generator.apply(__this, __arguments)).next());
+    });
+};
+const react_native_storage_1 = __importDefault(require("react-native-storage"));
+const is_browser_js_1 = require("../functions/is-browser.js");
+const async_storage_1 = __importDefault(require("@react-native-async-storage/async-storage"));
+const ONE_DAY = 1e3 * 60 * 60 * 24;
+const initStorage = () => {
+    const backend = (0, is_browser_js_1.isBrowser)() ? window.localStorage : async_storage_1.default;
+    const storage2 = new react_native_storage_1.default({
+        size: 1e3,
+        storageBackend: backend,
+        defaultExpires: ONE_DAY * 30,
+        enableCache: true
+    });
+    return storage2;
+};
+const storage = initStorage();
+const getStorageName = (name) => `builderio.${name}`;
+const getCookie = (_0) => __async(void 0, [_0], function* ({ name, canTrack }) {
+    try {
+        if (!canTrack) {
+            return void 0;
+        }
+        const parsedName = name.replace(/_/g, ".");
+        const data = yield storage.load({ key: getStorageName(parsedName) });
+        return data.value;
+    }
+    catch (err) {
+        console.debug("[COOKIE] GET error: ", err);
+    }
+});
+exports.getCookie = getCookie;
+const setCookie = (_0) => __async(void 0, [_0], function* ({ name, value, expires, canTrack }) {
+    try {
+        if (!canTrack) {
+            return void 0;
+        }
+        yield storage.save({ key: getStorageName(name), data: { value }, expires });
+    }
+    catch (err) {
+        console.warn("[COOKIE] SET error: ", err);
+    }
+});
+exports.setCookie = setCookie;

package/dist/helpers/css.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createCssClass = exports.convertStyleMapToCSSArray = exports.convertStyleMapToCSS = void 0;
+const camel_to_kebab_case_js_1 = require("../functions/camel-to-kebab-case.js");
+const nullable_js_1 = require("./nullable.js");
+const convertStyleMapToCSSArray = (style) => {
+    const cssProps = Object.entries(style).map(([key, value]) => {
+        if (typeof value === "string") {
+            return `${(0, camel_to_kebab_case_js_1.camelToKebabCase)(key)}: ${value};`;
+        }
+        else {
+            return void 0;
+        }
+    });
+    return cssProps.filter(nullable_js_1.checkIsDefined);
+};
+exports.convertStyleMapToCSSArray = convertStyleMapToCSSArray;
+const convertStyleMapToCSS = (style) => convertStyleMapToCSSArray(style).join("\n");
+exports.convertStyleMapToCSS = convertStyleMapToCSS;
+const createCssClass = ({ mediaQuery, className, styles }) => {
+    const cssClass = `.${className} {
+    ${convertStyleMapToCSS(styles)}
+  }`;
+    if (mediaQuery) {
+        return `${mediaQuery} {
+      ${cssClass}
+    }`;
+    }
+    else {
+        return cssClass;
+    }
+};
+exports.createCssClass = createCssClass;

package/dist/helpers/flatten.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.flatten = void 0;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+    for (var prop in b || (b = {}))
+        if (__hasOwnProp.call(b, prop))
+            __defNormalProp(a, prop, b[prop]);
+    if (__getOwnPropSymbols)
+        for (var prop of __getOwnPropSymbols(b)) {
+            if (__propIsEnum.call(b, prop))
+                __defNormalProp(a, prop, b[prop]);
+        }
+    return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+function flatten(object, path = null, separator = ".") {
+    return Object.keys(object).reduce((acc, key) => {
+        const value = object[key];
+        const newPath = [path, key].filter(Boolean).join(separator);
+        const isObject = [
+            typeof value === "object",
+            value !== null,
+            !(Array.isArray(value) && value.length === 0)
+        ].every(Boolean);
+        return isObject ? __spreadValues(__spreadValues({}, acc), flatten(value, newPath, separator)) : __spreadProps(__spreadValues({}, acc), { [newPath]: value });
+    }, {});
+}
+exports.flatten = flatten;

package/dist/helpers/localStorage.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setLocalStorageItem = exports.getLocalStorageItem = void 0;
+const is_browser_js_1 = require("../functions/is-browser.js");
+const getLocalStorage = () => (0, is_browser_js_1.isBrowser)() && typeof localStorage !== "undefined" ? localStorage : void 0;
+const getLocalStorageItem = ({ key, canTrack }) => {
+    var _a;
+    try {
+        if (canTrack) {
+            return (_a = getLocalStorage()) == null ? void 0 : _a.getItem(key);
+        }
+        return void 0;
+    }
+    catch (err) {
+        console.debug("[LocalStorage] GET error: ", err);
+        return void 0;
+    }
+};
+exports.getLocalStorageItem = getLocalStorageItem;
+const setLocalStorageItem = ({ key, canTrack, value }) => {
+    var _a;
+    try {
+        if (canTrack) {
+            (_a = getLocalStorage()) == null ? void 0 : _a.setItem(key, value);
+        }
+    }
+    catch (err) {
+        console.debug("[LocalStorage] SET error: ", err);
+    }
+};
+exports.setLocalStorageItem = setLocalStorageItem;

package/dist/helpers/nullable.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.checkIsDefined = void 0;
+const checkIsDefined = (maybeT) => maybeT !== null && maybeT !== void 0;
+exports.checkIsDefined = checkIsDefined;

package/dist/helpers/sessionId.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setSessionId = exports.getSessionId = exports.createSessionId = void 0;
+var __async = (__this, __arguments, generator) => {
+    return new Promise((resolve, reject) => {
+        var fulfilled = (value) => {
+            try {
+                step(generator.next(value));
+            }
+            catch (e) {
+                reject(e);
+            }
+        };
+        var rejected = (value) => {
+            try {
+                step(generator.throw(value));
+            }
+            catch (e) {
+                reject(e);
+            }
+        };
+        var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+        step((generator = generator.apply(__this, __arguments)).next());
+    });
+};
+const cookie_js_1 = require("./cookie.js");
+const nullable_js_1 = require("./nullable.js");
+const uuid_js_1 = require("./uuid.js");
+const SESSION_LOCAL_STORAGE_KEY = "builderSessionId";
+const getSessionId = (_0) => __async(void 0, [_0], function* ({ canTrack }) {
+    if (!canTrack) {
+        return void 0;
+    }
+    const sessionId = yield (0, cookie_js_1.getCookie)({
+        name: SESSION_LOCAL_STORAGE_KEY,
+        canTrack
+    });
+    if ((0, nullable_js_1.checkIsDefined)(sessionId)) {
+        return sessionId;
+    }
+    else {
+        const newSessionId = createSessionId();
+        setSessionId({ id: newSessionId, canTrack });
+        return newSessionId;
+    }
+});
+exports.getSessionId = getSessionId;
+const createSessionId = () => (0, uuid_js_1.uuid)();
+exports.createSessionId = createSessionId;
+const setSessionId = ({ id, canTrack }) => (0, cookie_js_1.setCookie)({ name: SESSION_LOCAL_STORAGE_KEY, value: id, canTrack });
+exports.setSessionId = setSessionId;

package/dist/helpers/time.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCurrentDatePlusMinutes = void 0;
+const MINUTE_TO_MILLESECONDS_MULTIPLIER = 6e4;
+const getCurrentDatePlusMinutes = (minutes = 30) => new Date(Date.now() + minutes * MINUTE_TO_MILLESECONDS_MULTIPLIER);
+exports.getCurrentDatePlusMinutes = getCurrentDatePlusMinutes;

package/dist/helpers/url.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTopLevelDomain = void 0;
+const getTopLevelDomain = (host) => {
+    if (host === "localhost" || host === "127.0.0.1") {
+        return host;
+    }
+    const parts = host.split(".");
+    if (parts.length > 2) {
+        return parts.slice(1).join(".");
+    }
+    return host;
+};
+exports.getTopLevelDomain = getTopLevelDomain;

package/dist/helpers/url.test.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const url_js_1 = require("./url.js");
+describe("getTopLevelDomain", () => {
+    test("handles root domain", () => {
+        const output = (0, url_js_1.getTopLevelDomain)("example.com");
+        expect(output).toBe("example.com");
+    });
+    test("handles subdomain", () => {
+        const output = (0, url_js_1.getTopLevelDomain)("wwww.example.com");
+        expect(output).toBe("example.com");
+    });
+    test("handles subdomain with long suffix", () => {
+        const output = (0, url_js_1.getTopLevelDomain)("www.example.co.uk");
+        expect(output).toBe("example.co.uk");
+    });
+    test("handles localhost", () => {
+        const output = (0, url_js_1.getTopLevelDomain)("localhost");
+        expect(output).toBe("localhost");
+        const output2 = (0, url_js_1.getTopLevelDomain)("127.0.0.1");
+        expect(output2).toBe("127.0.0.1");
+    });
+});

package/dist/helpers/uuid.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.uuidv4 = exports.uuid = void 0;
+function uuidv4() {
+    return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function (c) {
+        const r = Math.random() * 16 | 0, v = c == "x" ? r : r & 3 | 8;
+        return v.toString(16);
+    });
+}
+exports.uuidv4 = uuidv4;
+function uuid() {
+    return uuidv4().replace(/-/g, "");
+}
+exports.uuid = uuid;

package/dist/helpers/visitorId.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setVisitorId = exports.getVisitorId = exports.createVisitorId = void 0;
+const localStorage_js_1 = require("./localStorage.js");
+const nullable_js_1 = require("./nullable.js");
+const uuid_js_1 = require("./uuid.js");
+const VISITOR_LOCAL_STORAGE_KEY = "builderVisitorId";
+const getVisitorId = ({ canTrack }) => {
+    if (!canTrack) {
+        return void 0;
+    }
+    const visitorId = (0, localStorage_js_1.getLocalStorageItem)({
+        key: VISITOR_LOCAL_STORAGE_KEY,
+        canTrack
+    });
+    if ((0, nullable_js_1.checkIsDefined)(visitorId)) {
+        return visitorId;
+    }
+    else {
+        const newVisitorId = createVisitorId();
+        setVisitorId({ id: newVisitorId, canTrack });
+        return newVisitorId;
+    }
+};
+exports.getVisitorId = getVisitorId;
+const createVisitorId = () => (0, uuid_js_1.uuid)();
+exports.createVisitorId = createVisitorId;
+const setVisitorId = ({ id, canTrack }) => (0, localStorage_js_1.setLocalStorageItem)({
+    key: VISITOR_LOCAL_STORAGE_KEY,
+    value: id,
+    canTrack
+});
+exports.setVisitorId = setVisitorId;

package/dist/index-helpers/blocks-exports.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Text = exports.Symbol = exports.Section = exports.RenderContent = exports.Image = exports.Fragment = exports.Columns = exports.Button = void 0;
+const columns_js_1 = __importDefault(require("../blocks/columns/columns.js"));
+Object.defineProperty(exports, "Columns", { enumerable: true, get: function () { return columns_js_1.default; } });
+const image_js_1 = __importDefault(require("../blocks/image/image.js"));
+Object.defineProperty(exports, "Image", { enumerable: true, get: function () { return image_js_1.default; } });
+const text_js_1 = __importDefault(require("../blocks/text/text.js"));
+Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return text_js_1.default; } });
+const symbol_js_1 = __importDefault(require("../blocks/symbol/symbol.js"));
+Object.defineProperty(exports, "Symbol", { enumerable: true, get: function () { return symbol_js_1.default; } });
+const button_js_1 = __importDefault(require("../blocks/button/button.js"));
+Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return button_js_1.default; } });
+const section_js_1 = __importDefault(require("../blocks/section/section.js"));
+Object.defineProperty(exports, "Section", { enumerable: true, get: function () { return section_js_1.default; } });
+const fragment_js_1 = __importDefault(require("../blocks/fragment/fragment.js"));
+Object.defineProperty(exports, "Fragment", { enumerable: true, get: function () { return fragment_js_1.default; } });
+const render_content_js_1 = __importDefault(require("../components/render-content/render-content.js"));
+Object.defineProperty(exports, "RenderContent", { enumerable: true, get: function () { return render_content_js_1.default; } });

package/dist/index-helpers/top-of-file.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("react-native-url-polyfill/auto");

package/dist/index.js

@@ -0,0 +1,29 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.track = void 0;
+__exportStar(require("./index-helpers/top-of-file.js"), exports);
+require("./scripts/init-editing.js");
+__exportStar(require("./index-helpers/blocks-exports.js"), exports);
+__exportStar(require("./functions/is-editing.js"), exports);
+__exportStar(require("./functions/is-previewing.js"), exports);
+__exportStar(require("./functions/register-component.js"), exports);
+__exportStar(require("./functions/register.js"), exports);
+__exportStar(require("./functions/set-editor-settings.js"), exports);
+__exportStar(require("./functions/get-content/index.js"), exports);
+__exportStar(require("./functions/get-builder-search-params/index.js"), exports);
+const index_js_1 = require("./functions/track/index.js");
+Object.defineProperty(exports, "track", { enumerable: true, get: function () { return index_js_1.track; } });

package/dist/scripts/init-editing.js

@@ -0,0 +1,97 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setupBrowserForEditing = exports.registerInsertMenu = void 0;
+const target_js_1 = require("../constants/target.js");
+const is_browser_js_1 = require("../functions/is-browser.js");
+const register_js_1 = require("../functions/register.js");
+const registerInsertMenu = () => {
+    (0, register_js_1.register)("insertMenu", {
+        name: "_default",
+        default: true,
+        items: [
+            { name: "Box" },
+            { name: "Text" },
+            { name: "Image" },
+            { name: "Columns" },
+            ...target_js_1.TARGET === "reactNative" ? [] : [
+                { name: "Core:Section" },
+                { name: "Core:Button" },
+                { name: "Embed" },
+                { name: "Custom Code" }
+            ]
+        ]
+    });
+};
+exports.registerInsertMenu = registerInsertMenu;
+let isSetupForEditing = false;
+const setupBrowserForEditing = (options = {}) => {
+    var _a, _b;
+    if (isSetupForEditing) {
+        return;
+    }
+    isSetupForEditing = true;
+    if ((0, is_browser_js_1.isBrowser)()) {
+        (_a = window.parent) == null ? void 0 : _a.postMessage({
+            type: "builder.sdkInfo",
+            data: {
+                target: target_js_1.TARGET,
+                supportsPatchUpdates: false,
+                supportsAddBlockScoping: true,
+                supportsCustomBreakpoints: true
+            }
+        }, "*");
+        (_b = window.parent) == null ? void 0 : _b.postMessage({
+            type: "builder.updateContent",
+            data: {
+                options
+            }
+        }, "*");
+        window.addEventListener("message", ({ data }) => {
+            var _a2, _b2;
+            if (!(data == null ? void 0 : data.type)) {
+                return;
+            }
+            switch (data.type) {
+                case "builder.evaluate": {
+                    const text = data.data.text;
+                    const args = data.data.arguments || [];
+                    const id = data.data.id;
+                    const fn = new Function(text);
+                    let result;
+                    let error = null;
+                    try {
+                        result = fn.apply(null, args);
+                    }
+                    catch (err) {
+                        error = err;
+                    }
+                    if (error) {
+                        (_a2 = window.parent) == null ? void 0 : _a2.postMessage({
+                            type: "builder.evaluateError",
+                            data: { id, error: error.message }
+                        }, "*");
+                    }
+                    else {
+                        if (result && typeof result.then === "function") {
+                            result.then((finalResult) => {
+                                var _a3;
+                                (_a3 = window.parent) == null ? void 0 : _a3.postMessage({
+                                    type: "builder.evaluateResult",
+                                    data: { id, result: finalResult }
+                                }, "*");
+                            }).catch(console.error);
+                        }
+                        else {
+                            (_b2 = window.parent) == null ? void 0 : _b2.postMessage({
+                                type: "builder.evaluateResult",
+                                data: { result, id }
+                            }, "*");
+                        }
+                    }
+                    break;
+                }
+            }
+        });
+    }
+};
+exports.setupBrowserForEditing = setupBrowserForEditing;

package/dist/types/builder-block.js

@@ -0,0 +1 @@
+"use strict";

package/dist/types/builder-content.js

@@ -0,0 +1 @@
+"use strict";

package/dist/types/can-track.js

@@ -0,0 +1 @@
+"use strict";

package/dist/types/components.js

@@ -0,0 +1 @@
+"use strict";

package/dist/types/deep-partial.js

@@ -0,0 +1 @@
+"use strict";

package/dist/types/element.js

@@ -0,0 +1 @@
+"use strict";

package/dist/types/targets.js

@@ -0,0 +1 @@
+"use strict";

package/dist/types/typescript.js

@@ -0,0 +1 @@
+"use strict";

package/package.json

@@ -1,13 +1,19 @@
 {
   "name": "@builder.io/sdk-react-native",
   "description": "Builder.io SDK for React Native",
-  "version": "0.1.2",
-  "main": "src/index.js",
+  "version": "0.1.3",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "exports": {
+    ".": "./dist/index.js"
+  },
   "files": [
-    "src"
+    "src",
+    "dist"
   ],
   "scripts": {
-    "build": "echo 'no need to build react-native SDK'",
+    "build": "tsc",
     "release:patch": "yarn run build && npm version patch && npm publish",
     "release:minor": "yarn run build && npm version minor && npm publish",
     "release:dev": "yarn run build && npm version prerelease && npm publish --tag dev"
@@ -23,8 +29,10 @@
     "react-native-url-polyfill": "^1.3.0"
   },
   "devDependencies": {
+    "@tsconfig/react-native": "^2.0.3",
     "@types/react-native-video": "^5.0.9",
     "react-native": "^0.64.3",
-    "react-native-url-polyfill": "^1.3.0"
+    "react-native-url-polyfill": "^1.3.0",
+    "typescript": "^4.9.4"
   }
 }

package/src/blocks/BaseText.jsx

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { Text } from 'react-native';
+import BuilderContext from '../context/builder.context';
+
+/**
+ * Implements CSS-like inheritance for `Text` by replacing all calls to `Text` with a custom `BaseText` component that
+ * applies the `inheritedStyles` context styles, which contain all styles from all parents that might apply to a `Text`.
+ */
+export default function BaseText(props) {
+  const builderContext = React.useContext(BuilderContext);
+  return (
+    <Text
+      {...props}
+      style={{ ...builderContext.inheritedStyles, ...props.style }}
+    />
+  );
+}

package/src/blocks/button/button.jsx

@@ -0,0 +1,28 @@
+import BaseText from "../BaseText";
+import * as React from "react";
+import { View, StyleSheet, Image, Text } from "react-native";
+
+export default function Button(props) {
+  return (
+    <>
+      {props.link ? (
+        <>
+          <View
+            role="button"
+            {...props.attributes}
+            href={props.link}
+            target={props.openLinkInNewTab ? "_blank" : undefined}
+          >
+            <BaseText>{props.text}</BaseText>
+          </View>
+        </>
+      ) : (
+        <View {...props.attributes} style={styles.view1}>
+          <BaseText>{props.text}</BaseText>
+        </View>
+      )}
+    </>
+  );
+}
+
+const styles = StyleSheet.create({ view1: { all: "unset" } });