@layers-app/editor 0.4.1 → 0.5.1

package/README.md

@@ -150,7 +150,7 @@ Use **StylesProvider** to add styling to your HTML content.
 ## Image upload
 
 To start working with image uploads, use the **fetchUploadMedia** function, which takes three parameters: **file**, **success**, and **error**. After successfully uploading the image to your service, you should call the **success** function and pass two required arguments: the **URL** of the image and its **ID**.
-
+Optional: You can also pass two optional parameters: **signal** and **onProgress**. The **signal** allows you to cancel an ongoing upload using an AbortController, and **onProgress** provides the current upload progress in percent — useful for displaying a progress bar or loading state.
 ```
   const fetchUploadMedia = async (
     file: File,
@@ -187,6 +187,42 @@ To start working with image uploads, use the **fetchUploadMedia** function, whic
     }
   };
 
+  const fetchUploadMedia = async (
+  file: File,
+  success: (url: string, id: string, data: any) => void,
+  error?: (err: Error) => void,
+  signal?: AbortSignal,
+  onProgress?: (percent: number) => void,
+) => {
+    const formData = new FormData();
+    formData.append('File', file);
+    formData.append('FileAccessModifier', '0');
+
+  const xhr = new XMLHttpRequest();
+  xhr.open('POST', '/api/v1/Files/Upload');
+  xhr.withCredentials = true;
+
+  if (signal) signal.addEventListener('abort', () => xhr.abort());
+  if (onProgress) {
+    xhr.upload.onprogress = (e) => {
+      if (e.lengthComputable) onProgress(Math.round((e.loaded / e.total) * 100));
+    };
+  }
+
+  xhr.onload = () => {
+    try {
+      const data = JSON.parse(xhr.responseText);
+      success(`/v1/attachments/${data.id}`, data.id, data);
+    } catch {
+      error?.(new Error('Invalid response'));
+    }
+  };
+
+  xhr.onerror = () => error?.(new Error('Upload error')));
+  xhr.send(formData);
+};
+
+
 <Editor
   ...props
   fetchUploadMedia={fetchUploadMedia}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@layers-app/editor",
   "private": false,
-  "version": "0.4.1",
+  "version": "0.5.1",
   "type": "module",
   "scripts": {
     "start": "VITE_LAYERS=true vite --mode full ",
@@ -20,7 +20,7 @@
     "test:e2e:ui": "playwright test --ui",
     "test:e2e:debug": "playwright test --debug",
     "test:e2e:headed": "playwright test --headed",
-    "start-test-server": "cross-env CI=true VITE_LAYERS=true VITE_CORS=true vite --mode full --port 3000 --strictPort --host localhost"
+    "start-test-server": "VITE_LAYERS=true vite --mode full --port 3000 --strictPort --host localhost"
   },
   "publishConfig": {
     "access": "public"
@@ -32,13 +32,14 @@
   "types": "dist/index.d.ts",
   "dependencies": {
     "@excalidraw/excalidraw": "^0.18.0",
-    "@layers-app/shared": "0.0.41",
-    "@lexical/headless": "^0.32.1",
-    "@lexical/markdown": "^0.32.1",
-    "@lexical/react": "^0.32.1",
+    "@lexical/file": "^0.38.2",
+    "@layers-app/shared": "^0.0.44",
+    "@lexical/headless": "^0.38.2",
+    "@lexical/markdown": "^0.38.2",
+    "@lexical/react": "^0.38.2",
     "@tanstack/react-query": "^5.64.1",
     "install": "^0.13.0",
-    "lexical": "^0.32.1",
+    "lexical": "^0.38.2",
     "npm": "^11.0.0",
     "react-selecto": "^1.26.3",
     "swagger-ui-react": "^5.27.1",
@@ -54,6 +55,7 @@
     "@mantine/modals": "^8.0.0",
     "@mantine/notifications": "^8.0.0",
     "@mantine/tiptap": "^8.0.0",
+    "@playwright/test": "^1.40.0",
     "@rollup/plugin-typescript": "^11.1.6",
     "@tabler/icons-react": "^3.7.0",
     "@trivago/prettier-plugin-sort-imports": "^5.2.1",
@@ -77,7 +79,6 @@
     "eslint-plugin-react": "^7.37.4",
     "eslint-plugin-react-refresh": "^0.4.19",
     "eslint-plugin-unused-imports": "^4.1.4",
-    "github-actions-ctrf": "^0.0.58",
     "glob": "^10.3.10",
     "i18next": "^25.5.2",
     "lodash-es": "^4.17.21",
@@ -98,8 +99,7 @@
     "vite-plugin-css-injected-by-js": "^3.5.0",
     "vite-plugin-dts": "^4.0.0-beta.1",
     "vite-plugin-static-copy": "^2.3.2",
-    "vite-plugin-svgr": "^4.2.0",
-    "@playwright/test": "^1.40.0"
+    "vite-plugin-svgr": "^4.2.0"
   },
   "overrides": {
     "nanoid": "^5.0.9",