@layers-app/editor 0.0.21 → 0.0.23

package/README.md

@@ -144,7 +144,7 @@ Use **StylesProvider** to add styling to your HTML content.
 
 <details>
   <summary>
-    🖼️ Image upload
+    🖼️ File upload
   </summary>
 
 ## Image upload
@@ -154,7 +154,7 @@ To start working with image uploads, use the **fetchUploadMedia** function, whic
 ```
   const fetchUploadMedia = async (
     file: File,
-    success: (url: string, id: string, data?: object) => void,
+    success: (url: string, id: string) => void,
     error?: (error?: Error) => void
   ) => {
     const formData = new FormData();
@@ -288,8 +288,53 @@ Dropzone.Idle is visible when the user is not dragging any file into the drop zo
 />
 ```
 
+## File upload
+
+For uploading a file or audio, you might need the third parameter "data".
+
+```
+  const fetchUploadMedia = async (
+    file: File,
+    success: (url: string, id: string, data?: {
+      contentType: string;
+      fileSize: string;
+      originalFileName: string;
+    }) => void,
+    error?: (error?: Error) => void
+  ) => {
+    const formData = new FormData();
+    formData.append('File', file);
+    formData.append('FileAccessModifier', '0');
+
+    try {
+      const response = await fetch('/api/v1/Files/Upload', {
+        method: 'POST',
+        body: formData,
+        credentials: 'include'
+      });
+
+      if (!response.ok) {
+        throw new Error('File upload failed');
+      }
+
+      const data = await response.json();
+      const { Id, Url } = data;
+
+      success(Url, Id, data);
+    } catch (err) {
+      if (error) {
+        if (err instanceof Error) {
+          error(err);
+        } else {
+          error(new Error('An unknown error occurred'));
+        }
+      }
+    }
+  };
+```
 </details>
 
+
 <details>
   <summary>
     👥 Collaboration