API client now supports multipart/form-data as well

Author: szuperaz

src/ApiClient.ts

@@ -20,6 +20,7 @@ export class ApiClient {
     pathParams?: Record<string, string>,
     queryParams?: Record<string, any>,
     body?: any,
+    requestContentType?: string,
   ) => {
     queryParams = queryParams ?? {};
     queryParams.api_key = this.apiConfig.apiKey;
@@ -32,22 +33,38 @@ export class ApiClient {
 
     url += `?${encodedParams}`;
     const clientRequestId = uuidv4();
-    const headers = {
+    const headers: Record<string, string> = {
       Authorization: this.apiConfig.token,
       'stream-auth-type': 'jwt',
-      'Content-Type': 'application/json',
       'X-Stream-Client': 'stream-node-' + process.env.PKG_VERSION,
       'Accept-Encoding': 'gzip',
       'x-client-request-id': clientRequestId,
     };
 
+    // https://stackoverflow.com/questions/39280438/fetch-missing-boundary-in-multipart-form-data-post
+    if (requestContentType !== 'multipart/form-data') {
+      headers['Content-Type'] = requestContentType ?? 'application/json';
+    }
+
     const signal = AbortSignal.timeout(this.apiConfig.timeout);
 
+    const encodedBody =
+      requestContentType === 'multipart/form-data'
+        ? new FormData()
+        : JSON.stringify(body);
+    if (requestContentType === 'multipart/form-data') {
+      Object.keys(body).forEach((key) => {
+        (encodedBody as FormData).append(key, body[key]);
+      });
+    }
+
+    console.log('encodedBody', encodedBody);
+
     try {
       const response = await fetch(`${this.apiConfig.baseUrl}${url}`, {
         signal,
         method,
-        body: JSON.stringify(body),
+        body: encodedBody,
         headers,
         dispatcher: this.dispatcher,
       });