@emailmaker/filemanager 0.0.2 → 0.0.4

package/mockServiceWorker.js

@@ -1 +1 @@
-const PACKAGE_VERSION="2.10.3",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.3",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.10.4",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.4",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,6 +1,6 @@
 {
   "name": "@emailmaker/filemanager",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "main": "./file-manager.js",
   "module": "./file-manager.esm.js",
   "types": "./index.d.ts",

package/sample-files.json

@@ -0,0 +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"
+    }
+  ]
+} 

package/suppress-resize-observer-errors.js

@@ -1 +1 @@
-!function(){"use strict";console.log("🔧 Инициализация подавления ошибок ResizeObserver...");const e=console.error,o=window.onerror,n=e=>e&&"string"==typeof e&&e.includes("ResizeObserver loop completed with undelivered notifications");console.error=function(...o){const r=o[0]&&o[0].toString?o[0].toString():"";if(!n(r))return e.apply(console,o)},window.onerror=function(e,r,t,i,s){return!!(n(e)||s&&n(s.message))||!!o&&o.call(this,e,r,t,i,s)},window.addEventListener("error",(function(e){n(e.message)&&(e.stopImmediatePropagation(),e.preventDefault())}),!0),console.log("✅ Подавление ошибок ResizeObserver активировано")}();
+!function(){"use strict";console.log("🔧 Инициализация подавления ошибок ResizeObserver...");const e=console.error,o=window.onerror,n=e=>e&&"string"==typeof e&&e.includes("ResizeObserver loop completed with undelivered notifications");console.error=function(...o){const r=o[0]&&o[0].toString?o[0].toString():"";if(!n(r))return e.apply(console,o)},window.onerror=function(e,r,t,i,s){return!!(n(e)||s&&n(s.message))||!!o&&o.call(this,e,r,t,i,s)},window.addEventListener("error",function(e){n(e.message)&&(e.stopImmediatePropagation(),e.preventDefault())},!0),console.log("✅ Подавление ошибок ResizeObserver активировано")}();

package/types.d.ts

@@ -19,7 +19,9 @@ export interface File {
     date: string;
     folderId: string;
     type?: string;
+    url?: string;
     thumbnail?: string;
+    thumbnailUrl?: string;
     dimensions?: string;
     aspectRatio?: string;
     extension?: string;
@@ -125,6 +127,8 @@ export interface FileManagerDataProviders {
     getFiles: (options: {
         folderId?: string;
         search?: string;
+        sortBy?: SortState['sortBy'];
+        sortOrder?: SortState['sortOrder'];
     }) => Promise<File[]>;
     createFolder: (data: {
         name: string;
@@ -224,6 +228,12 @@ export interface Config {
     locale?: string;
     mode?: 'fileManager' | 'imageCenter' | 'plugin';
     enabledTabs?: string[];
+    dataProcessingMode?: 'server' | 'client' | 'auto';
+    enableClientSideProcessing?: boolean;
+    staticData?: {
+        files?: File[];
+        folders?: Folder[];
+    };
     customTheme?: {
         colors?: {
             primary?: string;
@@ -263,11 +273,16 @@ export interface Config {
     /** billing page url */
     billingPageUrl?: string;
     notification?: void;
-    sendAIImageRequest?: any;
-    sseQuery?: () => Promise<void>;
+    sendAIImageRequest?: (params: object) => Promise<unknown>;
+    sseQuery?: (params: object) => void;
     customLocale?: object;
     activeLibraryItem?: LibraryMenuKey;
     fileForEdit?: string;
+    messages?: MessageType[];
+    handleLimitUsageEmitter?: {
+        fire: (args: object) => void;
+    };
+    token?: Partial<import('antd/es/theme/interface').AliasToken>;
 }
 export type LibraryMenuKey = typeof MY_FILES | typeof GIF | typeof STOCK_IMAGES | typeof AI | typeof EDITOR;
 export interface GifItem {
@@ -320,12 +335,11 @@ export interface ImageStockProps {
     customRequest: (data: string) => void;
 }
 export interface ImageAIProps {
-    setModalHeight: React.Dispatch<React.SetStateAction<string | number>>;
-    customRequest: (args: {
-        file: File;
-    }) => void;
+    customRequest: (file: {
+        file: globalThis.File;
+    }) => Promise<void | File>;
     aiTabRef: RefObject<HTMLElement>;
-    inputAiRef: RefObject<any>;
+    inputAiRef: React.RefObject<HTMLTextAreaElement>;
     isImageUploaded: boolean;
     setIsImageUploaded: (val: boolean) => void;
     aiImageRequest: string;
@@ -340,9 +354,9 @@ export interface ArrowProps {
     onClick?: () => void;
 }
 export interface UseImageAIGenerationProps {
-    setModalHeight: React.Dispatch<React.SetStateAction<string | number>>;
+    setFrameHeight: React.Dispatch<React.SetStateAction<string | number>>;
     customRequest: (args: {
-        file: File;
+        file: globalThis.File;
     }) => void;
     aiTabRef: React.RefObject<HTMLElement>;
     isImageUploaded: boolean;
@@ -377,4 +391,11 @@ export interface UseImageAIGenerationReturn {
     setCurrentReqId: React.Dispatch<React.SetStateAction<string | null>>;
     limitsInPlugin: boolean;
 }
+export type MessageType = {
+    status?: string;
+    images?: unknown[];
+    progress?: number;
+    data?: unknown;
+    [key: string]: unknown;
+};
 export {};

package/utils/jsonDataProvider.d.ts

@@ -0,0 +1,60 @@
+import { FileManagerDataProviders, File, Folder, Config } from '../types';
+export declare class JSONDataProvider implements FileManagerDataProviders {
+    private files;
+    private folders;
+    constructor(config?: Config);
+    loadFromJSON: (data: {
+        files?: File[];
+        folders?: Folder[];
+    }) => void;
+    loadFromURL: (url: string) => Promise<void>;
+    addFiles: (newFiles: File[]) => void;
+    addFolders: (newFolders: Folder[]) => void;
+    getFile: (fileId: string) => Promise<Blob>;
+    getFolders: () => Promise<Folder[]>;
+    getFiles: (options?: {
+        folderId?: string;
+        search?: string;
+        sortBy?: "name" | "size" | "date" | "type";
+        sortOrder?: "asc" | "desc";
+    }) => Promise<File[]>;
+    createFolder: (data: {
+        name: string;
+        parentId?: string | null;
+    }) => Promise<Folder>;
+    deleteFolder: (folderId: string) => Promise<boolean>;
+    uploadFile: (file: {
+        name: string;
+        size: string;
+        type: string;
+        folderId?: string | null;
+        data: Blob | string;
+        thumbnail?: string;
+        dimensions?: string;
+        aspectRatio?: string;
+        extension?: string;
+    }) => Promise<File>;
+    uploadFileByUrl: (data: {
+        url: string;
+        folderId?: string | null;
+        noFolder?: boolean;
+    }) => Promise<File>;
+    deleteFile: (fileId: string) => Promise<boolean>;
+    renameFile: (fileId: string, newName: string) => Promise<File>;
+    moveItem: (options: {
+        itemId: string;
+        targetFolderId: string;
+        isFolder: boolean;
+    }) => Promise<boolean>;
+    private getFileTypeFromExtension;
+    exportToJSON: () => {
+        files: File[];
+        folders: Folder[];
+    };
+    clear: () => void;
+    getStats: () => {
+        totalFiles: number;
+        totalFolders: number;
+        filesByType: Record<string, number>;
+    };
+}

package/utils/sortHelpers.d.ts

@@ -0,0 +1,3 @@
+import { File } from '../types';
+export declare const sortFiles: (files: File[], sortBy?: "name" | "size" | "date" | "type", sortOrder?: "asc" | "desc") => File[];
+export declare const filterFiles: (files: File[], searchTerm: string) => File[];

package/index.html

@@ -1,141 +0,0 @@
-<!DOCTYPE html>
-<html lang="ru">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>File Manager Debug</title>
-  
-  <!-- Скрипт для подавления ошибок ResizeObserver -->
-  <script src="/suppress-resize-observer-errors.js"></script>
-  
-  <style>
-    body {
-      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
-      line-height: 1.5;
-      margin: 0;
-      padding: 0;
-      background-color: #f5f5f5;
-    }
-    
-    .header {
-      background-color: #1890ff;
-      color: white;
-      padding: 20px;
-      text-align: center;
-      margin-bottom: 20px;
-    }
-    
-    .header h1 {
-      margin: 0;
-      font-size: 24px;
-    }
-    
-    .container {
-      max-width: 1200px;
-      margin: 0 auto;
-      padding: 0 20px;
-    }
-    
-    .debug-info {
-      background-color: #fff;
-      border: 1px solid #ddd;
-      border-radius: 4px;
-      padding: 15px;
-      margin-bottom: 20px;
-    }
-    
-    .debug-info h2 {
-      margin-top: 0;
-      color: #1890ff;
-    }
-    
-    .error-container {
-      background-color: #fff2f0;
-      border: 1px solid #ffccc7;
-      border-radius: 4px;
-      padding: 15px;
-      margin-bottom: 20px;
-      display: none;
-    }
-    
-    .error-container h2 {
-      color: #ff4d4f;
-      margin-top: 0;
-    }
-    
-    #error-details {
-      font-family: monospace;
-      white-space: pre-wrap;
-      background-color: #fafafa;
-      padding: 10px;
-      border-radius: 4px;
-      border: 1px solid #f0f0f0;
-    }
-  </style>
-</head>
-<body>
-  <div class="header">
-    <h1>Отладка и тестирование файлового менеджера</h1>
-  </div>
-  
-  <div class="container">
-    <div class="debug-info">
-      <h2>Информация об окружении</h2>
-      <p>Эта страница предназначена для отладки и тестирования файлового менеджера.</p>
-      <p>Текущий URL: <span id="current-url"></span></p>
-      <p>User Agent: <span id="user-agent"></span></p>
-      <p>Время загрузки: <span id="load-time"></span></p>
-    </div>
-    
-    <div class="error-container" id="error-container">
-      <h2>Произошла ошибка</h2>
-      <div id="error-details"></div>
-    </div>
-    
-    <div id="root"></div>
-  </div>
-  
-  <script>
-    
-    document.getElementById('current-url').textContent = window.location.href;
-    document.getElementById('user-agent').textContent = navigator.userAgent;
-    
-    
-    const startTime = new Date();
-    
-    
-    window.onerror = function(message, source, lineno, colno, error) {
-      const errorContainer = document.getElementById('error-container');
-      const errorDetails = document.getElementById('error-details');
-      
-      errorContainer.style.display = 'block';
-      errorDetails.textContent = `Сообщение: ${message}\nИсточник: ${source}\nСтрока: ${lineno}, Колонка: ${colno}\n\nСтек вызовов:\n${error && error.stack ? error.stack : 'Недоступно'}`;
-      
-      console.error('Перехвачена ошибка:', error);
-      return false;
-    };
-    
-    
-    window.addEventListener('load', function() {
-      const endTime = new Date();
-      const loadTime = (endTime - startTime) / 1000;
-      document.getElementById('load-time').textContent = loadTime.toFixed(2) + ' сек';
-      
-      
-      setTimeout(() => {
-        const script = document.createElement('script');
-        script.src = '/debug-script.js';
-        script.onerror = (error) => {
-          console.error('Ошибка загрузки скрипта отладки:', error);
-          const errorContainer = document.getElementById('error-container');
-          const errorDetails = document.getElementById('error-details');
-          
-          errorContainer.style.display = 'block';
-          errorDetails.textContent = `Не удалось загрузить скрипт отладки: ${error}`;
-        };
-        document.body.appendChild(script);
-      }, 500);
-    });
-  </script>
-</body>
-</html>