@emailmaker/filemanager 0.0.9 → 0.10.1

package/mockServiceWorker.js

@@ -1 +1 @@
-const PACKAGE_VERSION="2.10.5",INTEGRITY_CHECKSUM="f5825c521429caf22a4dd13b66e243af",IS_MOCKED_RESPONSE=Symbol("isMockedResponse"),activeClientIds=new Set;async function handleRequest(e,t){const n=await resolveMainClient(e),s=e.request.clone(),i=await getResponse(e,n,t);if(n&&activeClientIds.has(n.id)){const e=await serializeRequest(s),a=i.clone();sendToClient(n,{type:"RESPONSE",payload:{isMockedResponse:IS_MOCKED_RESPONSE in i,request:{id:t,...e},response:{type:a.type,status:a.status,statusText:a.statusText,headers:Object.fromEntries(a.headers.entries()),body:a.body}}},a.body?[e.body,a.body]:[])}return i}async function resolveMainClient(e){const t=await self.clients.get(e.clientId);return activeClientIds.has(e.clientId)||"top-level"===t?.frameType?t:(await self.clients.matchAll({type:"window"})).filter(e=>"visible"===e.visibilityState).find(e=>activeClientIds.has(e.id))}async function getResponse(e,t,n){const s=e.request.clone();function i(){const e=new Headers(s.headers),t=e.get("accept");if(t){const n=t.split(",").map(e=>e.trim()).filter(e=>"msw/passthrough"!==e);n.length>0?e.set("accept",n.join(", ")):e.delete("accept")}return fetch(s,{headers:e})}if(!t)return i();if(!activeClientIds.has(t.id))return i();const a=await serializeRequest(e.request),r=await sendToClient(t,{type:"REQUEST",payload:{id:n,...a}},[a.body]);switch(r.type){case"MOCK_RESPONSE":return respondWithMock(r.data);case"PASSTHROUGH":return i()}return i()}function sendToClient(e,t,n=[]){return new Promise((s,i)=>{const a=new MessageChannel;a.port1.onmessage=e=>{if(e.data&&e.data.error)return i(e.data.error);s(e.data)},e.postMessage(t,[a.port2,...n.filter(Boolean)])})}function respondWithMock(e){if(0===e.status)return Response.error();const t=new Response(e.body,e);return Reflect.defineProperty(t,IS_MOCKED_RESPONSE,{value:!0,enumerable:!0}),t}async function serializeRequest(e){return{url:e.url,mode:e.mode,method:e.method,headers:Object.fromEntries(e.headers.entries()),cache:e.cache,credentials:e.credentials,destination:e.destination,integrity:e.integrity,redirect:e.redirect,referrer:e.referrer,referrerPolicy:e.referrerPolicy,body:await e.arrayBuffer(),keepalive:e.keepalive}}addEventListener("install",function(){self.skipWaiting()}),addEventListener("activate",function(e){e.waitUntil(self.clients.claim())}),addEventListener("message",async function(e){const t=Reflect.get(e.source||{},"id");if(!t||!self.clients)return;const n=await self.clients.get(t);if(!n)return;const s=await self.clients.matchAll({type:"window"});switch(e.data){case"KEEPALIVE_REQUEST":sendToClient(n,{type:"KEEPALIVE_RESPONSE"});break;case"INTEGRITY_CHECK_REQUEST":sendToClient(n,{type:"INTEGRITY_CHECK_RESPONSE",payload:{packageVersion:"2.10.5",checksum:INTEGRITY_CHECKSUM}});break;case"MOCK_ACTIVATE":activeClientIds.add(t),sendToClient(n,{type:"MOCKING_ENABLED",payload:{client:{id:n.id,frameType:n.frameType}}});break;case"MOCK_DEACTIVATE":activeClientIds.delete(t);break;case"CLIENT_CLOSED":{activeClientIds.delete(t);const e=s.filter(e=>e.id!==t);0===e.length&&self.registration.unregister();break}}}),addEventListener("fetch",function(e){if("navigate"===e.request.mode)return;if("only-if-cached"===e.request.cache&&"same-origin"!==e.request.mode)return;if(0===activeClientIds.size)return;const t=crypto.randomUUID();e.respondWith(handleRequest(e,t))});
+const PACKAGE_VERSION="2.11.0",INTEGRITY_CHECKSUM="f5825c521429caf22a4dd13b66e243af",IS_MOCKED_RESPONSE=Symbol("isMockedResponse"),activeClientIds=new Set;async function handleRequest(e,t){const n=await resolveMainClient(e),s=e.request.clone(),i=await getResponse(e,n,t);if(n&&activeClientIds.has(n.id)){const e=await serializeRequest(s),a=i.clone();sendToClient(n,{type:"RESPONSE",payload:{isMockedResponse:IS_MOCKED_RESPONSE in i,request:{id:t,...e},response:{type:a.type,status:a.status,statusText:a.statusText,headers:Object.fromEntries(a.headers.entries()),body:a.body}}},a.body?[e.body,a.body]:[])}return i}async function resolveMainClient(e){const t=await self.clients.get(e.clientId);return activeClientIds.has(e.clientId)||"top-level"===t?.frameType?t:(await self.clients.matchAll({type:"window"})).filter(e=>"visible"===e.visibilityState).find(e=>activeClientIds.has(e.id))}async function getResponse(e,t,n){const s=e.request.clone();function i(){const e=new Headers(s.headers),t=e.get("accept");if(t){const n=t.split(",").map(e=>e.trim()).filter(e=>"msw/passthrough"!==e);n.length>0?e.set("accept",n.join(", ")):e.delete("accept")}return fetch(s,{headers:e})}if(!t)return i();if(!activeClientIds.has(t.id))return i();const a=await serializeRequest(e.request),r=await sendToClient(t,{type:"REQUEST",payload:{id:n,...a}},[a.body]);switch(r.type){case"MOCK_RESPONSE":return respondWithMock(r.data);case"PASSTHROUGH":return i()}return i()}function sendToClient(e,t,n=[]){return new Promise((s,i)=>{const a=new MessageChannel;a.port1.onmessage=e=>{if(e.data&&e.data.error)return i(e.data.error);s(e.data)},e.postMessage(t,[a.port2,...n.filter(Boolean)])})}function respondWithMock(e){if(0===e.status)return Response.error();const t=new Response(e.body,e);return Reflect.defineProperty(t,IS_MOCKED_RESPONSE,{value:!0,enumerable:!0}),t}async function serializeRequest(e){return{url:e.url,mode:e.mode,method:e.method,headers:Object.fromEntries(e.headers.entries()),cache:e.cache,credentials:e.credentials,destination:e.destination,integrity:e.integrity,redirect:e.redirect,referrer:e.referrer,referrerPolicy:e.referrerPolicy,body:await e.arrayBuffer(),keepalive:e.keepalive}}addEventListener("install",function(){self.skipWaiting()}),addEventListener("activate",function(e){e.waitUntil(self.clients.claim())}),addEventListener("message",async function(e){const t=Reflect.get(e.source||{},"id");if(!t||!self.clients)return;const n=await self.clients.get(t);if(!n)return;const s=await self.clients.matchAll({type:"window"});switch(e.data){case"KEEPALIVE_REQUEST":sendToClient(n,{type:"KEEPALIVE_RESPONSE"});break;case"INTEGRITY_CHECK_REQUEST":sendToClient(n,{type:"INTEGRITY_CHECK_RESPONSE",payload:{packageVersion:"2.11.0",checksum:INTEGRITY_CHECKSUM}});break;case"MOCK_ACTIVATE":activeClientIds.add(t),sendToClient(n,{type:"MOCKING_ENABLED",payload:{client:{id:n.id,frameType:n.frameType}}});break;case"MOCK_DEACTIVATE":activeClientIds.delete(t);break;case"CLIENT_CLOSED":{activeClientIds.delete(t);const e=s.filter(e=>e.id!==t);0===e.length&&self.registration.unregister();break}}}),addEventListener("fetch",function(e){if("navigate"===e.request.mode)return;if("only-if-cached"===e.request.cache&&"same-origin"!==e.request.mode)return;if(0===activeClientIds.size)return;const t=crypto.randomUUID();e.respondWith(handleRequest(e,t))});

package/package.json

@@ -1,30 +1,30 @@
-{
-  "name": "@emailmaker/filemanager",
-  "version": "0.0.9",
-  "main": "./file-manager.js",
-  "module": "./file-manager.esm.js",
-  "types": "./index.d.ts",
-  "style": "./file-manager.css",
-  "license": "MIT",
-  "peerDependencies": {
-    "react": "^18.2.0 || ^19.0.0",
-    "react-dom": "^18.2.0 || ^19.0.0"
-  },
-  "browserslist": {
-    "production": [
-      "last 2 chrome version",
-      "last 2 firefox version",
-      "last 2 safari version"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  },
-  "msw": {
-    "workerDirectory": [
-      "public"
-    ]
-  }
-}
+{
+  "name": "@emailmaker/filemanager",
+  "version": "0.10.1",
+  "main": "./file-manager.js",
+  "module": "./file-manager.esm.js",
+  "types": "./index.d.ts",
+  "style": "./file-manager.css",
+  "license": "MIT",
+  "peerDependencies": {
+    "react": "^18.2.0 || ^19.0.0",
+    "react-dom": "^18.2.0 || ^19.0.0"
+  },
+  "browserslist": {
+    "production": [
+      "last 2 chrome version",
+      "last 2 firefox version",
+      "last 2 safari version"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "msw": {
+    "workerDirectory": [
+      "public"
+    ]
+  }
+}

package/sample-files.json

@@ -1,105 +1,105 @@
-{
-  "files": [
-    {
-      "id": "sample-1",
-      "name": "Красивый закат.jpg",
-      "size": "2845",
-      "date": "2024-01-15T10:30:00Z",
-      "folderId": "",
-      "type": "image",
-      "url": "https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=400&h=300&fit=crop",
-      "thumbnailUrl": "https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=150&h=100&fit=crop",
-      "extension": "jpg",
-      "isFolder": false,
-      "selected": false,
-      "dimensions": "1920x1080",
-      "aspectRatio": "16:9"
-    },
-    {
-      "id": "sample-2",
-      "name": "Горы и озеро.jpg",
-      "size": "3200",
-      "date": "2024-01-10T14:20:00Z",
-      "folderId": "nature-folder",
-      "type": "image",
-      "url": "https://images.unsplash.com/photo-1464822759380-8ed769e99d5c?w=400&h=300&fit=crop",
-      "thumbnailUrl": "https://images.unsplash.com/photo-1464822759380-8ed769e99d5c?w=150&h=100&fit=crop",
-      "extension": "jpg",
-      "isFolder": false,
-      "selected": false,
-      "dimensions": "1920x1280",
-      "aspectRatio": "3:2"
-    },
-    {
-      "id": "sample-3",
-      "name": "Отчет_2024.pdf",
-      "size": "1250",
-      "date": "2024-01-12T09:15:00Z",
-      "folderId": "documents-folder",
-      "type": "document",
-      "url": "https://via.placeholder.com/400x300/2196F3/white?text=PDF+Document",
-      "thumbnailUrl": "https://via.placeholder.com/150x100/2196F3/white?text=PDF",
-      "extension": "pdf",
-      "isFolder": false,
-      "selected": false
-    },
-    {
-      "id": "sample-4",
-      "name": "Презентация.pptx",
-      "size": "4500",
-      "date": "2024-01-08T16:45:00Z",
-      "folderId": "documents-folder",
-      "type": "document",
-      "url": "https://via.placeholder.com/400x300/FF9800/white?text=PowerPoint",
-      "thumbnailUrl": "https://via.placeholder.com/150x100/FF9800/white?text=PPT",
-      "extension": "pptx",
-      "isFolder": false,
-      "selected": false
-    },
-    {
-      "id": "sample-5",
-      "name": "Лес в тумане.jpg",
-      "size": "2100",
-      "date": "2024-01-05T11:30:00Z",
-      "folderId": "nature-folder",
-      "type": "image",
-      "url": "https://images.unsplash.com/photo-1441974231531-c6227db76b6e?w=400&h=300&fit=crop",
-      "thumbnailUrl": "https://images.unsplash.com/photo-1441974231531-c6227db76b6e?w=150&h=100&fit=crop",
-      "extension": "jpg",
-      "isFolder": false,
-      "selected": false,
-      "dimensions": "1920x1280",
-      "aspectRatio": "3:2"
-    },
-    {
-      "id": "sample-6",
-      "name": "Архивные_данные.zip",
-      "size": "15600",
-      "date": "2024-01-01T08:00:00Z",
-      "folderId": "",
-      "type": "archive",
-      "url": "https://via.placeholder.com/400x300/795548/white?text=ZIP+Archive",
-      "thumbnailUrl": "https://via.placeholder.com/150x100/795548/white?text=ZIP",
-      "extension": "zip",
-      "isFolder": false,
-      "selected": false
-    }
-  ],
-  "folders": [
-    {
-      "id": "nature-folder",
-      "name": "🌲 Природа",
-      "parentId": null
-    },
-    {
-      "id": "documents-folder", 
-      "name": "📄 Документы",
-      "parentId": null
-    },
-    {
-      "id": "photos-subfolder",
-      "name": "📷 Фотографии",
-      "parentId": "nature-folder"
-    }
-  ]
+{
+  "files": [
+    {
+      "id": "sample-1",
+      "name": "Красивый закат.jpg",
+      "size": "2845",
+      "date": "2024-01-15T10:30:00Z",
+      "folderId": "",
+      "type": "image",
+      "url": "https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=400&h=300&fit=crop",
+      "thumbnailUrl": "https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=150&h=100&fit=crop",
+      "extension": "jpg",
+      "isFolder": false,
+      "selected": false,
+      "dimensions": "1920x1080",
+      "aspectRatio": "16:9"
+    },
+    {
+      "id": "sample-2",
+      "name": "Горы и озеро.jpg",
+      "size": "3200",
+      "date": "2024-01-10T14:20:00Z",
+      "folderId": "nature-folder",
+      "type": "image",
+      "url": "https://images.unsplash.com/photo-1464822759380-8ed769e99d5c?w=400&h=300&fit=crop",
+      "thumbnailUrl": "https://images.unsplash.com/photo-1464822759380-8ed769e99d5c?w=150&h=100&fit=crop",
+      "extension": "jpg",
+      "isFolder": false,
+      "selected": false,
+      "dimensions": "1920x1280",
+      "aspectRatio": "3:2"
+    },
+    {
+      "id": "sample-3",
+      "name": "Отчет_2024.pdf",
+      "size": "1250",
+      "date": "2024-01-12T09:15:00Z",
+      "folderId": "documents-folder",
+      "type": "document",
+      "url": "https://via.placeholder.com/400x300/2196F3/white?text=PDF+Document",
+      "thumbnailUrl": "https://via.placeholder.com/150x100/2196F3/white?text=PDF",
+      "extension": "pdf",
+      "isFolder": false,
+      "selected": false
+    },
+    {
+      "id": "sample-4",
+      "name": "Презентация.pptx",
+      "size": "4500",
+      "date": "2024-01-08T16:45:00Z",
+      "folderId": "documents-folder",
+      "type": "document",
+      "url": "https://via.placeholder.com/400x300/FF9800/white?text=PowerPoint",
+      "thumbnailUrl": "https://via.placeholder.com/150x100/FF9800/white?text=PPT",
+      "extension": "pptx",
+      "isFolder": false,
+      "selected": false
+    },
+    {
+      "id": "sample-5",
+      "name": "Лес в тумане.jpg",
+      "size": "2100",
+      "date": "2024-01-05T11:30:00Z",
+      "folderId": "nature-folder",
+      "type": "image",
+      "url": "https://images.unsplash.com/photo-1441974231531-c6227db76b6e?w=400&h=300&fit=crop",
+      "thumbnailUrl": "https://images.unsplash.com/photo-1441974231531-c6227db76b6e?w=150&h=100&fit=crop",
+      "extension": "jpg",
+      "isFolder": false,
+      "selected": false,
+      "dimensions": "1920x1280",
+      "aspectRatio": "3:2"
+    },
+    {
+      "id": "sample-6",
+      "name": "Архивные_данные.zip",
+      "size": "15600",
+      "date": "2024-01-01T08:00:00Z",
+      "folderId": "",
+      "type": "archive",
+      "url": "https://via.placeholder.com/400x300/795548/white?text=ZIP+Archive",
+      "thumbnailUrl": "https://via.placeholder.com/150x100/795548/white?text=ZIP",
+      "extension": "zip",
+      "isFolder": false,
+      "selected": false
+    }
+  ],
+  "folders": [
+    {
+      "id": "nature-folder",
+      "name": "🌲 Природа",
+      "parentId": null
+    },
+    {
+      "id": "documents-folder", 
+      "name": "📄 Документы",
+      "parentId": null
+    },
+    {
+      "id": "photos-subfolder",
+      "name": "📷 Фотографии",
+      "parentId": "nature-folder"
+    }
+  ]
 } 

package/test-pixie-loading.html

@@ -1,108 +1,108 @@
-<!DOCTYPE html>
-<html lang="ru">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Тест загрузки Pixie</title>
-    <style>
-        body {
-            font-family: Arial, sans-serif;
-            margin: 20px;
-            background: #f5f5f5;
-        }
-        .status {
-            padding: 10px;
-            margin: 10px 0;
-            border-radius: 4px;
-        }
-        .success {
-            background: #d4edda;
-            color: #155724;
-            border: 1px solid #c3e6cb;
-        }
-        .error {
-            background: #f8d7da;
-            color: #721c24;
-            border: 1px solid #f5c6cb;
-        }
-        .loading {
-            background: #fff3cd;
-            color: #856404;
-            border: 1px solid #ffeaa7;
-        }
-        #pixie-container {
-            width: 800px;
-            height: 600px;
-            border: 1px solid #ccc;
-            margin: 20px 0;
-            background: white;
-        }
-    </style>
-</head>
-<body>
-    <h1>Тест загрузки Pixie Editor</h1>
-    
-    <div id="status" class="status loading">Проверка загрузки...</div>
-    
-    <div id="details">
-        <h3>Проверки:</h3>
-        <ul id="checks">
-            <li id="script-check">Загрузка скрипта Pixie...</li>
-            <li id="pixie-check">Проверка объекта Pixie...</li>
-            <li id="assets-check">Проверка ассетов...</li>
-        </ul>
-    </div>
-
-    <div id="pixie-container"></div>
-
-    <script src="/loacal_module/pixie/dist/pixie.umd.js"></script>
-    <script>
-        function updateCheck(id, text, success = true) {
-            const element = document.getElementById(id);
-            element.textContent = text;
-            element.style.color = success ? 'green' : 'red';
-            element.style.fontWeight = success ? 'bold' : 'normal';
-        }
-
-        function updateStatus(text, type = 'loading') {
-            const status = document.getElementById('status');
-            status.textContent = text;
-            status.className = `status ${type}`;
-        }
-
-        // Проверка загрузки скрипта
-        updateCheck('script-check', '✓ Скрипт Pixie успешно загружен', true);
-
-        // Проверка объекта Pixie
-        setTimeout(() => {
-            if (typeof window.Pixie !== 'undefined') {
-                updateCheck('pixie-check', '✓ Объект Pixie доступен', true);
-                
-                // Попытка инициализации
-                try {
-                    const pixie = new window.Pixie({
-                        selector: '#pixie-container',
-                        baseUrl: '/loacal_module/pixie/assets',
-                        ui: {
-                            visible: true,
-                            mode: 'inline'
-                        }
-                    });
-                    
-                    updateCheck('assets-check', '✓ Ассеты успешно загружены', true);
-                    updateStatus('✓ Pixie Editor успешно инициализирован!', 'success');
-                    
-                } catch (error) {
-                    updateCheck('assets-check', `✗ Ошибка инициализации: ${error.message}`, false);
-                    updateStatus('✗ Ошибка инициализации Pixie', 'error');
-                    console.error('Ошибка Pixie:', error);
-                }
-            } else {
-                updateCheck('pixie-check', '✗ Объект Pixie не найден', false);
-                updateStatus('✗ Pixie не загружен', 'error');
-            }
-        }, 1000);
-
-    </script>
-</body>
-</html> 
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Тест загрузки Pixie</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            margin: 20px;
+            background: #f5f5f5;
+        }
+        .status {
+            padding: 10px;
+            margin: 10px 0;
+            border-radius: 4px;
+        }
+        .success {
+            background: #d4edda;
+            color: #155724;
+            border: 1px solid #c3e6cb;
+        }
+        .error {
+            background: #f8d7da;
+            color: #721c24;
+            border: 1px solid #f5c6cb;
+        }
+        .loading {
+            background: #fff3cd;
+            color: #856404;
+            border: 1px solid #ffeaa7;
+        }
+        #pixie-container {
+            width: 800px;
+            height: 600px;
+            border: 1px solid #ccc;
+            margin: 20px 0;
+            background: white;
+        }
+    </style>
+</head>
+<body>
+    <h1>Тест загрузки Pixie Editor</h1>
+
+    <div id="status" class="status loading">Проверка загрузки...</div>
+
+    <div id="details">
+        <h3>Проверки:</h3>
+        <ul id="checks">
+            <li id="script-check">Загрузка скрипта Pixie...</li>
+            <li id="pixie-check">Проверка объекта Pixie...</li>
+            <li id="assets-check">Проверка ассетов...</li>
+        </ul>
+    </div>
+
+    <div id="pixie-container"></div>
+
+    <script src="/local_module/pixie/dist/pixie.umd.js"></script>
+    <script>
+        function updateCheck(id, text, success = true) {
+            const element = document.getElementById(id);
+            element.textContent = text;
+            element.style.color = success ? 'green' : 'red';
+            element.style.fontWeight = success ? 'bold' : 'normal';
+        }
+
+        function updateStatus(text, type = 'loading') {
+            const status = document.getElementById('status');
+            status.textContent = text;
+            status.className = `status ${type}`;
+        }
+
+        // Проверка загрузки скрипта
+        updateCheck('script-check', '✓ Скрипт Pixie успешно загружен', true);
+
+        // Проверка объекта Pixie
+        setTimeout(() => {
+            if (typeof window.Pixie !== 'undefined') {
+                updateCheck('pixie-check', '✓ Объект Pixie доступен', true);
+
+              // Попытка инициализации
+                try {
+                    const pixie = new window.Pixie({
+                        selector: '#pixie-container',
+                      baseUrl: "/local_module/pixie/assets",
+                        ui: {
+                            visible: true,
+                            mode: 'inline'
+                        }
+                    });
+
+                  updateCheck("assets-check", "✓ Ассеты успешно загружены", true);
+                    updateStatus('✓ Pixie Editor успешно инициализирован!', 'success');
+
+                } catch (error) {
+                    updateCheck('assets-check', `✗ Ошибка инициализации: ${error.message}`, false);
+                    updateStatus('✗ Ошибка инициализации Pixie', 'error');
+                    console.error('Ошибка Pixie:', error);
+                }
+            } else {
+                updateCheck('pixie-check', '✗ Объект Pixie не найден', false);
+                updateStatus('✗ Pixie не загружен', 'error');
+            }
+        }, 1000);
+
+    </script>
+</body>
+</html>

package/types.d.ts

@@ -166,6 +166,14 @@ export interface FileManagerDataProviders {
         targetFolderId: string;
         isFolder: boolean;
     }) => Promise<boolean>;
+    copyItem?: (options: {
+        itemId: string;
+        targetFolderId: string;
+        isFolder: boolean;
+    }) => Promise<{
+        id: string;
+        url?: string;
+    }>;
     updateFile?: (fileId: string, updates: {
         name?: string;
         type?: string;