Mini-Charts — Анализ дублирования и оптимизация (12 May 2026)

Файл: /home/app/futures-screener/app/mini-charts.js — 6706 строк, 134 функции Потенциал: ~650 строк экономии (6706 -> ~6050)

3 точки создания графиков

Mini-charts (grid) — createChartInstance() строка 1142
Modal (детальный) — openCoinModal() строка 3386
Multi-chart slots — createSlotChart() строка 6202

Дублирование (~500-600 строк)

A. Создание графика (3 копии, ~90 строк)

Строки 1152-1177, 3386-3416, 6202-6225 — почти идентичный createChart + addMainSeries + volume. Разница: fontSize (9/default/10), borderColor, minimumWidth, scaleMargins.

B. OHLCV Legend (2 копии, ~36 строк)

Строки 3433-3451 (modal) и 6233-6248 (slot) — дословно идентичный код.

C. Trendlines (3 копии), D. Keltner (3 копии), E. Regression (3 копии), F. Density (3 копии), G. S/R Levels (3 копии)

Каждый overlay реализован 3 раза с минимальными отличиями (opacity, lineWidth). Хороший пример: applyOI() строка 3708 — уже унифицирован, принимает chartObj.

H. Drawing tools attach (2 копии)

Строки 1181-1196 (mini) и 6250-6271 (slot).

Memory Leaks

Event listeners на mini-chart (СРЕДНЯЯ серьёзность)

createChartInstance() добавляет mousedown/touchstart при каждом scroll-in БЕЗ проверки _listenersAttached. Через 10 scroll in/out = 10 listeners. В modal защита есть (_drawHandlersAttached), в mini — нет.

extractVolume при каждом destroy

Строка 708 — пересоздаёт volume массив при каждом scroll-out. Лучше кешировать при загрузке.

gapless-scale.js — мёртвый код (227 строк)

Загружается но не используется (баг исправлен удалением gapless).

План оптимизации (6 фаз)

Фаза 1: Chart Factory (приоритет ВЫСОКИЙ)

function createChartWithVolume(chartEl, { size, prec, minMove, watermark }) { ... }
// size: 'mini' | 'modal' | 'slot'

Заменяет 3 точки создания. Экономия: ~60 строк.

Фаза 2: Unified Overlay Applicator (приоритет ВЫСОКИЙ)

function applyOverlay(chartContext, type, candleData, sym, tf) { ... }
// type: 'keltner' | 'regression' | 'trendlines' | 'levels' | 'density'

По образцу существующего applyOI(). Заменяет 18 -> 6 функций. Экономия: ~300 строк.

Фаза 3: OHLCV Legend Factory

Экономия: ~20 строк.

Фаза 4: Fix Event Listener Leaks (приоритет КРИТИЧЕСКИЙ)

Добавить guard chartEl._listenersAttached в createChartInstance().

Фаза 5: Drawing Attach Factory

Экономия: ~30 строк.

Фаза 6: Удалить gapless-scale.js

Убрать из HTML. 227 строк мёртвого кода.

Приоритет

Фаза 4 (fix leaks) > Фаза 1-2 (factories) > Фаза 3,5,6 (косметика)