@addev-be/ui 0.4.7 → 0.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@addev-be/ui",
-  "version": "0.4.7",
+  "version": "0.5.0",
   "type": "module",
   "scripts": {
     "watch": "tsc -b --watch",

package/src/services/HttpService.ts

@@ -1,5 +1,4 @@
 import { Config } from '../config';
-import { Request } from './base';
 import { trimEnd } from 'lodash';
 import { v4 } from 'uuid';
 
@@ -24,18 +23,31 @@ export class HttpService {
     return HttpService.instance;
   }
 
-  public sendRequest<TReq, TRes>(name: string, data: TReq) {
+  public sendRequest<TReq, TRes>(
+    name: string,
+    data: TReq,
+    files?: Record<string, File>
+  ) {
     const id = v4();
     const promise = new Promise<TRes>((resolve, reject) => {
-      const request: Request = { id, name, data };
       this.promises[id] = { resolve, reject };
-      console.log('[HTTP] Sending request:', request);
+
+      const formData = new FormData();
+      formData.append('id', id);
+      formData.append('data', JSON.stringify(data));
+      if (files) {
+        Object.entries(files).forEach(([key, file]) => {
+          formData.append(key, file);
+        });
+      }
+
+      console.log('[HTTP] Sending request:', { id, name, data });
       fetch(`${trimEnd(this.config.httpServerUrl, '/')}/${name}`, {
         method: 'POST',
         headers: {
           'Content-Type': 'application/json',
         },
-        body: JSON.stringify(request),
+        body: formData,
       })
         .then(async (response) => {
           if (!response.ok) {

package/src/services/hooks.ts

@@ -31,10 +31,14 @@ export const useWebSocketRequestHandler = <TReq, TRes>(
 
 export const useHttpRequestHandler = <TReq, TRes>(
   name: string
-): ((data: TReq) => Promise<TRes>) =>
+): ((data: TReq, files?: Record<string, File>) => Promise<TRes>) =>
   useCallback(
-    (data: TReq) => {
-      return HttpService.getInstance().sendRequest<TReq, TRes>(name, data);
+    (data: TReq, files?: Record<string, File>) => {
+      return HttpService.getInstance().sendRequest<TReq, TRes>(
+        name,
+        data,
+        files
+      );
     },
     [name]
   );