@emailmaker/filemanager 0.0.1

package/mockServiceWorker.js

@@ -0,0 +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))}));

package/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "@emailmaker/filemanager",
+  "version": "0.0.1",
+  "main": "./dist/file-manager.js",
+  "module": "./dist/file-manager.esm.js",
+  "types": "./dist/index.d.ts",
+  "style": "./dist/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/pixie-editor.html

@@ -0,0 +1,187 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Pixie Editor</title>
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        body {
+            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+            background: #f5f5f5;
+            overflow: hidden;
+        }
+
+        #pixie-editor {
+            width: 100vw;
+            height: 100vh;
+        }
+
+        .loading {
+            position: fixed;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            background: white;
+            padding: 20px;
+            border-radius: 8px;
+            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+            z-index: 1000;
+        }
+
+        .toolbar {
+            position: fixed;
+            bottom: 10px;
+            right: 10px;
+            z-index: 1001;
+            display: flex;
+            gap: 10px;
+        }
+
+        .toolbar button {
+            padding: 8px 16px;
+            border: none;
+            border-radius: 4px;
+            cursor: pointer;
+            font-size: 14px;
+            font-weight: 500;
+        }
+
+        .btn-save {
+            background: #1890ff;
+            color: white;
+        }
+
+        .btn-save:hover {
+            background: #40a9ff;
+        }
+
+        .btn-cancel {
+            background: #f5f5f5;
+            color: #595959;
+        }
+
+        .btn-cancel:hover {
+            background: #e6f7ff;
+        }
+
+        .btn-save:disabled {
+            background: #d9d9d9;
+            cursor: not-allowed;
+        }
+    </style>
+</head>
+<body>
+    <div id="loading" class="loading">
+        <div>Загрузка редактора...</div>
+    </div>
+
+    <div class="toolbar">
+        <button id="saveBtn" class="btn-save" disabled>Сохранить</button>
+        <button id="cancelBtn" class="btn-cancel">Отмена</button>
+    </div>
+
+    <div id="pixie-editor"></div>
+
+    <script src="loacal_module/pixie/dist/pixie.umd.js"></script>
+    <script>
+        let pixieInstance = null;
+        let currentFile = null;
+
+        function initPixie(imageData, fileName) {
+            try {
+                console.log('Инициализация Pixie для файла:', fileName);
+
+              const config = {
+                    selector: '#pixie-editor',
+                    image: imageData,
+                baseUrl: "/loacal_module/pixie/assets",
+                    ui: {
+                        visible: true,
+                        mode: 'inline',
+                        toolbar: {
+                            items: ['crop', 'resize', 'filter', 'draw', 'text', 'shapes', 'frame']
+                        }
+                    },
+                    crossOrigin: true
+                };
+
+              if (window.Pixie) {
+                    pixieInstance = new window.Pixie(config);
+
+                setTimeout(() => {
+                        document.getElementById('loading').style.display = 'none';
+                        document.getElementById('saveBtn').disabled = false;
+                        console.log('Pixie успешно инициализирован');
+                    }, 1000);
+                } else {
+                    throw new Error('Pixie не загружен');
+                }
+            } catch (error) {
+                console.error('Ошибка инициализации Pixie:', error);
+                document.getElementById('loading').innerHTML = '<div>Ошибка загрузки: ' + error.message + '</div>';
+            }
+        }
+        document.getElementById('saveBtn').addEventListener('click', async () => {
+            if (!pixieInstance || !currentFile) return;
+
+          try {
+                document.getElementById('saveBtn').disabled = true;
+                document.getElementById('saveBtn').textContent = 'Сохранение...';
+
+
+            const dataUrl = await pixieInstance.tools.export.getDataUrl("png", 0.9);
+                window.parent.postMessage({
+                    type: 'PIXIE_SAVE',
+                    data: {
+                        file: currentFile,
+                        imageData: dataUrl
+                    }
+                }, '*');
+
+          } catch (error) {
+                console.error('Ошибка сохранения:', error);
+                alert('Ошибка при сохранении изображения');
+                document.getElementById('saveBtn').disabled = false;
+                document.getElementById('saveBtn').textContent = 'Сохранить';
+            }
+        });
+
+        document.getElementById('cancelBtn').addEventListener('click', () => {
+            window.parent.postMessage({
+                type: 'PIXIE_CANCEL'
+            }, '*');
+        });
+
+        window.addEventListener('message', (event) => {
+            if (event.data.type === 'INIT_PIXIE') {
+                currentFile = event.data.file;
+                const imageData = event.data.imageData;
+                initPixie(imageData, currentFile.name);
+            }
+        });
+
+        window.addEventListener('load', () => {
+            window.parent.postMessage({
+                type: 'PIXIE_READY'
+            }, '*');
+        });
+
+        window.addEventListener('beforeunload', () => {
+            if (pixieInstance) {
+                try {
+                    pixieInstance.close?.();
+                    pixieInstance.destroy?.();
+                } catch (error) {
+                    console.warn('Ошибка при закрытии Pixie:', error);
+                }
+            }
+        });
+    </script>
+</body>
+</html>

package/shared/config.d.ts

@@ -0,0 +1,13 @@
+export interface Config {
+    theme?: 'light' | 'dark';
+    activeTab?: string;
+    showDefaultNotification?: boolean;
+    disableMockServer?: boolean;
+    apiEndpoints?: {
+        getFolders?: string;
+        getFiles?: string;
+        createFolder?: string;
+        createFile?: string;
+        deleteFile?: string;
+    };
+}

package/shared/helpers/getParendFolderPath.d.ts

@@ -0,0 +1 @@
+export declare const getParentFolderPath: (path: string) => string | undefined;

package/shared/helpers/index.d.ts

@@ -0,0 +1 @@
+export { getParentFolderPath } from './getParendFolderPath';

package/suppress-resize-observer-errors.js

@@ -0,0 +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 активировано")}();

package/test-pixie-loading.html

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