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

package/dist/types/typescript.d.ts

@@ -1,5 +0,0 @@
-export type Nullable<T> = T | null | undefined;
-export type Dictionary<T> = {
-    [key: string]: T;
-};
-export type Overwrite<T, U> = keyof U extends keyof T ? Pick<T, Exclude<keyof T, keyof U>> & U : never;

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/components/render-content-variants/render-content-variants.jsx

@@ -1,101 +0,0 @@
-'use client';
-import * as React from "react";
-import {
-  FlatList,
-  ScrollView,
-  View,
-  StyleSheet,
-  Image,
-  Text,
-} from "react-native";
-import { useState } from "react";
-import {
-  checkShouldRunVariants,
-  getVariants,
-  getVariantsScriptString,
-} from "./helpers";
-import RenderContent from "../render-content/render-content";
-import { getDefaultCanTrack } from "../../helpers/canTrack";
-import RenderInlinedStyles from "../render-inlined-styles";
-import { handleABTestingSync } from "../../helpers/ab-tests";
-
-function RenderContentVariants(props) {
-  const [variantScriptStr, setVariantScriptStr] = useState(() =>
-    getVariantsScriptString(
-      getVariants(props.content).map((value) => ({
-        id: value.id,
-        testRatio: value.testRatio,
-      })),
-      props.content?.id || ""
-    )
-  );
-
-  const [shouldRenderVariants, setShouldRenderVariants] = useState(() =>
-    checkShouldRunVariants({
-      canTrack: getDefaultCanTrack(props.canTrack),
-      content: props.content,
-    })
-  );
-
-  const [hideVariantsStyleString, setHideVariantsStyleString] = useState(() =>
-    getVariants(props.content)
-      .map((value) => `.variant-${value.id} { display: none; } `)
-      .join("")
-  );
-
-  const [contentToRender, setContentToRender] = useState(() =>
-    checkShouldRunVariants({
-      canTrack: getDefaultCanTrack(props.canTrack),
-      content: props.content,
-    })
-      ? props.content
-      : handleABTestingSync({
-          item: props.content,
-          canTrack: getDefaultCanTrack(props.canTrack),
-        })
-  );
-
-  return (
-    <>
-      {shouldRenderVariants ? (
-        <>
-          <RenderInlinedStyles
-            id={`variants-styles-${props.content?.id}`}
-            styles={hideVariantsStyleString}
-          />
-          <View
-            id={`variants-script-${props.content?.id}`}
-            dangerouslySetInnerHTML={{ __html: variantScriptStr }}
-          />
-          {getVariants(props.content)?.map((variant) => (
-            <RenderContent
-              key={variant.id}
-              content={variant}
-              apiKey={props.apiKey}
-              apiVersion={props.apiVersion}
-              canTrack={props.canTrack}
-              customComponents={props.customComponents}
-              hideContent={true}
-              parentContentId={props.content?.id}
-              isSsrAbTest={shouldRenderVariants}
-            />
-          ))}
-        </>
-      ) : null}
-
-      <RenderContent
-        model={props.model}
-        content={contentToRender}
-        apiKey={props.apiKey}
-        apiVersion={props.apiVersion}
-        canTrack={props.canTrack}
-        customComponents={props.customComponents}
-        classNameProp={`variant-${props.content?.id}`}
-        parentContentId={props.content?.id}
-        isSsrAbTest={shouldRenderVariants}
-      />
-    </>
-  );
-}
-
-export default RenderContentVariants;

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();
-  });
-});

package/src/functions/get-content/generate-content-url.test.js

@@ -1,97 +0,0 @@
-import { generateContentUrl } from "./generate-content-url";
-const testKey = "YJIGb4i01jvw0SRdL5Bt";
-const testModel = "page";
-const testId = "c1b81bab59704599b997574eb0736def";
-const options = {
-  cachebust: "true",
-  noCache: "true",
-  "overrides.037948e52eaf4743afed464f02c70da4": "037948e52eaf4743afed464f02c70da4",
-  "overrides.page": "037948e52eaf4743afed464f02c70da4",
-  "overrides.page:/": "037948e52eaf4743afed464f02c70da4",
-  preview: "page"
-};
-describe("Generate Content URL", () => {
-  test("generates the proper value for a simple query", () => {
-    const output = generateContentUrl({
-      apiKey: testKey,
-      model: testModel,
-      query: { id: testId }
-    });
-    expect(output).toMatchSnapshot();
-  });
-  test("Handles overrides correctly", () => {
-    const output = generateContentUrl({
-      apiKey: testKey,
-      model: testModel,
-      query: { id: testId },
-      options
-    });
-    expect(output).toMatchSnapshot();
-  });
-  test("generate content url with apiVersion as default", () => {
-    const output = generateContentUrl({
-      apiKey: testKey,
-      model: testModel,
-      query: { id: testId },
-      options
-    });
-    expect(output).toMatchSnapshot();
-  });
-  test("generate content url with apiVersion as v2", () => {
-    const output = generateContentUrl({
-      apiKey: testKey,
-      model: testModel,
-      query: { id: testId },
-      options,
-      apiVersion: "v2"
-    });
-    expect(output).toMatchSnapshot();
-  });
-  test("generate content url with apiVersion as v3", () => {
-    const output = generateContentUrl({
-      apiKey: testKey,
-      model: testModel,
-      query: { id: testId },
-      options,
-      apiVersion: "v3"
-    });
-    expect(output).toMatchSnapshot();
-  });
-  test("throw error when trying to generate content url with apiVersion as v1", () => {
-    expect(() => {
-      generateContentUrl({
-        apiKey: testKey,
-        model: testModel,
-        query: { id: testId },
-        options,
-        apiVersion: "v1"
-      });
-    }).toThrow(`Invalid apiVersion: expected 'v2' or 'v3', received 'v1'`);
-  });
-  test("throw error when trying to generate content url with an invalid apiVersion value", () => {
-    expect(() => {
-      generateContentUrl({
-        apiKey: testKey,
-        model: testModel,
-        query: { id: testId },
-        options,
-        apiVersion: "INVALID_API_VERSION"
-      });
-    }).toThrow(`Invalid apiVersion: expected 'v2' or 'v3', received 'INVALID_API_VERSION'`);
-  });
-  test("generate content url with enrich option true", () => {
-    const output = generateContentUrl({
-      apiKey: testKey,
-      model: testModel,
-      enrich: true
-    });
-    expect(output).toMatchSnapshot();
-  });
-  test("generate content url with enrich option not present", () => {
-    const output = generateContentUrl({
-      apiKey: testKey,
-      model: testModel
-    });
-    expect(output).toMatchSnapshot();
-  });
-});

package/src/functions/get-processed-block.test.js

@@ -1,34 +0,0 @@
-import { getProcessedBlock } from "./get-processed-block.js";
-test("Can process bindings", () => {
-  var _a, _b, _c, _d, _e, _f;
-  const block = {
-    "@type": "@builder.io/sdk:Element",
-    properties: {
-      foo: "bar"
-    },
-    bindings: {
-      "properties.foo": '"baz"',
-      "responsiveStyles.large.zIndex": "1 + 1",
-      "properties.test": "state.test",
-      "properties.block": `
-        const foo = 'bar';
-        return foo;
-      `,
-      "properties.isEditing": "builder.isEditing"
-    }
-  };
-  const processed = getProcessedBlock({
-    block,
-    context: {},
-    rootState: { test: "hello" },
-    rootSetState: void 0,
-    localState: void 0,
-    shouldEvaluateBindings: true
-  });
-  expect(processed).not.toEqual(block);
-  expect((_a = processed.properties) == null ? void 0 : _a.foo).toEqual("baz");
-  expect((_b = processed.properties) == null ? void 0 : _b.test).toEqual("hello");
-  expect((_c = processed.properties) == null ? void 0 : _c.block).toEqual("bar");
-  expect((_d = processed.properties) == null ? void 0 : _d.isEditing).toEqual(false);
-  expect((_f = (_e = processed.responsiveStyles) == null ? void 0 : _e.large) == null ? void 0 : _f.zIndex).toEqual(2);
-});

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

@@ -1,19 +0,0 @@
-import { onChange } from "./on-change.js";
-test("onChange can observe a shallow change", () => {
-  let changeHappend = false;
-  const obj = onChange({ foo: "hi" }, () => changeHappend = true);
-  obj.foo = "yo";
-  expect(changeHappend).toBe(true);
-});
-test("onChange can observe a deep change", () => {
-  let changeHappend = false;
-  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", () => {
-  let changeHappend = false;
-  const obj = onChange({ foo: { bar: "hi" } }, () => changeHappend = true);
-  obj.foo.bar;
-  expect(changeHappend).toBe(false);
-});

package/src/functions/set.test.js

@@ -1,16 +0,0 @@
-import { set } from "./set.js";
-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 create arrays", () => {
-  const obj = { foo: "bar" };
-  set(obj, "foo.bar.0", "hi");
-  expect(obj.foo.bar).toEqual(["hi"]);
-});

package/src/helpers/url.test.js

@@ -1,21 +0,0 @@
-import { getTopLevelDomain } from "./url.js";
-describe("getTopLevelDomain", () => {
-  test("handles root domain", () => {
-    const output = getTopLevelDomain("example.com");
-    expect(output).toBe("example.com");
-  });
-  test("handles subdomain", () => {
-    const output = getTopLevelDomain("wwww.example.com");
-    expect(output).toBe("example.com");
-  });
-  test("handles subdomain with long suffix", () => {
-    const output = getTopLevelDomain("www.example.co.uk");
-    expect(output).toBe("example.co.uk");
-  });
-  test("handles localhost", () => {
-    const output = getTopLevelDomain("localhost");
-    expect(output).toBe("localhost");
-    const output2 = getTopLevelDomain("127.0.0.1");
-    expect(output2).toBe("127.0.0.1");
-  });
-});