feat: support form data for request bodies

Author: owinter86

.vscode/settings.json

@@ -15,4 +15,5 @@
   "[typescriptreact]": {
     "editor.defaultFormatter": "esbenp.prettier-vscode"
   },
+   "prettier.enable": true,
 }

src/generateHooks.ts

@@ -274,15 +274,51 @@ export const createHook = ({
   const generateBodyProps = () => {
     if (definitionKey && !hasRequestBodyArrray) {
       const scheme = schemasComponents?.schemas?.[definitionKey] as SchemaObject;
-      const generatedBodyProps = Object.keys(scheme.properties as SchemaObject)
+      const schemProperties = Object.keys(scheme.properties as SchemaObject);
+      if (
+        operation.requestBody &&
+        'content' in operation.requestBody &&
+        Object.keys(operation.requestBody.content)[0] === 'multipart/form-data'
+      ) {
+        let formData = `const body = new FormData()`;
+        schemProperties.forEach((item) => {
+          if (scheme.required?.includes(item)) {
+            formData += `\nbody.append("${item}",  props["${item}"]);`;
+          } else {
+            formData += `\n if (props["${item}"] != null) {\n  body.append("${item}",  props["${item}"]);\n}`;
+          }
+        });
+        return formData;
+      }
+
+      const generatedBodyProps = schemProperties
         .map((item: string) => `["${item}"]: props["${item}"]`)
         .join(',');
       return `const body = {${generatedBodyProps}}`;
     }
 
     if (operation.requestBody && 'content' in operation.requestBody) {
       let generatedBodyProps = [];
-      for (let contentType of Object.keys(operation.requestBody.content)) {
+      let bodyData = '';
+      const contentTypes = Object.keys(operation.requestBody.content);
+      if (contentTypes.includes('multipart/form-data')) {
+        bodyData += `const body = new FormData()`;
+        for (let contentType of contentTypes) {
+          const schema = operation.requestBody.content[contentType].schema!;
+          if ('properties' in schema) {
+            const schemaProperties = Object.keys(schema.properties || []);
+            for (let item of schemaProperties) {
+              if (schema.required?.includes(item)) {
+                bodyData += `\nbody.append("${item}",  props["${item}"].toString());`;
+              } else {
+                bodyData += `\n if (props["${item}"] != null) {\n  body.append("${item}",  props["${item}"].toString());\n}`;
+              }
+            }
+          }
+        }
+        return bodyData;
+      }
+      for (let contentType of contentTypes) {
         if (
           contentType.startsWith('application/json') ||
           contentType.startsWith('application/ld+json') ||
@@ -296,10 +332,8 @@ export const createHook = ({
           }
         }
       }
-      return `const body = {${generatedBodyProps.map((item) => `${item}: props.${item}`).join(',')}}`;
+      return `const body = {${generatedBodyProps.map((item) => `${item}: props["${item}"]`).join(',')}}`;
     }
-
-    return `ERROR`;
   };
 
   if (!requestBodyComponent && !paramsInPath.length && !queryParam && !headerParam) {

src/utils.ts

@@ -35,7 +35,13 @@ export const getScalar = (item: SchemaObject) => {
       return getArray(item) + nullable;
 
     case 'string':
-      return (item.enum ? `"${item.enum.join(`" | "`)}"` : 'string') + nullable;
+      if (item.format === 'binary') {
+        return 'string | { name?: string; type?: string; uri: string }' + nullable;
+      }
+      if (item.enum) {
+        return item.enum.join(`" | "`) + nullable;
+      }
+      return 'string' + nullable;
 
     case 'object':
       return getObject(item) + nullable;
@@ -191,7 +197,8 @@ export const getResReqTypes = (
           if (
             contentType.startsWith('application/json') ||
             contentType.startsWith('application/ld+json') ||
-            contentType.startsWith('application/octet-stream')
+            contentType.startsWith('application/octet-stream') ||
+            contentType.startsWith('multipart/form-data')
           ) {
             const schema = res.content[contentType].schema!;
             return resolveValue(schema);

test/script.mjs

@@ -1,9 +1,11 @@
 import { importSpecs } from '../dist/importSpecs.js';
 
 importSpecs({
+  sourceUrls: [
+    { name: 'openapi', url: 'https://api.diks.acc.lightbase.nl/_compas/structure.json?format=openapi' },
+  ],
   sourceDirectory: 'test/specs-private',
   exportDirectory: 'test/generated',
   apiDirectory: '../../api',
-  queryClientDir: '../../queryClient',
   headerFilters: ['X-Parse-Session-Token', 'X-Golf-Platform', 'X-JWT-Assertion'],
 });