@builder.io/sdk-react-native 4.1.2 → 4.2.0

package/src/components/content/components/enable-editor.tsx

@@ -27,6 +27,27 @@ type BuilderEditorProps = Omit<
   setBuilderContextSignal?: (signal: any) => any;
   children?: any;
 };
+interface BuilderRequest {
+  "@type": "@builder.io/core:Request";
+  request: {
+    url: string;
+    query?: {
+      [key: string]: string;
+    };
+    headers?: {
+      [key: string]: string;
+    };
+    method: "GET" | "POST" | "PUT" | "PATCH" | "DELETE";
+    body?: any;
+  };
+  options?: {
+    [key: string]: any;
+  };
+  bindings?: {
+    [key: string]: string;
+  };
+}
+
 import builderContext from "../../../context/builder.context";
 import type { BuilderContextInterface } from "../../../context/types";
 import { evaluate } from "../../../functions/evaluate/index";
@@ -172,44 +193,73 @@ function EnableEditor(props: BuilderEditorProps) {
 
   function runHttpRequests() {
     const requests: {
-      [key: string]: string;
+      [key: string]: string | any;
     } = props.builderContextSignal.content?.data?.httpRequests ?? {};
-    Object.entries(requests).forEach(([key, url]) => {
-      if (!url) return;
+    Object.entries(requests).forEach(
+      ([key, httpRequest]: [string, BuilderRequest | string]) => {
+        if (!httpRequest) return;
+        const isCoreRequest =
+          typeof httpRequest === "object" &&
+          httpRequest["@type"] === "@builder.io/core:Request";
 
-      // request already in progress
-      if (httpReqsPending[key]) return;
+        // request already in progress
+        if (httpReqsPending[key]) return;
 
-      // request already completed, and not in edit mode
-      if (httpReqsData[key] && !isEditing()) return;
-      httpReqsPending[key] = true;
-      const evaluatedUrl = url.replace(/{{([^}]+)}}/g, (_match, group) =>
-        String(
-          evaluate({
-            code: group,
-            context: props.context || {},
-            localState: undefined,
-            rootState: props.builderContextSignal.rootState,
-            rootSetState: props.builderContextSignal.rootSetState,
+        // request already completed, and not in edit mode
+        if (httpReqsData[key] && !isEditing()) return;
+        const url = isCoreRequest
+          ? httpRequest.request.url
+          : (httpRequest as string);
+        httpReqsPending[key] = true;
+        const evaluatedUrl = url.replace(
+          /{{([^}]+)}}/g,
+          (_match: string, group: string) =>
+            String(
+              evaluate({
+                code: group,
+                context: props.context || {},
+                localState: undefined,
+                rootState: props.builderContextSignal.rootState,
+                rootSetState: props.builderContextSignal.rootSetState,
+              })
+            )
+        );
+        const fetchRequestObj = isCoreRequest
+          ? {
+              url: evaluatedUrl,
+              method: httpRequest.request.method,
+              headers: httpRequest.request.headers,
+              body: httpRequest.request.body,
+            }
+          : {
+              url: evaluatedUrl,
+              method: "GET",
+            };
+        logFetch(JSON.stringify(fetchRequestObj));
+        fetch(fetchRequestObj.url, {
+          method: fetchRequestObj.method,
+          headers: fetchRequestObj.headers,
+          body: fetchRequestObj.body,
+        })
+          .then((response) => response.json())
+          .then((json) => {
+            mergeNewRootState({
+              [key]: json,
+            });
+            httpReqsData[key] = true;
           })
-        )
-      );
-      logFetch(evaluatedUrl);
-      fetch(evaluatedUrl)
-        .then((response) => response.json())
-        .then((json) => {
-          mergeNewRootState({
-            [key]: json,
+          .catch((err) => {
+            console.error(
+              "error fetching dynamic data",
+              JSON.stringify(httpRequest),
+              err
+            );
+          })
+          .finally(() => {
+            httpReqsPending[key] = false;
           });
-          httpReqsData[key] = true;
-        })
-        .catch((err) => {
-          console.error("error fetching dynamic data", url, err);
-        })
-        .finally(() => {
-          httpReqsPending[key] = false;
-        });
-    });
+      }
+    );
   }
 
   function emitStateUpdate() {

package/src/constants/sdk-version.ts

@@ -1 +1 @@
-export const SDK_VERSION = "4.1.2"
+export const SDK_VERSION = "4.2.0"

package/src/functions/get-processed-block.ts

@@ -91,13 +91,14 @@ export function getProcessedBlock({
 }: {
   block: BuilderBlock;
 } & Pick<BuilderContextInterface, 'localState' | 'context' | 'rootState' | 'rootSetState'>): BuilderBlock {
-  let transformedBlock = resolveLocalizedValues(block, (rootState.locale as string | undefined));
-  transformedBlock = transformBlock(transformedBlock);
-  return evaluateBindings({
+  let transformedBlock = transformBlock(block);
+  transformedBlock = evaluateBindings({
     block: transformedBlock,
     localState,
     rootState,
     rootSetState,
     context
   });
+  transformedBlock = resolveLocalizedValues(transformedBlock, (rootState.locale as string | undefined));
+  return transformedBlock;
 }