@builder.io/sdk-react-native 0.0.1-6 → 0.0.1-62

package/src/components/render-block.lite.tsx

@@ -1,92 +0,0 @@
-import * as React from "react";
-import { View, StyleSheet, Image, Text } from "react-native";
-import { useState, useContext } from "react";
-import { getBlockComponentOptions } from "../functions/get-block-component-options";
-import { getBlockProperties } from "../functions/get-block-properties";
-import { getBlockStyles } from "../functions/get-block-styles";
-import { getBlockTag } from "../functions/get-block-tag";
-import { components } from "../functions/register-component";
-import BuilderContext from "../context/builder.context.lite";
-import { getBlockActions } from "../functions/get-block-actions";
-import { getProcessedBlock } from "../functions/get-processed-block";
-
-export default function RenderBlock(props) {
-  function component() {
-    return components[block().component?.name];
-  }
-
-  function componentInfo() {
-    return component?.()?.info;
-  }
-
-  function componentRef() {
-    return component?.()?.component;
-  }
-
-  function tagName() {
-    return getBlockTag(block());
-  }
-
-  function properties() {
-    return getBlockProperties(block());
-  }
-
-  function block() {
-    return getProcessedBlock({
-      block: props.block,
-      state: builderContext.state,
-      context: builderContext.context,
-    });
-  }
-
-  function actions() {
-    return getBlockActions({
-      block: block(),
-      state: builderContext.state,
-      context: builderContext.context,
-    });
-  }
-
-  function css() {
-    return getBlockStyles(block());
-  }
-
-  function componentOptions() {
-    return getBlockComponentOptions(block());
-  }
-
-  const builderContext = useContext(BuilderContext);
-
-  const ComponentRefRef = componentRef();
-  const TagNameRef = tagName();
-
-  return (
-    <>
-      {componentInfo?.()?.noWrap && (
-        <>
-          <ComponentRefRef
-            {...componentInfo?.()?.options}
-            attributes={properties()}
-            style={css()}
-          />
-        </>
-      )}
-
-      {!componentInfo?.()?.noWrap && (
-        <>
-          <TagNameRef {...properties()} style={css()}>
-            {componentRef() && <ComponentRefRef {...componentOptions()} />}
-
-            {!componentRef() && block().children && block().children.length && (
-              <>
-                {block().children.map((child) => (
-                  <RenderBlock block={child} />
-                ))}
-              </>
-            )}
-          </TagNameRef>
-        </>
-      )}
-    </>
-  );
-}

package/src/components/render-blocks.lite.tsx

@@ -1,56 +0,0 @@
-import * as React from "react";
-import { View, StyleSheet, Image, Text } from "react-native";
-import { useState, useContext } from "react";
-import { isEditing } from "../functions/is-editing";
-import RenderBlock from "./render-block.lite";
-
-export default function RenderBlocks(props) {
-  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,
-          },
-        },
-        "*"
-      );
-    }
-  }
-
-  return (
-    <View
-      className={"builder-blocks" + (!props.blocks?.length ? " no-blocks" : "")}
-      builder-path={props.path}
-      builder-parent-id={props.parent}
-      onClick={(event) => onClick}
-      onMouseEnter={(event) => onMouseEnter}
-      style={styles.view1}
-    >
-      {props.blocks.map((block) => (
-        <RenderBlock block={block} />
-      ))}
-    </View>
-  );
-}
-
-const styles = StyleSheet.create({
-  view1: { display: "flex", flexDirection: "column", alignItems: "stretch" },
-});

package/src/components/render-content.js

@@ -1,66 +0,0 @@
-import * as React from "react";
-import { View } from "react-native";
-import { useState, useEffect } from "react";
-import { isBrowser } from "../functions/is-browser";
-import RenderBlock from "./render-block";
-import BuilderContext from "../context/builder.context";
-import { track } from "../functions/track";
-function RenderContent(props) {
-  var _a, _b, _c, _d, _e;
-  function useContent() {
-    return overrideContent || props.content;
-  }
-  const [update, setUpdate] = useState(() => 0);
-  const [state, setState] = useState(() => ({}));
-  const [context, setContext] = useState(() => ({}));
-  const [overrideContent, setOverrideContent] = useState(() => null);
-  function processMessage(event) {
-    const { data } = event;
-    if (data) {
-      switch (data.type) {
-        case "builder.contentUpdate": {
-          const key = data.data.key || data.data.alias || data.data.entry || data.data.modelName;
-          const contentData = data.data.data;
-          if (key === props.model) {
-            setOverrideContent(contentData);
-          }
-          break;
-        }
-        case "builder.patchUpdates": {
-          break;
-        }
-      }
-    }
-  }
-  useEffect(() => {
-    if (isBrowser()) {
-      window.addEventListener("message", processMessage);
-    }
-  }, []);
-  return /* @__PURE__ */ React.createElement(BuilderContext.Provider, {
-    value: {
-      get content() {
-        return props.content;
-      },
-      get state() {
-        return state;
-      },
-      get context() {
-        return context;
-      }
-    }
-  }, /* @__PURE__ */ React.createElement(View, {
-    onClick: (event) => {
-      track("click", {
-        contentId: props.content.id
-      });
-    },
-    "data-builder-content-id": (_a = props.content) == null ? void 0 : _a.id
-  }, ((_c = (_b = useContent == null ? void 0 : useContent()) == null ? void 0 : _b.data) == null ? void 0 : _c.cssCode) && /* @__PURE__ */ React.createElement(View, null, useContent().data.cssCode), (_e = (_d = useContent == null ? void 0 : useContent()) == null ? void 0 : _d.data) == null ? void 0 : _e.blocks.map((block) => /* @__PURE__ */ React.createElement(RenderBlock, {
-    key: block.id,
-    block
-  }))));
-}
-export {
-  RenderContent as default
-};

package/src/components/render-content.lite.tsx

@@ -1,95 +0,0 @@
-import * as React from "react";
-import { View, StyleSheet, Image, Text } from "react-native";
-import { useState, useContext, useEffect } from "react";
-import { isBrowser } from "../functions/is-browser";
-import RenderBlock from "./render-block.lite";
-import BuilderContext from "../context/builder.context.lite";
-import { track } from "../functions/track";
-import { ifTarget } from "../functions/if-target";
-import { onChange } from "../functions/on-change";
-
-export default function RenderContent(props) {
-  function useContent() {
-    return overrideContent || props.content;
-  }
-
-  const [update, setUpdate] = useState(() => 0);
-
-  const [state, setState] = useState(() => ({}));
-
-  const [context, setContext] = useState(() => ({}));
-
-  const [overrideContent, setOverrideContent] = useState(() => null);
-
-  function processMessage(event) {
-    const { data } = event;
-
-    if (data) {
-      switch (data.type) {
-        case "builder.contentUpdate": {
-          const key =
-            data.data.key ||
-            data.data.alias ||
-            data.data.entry ||
-            data.data.modelName;
-          const contentData = data.data.data; // oof
-
-          if (key === props.model) {
-            setOverrideContent(contentData);
-          }
-
-          break;
-        }
-
-        case "builder.patchUpdates": {
-          // TODO
-          break;
-        }
-      }
-    }
-  }
-
-  useEffect(() => {
-    if (isBrowser()) {
-      window.addEventListener("message", processMessage); // TODO: run this when content is defined
-      // track('impression', {
-      //   contentId: props.content!.id,
-      // });
-    }
-  }, []);
-
-  return (
-    <BuilderContext.Provider
-      value={{
-        get content() {
-          return props.content;
-        },
-
-        get state() {
-          return state;
-        },
-
-        get context() {
-          return context;
-        },
-      }}
-    >
-      <View
-        onClick={(event) => {
-          track("click", {
-            contentId: props.content.id,
-          });
-        }}
-        data-builder-content-id={props.content?.id}
-      >
-        {useContent?.()?.data?.cssCode && (
-          <View>{useContent().data.cssCode}</View>
-        )}
-
-        {useContent?.()?.data?.blocks.map((block) => (
-          <RenderBlock key={block.id} block={block} />
-        ))}
-      </View>
-    </BuilderContext.Provider>
-  );
-}

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/functions/get-target.js

@@ -1,7 +0,0 @@
-import * as React from 'react';
-function getTarget() {
-  return "reactNative";
-}
-export {
-  getTarget
-};

package/src/functions/macro-eval.js

@@ -1,6 +0,0 @@
-import * as React from 'react';
-function macroEval(items, string) {
-}
-export {
-  macroEval
-};

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"
-  }
-}