poe-svelte-ui-lib 1.22.0 → 1.22.1

package/dist/WidgetDeviceInfo/WidgetDeviceInfo.svelte

@@ -12,12 +12,14 @@
   import RestartIcon from "./RestartIcon.svelte"
   import WidgetHeader from "../WidgetHeader.svelte"
   import { widgetAccentStyle } from "../widgetAccent"
+  import { readPersistedCollapsed, writePersistedCollapsed } from "../widgetCollapse"
 
   let {
     wrapperClass = "",
     componentClass = "",
     label = { name: "Информация об устройстве" },
     value = $bindable(),
+    persistKey,
     onSave = () => {},
     onRestart = () => {},
   }: IWidgetDeviceInfoProps = $props()
@@ -37,8 +39,10 @@
     },
   )
 
-  /* Сворачивание тела виджета по клику на значок/заголовок (как аккордеон) */
-  let collapsed = $state(false)
+  /* Сворачивание тела виджета по клику на значок/заголовок (как аккордеон), но в отличие от
+     Accordion переживает перезагрузку страницы через localStorage, если передан persistKey */
+  let collapsed = $state(readPersistedCollapsed(persistKey))
+  $effect(() => writePersistedCollapsed(persistKey, collapsed))
 
   /* Поля редактируются локально (как Argument: NoSend в реальной GUI) — отправка одним пакетом по кнопке */
   let savedSnapshot = $state(JSON.stringify(info))

package/dist/WidgetWiFi/WidgetWiFi.svelte

@@ -15,6 +15,7 @@
   import WarningIcon from "./WarningIcon.svelte"
   import WidgetHeader from "../WidgetHeader.svelte"
   import { widgetAccentStyle } from "../widgetAccent"
+  import { readPersistedCollapsed, writePersistedCollapsed } from "../widgetCollapse"
 
   let {
     wrapperClass = "",
@@ -23,6 +24,7 @@
     value = $bindable(),
     allowedModes = [1, 2, 3],
     confirmOnAP = true,
+    persistKey,
     onScan,
     onSave = () => {},
   }: IWidgetWiFiProps = $props()
@@ -85,8 +87,11 @@
   }
 
   /* Сворачивание тела виджета по клику на значок/заголовок (как аккордеон) — переключатель режима
-     в шапке кликом не триггерит, только сама кнопка значок+заголовок (см. WidgetHeader.svelte) */
-  let collapsed = $state(false)
+     в шапке кликом не триггерит, только сама кнопка значок+заголовок (см. WidgetHeader.svelte).
+     В отличие от Accordion (только начальное значение из GUI) — переживает перезагрузку страницы
+     через localStorage, если передан persistKey. */
+  let collapsed = $state(readPersistedCollapsed(persistKey))
+  $effect(() => writePersistedCollapsed(persistKey, collapsed))
 
   /* Поля редактируются локально (как Argument: NoSend в реальной GUI) — отправка одним пакетом по кнопке */
   let savedSnapshot = $state(JSON.stringify(cfg))

package/dist/types.d.ts

@@ -516,6 +516,7 @@ export interface IWidgetWiFiProps {
     value?: IWidgetWiFiConfig;
     allowedModes?: number[];
     confirmOnAP?: boolean;
+    persistKey?: string;
     onScan?: () => Promise<{
         id: string;
         name: string;
@@ -541,6 +542,7 @@ export interface IWidgetDeviceInfoProps {
         name?: string;
     };
     value?: IWidgetDeviceInfoConfig;
+    persistKey?: string;
     onSave?: (info: IWidgetDeviceInfoConfig) => void;
     onRestart?: () => void;
 }

package/dist/widgetCollapse.d.ts

@@ -0,0 +1,2 @@
+export declare const readPersistedCollapsed: (persistKey?: string) => boolean;
+export declare const writePersistedCollapsed: (persistKey: string | undefined, collapsed: boolean) => void;

package/dist/widgetCollapse.js

@@ -0,0 +1,25 @@
+/* $lib/widgetCollapse.ts — запоминание свёрнутости смарт-виджетов в localStorage браузера
+   (Accordion этого не делает — isOpen у него только начальное значение из сохранённого GUI,
+   без переживания перезагрузки; виджеты сделаны надёжнее). typeof window-проверка вместо
+   $app/environment — библиотека не должна знать про SvelteKit. */
+const STORAGE_PREFIX = "widget-collapsed:";
+export const readPersistedCollapsed = (persistKey) => {
+    if (!persistKey || typeof window === "undefined")
+        return false;
+    try {
+        return window.localStorage.getItem(STORAGE_PREFIX + persistKey) === "1";
+    }
+    catch {
+        return false;
+    }
+};
+export const writePersistedCollapsed = (persistKey, collapsed) => {
+    if (!persistKey || typeof window === "undefined")
+        return;
+    try {
+        window.localStorage.setItem(STORAGE_PREFIX + persistKey, collapsed ? "1" : "0");
+    }
+    catch {
+        /* приватный режим/заблокировано — молча игнорируем, просто не запомнится */
+    }
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "poe-svelte-ui-lib",
-  "version": "1.22.0",
+  "version": "1.22.1",
   "license": "MIT",
   "type": "module",
   "scripts": {