poe-svelte-ui-lib 1.40.2 → 1.41.0

package/README.md

@@ -26,6 +26,8 @@ npm install poe-svelte-ui-lib
 /* дальше — только собственные отличия приложения, например :root { min-width: 640px; } */
 ```
 
+**Предпросмотр темы** — страница «Тема» витрины (`src/routes/components/theme`): один и тот же интерфейс облака (шапка устройства, палитра токенов, кнопки во всех ролях, поля, таблица, виджеты, типографика, Markdown) в светлой и тёмной теме рядом — палитра задаётся классами `.light`/`.dark`, поэтому обе темы видны одновременно. Правьте `theme.css` и смотрите результат там.
+
 Текст в Markdown, таблицы и код переносятся по ширине контейнера — горизонтальной прокрутки быть не должно, только вертикальная. Markdown рендерится с `breaks: true` (как в облаке), поэтому абзац и пункт списка пишутся одной строкой — ручной перенос внутри абзаца превращается в разрыв строки.
 
 **Глобальные стили тегов — только в `@layer base`.** Компоненты задают размеры текста и отступы Tailwind-утилитами (например `text-[12px]` у подписи `<h5>`). Правило вне слоя (`h5 { font-size: 1rem }`, `label { … }`, `p { … }`) сильнее любой утилиты, и в приложении подписи станут крупнее задуманного и перестанут помещаться. Поэтому типографику тегов оборачивайте:
@@ -95,7 +97,7 @@ npm run Formatting  # prettier --write .
 
 Связь настраивается на npmjs.com → пакет → Settings → Trusted Publisher: GitHub Actions, `Oleg-Perevyshin/ElementsUI`, workflow `npm_publish.yaml`, разрешение «npm publish». Новая связь подтверждается первой успешной публикацией и должна пройти её в течение 2 дней, иначе истекает. Существующую связь изменить нельзя — только удалить и создать заново.
 
-**Обновление DevCloud — автоматически.** После публикации job `update-devcloud` того же workflow ждёт новую версию в npm, клонирует `xPOE-Studio/DevCloud` (Forgejo) по секрету `FORGEJO_ACCESS_TOKEN`, ставит `poe-svelte-ui-lib@<версия>`, прогоняет `prisma generate` и `svelte-check` и, если проверка прошла, пушит в `main` коммит `poe-svelte-ui-lib <версия> [deploy]` — облако разворачивается само. Вручную версию в облаке не поднимаем; изменения кода облака, которым нужна новая версия библиотеки, коммитятся без `[deploy]` до выпуска — их развернёт этот коммит. Если `svelte-check` упал, коммита нет, облако остаётся на прежней версии (смотрите лог job в GitHub Actions).
+**Обновление DevCloud — автоматически.** После публикации job `update-devcloud` того же workflow ждёт новую версию в npm, клонирует `xPOE-Studio/DevCloud` (Forgejo) по секрету `DEVCLOUD_ACCESS_TOKEN` (токен Forgejo с правом записи в репозиторий), ставит `poe-svelte-ui-lib@<версия>`, прогоняет `svelte-kit sync`, `prisma generate` (с заглушкой `DATABASE_URL`, к БД не подключается) и `svelte-check` и, если проверка прошла, пушит в `main` коммит `poe-svelte-ui-lib <версия> [deploy]` — облако разворачивается само. Вручную версию в облаке не поднимаем; изменения кода облака, которым нужна новая версия библиотеки, коммитятся без `[deploy]` до выпуска — их развернёт этот коммит. Если `svelte-check` упал, коммита нет, облако остаётся на прежней версии (смотрите лог job в GitHub Actions).
 
 ---
 

package/dist/WidgetMap/README.md

@@ -54,7 +54,7 @@ Telemetry_SendObject(g_telemetry_stream, g_mcfg.DevSN, "Data", dev, sizeof(dev)
 - **Траектория** — точка добавляется только при смене координат (курс и высота могут обновляться чаще позиции).
 - **Только 2D** — наклон (3D) запрещён; правой кнопкой мыши карта только поворачивается, кнопка-компас под зумом возвращает её на север.
 - **Шапка** — сколько бортов на связи из заданных: зелёный — все, серый — часть, красный — ни одного.
-- Карта светлая/тёмная по теме приложения (событие `ThemeChange`).
+- Карта светлая/тёмная по ближайшему предку `.dark`/`.light` (как токены `theme.css`), пересчёт по событию `ThemeChange`.
 
 ## Пропсы
 
@@ -94,4 +94,4 @@ Telemetry_SendObject(g_telemetry_stream, g_mcfg.DevSN, "Data", dev, sizeof(dev)
 
 ## Внутреннее устройство
 
-`mapWrapper/` — тонкие Svelte-обёртки над MapLibre GL (`MapLibre`, `Marker`, `Popup`, `Line`, контролы, `CustomControl` для своих элементов поверх карты). MapLibre подгружается при монтировании; без интернета показывается заглушка «Карта не загружена».
+`mapWrapper/` — тонкие Svelte-обёртки над MapLibre GL (`MapLibre`, `Marker`, `Popup`, `Line`, контролы, `CustomControl` для своих элементов поверх карты). MapLibre подгружается с CDN один раз на страницу (несколько карт ждут одну загрузку); без интернета показывается заглушка «Карта не загружена».

package/dist/WidgetMap/WidgetMap.svelte

@@ -148,13 +148,16 @@
     setTimeout(() => (isCopied = false), 1000)
   }
 
-  const handleThemeChange = (event: CustomEvent) => {
-    isDarkMode = !event.detail.currentTheme
+  /* Тема карты — по ближайшему предку .dark/.light (как у токенов theme.css), а не по localStorage: работает и внутри блока с другой темой */
+  let rootEl: HTMLDivElement | undefined = $state()
+  const detectTheme = () => {
+    const scope = rootEl?.closest(".dark, .light")
+    isDarkMode = scope ? scope.classList.contains("dark") : localStorage.getItem("AppTheme") !== "light"
   }
   onMount(() => {
-    isDarkMode = localStorage.getItem("AppTheme") !== "light"
-    window.addEventListener("ThemeChange", handleThemeChange as EventListener)
-    return () => window.removeEventListener("ThemeChange", handleThemeChange as EventListener)
+    detectTheme()
+    window.addEventListener("ThemeChange", detectTheme)
+    return () => window.removeEventListener("ThemeChange", detectTheme)
   })
 
   const trackLengthOptions = [100, 500, 1000, 5000, 10000, 50000]
@@ -170,6 +173,7 @@
 </script>
 
 <div
+  bind:this={rootEl}
   class={twMerge("relative flex w-full flex-col gap-4 rounded-2xl border border-(--hairline-color) bg-(--container-color) p-4", wrapperClass)}
   style={accentStyle}
 >

package/dist/WidgetMap/mapWrapper/MapLibre.svelte

@@ -58,7 +58,7 @@
 
   onMount(async () => {
     isLoading = true
-    hasConnection = await loadMapLibre(hasConnection)
+    hasConnection = await loadMapLibre()
     isLoading = false
 
     if (!window.maplibregl || map || !container) return

package/dist/WidgetMap/mapWrapper/utils.d.ts

@@ -1 +1 @@
-export declare const loadMapLibre: (hasConnectionState: boolean) => Promise<boolean>;
+export declare const loadMapLibre: () => Promise<boolean>;

package/dist/WidgetMap/mapWrapper/utils.js

@@ -1,27 +1,26 @@
 const CDN_URL = "https://cdn.jsdelivr.net/npm/maplibre-gl@5.17.0/dist/maplibre-gl.min.js";
 const CSS_URL = "https://cdn.jsdelivr.net/npm/maplibre-gl@5.17.0/dist/maplibre-gl.min.css";
-export const loadMapLibre = async (hasConnectionState) => {
+/* Одна загрузка на страницу: несколько карт ждут один и тот же промис, иначе вторая видит уже вставленный <script> до его загрузки */
+let loading = null;
+export const loadMapLibre = () => {
     if (typeof window === "undefined")
-        return false;
-    if (!navigator.onLine) {
-        hasConnectionState = false;
-        return false;
-    }
-    try {
-        if (!window.maplibregl) {
-            await loadScript(CDN_URL);
-            await loadCSS(CSS_URL);
-            if (!window.maplibregl) {
-                throw new Error("MapLibre GL не был загружен корректно.");
-            }
-        }
-    }
-    catch (err) {
+        return Promise.resolve(false);
+    if (window.maplibregl)
+        return Promise.resolve(true);
+    if (!navigator.onLine)
+        return Promise.resolve(false);
+    loading ??= Promise.all([loadScript(CDN_URL), loadCSS(CSS_URL)])
+        .then(() => {
+        if (!window.maplibregl)
+            throw new Error("MapLibre GL не был загружен корректно.");
+        return true;
+    })
+        .catch((err) => {
         console.error("Ошибка загрузки MapLibre GL:", err);
-        hasConnectionState = false;
+        loading = null;
         return false;
-    }
-    return true;
+    });
+    return loading;
 };
 const loadScript = (src) => {
     return new Promise((resolve, reject) => {
@@ -33,7 +32,10 @@ const loadScript = (src) => {
         script.src = src;
         script.async = true;
         script.onload = () => resolve();
-        script.onerror = () => reject(new Error(`Не удалось загрузить скрипт ${src}`));
+        script.onerror = () => {
+            script.remove(); /* иначе повторная попытка увидит тег и не станет грузить заново */
+            reject(new Error(`Не удалось загрузить скрипт ${src}`));
+        };
         document.head.appendChild(script);
     });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "poe-svelte-ui-lib",
-  "version": "1.40.2",
+  "version": "1.41.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/Oleg-Perevyshin/ElementsUI.git"