@builder.io/sdk-react-native 0.0.1-9 → 0.0.2

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/is-react-native.js

@@ -1,7 +0,0 @@
-import * as React from 'react';
-function isReactNative() {
-  return typeof navigator === "object" && navigator.product === "ReactNative";
-}
-export {
-  isReactNative
-};

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