@builder.io/sdk-react-native 0.0.1-4 → 0.0.1-49

package/src/functions/on-change.test.js

@@ -1,21 +1,21 @@
 import * as React from 'react';
-import { expect, test } from "@jest/globals";
-import { onChange } from "./on-change";
-test("onChange can observe a shallow change", () => {
+import { expect, test } from '@jest/globals';
+import { onChange } from './on-change';
+test('onChange can observe a shallow change', () => {
   let changeHappend = false;
-  const obj = onChange({ foo: "hi" }, () => changeHappend = true);
-  obj.foo = "yo";
+  const obj = onChange({ foo: 'hi' }, () => (changeHappend = true));
+  obj.foo = 'yo';
   expect(changeHappend).toBe(true);
 });
-test("onChange can observe a deep change", () => {
+test('onChange can observe a deep change', () => {
   let changeHappend = false;
-  const obj = onChange({ foo: { bar: "hi" } }, () => changeHappend = true);
-  obj.foo.bar = "yo";
+  const obj = onChange({ foo: { bar: 'hi' } }, () => (changeHappend = true));
+  obj.foo.bar = 'yo';
   expect(changeHappend).toBe(true);
 });
-test("Smoke test: callback is not fired if no properties updated", () => {
+test('Smoke test: callback is not fired if no properties updated', () => {
   let changeHappend = false;
-  const obj = onChange({ foo: { bar: "hi" } }, () => changeHappend = true);
+  const obj = onChange({ foo: { bar: 'hi' } }, () => (changeHappend = true));
   obj.foo.bar;
   expect(changeHappend).toBe(false);
 });

package/src/functions/previewing-model-name.js

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { isPreviewing } from './is-previewing';
+function previewingModelName() {
+  if (!isPreviewing()) {
+    return null;
+  }
+  const url = new URL(location.href);
+  return url.searchParams.get('builder.preview');
+}
+export { previewingModelName };

package/src/functions/register-component.js

@@ -5,49 +5,61 @@ 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 __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 (__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]);
+      if (__propIsEnum.call(b, prop)) __defNormalProp(a, prop, b[prop]);
     }
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { isBrowser } from "./is-browser";
+import { isBrowser } from './is-browser';
 const components = {};
 function registerComponent(component, info) {
   var _a;
   components[info.name] = { component, info };
   if (isBrowser()) {
     const sendInfo = prepareComponentInfoToSend(info);
-    (_a = window.parent) == null ? void 0 : _a.postMessage({
-      type: "builder.registerComponent",
-      data: sendInfo
-    }, "*");
+    (_a = window.parent) == null
+      ? void 0
+      : _a.postMessage(
+          {
+            type: 'builder.registerComponent',
+            data: sendInfo,
+          },
+          '*'
+        );
   }
+  return component;
 }
 function prepareComponentInfoToSend(info) {
-  return __spreadValues(__spreadValues({}, info), info.inputs && {
-    inputs: info.inputs.map((input) => {
-      const keysToConvertFnToString = ["onChange", "showIf"];
-      for (const key of keysToConvertFnToString) {
-        if (input[key] && typeof input[key] === "function") {
-          const fn = input[key];
-          input = __spreadProps(__spreadValues({}, input), {
-            [key]: `return (${fn.toString()}).apply(this, arguments)`
-          });
+  return __spreadValues(
+    __spreadValues({}, info),
+    info.inputs && {
+      inputs: info.inputs.map((input) => {
+        const keysToConvertFnToString = ['onChange', 'showIf'];
+        for (const key of keysToConvertFnToString) {
+          if (input[key] && typeof input[key] === 'function') {
+            const fn = input[key];
+            input = __spreadProps(__spreadValues({}, input), {
+              [key]: `return (${fn.toString()}).apply(this, arguments)`,
+            });
+          }
         }
-      }
-      return input;
-    })
-  });
+        return input;
+      }),
+    }
+  );
 }
-export {
-  components,
-  registerComponent
-};
+export { components, registerComponent };

package/src/functions/register.js

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { isBrowser } from './is-browser';
+const registry = {};
+function register(type, info) {
+  let typeList = registry[type];
+  if (!typeList) {
+    typeList = registry[type] = [];
+  }
+  typeList.push(info);
+  if (isBrowser()) {
+    const message = {
+      type: 'builder.register',
+      data: {
+        type,
+        info,
+      },
+    };
+    try {
+      parent.postMessage(message, '*');
+      if (parent !== window) {
+        window.postMessage(message, '*');
+      }
+    } catch (err) {
+      console.debug('Could not postmessage', err);
+    }
+  }
+}
+export { register };

package/src/functions/set-editor-settings.js

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { isBrowser } from './is-browser';
+const settings = {};
+function setEditorSettings(newSettings) {
+  if (isBrowser()) {
+    Object.assign(settings, newSettings);
+    const message = {
+      type: 'builder.settingsChange',
+      data: settings,
+    };
+    parent.postMessage(message, '*');
+  }
+}
+export { setEditorSettings };

package/src/functions/set.js

@@ -3,10 +3,19 @@ const set = (obj, _path, value) => {
   if (Object(obj) !== obj) {
     return obj;
   }
-  const path = Array.isArray(_path) ? _path : _path.toString().match(/[^.[\]]+/g);
-  path.slice(0, -1).reduce((a, c, i) => Object(a[c]) === a[c] ? a[c] : a[c] = Math.abs(Number(path[i + 1])) >> 0 === +path[i + 1] ? [] : {}, obj)[path[path.length - 1]] = value;
+  const path = Array.isArray(_path)
+    ? _path
+    : _path.toString().match(/[^.[\]]+/g);
+  path
+    .slice(0, -1)
+    .reduce(
+      (a, c, i) =>
+        Object(a[c]) === a[c]
+          ? a[c]
+          : (a[c] =
+              Math.abs(Number(path[i + 1])) >> 0 === +path[i + 1] ? [] : {}),
+      obj
+    )[path[path.length - 1]] = value;
   return obj;
 };
-export {
-  set
-};
+export { set };

package/src/functions/set.test.js

@@ -1,18 +1,18 @@
 import * as React from 'react';
-import { expect, test } from "@jest/globals";
-import { set } from "./set";
-test("can shallow set a property", () => {
-  const obj = { foo: "bar" };
-  set(obj, "foo", "baz");
-  expect(obj.foo).toBe("baz");
+import { expect, test } from '@jest/globals';
+import { set } from './set';
+test('can shallow set a property', () => {
+  const obj = { foo: 'bar' };
+  set(obj, 'foo', 'baz');
+  expect(obj.foo).toBe('baz');
 });
-test("can deeply set a property", () => {
-  const obj = { foo: "bar" };
-  set(obj, "foo.bar", "baz");
-  expect(obj.foo.bar).toBe("baz");
+test('can deeply set a property', () => {
+  const obj = { foo: 'bar' };
+  set(obj, 'foo.bar', 'baz');
+  expect(obj.foo.bar).toBe('baz');
 });
-test("can deeply create arrays", () => {
-  const obj = { foo: "bar" };
-  set(obj, "foo.bar.0", "hi");
-  expect(obj.foo.bar).toEqual(["hi"]);
+test('can deeply create arrays', () => {
+  const obj = { foo: 'bar' };
+  set(obj, 'foo.bar.0', 'hi');
+  expect(obj.foo.bar).toEqual(['hi']);
 });

package/src/functions/track.js

@@ -1,19 +1,17 @@
 import * as React from 'react';
-import { isBrowser } from "./is-browser";
-import { isReactNative } from "./is-react-native";
+import { isBrowser } from './is-browser';
+import { isReactNative } from './is-react-native';
 function track(event, properties) {
-  if (!isBrowser() || isReactNative()) {
+  if (!(isBrowser() || isReactNative())) {
     return;
   }
   return fetch(`https://builder.io/api/v1/track`, {
-    method: "POST",
+    method: 'POST',
     body: JSON.stringify({ events: [{ type: event, data: properties }] }),
     headers: {
-      "content-type": "application/json"
+      'content-type': 'application/json',
     },
-    mode: "cors"
+    mode: 'cors',
   });
 }
-export {
-  track
-};
+export { track };

package/src/functions/transform-block.js

@@ -0,0 +1,42 @@
+import * as React from 'react';
+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 transformBlock(block) {
+  if (block.id.startsWith('builder-pixel-') && !block.component) {
+    return __spreadProps(__spreadValues({}, block), {
+      component: {
+        name: 'Image',
+        options: {
+          image: block.properties.src,
+          width: 1,
+          height: 1,
+        },
+      },
+    });
+  }
+  return block;
+}
+export { transformBlock };

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

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { default as default2 } from '../blocks/columns';
+import { default as default3 } from '../blocks/image';
+import { default as default4 } from '../blocks/text';
+import { default as default5 } from '../blocks/symbol';
+import { default as default6 } from '../blocks/button';
+import { default as default7 } from '../blocks/section';
+import { default as default8 } from '../blocks/fragment';
+import { default as default9 } from '../components/render-content';
+export {
+  default6 as Button,
+  default2 as Columns,
+  default8 as Fragment,
+  default3 as Image,
+  default9 as RenderContent,
+  default7 as Section,
+  default5 as Symbol,
+  default4 as Text,
+};

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

@@ -0,0 +1,2 @@
+import * as React from 'react';
+import 'react-native-url-polyfill/auto';

package/src/index.js

@@ -1,24 +1,13 @@
 import * as React from 'react';
-import { isEditing } from "./functions/is-editing";
+import('./index-helpers/top-of-file');
+import { isEditing } from './functions/is-editing';
 if (isEditing()) {
-  import("./scripts/init-editing");
+  import('./scripts/init-editing');
 }
-import { default as default2 } from "./blocks/columns";
-import { default as default3 } from "./blocks/image";
-import { default as default4 } from "./blocks/text";
-import { default as default5 } from "./blocks/video";
-import { default as default6 } from "./blocks/symbol";
-import { default as default7 } from "./blocks/button";
-import { default as default8 } from "./blocks/section";
-import { default as default9 } from "./components/render-content";
-export * from "./functions/register-component";
-export {
-  default7 as Button,
-  default2 as Columns,
-  default3 as Image,
-  default9 as RenderContent,
-  default8 as Section,
-  default6 as Symbol,
-  default4 as Text,
-  default5 as Video
-};
+export * from './index-helpers/blocks-exports';
+export * from './functions/is-editing';
+export * from './functions/register-component';
+export * from './functions/register';
+export * from './functions/set-editor-settings';
+export * from './functions/get-content';
+export * from './functions/get-builder-search-params';

package/src/scripts/init-editing.js

@@ -1,22 +1,43 @@
 import * as React from 'react';
 var _a;
-import { getTarget } from "../functions/get-target";
-import { isBrowser } from "../functions/is-browser";
+import { isBrowser } from '../functions/is-browser';
+import { register } from '../functions/register';
+register('insertMenu', {
+  name: '_default',
+  default: true,
+  items: [
+    { name: 'Box' },
+    { name: 'Text' },
+    { name: 'Image' },
+    { name: 'Columns' },
+    ...(true
+      ? []
+      : [
+          { name: 'Core:Section' },
+          { name: 'Core:Button' },
+          { name: 'Embed' },
+          { name: 'Custom Code' },
+        ]),
+  ],
+});
 if (isBrowser()) {
-  (_a = window.parent) == null ? void 0 : _a.postMessage({
-    type: "builder.sdkInfo",
-    data: {
-      target: getTarget(),
-      type: process.env.SDK_TYPE,
-      version: process.env.SDK_VERSION,
-      supportsPatchUpdates: false
-    }
-  }, "*");
-  window.addEventListener("message", ({ data }) => {
+  (_a = window.parent) == null
+    ? void 0
+    : _a.postMessage(
+        {
+          type: 'builder.sdkInfo',
+          data: {
+            target: 'reactNative',
+            supportsPatchUpdates: false,
+          },
+        },
+        '*'
+      );
+  window.addEventListener('message', ({ data }) => {
     var _a2, _b;
     if (data) {
       switch (data.type) {
-        case "builder.evaluate": {
+        case 'builder.evaluate': {
           const text = data.data.text;
           const args = data.data.arguments || [];
           const id = data.data.id;
@@ -29,24 +50,41 @@ if (isBrowser()) {
             error = err;
           }
           if (error) {
-            (_a2 = window.parent) == null ? void 0 : _a2.postMessage({
-              type: "builder.evaluateError",
-              data: { id, error: error.message }
-            }, "*");
+            (_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);
+            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 {
-              (_b = window.parent) == null ? void 0 : _b.postMessage({
-                type: "builder.evaluateResult",
-                data: { result, id }
-              }, "*");
+              (_b = window.parent) == null
+                ? void 0
+                : _b.postMessage(
+                    {
+                      type: 'builder.evaluateResult',
+                      data: { result, id },
+                    },
+                    '*'
+                  );
             }
           }
           break;

package/src/types/deep-partial.js

@@ -0,0 +1 @@
+import * as React from 'react';

package/index.js

@@ -1,11 +0,0 @@
-import { isEditing } from './src/functions/is-editing';
-
-if (isEditing()) {
-  import('./src/scripts/init-editing');
-}
-
-// TODO: lazy option
-export { default as Columns } from './src/blocks/columns';
-export { default as Image } from './src/blocks/image';
-export { default as Text } from './src/blocks/text';
-export { default as RenderContent } from './src/components/render-content';

package/src/functions/get-content.js

@@ -1,103 +0,0 @@
-import * as React from 'react';
-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));
-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());
-  });
-};
-import { isBrowser } from "./is-browser";
-import { isReactNative } from "./is-react-native";
-if (!(isBrowser() || isReactNative())) {
-  import("node-fetch");
-}
-function getContent(options) {
-  return __async(this, null, function* () {
-    return (yield getAllContent(__spreadProps(__spreadValues({}, options), { limit: 1 }))).results[0] || null;
-  });
-}
-function getAllContent(options) {
-  return __async(this, null, function* () {
-    const { model, apiKey } = options;
-    const { limit, testGroups, userAttributes } = __spreadValues({
-      limit: 1,
-      userAttributes: null,
-      testGroups: null
-    }, options);
-    const content = yield fetch(`https://cdn.builder.io/api/v2/content/${model}?apiKey=${apiKey}&limit=${limit}&userAttributes=${JSON.stringify(userAttributes)}`).then((res) => res.json());
-    if (testGroups) {
-      for (const item of content) {
-        if (item.variations && Object.keys(item.variations).length) {
-          const testGroup = testGroups[item.id];
-          const variationValue = item.variations[testGroup];
-          if (testGroup && variationValue) {
-            item.data = variationValue.data;
-            item.testVariationId = variationValue.id;
-            item.testVariationName = variationValue.name;
-          } else {
-            let n = 0;
-            const random = Math.random();
-            let set = false;
-            for (const id in item.variations) {
-              const variation = item.variations[id];
-              const testRatio = variation.testRatio;
-              n += testRatio;
-              if (random < n) {
-                const variationName = variation.name || (variation.id === item.id ? "Default variation" : "");
-                set = true;
-                Object.assign(item, {
-                  data: variation.data,
-                  testVariationId: variation.id,
-                  testVariationName: variationName
-                });
-              }
-            }
-            if (!set) {
-              Object.assign(item, {
-                testVariationId: item.id,
-                testVariationName: "Default"
-              });
-            }
-          }
-        }
-      }
-    }
-    return content;
-  });
-}
-export {
-  getAllContent,
-  getContent
-};

package/src/package.json

@@ -1,18 +0,0 @@
-{
-  "name": "@builder.io/sdk-react-native",
-  "description": "Builder.io SDK for React Native",
-  "version": "0.0.1-1",
-  "main": "src/index.js",
-  "scripts": {
-    "release:dev": "npm version prerelease --no-git-tag-version && npm publish --tag dev --access public"
-  },
-  "dependencies": {
-    "react-native-render-html": "^5.1.1"
-  },
-  "peerDependencies": {
-    "react-native": "^0.64.2"
-  },
-  "devDependencies": {
-    "react-native": "^0.64.2"
-  }
-}