@builder.io/sdk-react-native 0.4.5 → 0.5.0

package/src/helpers/logger.js

@@ -5,6 +5,4 @@ const logger = {
   warn: (...message) => console.warn(MSG_PREFIX, ...message),
   debug: (...message) => console.debug(MSG_PREFIX, ...message)
 };
-export {
-  logger
-};
+export { logger }

package/src/helpers/nullable.js

@@ -1,4 +1,2 @@
-const checkIsDefined = (maybeT) => maybeT !== null && maybeT !== void 0;
-export {
-  checkIsDefined
-};
+const checkIsDefined = maybeT => maybeT !== null && maybeT !== void 0;
+export { checkIsDefined }

package/src/helpers/preview-lru-cache/get.js

@@ -0,0 +1,8 @@
+import { getIdFromSearchParams } from "./helpers";
+import { init } from "./init";
+function getPreviewContent(searchParams) {
+  init();
+  const id = getIdFromSearchParams(searchParams);
+  return typeof id === "string" ? globalThis._BUILDER_PREVIEW_LRU_CACHE.get(id) : void 0;
+}
+export { getPreviewContent }

package/src/helpers/preview-lru-cache/helpers.js

@@ -0,0 +1,10 @@
+import { logger } from "../logger";
+const getIdFromSearchParams = searchParams => {
+  const previewedModel = searchParams.get("preview");
+  const previewedId = searchParams.get("overrides." + previewedModel);
+  if (!previewedId) {
+    logger.warn("No previewed ID found in search params.");
+  }
+  return previewedId;
+};
+export { getIdFromSearchParams }

package/src/helpers/preview-lru-cache/init.js

@@ -0,0 +1,10 @@
+import { LRUCache } from "lru-cache";
+function init() {
+  if (!globalThis._BUILDER_PREVIEW_LRU_CACHE) {
+    globalThis._BUILDER_PREVIEW_LRU_CACHE = new LRUCache({
+      max: 500,
+      ttl: 1e3 * 60 * 5
+    });
+  }
+}
+export { init }

package/src/helpers/preview-lru-cache/set.js

@@ -0,0 +1,35 @@
+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());
+  });
+};
+"use server";
+import { init } from "./init";
+function postPreviewContent(_0) {
+  return __async(this, arguments, function* ({
+    key,
+    value
+  }) {
+    init();
+    globalThis._BUILDER_PREVIEW_LRU_CACHE.set(key, value);
+    return {
+      [key]: value
+    };
+  });
+}
+export { postPreviewContent }

package/src/helpers/sessionId.js

@@ -1,20 +1,20 @@
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
+    var fulfilled = value => {
       try {
         step(generator.next(value));
       } catch (e) {
         reject(e);
       }
     };
-    var rejected = (value) => {
+    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);
+    var step = x => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
@@ -22,7 +22,7 @@ import { getCookie, setCookie } from "./cookie.js";
 import { checkIsDefined } from "./nullable.js";
 import { uuid } from "./uuid.js";
 const SESSION_LOCAL_STORAGE_KEY = "builderSessionId";
-const getSessionId = (_0) => __async(void 0, [_0], function* ({
+const getSessionId = _0 => __async(void 0, [_0], function* ({
   canTrack
 }) {
   if (!canTrack) {
@@ -36,7 +36,10 @@ const getSessionId = (_0) => __async(void 0, [_0], function* ({
     return sessionId;
   } else {
     const newSessionId = createSessionId();
-    setSessionId({ id: newSessionId, canTrack });
+    setSessionId({
+      id: newSessionId,
+      canTrack
+    });
     return newSessionId;
   }
 });
@@ -44,9 +47,9 @@ const createSessionId = () => uuid();
 const setSessionId = ({
   id,
   canTrack
-}) => setCookie({ name: SESSION_LOCAL_STORAGE_KEY, value: id, canTrack });
-export {
-  createSessionId,
-  getSessionId,
-  setSessionId
-};
+}) => setCookie({
+  name: SESSION_LOCAL_STORAGE_KEY,
+  value: id,
+  canTrack
+});
+export { createSessionId, getSessionId, setSessionId }

package/src/helpers/time.js

@@ -1,5 +1,3 @@
 const MINUTE_TO_MILLESECONDS_MULTIPLIER = 6e4;
 const getCurrentDatePlusMinutes = (minutes = 30) => new Date(Date.now() + minutes * MINUTE_TO_MILLESECONDS_MULTIPLIER);
-export {
-  getCurrentDatePlusMinutes
-};
+export { getCurrentDatePlusMinutes }

package/src/helpers/url.js

@@ -1,4 +1,4 @@
-const getTopLevelDomain = (host) => {
+const getTopLevelDomain = host => {
   if (host === "localhost" || host === "127.0.0.1") {
     return host;
   }
@@ -8,6 +8,4 @@ const getTopLevelDomain = (host) => {
   }
   return host;
 };
-export {
-  getTopLevelDomain
-};
+export { getTopLevelDomain }

package/src/helpers/uuid.js

@@ -1,13 +1,11 @@
 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 "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);
   });
 }
 function uuid() {
   return uuidv4().replace(/-/g, "");
 }
-export {
-  uuid,
-  uuidv4
-};
+export { uuid, uuidv4 }

package/src/helpers/visitorId.js

@@ -2,7 +2,9 @@ import { getLocalStorageItem, setLocalStorageItem } from "./localStorage.js";
 import { checkIsDefined } from "./nullable.js";
 import { uuid } from "./uuid.js";
 const VISITOR_LOCAL_STORAGE_KEY = "builderVisitorId";
-const getVisitorId = ({ canTrack }) => {
+const getVisitorId = ({
+  canTrack
+}) => {
   if (!canTrack) {
     return void 0;
   }
@@ -14,7 +16,10 @@ const getVisitorId = ({ canTrack }) => {
     return visitorId;
   } else {
     const newVisitorId = createVisitorId();
-    setVisitorId({ id: newVisitorId, canTrack });
+    setVisitorId({
+      id: newVisitorId,
+      canTrack
+    });
     return newVisitorId;
   }
 };
@@ -27,8 +32,4 @@ const setVisitorId = ({
   value: id,
   canTrack
 });
-export {
-  createVisitorId,
-  getVisitorId,
-  setVisitorId
-};
+export { createVisitorId, getVisitorId, setVisitorId }

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

@@ -5,7 +5,7 @@ import { default as default5 } from "../blocks/symbol/symbol";
 import { default as default6 } from "../blocks/button/button";
 import { default as default7 } from "../blocks/section/section";
 import { default as default8 } from "../blocks/fragment/fragment";
-import { default as default9 } from "../components/render-content/render-content";
+import { default as default9 } from "../components/content/content";
 export {
   default6 as Button,
   default2 as Columns,

package/src/index.js

@@ -5,22 +5,7 @@ import { isPreviewing } from "./functions/is-previewing.js";
 import { createRegisterComponentMessage } from "./functions/register-component.js";
 import { register } from "./functions/register.js";
 import { setEditorSettings } from "./functions/set-editor-settings.js";
-import {
-  getAllContent,
-  getContent,
-  processContentResult
-} from "./functions/get-content/index.js";
+import { getAllContent, getContent, processContentResult } from "./functions/get-content/index.js";
 import { getBuilderSearchParams } from "./functions/get-builder-search-params/index.js";
 import { track } from "./functions/track/index.js";
-export {
-  createRegisterComponentMessage,
-  getAllContent,
-  getBuilderSearchParams,
-  getContent,
-  isEditing,
-  isPreviewing,
-  processContentResult,
-  register,
-  setEditorSettings,
-  track
-};
+export { createRegisterComponentMessage, getAllContent, getBuilderSearchParams, getContent, isEditing, isPreviewing, processContentResult, register, setEditorSettings, track }

package/src/scripts/init-editing.js

@@ -6,18 +6,23 @@ const registerInsertMenu = () => {
   register("insertMenu", {
     name: "_default",
     default: true,
-    items: [
-      { name: "Box" },
-      { name: "Text" },
-      { name: "Image" },
-      { name: "Columns" },
-      ...TARGET === "reactNative" ? [] : [
-        { name: "Core:Section" },
-        { name: "Core:Button" },
-        { name: "Embed" },
-        { name: "Custom Code" }
-      ]
-    ]
+    items: [{
+      name: "Box"
+    }, {
+      name: "Text"
+    }, {
+      name: "Image"
+    }, {
+      name: "Columns"
+    }, ...(TARGET === "reactNative" ? [] : [{
+      name: "Core:Section"
+    }, {
+      name: "Core:Button"
+    }, {
+      name: "Embed"
+    }, {
+      name: "Custom Code"
+    }])]
   });
 };
 let isSetupForEditing = false;
@@ -44,52 +49,61 @@ const setupBrowserForEditing = (options = {}) => {
         options
       }
     }, "*");
-    window.addEventListener("message", ({ data }) => {
+    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({
+        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: { id, result: finalResult }
+                  data: {
+                    result,
+                    id
+                  }
                 }, "*");
-              }).catch(console.error);
-            } else {
-              (_b2 = window.parent) == null ? void 0 : _b2.postMessage({
-                type: "builder.evaluateResult",
-                data: { result, id }
-              }, "*");
+              }
             }
+            break;
           }
-          break;
-        }
       }
     });
   }
 };
-export {
-  registerInsertMenu,
-  setupBrowserForEditing
-};
+export { registerInsertMenu, setupBrowserForEditing }

package/src/types/api-version.js

@@ -1,4 +1,2 @@
 const DEFAULT_API_VERSION = "v3";
-export {
-  DEFAULT_API_VERSION
-};
+export { DEFAULT_API_VERSION }

package/src/blocks/util.js

@@ -1,8 +0,0 @@
-const serializeFn = (fnValue) => {
-  const fnStr = fnValue.toString().trim();
-  const appendFunction = !fnStr.startsWith("function") && !fnStr.startsWith("(");
-  return `return (${appendFunction ? "function " : ""}${fnStr}).apply(this, arguments)`;
-};
-export {
-  serializeFn
-};

package/src/components/render-block/render-component.jsx

@@ -1,55 +0,0 @@
-'use client';
-import * as React from "react";
-import {
-  FlatList,
-  ScrollView,
-  View,
-  StyleSheet,
-  Image,
-  Text,
-} from "react-native";
-import { useContext } from "react";
-import BlockStyles from "./block-styles";
-import RenderBlock from "./render-block";
-import BuilderContext from "../../context/builder.context.js";
-
-function RenderComponent(props) {
-  return (
-    <BuilderContext.Provider
-      value={{
-        content: props.context.content,
-        rootState: props.context.rootState,
-        localState: props.context.localState,
-        context: props.context.context,
-        apiKey: props.context.apiKey,
-        registeredComponents: props.context.registeredComponents,
-        inheritedStyles: props.context.inheritedStyles,
-        apiVersion: props.context.apiVersion,
-      }}
-    >
-      {props.componentRef ? (
-        <>
-          <props.componentRef {...props.componentOptions}>
-            {props.blockChildren?.map((child) => (
-              <RenderBlock
-                key={"render-block-" + child.id}
-                block={child}
-                context={props.context}
-              />
-            ))}
-
-            {props.blockChildren?.map((child) => (
-              <BlockStyles
-                key={"block-style-" + child.id}
-                block={child}
-                context={props.context}
-              />
-            ))}
-          </props.componentRef>
-        </>
-      ) : null}
-    </BuilderContext.Provider>
-  );
-}
-
-export default RenderComponent;

package/src/components/render-blocks.jsx

@@ -1,101 +0,0 @@
-'use client';
-import * as React from "react";
-import {
-  FlatList,
-  ScrollView,
-  View,
-  StyleSheet,
-  Image,
-  Text,
-} from "react-native";
-import { useContext } from "react";
-import BuilderContext from "../context/builder.context.js";
-import { isEditing } from "../functions/is-editing.js";
-import BlockStyles from "./render-block/block-styles";
-import RenderBlock from "./render-block/render-block";
-
-function RenderBlocks(props) {
-  function className() {
-    return "builder-blocks" + (!props.blocks?.length ? " no-blocks" : "");
-  }
-
-  function onClick() {
-    if (isEditing() && !props.blocks?.length) {
-      window.parent?.postMessage(
-        {
-          type: "builder.clickEmptyBlocks",
-          data: {
-            parentElementId: props.parent,
-            dataPath: props.path,
-          },
-        },
-        "*"
-      );
-    }
-  }
-
-  function onMouseEnter() {
-    if (isEditing() && !props.blocks?.length) {
-      window.parent?.postMessage(
-        {
-          type: "builder.hoverEmptyBlocks",
-          data: {
-            parentElementId: props.parent,
-            dataPath: props.path,
-          },
-        },
-        "*"
-      );
-    }
-  }
-
-  const builderContext = useContext(BuilderContext);
-
-  return (
-    <ScrollView
-      builder-path={props.path}
-      builder-parent-id={props.parent}
-      dataSet={{
-        class: className(),
-      }}
-      contentContainerStyle={props.styleProp}
-      onClick={(event) => onClick()}
-      onMouseEnter={(event) => onMouseEnter()}
-      onKeyPress={(event) => onClick()}
-    >
-      {props.blocks ? (
-        <>
-          {props.blocks?.map((block) => (
-            <RenderBlock
-              key={"render-block-" + block.id}
-              block={block}
-              context={builderContext}
-            />
-          ))}
-        </>
-      ) : null}
-
-      {props.blocks ? (
-        <>
-          {props.blocks?.map((block) => (
-            <BlockStyles
-              key={"block-style-" + block.id}
-              block={block}
-              context={builderContext}
-            />
-          ))}
-        </>
-      ) : null}
-    </ScrollView>
-  );
-}
-
-const styles = StyleSheet.create({
-  scrollView1: {
-    display: "flex",
-    flexDirection: "column",
-    alignItems: "stretch",
-  },
-});
-
-export default RenderBlocks;

package/src/components/render-content/builder-editing.jsx

@@ -1,16 +0,0 @@
-'use client';
-import * as React from "react";
-import {
-  FlatList,
-  ScrollView,
-  View,
-  StyleSheet,
-  Image,
-  Text,
-} from "react-native";
-
-function BuilderEditing(props) {
-  return <View />;
-}
-
-export default BuilderEditing;

package/src/components/render-content/index.js

@@ -1,4 +0,0 @@
-import { default as default2 } from "./render-content";
-export {
-  default2 as default
-};

package/src/components/render-content/wrap-component-ref.js

@@ -1,4 +0,0 @@
-const wrapComponentRef = (component) => component;
-export {
-  wrapComponentRef
-};

package/src/functions/evaluate.test.js

@@ -1,17 +0,0 @@
-import { flattenState } from "./evaluate";
-describe("flatten state", () => {
-  it("should behave normally when no PROTO_STATE", () => {
-    const localState = {};
-    const rootState = { foo: "bar" };
-    const flattened = flattenState(rootState, localState, void 0);
-    expect(flattened.foo).toEqual("bar");
-    flattened.foo = "baz";
-    expect(rootState.foo).toEqual("baz");
-  });
-  it("should shadow write ", () => {
-    const rootState = { foo: "foo" };
-    const localState = { foo: "baz" };
-    const flattened = flattenState(rootState, localState, void 0);
-    expect(() => flattened.foo = "bar").toThrow("Writing to local state is not allowed as it is read-only.");
-  });
-});

package/src/functions/get-builder-search-params/fn.test.js

@@ -1,13 +0,0 @@
-import { convertSearchParamsToQueryObject, getBuilderSearchParams } from ".";
-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";
-const url = new URL(`localhost:3000/about-us?${querystring}`);
-describe("Get Builder SearchParams", () => {
-  test("correctly converts URLSearchParams to object", () => {
-    const output = convertSearchParamsToQueryObject(url.searchParams);
-    expect(output).toMatchSnapshot();
-  });
-  test("correctly extracts all builder params from a query object", () => {
-    const output = getBuilderSearchParams(convertSearchParamsToQueryObject(url.searchParams));
-    expect(output).toMatchSnapshot();
-  });
-});