@builder.io/sdk-react-native 0.0.15 → 0.1.1

package/README.md

@@ -17,3 +17,7 @@ npm install @builder.io/sdk-react-native@dev
 ```
 
 Take a look at [our example repo](/examples/react-native) for how to use this SDK.
+
+## Fetch
+
+This Package uses fetch. See [these docs](https://github.com/BuilderIO/this-package-uses-fetch/blob/main/README.md) for more information.

package/package.json

@@ -1,19 +1,19 @@
 {
   "name": "@builder.io/sdk-react-native",
   "description": "Builder.io SDK for React Native",
-  "version": "0.0.15",
+  "version": "0.1.1",
   "main": "src/index.js",
   "files": [
     "src"
   ],
   "scripts": {
     "build": "echo 'no need to build react-native SDK'",
-    "release:patch": "npm version patch --no-git-tag-version && npm publish --access public",
-    "release:dev": "npm version prerelease --no-git-tag-version && npm publish --tag dev --access public"
+    "release:patch": "yarn run build && npm version patch && npm publish",
+    "release:minor": "yarn run build && npm version minor && npm publish",
+    "release:dev": "yarn run build && npm version prerelease && npm publish --tag dev"
   },
   "dependencies": {
     "@react-native-async-storage/async-storage": "^1.17.10",
-    "node-fetch": "^2.6.1",
     "react-native-render-html": "^6.3.4",
     "react-native-storage": "^1.0.1",
     "react-native-video": "^5.1.1"

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

@@ -24,7 +24,7 @@ import { getDefaultRegisteredComponents } from "../../constants/builder-register
 import { TARGET } from "../../constants/target.js";
 import { evaluate } from "../../functions/evaluate.js";
 import { getContent } from "../../functions/get-content/index.js";
-import { getFetch } from "../../functions/get-fetch.js";
+import { fetch } from "../../functions/get-fetch.js";
 import { isBrowser } from "../../functions/is-browser.js";
 import { isEditing } from "../../functions/is-editing.js";
 import { isPreviewing } from "../../functions/is-previewing.js";
@@ -151,7 +151,7 @@ function RenderContent(props) {
     }));
   }
   function handleRequest({ url, key }) {
-    getFetch().then((fetch) => fetch(url)).then((response) => response.json()).then((json) => {
+    fetch(url).then((response) => response.json()).then((json) => {
       const newOverrideState = __spreadProps(__spreadValues({}, overrideState), {
         [key]: json
       });

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

@@ -0,0 +1,55 @@
+var __defProp = Object.defineProperty;
+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;
+};
+import { flatten } from "../../helpers/flatten.js";
+import {
+  getBuilderSearchParamsFromWindow,
+  normalizeSearchParams
+} from "../get-builder-search-params/index.js";
+const generateContentUrl = (options) => {
+  const {
+    limit = 30,
+    userAttributes,
+    query,
+    noTraverse = false,
+    model,
+    apiKey,
+    includeRefs = true,
+    locale
+  } = options;
+  if (!apiKey) {
+    throw new Error("Missing API key");
+  }
+  const url = new URL(`https://cdn.builder.io/api/v2/content/${model}?apiKey=${apiKey}&limit=${limit}&noTraverse=${noTraverse}&includeRefs=${includeRefs}${locale ? `&locale=${locale}` : ""}`);
+  const queryOptions = __spreadValues(__spreadValues({}, getBuilderSearchParamsFromWindow()), normalizeSearchParams(options.options || {}));
+  const flattened = flatten(queryOptions);
+  for (const key in flattened) {
+    url.searchParams.set(key, String(flattened[key]));
+  }
+  if (userAttributes) {
+    url.searchParams.set("userAttributes", JSON.stringify(userAttributes));
+  }
+  if (query) {
+    const flattened2 = flatten({ query });
+    for (const key in flattened2) {
+      url.searchParams.set(key, JSON.stringify(flattened2[key]));
+    }
+  }
+  return url;
+};
+export {
+  generateContentUrl
+};

package/src/functions/get-content/{fn.test.js → generate-content-url.test.js}

@@ -1,4 +1,4 @@
-import { generateContentUrl } from ".";
+import { generateContentUrl } from "./generate-content-url";
 const testKey = "YJIGb4i01jvw0SRdL5Bt";
 const testModel = "page";
 const testId = "c1b81bab59704599b997574eb0736def";

package/src/functions/get-content/index.js

@@ -37,54 +37,19 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { flatten } from "../../helpers/flatten.js";
-import {
-  getBuilderSearchParamsFromWindow,
-  normalizeSearchParams
-} from "../get-builder-search-params/index.js";
-import { getFetch } from "../get-fetch.js";
+import { fetch } from "../get-fetch.js";
 import { handleABTesting } from "./ab-testing.js";
+import { generateContentUrl } from "./generate-content-url.js";
 function getContent(options) {
   return __async(this, null, function* () {
     return (yield getAllContent(__spreadProps(__spreadValues({}, options), { limit: 1 }))).results[0] || null;
   });
 }
-const generateContentUrl = (options) => {
-  const {
-    limit = 30,
-    userAttributes,
-    query,
-    noTraverse = false,
-    model,
-    apiKey,
-    includeRefs = true,
-    locale
-  } = options;
-  if (!apiKey) {
-    throw new Error("Missing API key");
-  }
-  const url = new URL(`https://cdn.builder.io/api/v2/content/${model}?apiKey=${apiKey}&limit=${limit}&noTraverse=${noTraverse}&includeRefs=${includeRefs}${locale ? `&locale=${locale}` : ""}`);
-  const queryOptions = __spreadValues(__spreadValues({}, getBuilderSearchParamsFromWindow()), normalizeSearchParams(options.options || {}));
-  const flattened = flatten(queryOptions);
-  for (const key in flattened) {
-    url.searchParams.set(key, String(flattened[key]));
-  }
-  if (userAttributes) {
-    url.searchParams.set("userAttributes", JSON.stringify(userAttributes));
-  }
-  if (query) {
-    const flattened2 = flatten({ query });
-    for (const key in flattened2) {
-      url.searchParams.set(key, JSON.stringify(flattened2[key]));
-    }
-  }
-  return url;
-};
 function getAllContent(options) {
   return __async(this, null, function* () {
     const url = generateContentUrl(options);
-    const fetch = yield getFetch();
-    const content = yield fetch(url.href).then((res) => res.json());
+    const res = yield fetch(url.href);
+    const content = yield res.json();
     const canTrack = options.canTrack !== false;
     if (canTrack && Array.isArray(content.results)) {
       for (const item of content.results) {
@@ -95,7 +60,6 @@ function getAllContent(options) {
   });
 }
 export {
-  generateContentUrl,
   getAllContent,
   getContent
 };

package/src/functions/get-fetch.js

@@ -1,34 +1,14 @@
-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 { getGlobalThis } from "./get-global-this.js";
 function getFetch() {
-  return __async(this, null, function* () {
-    const globalFetch = getGlobalThis().fetch;
-    if (typeof globalFetch === "undefined" && typeof global !== "undefined") {
-      const nodeFetch = import("node-fetch").then((d) => d.default);
-      return nodeFetch.default || nodeFetch;
-    }
-    return globalFetch.default || globalFetch;
-  });
+  const globalFetch = getGlobalThis().fetch;
+  if (typeof globalFetch === "undefined") {
+    console.warn(`Builder SDK could not find a global fetch function. Make sure you have a polyfill for fetch in your project. 
+      For more information, read https://github.com/BuilderIO/this-package-uses-fetch`);
+    throw new Error("Builder SDK could not find a global `fetch` function");
+  }
+  return globalFetch;
 }
+const fetch = getFetch();
 export {
-  getFetch
+  fetch
 };

package/src/functions/get-global-this.js

@@ -11,7 +11,7 @@ function getGlobalThis() {
   if (typeof self !== "undefined") {
     return self;
   }
-  return null;
+  return globalThis;
 }
 export {
   getGlobalThis