Merge pull request #146 from contentstack/staging

Staging

Author: Amitkanswal

package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "@contentstack/app-sdk",
-    "version": "2.3.0",
+    "version": "2.3.1",
     "types": "dist/src/index.d.ts",
     "description": "The Contentstack App SDK allows you to customize your Contentstack applications.",
     "main": "dist/index.js",

package.json

@@ -6,7 +6,7 @@ import {
     AxiosResponse,
 } from "axios";
 
-import { fetchToAxiosConfig } from "./utils";
+import { axiosToFetchResponse, fetchToAxiosConfig } from "./utils";
 
 /**
  * Dispatches a request using PostRobot.
@@ -60,15 +60,11 @@ export const dispatchApiRequest = async (
 ): Promise<Response> => {
     try {
         const config = fetchToAxiosConfig(url, options);
-        const response = (await dispatchAdapter(PostRobot)(
+        const axiosResponse = (await dispatchAdapter(PostRobot)(
             config
         )) as AxiosResponse;
 
-        return new Response(response?.data, {
-            status: response.status,
-            statusText: response.statusText,
-            headers: response.config.headers,
-        });
+        return axiosToFetchResponse(axiosResponse);
     } catch (err: any) {
         if (err.response) {
             return new Response(err.response?.data, {

src/utils/adapter.ts

@@ -1,4 +1,4 @@
-import { AxiosHeaders, AxiosRequestConfig } from "axios";
+import { AxiosHeaders, AxiosRequestConfig, AxiosResponse } from "axios";
 
 import { Region, RegionType } from "../types";
 
@@ -85,3 +85,33 @@ export const fetchToAxiosConfig = (
 
     return axiosConfig;
 };
+
+export function axiosToFetchResponse(axiosRes: AxiosResponse): Response {
+    const { data, status, statusText, config } = axiosRes;
+
+    let body: BodyInit;
+    let contentType = "application/json";
+
+    if (
+        data instanceof Blob ||
+        typeof data === "string" ||
+        data instanceof ArrayBuffer
+    ) {
+        body = data;
+        contentType = config.headers["content-type"] || "application/octet-stream";
+    } else {
+        body = JSON.stringify(data);
+    }
+
+    if (!config.headers["content-type"]) {
+        config.headers["content-type"] = contentType;
+    }
+
+    const responseInit: ResponseInit = {
+        status,
+        statusText,
+        headers: config.headers,
+    };
+
+    return new Response(body, responseInit);
+}