@emailmaker/filemanager 0.0.6 → 0.0.8

package/file-manager.js.LICENSE.txt

@@ -19,6 +19,8 @@ See the Apache Version 2.0 License for specific language governing permissions
 and limitations under the License.
 ***************************************************************************** */
 
+/*! Fabric.js Copyright 2008-2015, Printio (Juriy Zaytsev, Maxim Chernyak) */
+
 /**
  * @license
  * Lodash <https://lodash.com/>
@@ -58,6 +60,16 @@ and limitations under the License.
  * LICENSE file in the root directory of this source tree.
  */
 
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
 /**
  * @license React
  * scheduler.production.js
@@ -68,6 +80,81 @@ and limitations under the License.
  * LICENSE file in the root directory of this source tree.
  */
 
+/**
+ * @license React
+ * use-sync-external-store-shim.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * use-sync-external-store-shim/with-selector.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @remix-run/router v1.0.1
+ *
+ * Copyright (c) Remix Software Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */
+
+/**
+ * React Router DOM v6.4.1
+ *
+ * Copyright (c) Remix Software Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */
+
+/**
+ * React Router v6.4.1
+ *
+ * Copyright (c) Remix Software Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */
+
+/**
+ * react-virtual
+ *
+ * Copyright (c) TanStack
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */
+
+/**
+ * virtual-core
+ *
+ * Copyright (c) TanStack
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */
+
 /**![appstore](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQ2NCAxNDRIMTYwYy04LjggMC0xNiA3LjItMTYgMTZ2MzA0YzAgOC44IDcuMiAxNiAxNiAxNmgzMDRjOC44IDAgMTYtNy4yIDE2LTE2VjE2MGMwLTguOC03LjItMTYtMTYtMTZ6bS01MiAyNjhIMjEyVjIxMmgyMDB2MjAwem00NTItMjY4SDU2MGMtOC44IDAtMTYgNy4yLTE2IDE2djMwNGMwIDguOCA3LjIgMTYgMTYgMTZoMzA0YzguOCAwIDE2LTcuMiAxNi0xNlYxNjBjMC04LjgtNy4yLTE2LTE2LTE2em0tNTIgMjY4SDYxMlYyMTJoMjAwdjIwMHpNNDY0IDU0NEgxNjBjLTguOCAwLTE2IDcuMi0xNiAxNnYzMDRjMCA4LjggNy4yIDE2IDE2IDE2aDMwNGM4LjggMCAxNi03LjIgMTYtMTZWNTYwYzAtOC44LTcuMi0xNi0xNi0xNnptLTUyIDI2OEgyMTJWNjEyaDIwMHYyMDB6bTQ1Mi0yNjhINTYwYy04LjggMC0xNiA3LjItMTYgMTZ2MzA0YzAgOC44IDcuMiAxNiAxNiAxNmgzMDRjOC44IDAgMTYtNy4yIDE2LTE2VjU2MGMwLTguOC03LjItMTYtMTYtMTZ6bS01MiAyNjhINjEyVjYxMmgyMDB2MjAweiIgLz48L3N2Zz4=) */
 
 /**![arrow-left](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTg3MiA0NzRIMjg2LjlsMzUwLjItMzA0YzUuNi00LjkgMi4yLTE0LTUuMi0xNGgtODguNWMtMy45IDAtNy42IDEuNC0xMC41IDMuOUwxNTUgNDg3LjhhMzEuOTYgMzEuOTYgMCAwMDAgNDguM0w1MzUuMSA4NjZjMS41IDEuMyAzLjMgMiA1LjIgMmg5MS41YzcuNCAwIDEwLjgtOS4yIDUuMi0xNEwyODYuOSA1NTBIODcyYzQuNCAwIDgtMy42IDgtOHYtNjBjMC00LjQtMy42LTgtOC04eiIgLz48L3N2Zz4=) */

package/hooks/core/files/useFilesModals.d.ts

@@ -13,6 +13,9 @@ export interface UseFilesModalsActions {
     showCopyModal: () => void;
     handleCopyCancel: () => void;
     handleCopyOk: () => Promise<void>;
+    showDeleteConfirm: () => void;
+    handleDeleteConfirmCancel: () => void;
+    handleDeleteConfirmOk: () => Promise<void>;
 }
 export declare const useFilesModals: (fetchFiles: (params?: FilesQueryParams) => Promise<void>) => {
     state: UseFilesModalsState;

package/hooks/core/types.d.ts

@@ -26,6 +26,7 @@ export interface FileManagerState {
     isMoveModalVisible: boolean;
     isRenameFolderModalVisible: boolean;
     isCopyModalVisible: boolean;
+    isDeleteConfirmVisible: boolean;
     form: FormInstance;
     urlForm: FormInstance;
     renameForm: FormInstance;
@@ -54,6 +55,7 @@ export interface FileManagerActions {
     setIsMoveModalVisible: (visible: boolean) => void;
     setIsRenameFolderModalVisible: (visible: boolean) => void;
     setIsCopyModalVisible: (visible: boolean) => void;
+    setIsDeleteConfirmVisible: (visible: boolean) => void;
     setFileToRename: (fileId: string | null) => void;
     setActiveLibraryItem: (item: LibraryMenuKey) => void;
     setFolderToRename: (folderId: string | null) => void;
@@ -81,6 +83,9 @@ export interface FileManagerActions {
     showCopyModal: () => void;
     handleCopyCancel: () => void;
     handleCopyOk: () => Promise<void>;
+    showDeleteConfirm?: () => void;
+    handleDeleteConfirmCancel?: () => void;
+    handleDeleteConfirmOk?: () => Promise<void>;
 }
 export interface FileManagerContext {
     apiEndpoints: Record<string, string | undefined>;

package/hooks/core/useFiles.d.ts

@@ -31,6 +31,9 @@ export interface UseFilesActions {
     handleCopyCancel: () => void;
     handleCopyOk: () => Promise<void>;
     uploadFileWithProvider: (file: globalThis.File) => Promise<AppFile | void>;
+    showDeleteConfirm: () => void;
+    handleDeleteConfirmCancel: () => void;
+    handleDeleteConfirmOk: () => Promise<void>;
 }
 export declare const useFiles: () => FileManagerHookBase & {
     state: UseFilesState;

package/hooks/useFileActions.d.ts

@@ -8,9 +8,10 @@ interface UseFileActionsProps {
     showCopyModal: () => void;
     handleDeleteFile: (fileId: string) => void;
     handleDeleteFolder: (folderId: string) => void;
+    showDeleteConfirm?: () => void;
     onEdit: (file?: AppFile | ThumbnailFile) => void;
 }
-export declare const useFileActions: ({ files, selectedFiles, toggleFileSelection, showRenameModal, showMoveModal, showCopyModal, handleDeleteFile, handleDeleteFolder, onEdit, }: UseFileActionsProps) => {
+export declare const useFileActions: ({ files, selectedFiles, toggleFileSelection, showRenameModal, showMoveModal, showCopyModal, handleDeleteFile, handleDeleteFolder, showDeleteConfirm, onEdit, }: UseFileActionsProps) => {
     handleClearSelection: () => void;
     handleRename: () => void;
     handleDeleteSelected: () => void;

package/hooks/useNotifications.d.ts

@@ -1,8 +1,8 @@
 export declare const useNotifications: () => {
-    error: (args: import("antd").NotificationArgsProps) => void;
-    open: (args: import("antd").NotificationArgsProps) => void;
     success: (args: import("antd").NotificationArgsProps) => void;
+    error: (args: import("antd").NotificationArgsProps) => void;
     info: (args: import("antd").NotificationArgsProps) => void;
     warning: (args: import("antd").NotificationArgsProps) => void;
+    open: (args: import("antd").NotificationArgsProps) => void;
     destroy(key?: React.Key): void;
 };

package/index.d.ts

@@ -1,8 +1,15 @@
-import { init, unmount, FileManagerAppWithContext } from './file-manager';
-export { init, unmount, FileManagerAppWithContext };
+import { init, unmount, FileManagerAppWithContext, initPixieEditor, unmountPixieEditor, initFileManager, PixieOnlyApp } from './file-manager';
+export { init, unmount, FileManagerAppWithContext, PixieOnlyApp, initPixieEditor, unmountPixieEditor, initFileManager };
 declare const _default: {
     init: (containerOrOptions: HTMLElement | import("./file-manager").Options, config?: import("./types").Config) => void;
     unmount: (container: HTMLElement) => void;
+    initPixieEditor: (options: import("./file-manager").InitPixieEditorOptions) => void;
+    unmountPixieEditor: (container: HTMLElement) => void;
+    initFileManager: (options: import("./file-manager").UniversalInitOptions) => {
+        unmount: () => void;
+        unmountFileManager?: () => void;
+        unmountPixieEditor?: () => void;
+    };
 };
 export default _default;
 export { FileManagerApp } from './components/FileManagerApp/FileManagerApp';
@@ -11,3 +18,4 @@ export { FileModals } from './components/FileModals/FileModals';
 export { FolderSidebar } from './components/FolderSidebar/FolderSidebar';
 export { installResizeObserverErrorHandler, uninstallResizeObserverErrorHandler } from './utils/resizeObserverHandler';
 export { type Folder, type File, type PathItem, type MenuItem, type FileManagerOptions, type FileManagerHookReturn, } from './types';
+export { type InitPixieEditorOptions, type Options as FileManagerInitOptions, type UniversalInitOptions, } from './file-manager';

package/mockServiceWorker.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@emailmaker/filemanager",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "main": "./file-manager.js",
   "module": "./file-manager.esm.js",
   "types": "./index.d.ts",

package/types.d.ts

@@ -119,7 +119,6 @@ export interface FileManagerOptions {
     onChangeSelection?: (files: File[]) => void;
     onEditorOk?: (file: File) => void;
     config?: Config;
-    publicPath?: string;
     customIcons?: CustomIcons;
     dragDropIcon?: string;
     notification?: Partial<Omit<NotificationInstance, 'destroy'>>;
@@ -142,6 +141,7 @@ export interface FileManagerDataProviders {
         name: string;
         parentId?: string | null;
     }) => Promise<Folder>;
+    renameFolder?: (folderId: string, newName: string) => Promise<Folder>;
     deleteFolder?: (folderId: string) => Promise<boolean>;
     uploadFile: (file: {
         name: string;
@@ -166,6 +166,15 @@ export interface FileManagerDataProviders {
         targetFolderId: string;
         isFolder: boolean;
     }) => Promise<boolean>;
+    updateFile?: (fileId: string, updates: {
+        name?: string;
+        type?: string;
+        data?: Blob | string;
+        thumbnail?: string;
+        dimensions?: string;
+        aspectRatio?: string;
+        extension?: string;
+    }) => Promise<File>;
 }
 export interface FileManagerHookReturn {
     folders: Folder[];
@@ -226,6 +235,9 @@ interface Limits {
     ai_img_limit?: number;
     ai_generator_limit?: number;
 }
+export type CustomTheme = Partial<import('antd/es/theme/interface').AliasToken> & {
+    [key: string]: string | number | boolean | undefined;
+};
 export interface Config {
     theme?: 'light' | 'dark';
     disableMockServer?: boolean;
@@ -242,33 +254,7 @@ export interface Config {
         files?: File[];
         folders?: Folder[];
     };
-    customTheme?: {
-        colors?: {
-            primary?: string;
-            secondary?: string;
-            success?: string;
-            warning?: string;
-            error?: string;
-            info?: string;
-            textPrimary?: string;
-            textSecondary?: string;
-            textTertiary?: string;
-            bgPrimary?: string;
-            bgSecondary?: string;
-            bgTertiary?: string;
-            borderPrimary?: string;
-            borderSecondary?: string;
-        };
-        borderRadius?: {
-            none?: string;
-            xs?: string;
-            sm?: string;
-            md?: string;
-            lg?: string;
-            xl?: string;
-            full?: string;
-        };
-    };
+    customTheme?: CustomTheme;
     UNSPLASH_KEY?: string;
     APP_NAME_UNSPLASH?: string;
     pushToGTM?: boolean;
@@ -290,7 +276,6 @@ export interface Config {
     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 {
@@ -407,7 +392,6 @@ export type MessageType = {
     [key: string]: unknown;
 };
 export interface FileManagerProps {
-    publicPath?: string;
     config?: Config;
     currentPath?: string;
     onPathChange?: (path: string[]) => void;

package/utils/jsonDataProvider.d.ts

@@ -25,6 +25,7 @@ export declare class JSONDataProvider implements FileManagerDataProviders {
         name: string;
         parentId?: string | null;
     }) => Promise<Folder>;
+    renameFolder: (folderId: string, newName: string) => Promise<Folder>;
     deleteFolder: (folderId: string) => Promise<boolean>;
     uploadFile: (file: {
         name: string;
@@ -42,6 +43,15 @@ export declare class JSONDataProvider implements FileManagerDataProviders {
         folderId?: string | null;
         noFolder?: boolean;
     }) => Promise<File>;
+    updateFile: (fileId: string, updates: {
+        name?: string;
+        type?: string;
+        data?: Blob | string;
+        thumbnail?: string;
+        dimensions?: string;
+        aspectRatio?: string;
+        extension?: string;
+    }) => Promise<File>;
     deleteFile: (fileId: string) => Promise<boolean>;
     renameFile: (fileId: string, newName: string) => Promise<File>;
     moveItem: (options: {

package/utils/themeUtils.d.ts

@@ -1,17 +1,8 @@
 import { Config } from '../types';
-/**
- * Применяет кастомную тему к CSS переменным
- */
+export declare const switchThemeVariables: (token?: {}) => void;
+/** Применяет кастомную тему к CSS переменным */
 export declare const applyCustomTheme: (config?: Config) => void;
-/**
- * Сбрасывает кастомную тему к значениям по умолчанию
- */
-export declare const resetCustomTheme: () => void;
-/**
- * Устанавливает тему (светлая/темная)
- */
+/** Устанавливает тему (светлая/темная) */
 export declare const setTheme: (theme: "light" | "dark") => void;
-/**
- * Получает текущую тему
- */
+/** Получает текущую тему */
 export declare const getCurrentTheme: () => "light" | "dark";

package/components/PixieEditor/PixieEditorIframe.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-import { File as AppFile, ThumbnailFile } from '../../types';
-interface PixieEditorIframeProps {
-    visible: boolean;
-    onClose: () => void;
-    file: AppFile | ThumbnailFile | null;
-    onSave: (updatedFile: AppFile) => Promise<AppFile | void>;
-}
-export declare const PixieEditorIframe: React.FC<PixieEditorIframeProps>;
-export {};

package/pixie-editor.html

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