@emailmaker/emailmaker 1.1.65 → 1.1.69

package/file-manager/presentation/file-list/types.d.ts

@@ -0,0 +1,21 @@
+import type { File as AppFile } from '../../types';
+import type { ListRowModelBase } from '../list-core/types';
+export interface FileListRowModel extends ListRowModelBase<AppFile> {
+    file: AppFile;
+    isFolder: boolean;
+    nameText: string;
+    folderItemsText: string;
+    dimensionsText: string;
+    sizeText: string;
+    typeText: string;
+    dateText: string;
+    gridInfoText: string;
+    thumbnailSrc?: string;
+    previewSrc?: string;
+    lightboxSrc?: string;
+    canEdit: boolean;
+    canMove: boolean;
+    canCopy: boolean;
+    canRename: boolean;
+    canDelete: boolean;
+}

package/file-manager/presentation/file-list/useFileListEngine.d.ts

@@ -0,0 +1,27 @@
+import type { TFunction } from 'i18next';
+import type { File as AppFile } from '../../types';
+import type { RenderWindow, ViewportMetrics } from '../list-core/types';
+import type { FileListRowModel } from './types';
+interface UseFileListEngineParams {
+    files: AppFile[];
+    folderFileCounts: Record<string, number | null>;
+    features: Record<string, boolean | undefined>;
+    t: TFunction;
+    viewMode: 'table' | 'grid';
+    previewFallbackToFileUrl?: boolean;
+}
+interface UseFileListEngineResult {
+    rowModels: FileListRowModel[];
+    renderRows: FileListRowModel[];
+    renderWindow: RenderWindow<FileListRowModel>;
+    hasAnyValidDate: boolean;
+    handleViewportChange: (metrics: ViewportMetrics) => void;
+}
+/**
+ * File-specific adapter поверх generic list-core.
+ *
+ * Здесь файловый менеджер только передаёт сырые данные и контекст derive-логики,
+ * а само ядро уже отвечает за reuse row-model и подготовку render-window.
+ */
+export declare function useFileListEngine({ files, folderFileCounts, features, t, viewMode, previewFallbackToFileUrl, }: UseFileListEngineParams): UseFileListEngineResult;
+export {};

package/file-manager/presentation/list-core/ListItemAdapter.d.ts

@@ -0,0 +1,9 @@
+import type { ListRowModelBase } from './types';
+export interface ListItemAdapter<TItem, TContext, TRowModel extends ListRowModelBase<TItem>> {
+    getId: (item: TItem) => string;
+    buildSignature: (item: TItem, context: TContext) => string;
+    buildRowModel: (item: TItem, context: TContext, meta: {
+        id: string;
+        signature: string;
+    }) => TRowModel;
+}

package/file-manager/presentation/list-core/RowModelCache.d.ts

@@ -0,0 +1,13 @@
+import type { ListItemAdapter } from './ListItemAdapter';
+import type { ListRowModelBase } from './types';
+/**
+ * Кэш row-model по `id`.
+ *
+ * Если сигнатура строки не изменилась, возвращаем тот же объект row-model.
+ * Это ключевой механизм для поверхностного rerender таблицы:
+ * `shouldCellUpdate(record !== prevRecord)` начинает реально работать.
+ */
+export declare class RowModelCache<TItem, TContext, TRowModel extends ListRowModelBase<TItem>> {
+    private rowsById;
+    reconcile(items: TItem[], adapter: ListItemAdapter<TItem, TContext, TRowModel>, context: TContext): TRowModel[];
+}

package/file-manager/presentation/list-core/ViewportController.d.ts

@@ -0,0 +1,10 @@
+import type { ListEngineOptions, ListRowModelBase, RenderWindow } from './types';
+/**
+ * Контроллер render-window.
+ *
+ * Сейчас по умолчанию работает в режиме `full`, но интерфейс сразу готов
+ * под будущий windowed/lazy render без переписывания row-model ядра.
+ */
+export declare class ViewportController<TRowModel extends ListRowModelBase> {
+    createRenderWindow(rows: TRowModel[], options?: ListEngineOptions): RenderWindow<TRowModel>;
+}

package/file-manager/presentation/list-core/types.d.ts

@@ -0,0 +1,52 @@
+export type RenderStrategy = 'full' | 'windowed' | 'positioned';
+export interface ListRowModelBase<TItem = unknown> {
+    id: string;
+    signature: string;
+    item: TItem;
+}
+export interface WindowedRenderConfig {
+    startIndex?: number;
+    endIndex?: number;
+    overscan?: number;
+    estimatedItemSize?: number;
+    itemsPerLane?: number;
+}
+export interface PositionedLayoutItem {
+    index: number;
+    top: number;
+    left: number;
+    width: number;
+    height: number;
+    bottom: number;
+}
+export interface PositionedRenderConfig {
+    layout: PositionedLayoutItem[];
+    viewportTop: number;
+    viewportBottom: number;
+    overscanPx?: number;
+    containerHeight: number;
+}
+export interface ListEngineOptions {
+    renderStrategy?: RenderStrategy;
+    windowed?: WindowedRenderConfig;
+    positioned?: PositionedRenderConfig;
+}
+export interface ViewportMetrics {
+    scrollTop: number;
+    viewportHeight: number;
+    viewportWidth: number;
+    scrollHeight: number;
+}
+export interface RenderWindow<TRowModel> {
+    rows: TRowModel[];
+    startIndex: number;
+    endIndex: number;
+    topOffset: number;
+    bottomOffset: number;
+    totalCount: number;
+    containerHeight?: number;
+    positionedItems?: Array<{
+        row: TRowModel;
+        layout: PositionedLayoutItem;
+    }>;
+}

package/file-manager/presentation/list-core/useListPresentationEngine.d.ts

@@ -0,0 +1,20 @@
+import type { ListItemAdapter } from './ListItemAdapter';
+import type { ListEngineOptions, ListRowModelBase, RenderWindow } from './types';
+interface UseListPresentationEngineParams<TItem, TContext, TRowModel extends ListRowModelBase<TItem>> {
+    items: TItem[];
+    context: TContext;
+    adapter: ListItemAdapter<TItem, TContext, TRowModel>;
+    options?: ListEngineOptions;
+}
+interface ListPresentationEngineResult<TRowModel> {
+    rowModels: TRowModel[];
+    renderWindow: RenderWindow<TRowModel>;
+}
+/**
+ * Generic headless engine:
+ * - строит стабильные row-model через cache по `id`;
+ * - отдельно считает render-window;
+ * - не знает ничего про файлы, таблицу или плитку.
+ */
+export declare function useListPresentationEngine<TItem, TContext, TRowModel extends ListRowModelBase<TItem>>({ items, context, adapter, options, }: UseListPresentationEngineParams<TItem, TContext, TRowModel>): ListPresentationEngineResult<TRowModel>;
+export {};

package/file-manager/presentation/list-core/useViewportRenderController.d.ts

@@ -0,0 +1,24 @@
+import type { ListEngineOptions, ViewportMetrics } from './types';
+export interface ViewportRenderPlan {
+    enabled: boolean;
+    estimatedItemSize: number;
+    overscan: number;
+    itemsPerLane: number;
+    fallbackViewportHeight?: number;
+}
+interface UseViewportRenderControllerParams {
+    totalCount: number;
+    plan: ViewportRenderPlan;
+}
+interface ViewportRenderControllerResult {
+    engineOptions: ListEngineOptions;
+    handleViewportChange: (metrics: ViewportMetrics) => void;
+}
+/**
+ * Generic viewport virtualization controller.
+ *
+ * Возвращает готовые `ListEngineOptions` для `ViewportController`, а renderer
+ * снаружи только сообщает текущие scroll metrics контейнера.
+ */
+export declare function useViewportRenderController({ totalCount, plan, }: UseViewportRenderControllerParams): ViewportRenderControllerResult;
+export {};

package/file-manager/presentation/list-core/viewportMetrics.d.ts

@@ -0,0 +1,3 @@
+import type { ViewportMetrics } from './types';
+export declare function getViewportScrollTargets(element: HTMLElement): Array<HTMLElement | Window>;
+export declare function getViewportMetrics(element: HTMLElement): ViewportMetrics;

package/file-manager/presentation/media-list/MediaListAdapter.d.ts

@@ -0,0 +1,9 @@
+import type { ListItemAdapter } from '../list-core/ListItemAdapter';
+import type { MediaListRowModel } from './types';
+export interface MediaListContext<TItem> {
+    getPreviewSrc: (item: TItem) => string | undefined;
+    getAltText: (item: TItem) => string;
+    getWidth?: (item: TItem) => number | undefined;
+    getHeight?: (item: TItem) => number | undefined;
+}
+export declare function createMediaListAdapter<TItem>(getId: (item: TItem) => string): ListItemAdapter<TItem, MediaListContext<TItem>, MediaListRowModel<TItem>>;

package/file-manager/presentation/media-list/types.d.ts

@@ -0,0 +1,8 @@
+import type { ListRowModelBase } from '../list-core/types';
+export interface MediaListRowModel<TItem> extends ListRowModelBase<TItem> {
+    previewSrc?: string;
+    altText: string;
+    width?: number;
+    height?: number;
+    aspectRatio: number;
+}

package/file-manager/presentation/media-list/useMediaListEngine.d.ts

@@ -0,0 +1,34 @@
+import type { PositionedLayoutItem, ViewportMetrics, RenderWindow } from '../list-core/types';
+import type { MediaListRowModel } from './types';
+type MediaLayoutMode = 'masonry' | 'grid';
+interface UseMediaListEngineParams<TItem> {
+    items: TItem[];
+    getId: (item: TItem) => string;
+    getPreviewSrc: (item: TItem) => string | undefined;
+    getAltText: (item: TItem) => string;
+    getWidth?: (item: TItem) => number | undefined;
+    getHeight?: (item: TItem) => number | undefined;
+    layoutMode?: MediaLayoutMode;
+    minColumnWidth?: number;
+    estimatedItemHeight?: number;
+    gap?: number;
+    overscanPx?: number;
+    prefetchThresholdPx?: number;
+    resolveColumnCount?: (viewportWidth: number) => number;
+    virtualizationThreshold?: number;
+}
+interface UseMediaListEngineResult<TItem> {
+    rowModels: MediaListRowModel<TItem>[];
+    renderRows: MediaListRowModel<TItem>[];
+    renderWindow: RenderWindow<MediaListRowModel<TItem>>;
+    positionedItems: Array<{
+        row: MediaListRowModel<TItem>;
+        layout: PositionedLayoutItem;
+    }>;
+    containerHeight: number;
+    isNearEnd: boolean;
+    viewportMetrics: ViewportMetrics;
+    handleViewportChange: (metrics: ViewportMetrics) => void;
+}
+export declare function useMediaListEngine<TItem>({ items, getId, getPreviewSrc, getAltText, getWidth, getHeight, layoutMode, minColumnWidth, estimatedItemHeight, gap, overscanPx, prefetchThresholdPx, resolveColumnCount, virtualizationThreshold, }: UseMediaListEngineParams<TItem>): UseMediaListEngineResult<TItem>;
+export {};

package/file-manager/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/file-manager/shared/config.d.ts

@@ -0,0 +1,16 @@
+import type { IconProps } from '../types';
+export interface Config {
+    theme?: 'light' | 'dark' | 'system';
+    activeTab?: string;
+    showNotifications?: boolean;
+    disableMockServer?: boolean;
+    apiEndpoints?: {
+        getFolders?: string;
+        getFiles?: string;
+        createFolder?: string;
+        createFile?: string;
+        deleteFile?: string;
+        clearCache?: string;
+    };
+    noFilesIconProps?: IconProps;
+}

package/file-manager/shared/fileManagerApiError.d.ts

@@ -0,0 +1,20 @@
+import type { FileManagerErrorCode, IFileManagerApiError } from '../notification';
+/**
+ * Класс ошибки для FileManager API.
+ * Реализует интерфейс IFileManagerApiError.
+ *
+ * @example
+ * ```typescript
+ * throw new FileManagerApiError(
+ *   'File not found',
+ *   'FileNotFound',
+ *   404
+ * );
+ * ```
+ */
+export declare class FileManagerApiError extends Error implements IFileManagerApiError {
+    readonly code: FileManagerErrorCode;
+    readonly status?: number | undefined;
+    readonly details?: unknown;
+    constructor(message: string, code: FileManagerErrorCode, status?: number | undefined, details?: unknown);
+}

package/file-manager/shared/helpers/getParendFolderPath.d.ts

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

package/file-manager/shared/helpers/index.d.ts

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

package/file-manager/shared/mapHttpStatusToErrorCode.d.ts

@@ -0,0 +1,5 @@
+import { FileManagerErrorCode } from "types";
+/**
+ * Преобразует HTTP статус-код в код ошибки FileManager
+ */
+export declare function mapHttpStatusToErrorCode(status: number, defaultCode?: FileManagerErrorCode): FileManagerErrorCode;

package/file-manager/suppress-resize-observer-errors.js

@@ -0,0 +1,61 @@
+// Глобальный скрипт для подавления ошибок ResizeObserver
+// Добавьте этот скрипт в HTML перед загрузкой основного приложения
+
+(function() {
+  'use strict';
+  
+  console.log('🔧 Инициализация подавления ошибок ResizeObserver...');
+
+  // Сохраняем оригинальные обработчики
+  const originalConsoleError = console.error;
+  const originalWindowOnError = window.onerror;
+
+  // Функция для проверки, является ли ошибка связанной с ResizeObserver
+  const isResizeObserverError = (message) => {
+    return message && 
+           typeof message === 'string' && 
+           message.includes('ResizeObserver loop completed with undelivered notifications');
+  };
+
+  // Переопределяем console.error
+  console.error = function(...args) {
+    const errorMessage = args[0] && args[0].toString ? args[0].toString() : '';
+    
+    if (isResizeObserverError(errorMessage)) {
+      // Тихо игнорируем ошибку ResizeObserver
+      return;
+    }
+    
+    // Передаем все остальные ошибки оригинальному обработчику
+    return originalConsoleError.apply(console, args);
+  };
+
+  // Переопределяем window.onerror
+  window.onerror = function(message, source, lineno, colno, error) {
+    if (isResizeObserverError(message) || 
+        (error && isResizeObserverError(error.message))) {
+      // Подавляем ошибку ResizeObserver
+      return true;
+    }
+    
+    // Передаем остальные ошибки оригинальному обработчику
+    if (originalWindowOnError) {
+      return originalWindowOnError.call(this, message, source, lineno, colno, error);
+    }
+    
+    return false;
+  };
+
+  // Обработчик для событий ошибок
+  window.addEventListener('error', function(event) {
+    if (isResizeObserverError(event.message)) {
+      event.stopImmediatePropagation();
+      event.preventDefault();
+    }
+  }, true);
+
+  // Monkey patch для ResizeObserver отключен из-за проблем с React
+  // Полагаемся на обработчики ошибок выше
+
+  console.log('✅ Подавление ошибок ResizeObserver активировано');
+})(); 

package/file-manager/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="/local_modules/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_modules/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>-->