${highlightText(section.number, query)} раздел
${highlightText(section.description, query)}
${highlightText(group.number, query)}
${highlightText(group.description, query)}
${highlightText(item.number, query)}
${highlightText(meta.label, query)}
Вставьте URL или путь к SVG/PNG ниже. Пока поле пустое, узор не рисуется.
`; const tuning = panel.querySelector(".pattern-tuning"); panel.querySelector(".settings-section-body")?.insertBefore(customPanel, tuning ?? null); } } function clampCatalogColumn(key, value) { const limits = getPanelLimitRange(key); const fallback = panelDefaults[key] ?? defaultPreferences[key]; const numeric = Number(value); if (!Number.isFinite(numeric)) { return fallback; } return clamp(Math.round(numeric), limits.min, limits.max); } function getSidebarMinWidth(nextPreferences) { return Number(nextPreferences.sidebarMinWidth); } function getSidebarMaxWidth(nextPreferences) { const columns = getTreeColumns(nextPreferences); if (columns <= 1) { return Number(nextPreferences.sidebarMaxWidth); } return Math.min( Number(nextPreferences.sidebarMaxWidthWide), Number(nextPreferences.treeSidebarBaseWidth) + columns * Number(nextPreferences.treeSidebarColumnWidth), ); } function getShellMaxWidth(nextPreferences) { return Number(nextPreferences.shellMaxWidth); } function getTopBarMinHeight(nextPreferences) { return Number(nextPreferences.topBarMinHeight); } function getTopBarMaxHeight(nextPreferences) { return Math.min( Number(nextPreferences.topBarMaxHeight), Math.round(window.innerHeight * 0.75), ); } // ============================================================================ // localStorage helpers // ============================================================================ // Читает настройки интерфейса. function readPreferences() { try { return JSON.parse(localStorage.getItem(STORAGE_KEY)) || {}; } catch { return {}; } } // Сохраняет настройки интерфейса. function savePreferences(nextPreferences) { localStorage.setItem(STORAGE_KEY, JSON.stringify(nextPreferences)); } // Возвращает сохраненное состояние details. // По умолчанию все ветки открыты, чтобы первый вход был максимально понятным. function getSavedOpenState(key) { return collapseState[key] ?? true; } // Читает состояния раскрытия дерева/контента. function readCollapseState() { try { return JSON.parse(localStorage.getItem(COLLAPSE_STORAGE_KEY)) || {}; } catch { return {}; } } // Сохраняет состояния раскрытия дерева/контента. function saveCollapseState() { localStorage.setItem(COLLAPSE_STORAGE_KEY, JSON.stringify(collapseState)); } // ============================================================================ // Settings import, export and reset // ============================================================================ // Кнопки внизу popup ⚙: data-settings-reset | export | import. // Формат экспорта: { version, exportedAt, preferences }. Импорт принимает и «голый» объект. /** Применяет набор preferences, обновляет дерево/каталог и при необходимости сохраняет в localStorage. */ function applyStoredPreferences(rawPreferences, { persist = true } = {}) { preferences = enforceFeatureLocks(normalizePreferences({ ...panelDefaults, ...rawPreferences })); applyPreferences(preferences); if (isTreeVisible(preferences)) { renderNavigationTree(); } else if (navTree) { navTree.replaceChildren(); } renderCatalog(); if (persist) { savePreferences(preferences); } } // Сбрасывает пользовательские настройки к panelDefaults из settings.json. function resetStoredPreferences() { if (!window.confirm("Сбросить все настройки к значениям по умолчанию?")) { return; } localStorage.removeItem(STORAGE_KEY); applyStoredPreferences({ ...panelDefaults }, { persist: false }); } // Скачивает текущие preferences в JSON-файл. function exportStoredPreferences() { const payload = { version: 1, exportedAt: new Date().toISOString(), preferences: { ...preferences }, }; const blob = new Blob([JSON.stringify(payload, null, 2)], { type: "application/json" }); const url = URL.createObjectURL(blob); const anchor = document.createElement("a"); anchor.href = url; anchor.download = "ecosystem-panel-preferences.json"; anchor.click(); URL.revokeObjectURL(url); } // Читает JSON-файл и возвращает объект preferences. function readImportedPreferencesFile(file) { return new Promise((resolve, reject) => { const reader = new FileReader(); reader.onload = () => { try { const parsed = JSON.parse(String(reader.result)); resolve(parseImportedPreferencesPayload(parsed)); } catch (error) { reject(error instanceof Error ? error : new Error("Не удалось прочитать файл настроек.")); } }; reader.onerror = () => { reject(new Error("Не удалось прочитать файл настроек.")); }; reader.readAsText(file); }); } // Поддерживает как обёртку { preferences }, так и «голый» объект настроек. function parseImportedPreferencesPayload(raw) { const source = raw && typeof raw === "object" && !Array.isArray(raw) && raw.preferences && typeof raw.preferences === "object" ? raw.preferences : raw; if (!source || typeof source !== "object" || Array.isArray(source)) { throw new Error("Неверный формат файла настроек."); } return source; } // Закрывает popup-настройки и синхронизирует aria-expanded. function closeSettingsPanel() { settingsPanel.classList.remove("is-open"); settingsOverlay.classList.remove("is-open"); settingsToggle.setAttribute("aria-expanded", "false"); }