feat: continue impemelent mvp components and stores

src/lib/utils/panelStorage.ts

@@ -0,0 +1,158 @@
+
+import type { Panel } from "../types/panel";
+import { ImageError } from "../types/errors";
+import { handleError, logError } from "./errorHandler";
+
+const STORAGE_KEY = "twitch-panels";
+const MAX_PANELS = 50; // Максимальное количество сохраненных панелей
+
+export interface StorageResult {
+  success: boolean;
+  error?: string;
+}
+
+export class PanelStorage {
+  /**
+   * Сохраняет панель в localStorage
+   */
+  savePanel(panel: Panel): StorageResult {
+    try {
+      const panels = this.getAllPanels();
+
+      // Проверяем, существует ли панель с таким ID
+      const existingIndex = panels.findIndex((p) => p.id === panel.id);
+
+      if (existingIndex >= 0) {
+        // Обновляем существующую панель
+        panels[existingIndex] = panel;
+      } else {
+        // Добавляем новую панель в начало списка
+        panels.unshift(panel);
+
+        // Проверяем лимит количества панелей
+        if (panels.length > MAX_PANELS) {
+          panels.length = MAX_PANELS;
+        }
+      }
+
+      localStorage.setItem(STORAGE_KEY, JSON.stringify(panels));
+
+      return {
+        success: true,
+      };
+    } catch (error) {
+      logError(error, "Failed to save panel");
+      return {
+        success: false,
+        error: handleError(error, "Ошибка сохранения панели"),
+      };
+    }
+  }
+
+  /**
+   * Загружает все панели из localStorage
+   */
+  getAllPanels(): Panel[] {
+    try {
+      const data = localStorage.getItem(STORAGE_KEY);
+      if (!data) {
+        return [];
+      }
+
+      const panels: Panel[] = JSON.parse(data);
+
+      // Валидация загруженных панелей
+      return panels.filter((panel) => this.validatePanel(panel));
+    } catch (error) {
+      logError(error, "Failed to load panels");
+      return [];
+    }
+  }
+
+  /**
+   * Загружает панель по ID
+   */
+  getPanelById(id: string): Panel | null {
+    try {
+      const panels = this.getAllPanels();
+      return panels.find((p) => p.id === id) || null;
+    } catch (error) {
+      logError(error, "Failed to get panel by id");
+      return null;
+    }
+  }
+
+  /**
+   * Удаляет панель по ID
+   */
+  deletePanel(id: string): StorageResult {
+    try {
+      const panels = this.getAllPanels();
+      const filteredPanels = panels.filter((p) => p.id !== id);
+
+      localStorage.setItem(STORAGE_KEY, JSON.stringify(filteredPanels));
+
+      return {
+        success: true,
+      };
+    } catch (error) {
+      logError(error, "Failed to delete panel");
+      return {
+        success: false,
+        error: handleError(error, "Ошибка удаления панели"),
+      };
+    }
+  }
+
+  /**
+   * Очищает все сохраненные панели
+   */
+  clearAll(): StorageResult {
+    try {
+      localStorage.removeItem(STORAGE_KEY);
+
+      return {
+        success: true,
+      };
+    } catch (error) {
+      logError(error, "Failed to clear panels");
+      return {
+        success: false,
+        error: handleError(error, "Ошибка очистки хранилища"),
+      };
+    }
+  }
+
+  /**
+   * Валидирует панель
+   */
+  private validatePanel(panel: any): panel is Panel {
+    return (
+      typeof panel === "object" &&
+      typeof panel.id === "string" &&
+      typeof panel.backgroundImage === "string" &&
+      Array.isArray(panel.texts) &&
+      typeof panel.height === "number" &&
+      panel.height > 0 &&
+      panel.height <= 1000 &&
+      panel.createdAt instanceof Date &&
+      panel.updatedAt instanceof Date
+    );
+  }
+
+  /**
+   * Получает количество сохраненных панелей
+   */
+  getPanelCount(): number {
+    return this.getAllPanels().length;
+  }
+
+  /**
+   * Проверяет, есть ли место для новой панели
+   */
+  hasSpaceForNewPanel(): boolean {
+    return this.getPanelCount() < MAX_PANELS;
+  }
+}
+
+export const panelStorage = new PanelStorage();