Общие настройки текста
Настройки применятся ко всем создаваемым панелям
diff --git a/src/components/text/TextPreview.svelte b/src/components/text/TextPreview.svelte
index e03b1e5..3a4c0a9 100644
--- a/src/components/text/TextPreview.svelte
+++ b/src/components/text/TextPreview.svelte
@@ -27,7 +27,6 @@
img.src = src;
}
- // Вычисляем позицию текста на основе выравнивания и отступов
function getTextPosition() {
const panelWidth = 320;
const paddingX = textItem.paddingX || 0;
diff --git a/src/lib/utils/imageValidator.ts b/src/lib/utils/imageValidator.ts
index 7619e50..91cfeab 100644
--- a/src/lib/utils/imageValidator.ts
+++ b/src/lib/utils/imageValidator.ts
@@ -1,6 +1,6 @@
import { ImageError } from "../types/errors";
-export const MAX_FILE_SIZE = 10 * 1024 * 1024; // 10MB
+export const MAX_FILE_SIZE = 10 * 1024 * 1024;
export const SUPPORTED_FORMATS = ["image/jpeg", "image/jpg", "image/png", "image/webp", "image/gif"];
export type ValidationResult =
diff --git a/src/lib/utils/panelStorage.ts b/src/lib/utils/panelStorage.ts
index dee0198..b841b68 100644
--- a/src/lib/utils/panelStorage.ts
+++ b/src/lib/utils/panelStorage.ts
@@ -1,9 +1,8 @@
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; // Максимальное количество сохраненных панелей
+const MAX_PANELS = 50;
export interface StorageResult {
success: boolean;
@@ -11,24 +10,17 @@ export interface StorageResult {
}
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;
}
@@ -48,9 +40,6 @@ export class PanelStorage {
}
}
- /**
- * Загружает все панели из localStorage
- */
getAllPanels(): Panel[] {
try {
const data = localStorage.getItem(STORAGE_KEY);
@@ -60,7 +49,6 @@ export class PanelStorage {
const panels: Panel[] = JSON.parse(data);
- // Валидация загруженных панелей
return panels.filter((panel) => this.validatePanel(panel));
} catch (error) {
logError(error, "Failed to load panels");
@@ -68,9 +56,6 @@ export class PanelStorage {
}
}
- /**
- * Загружает панель по ID
- */
getPanelById(id: string): Panel | undefined {
try {
const panels = this.getAllPanels();
@@ -81,9 +66,6 @@ export class PanelStorage {
}
}
- /**
- * Удаляет панель по ID
- */
deletePanel(id: string): StorageResult {
try {
const panels = this.getAllPanels();
@@ -103,9 +85,6 @@ export class PanelStorage {
}
}
- /**
- * Очищает все сохраненные панели
- */
clearAll(): StorageResult {
try {
localStorage.removeItem(STORAGE_KEY);
@@ -122,9 +101,6 @@ export class PanelStorage {
}
}
- /**
- * Валидирует панель
- */
private validatePanel(panel: any): panel is Panel {
return (
typeof panel === "object" &&
@@ -139,16 +115,10 @@ export class PanelStorage {
);
}
- /**
- * Получает количество сохраненных панелей
- */
getPanelCount(): number {
return this.getAllPanels().length;
}
- /**
- * Проверяет, есть ли место для новой панели
- */
hasSpaceForNewPanel(): boolean {
return this.getPanelCount() < MAX_PANELS;
}
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index fcf1f18..ebfb687 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -14,26 +14,20 @@
let texts = $state
>([]);
let backgroundImage = $state(undefined);
- // Create a derived store for text settings to avoid cyclic dependencies
let textSettings = $derived($textSettingsStore);
- // Listen for text settings changes and update all panels
let previousSettings = $state("");
$effect(() => {
- // Only depend on the derived settings value
const currentSettings = textSettings;
const settingsString = JSON.stringify(currentSettings);
- // Only update if settings actually changed
if (settingsString !== previousSettings) {
- // Update panels with new settings
const updatedPanels = panels.map((panel) => ({
...panel,
text: { ...panel.text, ...currentSettings },
}));
- // Use a microtask to avoid synchronous update issues
Promise.resolve().then(() => {
if (panels.length > 0) {
panels = updatedPanels;
@@ -45,14 +39,12 @@
});
onMount(async () => {
- // Initialize with default texts for common Twitch panels
const defaultTexts = [
{ id: crypto.randomUUID(), text: "About" },
{ id: crypto.randomUUID(), text: "Links" },
];
texts = defaultTexts;
- // Load background image
try {
const loadedBackground = await imageService.loadDefaultBackground();
backgroundImage = loadedBackground;
@@ -61,7 +53,6 @@
exportService.setErrorMessage("Не удалось загрузить фоновое изображение по умолчанию");
}
- // Create panels from texts (with or without background)
const initialPanels = panelService.updatePanelsFromTexts(texts, [], backgroundImage || "");
panels = initialPanels;
});
diff --git a/src/services/exportService.ts b/src/services/exportService.ts
index 67f92c9..9e17378 100644
--- a/src/services/exportService.ts
+++ b/src/services/exportService.ts
@@ -11,16 +11,12 @@ export interface ExportResult {
}
export class ExportService {
- /**
- * Экспортирует панель в изображение и сохраняет её
- */
async exportPanel(panel: Panel, konvaStage: Stage, filename?: string): Promise {
try {
if (!konvaStage) {
throw new ImageError("Konva Stage не передан для экспорта");
}
- // Используем toBlob метод Konva Stage напрямую
const blob = await this.exportKonvaStageToBlob(konvaStage);
if (!blob) {
@@ -42,9 +38,6 @@ export class ExportService {
}
}
- /**
- * Экспортирует Konva Stage в Blob используя встроенный метод toBlob
- */
private async exportKonvaStageToBlob(konvaStage: Stage): Promise {
if (!konvaStage || typeof konvaStage.toBlob !== "function") {
throw new ImageError("Konva Stage не найден или не поддерживает toBlob");
@@ -65,10 +58,8 @@ export class ExportService {
/**
* Экспортирует несколько панелей в ZIP архив
- * (будет реализовано позже для batch download)
*/
async exportPanels(panels: Panel[]): Promise {
- // TODO: Реализовать пакетный экспорт с использованием JSZip
return {
success: false,
error: "Пакетный экспорт еще не реализован",
@@ -77,7 +68,6 @@ export class ExportService {
/**
* Обработчик для скачивания одной панели
- * Этот метод должен быть вызван из компонента PanelPreview с передачей konvaStage
*/
async handleDownload(panel: Panel, konvaStage: Stage): Promise {
const result = await this.exportPanel(panel, konvaStage);
@@ -96,18 +86,11 @@ export class ExportService {
}
}
- /**
- * Получить сообщение об ошибке
- */
getErrorMessage(): string | null {
- return null; // Реализовать при необходимости
+ return null;
}
- /**
- * Установить сообщение об ошибке
- */
setErrorMessage(message: string): void {
- // Реализовать при необходимости
console.error("ExportService error:", message);
}
}
diff --git a/src/services/imageService.ts b/src/services/imageService.ts
index 4885d87..1b99827 100644
--- a/src/services/imageService.ts
+++ b/src/services/imageService.ts
@@ -19,7 +19,6 @@ export class ImageService {
const blob = await response.blob();
return new Promise((resolve, reject) => {
const reader = new FileReader();
- // TODO: look for a better handle non string
reader.onload = () => resolve(reader.result as string);
reader.onerror = reject;
reader.readAsDataURL(blob);
@@ -43,7 +42,6 @@ export class ImageService {
}
async handleFileUpload(file: File): Promise {
- // Convert file to base64
return new Promise((resolve, reject) => {
const reader = new FileReader();
reader.onload = () =>
@@ -69,7 +67,6 @@ export class ImageService {
};
}
- // Find image item
let imageItem: DataTransferItem | undefined = undefined;
for (let i = 0; i < items.length; i++) {
if (items[i].type.indexOf("image") !== -1) {
@@ -85,7 +82,6 @@ export class ImageService {
};
}
- // Get file from clipboard item
const file = imageItem.getAsFile();
if (!file) {
return {
diff --git a/src/stores/panelStore.ts b/src/stores/panelStore.ts
index 2ec95ac..7510eea 100644
--- a/src/stores/panelStore.ts
+++ b/src/stores/panelStore.ts
@@ -4,7 +4,6 @@ import { type Panel, type TextItem } from "../lib/types/panel";
export const panelStore: Writable = writable(undefined);
-// Store for common text settings that should apply to all texts
export const textSettingsStore = writable>({
fontSize: 18,
fontFamily: "Arial",
@@ -18,8 +17,6 @@ export const updateAllTextSettings = (settings: Partial) => {
textSettingsStore.update((current) => ({ ...current, ...settings }));
};
-// Panel creation should go through panelService.updatePanelsFromTexts()
-// These functions are kept for backward compatibility but should be avoided
export const createEmptyPanel = (height: number = 100): Panel => {
const defaultText: TextItem = {
id: uuidv4(),
diff --git a/tsconfig.json b/tsconfig.json
index 2087b7c..8cb2497 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,22 +1,17 @@
{
- "extends": "./.svelte-kit/tsconfig.json",
- "compilerOptions": {
- "rewriteRelativeImportExtensions": true,
- "allowJs": true,
- "checkJs": true,
- "esModuleInterop": true,
- "forceConsistentCasingInFileNames": true,
- "resolveJsonModule": true,
- "skipLibCheck": true,
- "sourceMap": true,
- "strict": true,
- "strictNullChecks": true,
- "exactOptionalPropertyTypes": true,
- "moduleResolution": "bundler"
- }
- // Path aliases are handled by https://svelte.dev/docs/kit/configuration#alias
- // except $lib which is handled by https://svelte.dev/docs/kit/configuration#files
- //
- // To make changes to top-level options such as include and exclude, we recommend extending
- // the generated config; see https://svelte.dev/docs/kit/configuration#typescript
-}
\ No newline at end of file
+ "extends": "./.svelte-kit/tsconfig.json",
+ "compilerOptions": {
+ "rewriteRelativeImportExtensions": true,
+ "allowJs": true,
+ "checkJs": true,
+ "esModuleInterop": true,
+ "forceConsistentCasingInFileNames": true,
+ "resolveJsonModule": true,
+ "skipLibCheck": true,
+ "sourceMap": true,
+ "strict": true,
+ "strictNullChecks": true,
+ "exactOptionalPropertyTypes": true,
+ "moduleResolution": "bundler"
+ }
+}