chuijs 4.0.2 → 4.0.3

package/framework/modules/chui_a11y/chui_a11y.js

@@ -14,14 +14,14 @@
  * (popup_button_ok и подобным) tabindex выставляет вызывающий компонент.
  */
 const FOCUSABLE_SELECTOR = [
-    'a[href]',
-    'button:not([disabled])',
-    'input:not([disabled])',
-    'select:not([disabled])',
-    'textarea:not([disabled])',
+    "a[href]",
+    "button:not([disabled])",
+    "input:not([disabled])",
+    "select:not([disabled])",
+    "textarea:not([disabled])",
     '[contenteditable="true"]',
     '[tabindex]:not([tabindex="-1"])',
-].join(', ');
+].join(", ");
 
 class OverlayA11y {
     // Стек открытых слоёв: нужен, чтобы вложенный слой не снимал фон-инерт у родителя
@@ -37,10 +37,16 @@ class OverlayA11y {
     #previous_focus = undefined;
     #is_open = false;
 
-    constructor(element, options = {
-        role: String(), label: String(), labelNode: undefined, describedBy: undefined,
-        onEscape: undefined,
-    }) {
+    constructor(
+        element,
+        options = {
+            role: String(),
+            label: String(),
+            labelNode: undefined,
+            describedBy: undefined,
+            onEscape: undefined,
+        }
+    ) {
         this.#element = element;
         if (options.role !== undefined) this.#role = options.role;
         this.#label = options.label;
@@ -125,8 +131,9 @@ class OverlayA11y {
     }
 
     #focusables() {
-        return [...this.#element.querySelectorAll(FOCUSABLE_SELECTOR)]
-            .filter(element => element.offsetWidth > 0 || element.offsetHeight > 0 || element === document.activeElement);
+        return [...this.#element.querySelectorAll(FOCUSABLE_SELECTOR)].filter(
+            (element) => element.offsetWidth > 0 || element.offsetHeight > 0 || element === document.activeElement
+        );
     }
 
     #focusFirst() {
@@ -175,7 +182,7 @@ class OverlayA11y {
             return;
         }
         if (event.key === "Tab") this.#trapFocus(event);
-    }
+    };
 }
 
 /**
@@ -194,16 +201,22 @@ function makeKeyboardButton(element, role = "button") {
     return element;
 }
 
-exports.OverlayA11y = OverlayA11y
-exports.makeKeyboardButton = makeKeyboardButton
-exports.A11Y_FOCUSABLE_SELECTOR = FOCUSABLE_SELECTOR
+exports.OverlayA11y = OverlayA11y;
+exports.makeKeyboardButton = makeKeyboardButton;
+exports.A11Y_FOCUSABLE_SELECTOR = FOCUSABLE_SELECTOR;
 
 // Подсветка активного пункта меню/опции, когда фокус остаётся на поле ввода
 const ACTIVE_CLASS = "chui_a11y_active";
 
-const isVisible = (element) => element.offsetWidth > 0 || element.offsetHeight > 0 || element === document.activeElement;
-const isDisabled = (element) => element.disabled === true || element.getAttribute("aria-disabled") === "true" ||
-    (element.className !== undefined && String(element.className).split(" ").some(name => name.endsWith("_disabled")));
+const isVisible = (element) =>
+    element.offsetWidth > 0 || element.offsetHeight > 0 || element === document.activeElement;
+const isDisabled = (element) =>
+    element.disabled === true ||
+    element.getAttribute("aria-disabled") === "true" ||
+    (element.className !== undefined &&
+        String(element.className)
+            .split(" ")
+            .some((name) => name.endsWith("_disabled")));
 
 /**
  * Клавиатура для всплывающих меню (ContextMenu, MenuBar, меню шапки).
@@ -225,10 +238,17 @@ class MenuKeyboard {
     #trigger = undefined;
     #trigger_bound = false;
 
-    constructor(container, options = {
-        role: String(), itemRole: String(), itemSelector: String(),
-        submenuSelector: String(), onEscape: undefined, trigger: undefined
-    }) {
+    constructor(
+        container,
+        options = {
+            role: String(),
+            itemRole: String(),
+            itemSelector: String(),
+            submenuSelector: String(),
+            onEscape: undefined,
+            trigger: undefined,
+        }
+    ) {
         this.#container = container;
         if (options.role !== undefined) this.#role = options.role;
         if (options.itemRole !== undefined) this.#item_role = options.itemRole;
@@ -276,8 +296,9 @@ class MenuKeyboard {
 
     // Все пункты своего уровня (и скрытые — им тоже нужны роли и tabindex)
     #allItems() {
-        return [...this.#container.querySelectorAll(this.#item_selector)]
-            .filter(item => item.closest('[role="menu"]') === this.#container);
+        return [...this.#container.querySelectorAll(this.#item_selector)].filter(
+            (item) => item.closest('[role="menu"]') === this.#container
+        );
     }
 
     #focusItem(index) {
@@ -290,7 +311,7 @@ class MenuKeyboard {
     }
 
     #activeIndex(items) {
-        return items.findIndex(item => item === document.activeElement || item.classList.contains(ACTIVE_CLASS));
+        return items.findIndex((item) => item === document.activeElement || item.classList.contains(ACTIVE_CLASS));
     }
 
     // Для навигации — только видимые пункты своего уровня
@@ -382,7 +403,7 @@ class MenuKeyboard {
                 }
                 break;
         }
-    }
+    };
 
     #typeahead(char) {
         const now = Date.now();
@@ -394,7 +415,7 @@ class MenuKeyboard {
         const current = this.#activeIndex(items);
         // Ищем по кругу, начиная со следующего пункта
         const ordered = current === -1 ? items : [...items.slice(current + 1), ...items.slice(0, current + 1)];
-        const match = ordered.find(item => this.#label(item).startsWith(this.#type_buffer));
+        const match = ordered.find((item) => this.#label(item).startsWith(this.#type_buffer));
         if (match !== undefined) this.#focusItem(items.indexOf(match));
     }
 
@@ -412,7 +433,8 @@ class MenuKeyboard {
 
     destroy() {
         this.#container.removeEventListener("keydown", this.#keydownEvent);
-        if (this.#trigger !== undefined && this.#trigger_bound) this.#trigger.removeEventListener("keydown", this.#keydownEvent);
+        if (this.#trigger !== undefined && this.#trigger_bound)
+            this.#trigger.removeEventListener("keydown", this.#keydownEvent);
     }
 }
 
@@ -430,9 +452,16 @@ class ComboboxKeyboard {
     #active = undefined;
     #selection_state = undefined;
 
-    constructor(input, options = {
-        dropdown: undefined, optionSelector: String(), onEscape: undefined, onOpen: undefined, selectionState: undefined
-    }) {
+    constructor(
+        input,
+        options = {
+            dropdown: undefined,
+            optionSelector: String(),
+            onEscape: undefined,
+            onOpen: undefined,
+            selectionState: undefined,
+        }
+    ) {
         this.#input = input;
         this.#dropdown = options.dropdown;
         this.#option_selector = options.optionSelector;
@@ -455,7 +484,8 @@ class ComboboxKeyboard {
         // Роли и id нужны всем опциям, даже когда дропдаун ещё закрыт
         for (const option of this.#allOptions()) {
             if (option.getAttribute("role") === null) option.setAttribute("role", "option");
-            if (option.id === undefined || option.id === "") option.id = "chui_a11y_option_" + Math.random().toString(36).slice(2, 9);
+            if (option.id === undefined || option.id === "")
+                option.id = "chui_a11y_option_" + Math.random().toString(36).slice(2, 9);
         }
         this.#applyActive();
     }
@@ -477,7 +507,7 @@ class ComboboxKeyboard {
     }
 
     #options() {
-        return this.#allOptions().filter(option => isVisible(option) && !isDisabled(option));
+        return this.#allOptions().filter((option) => isVisible(option) && !isDisabled(option));
     }
 
     #applyActive() {
@@ -511,7 +541,8 @@ class ComboboxKeyboard {
             case "ArrowDown":
             case "ArrowUp": {
                 event.preventDefault();
-                if (this.#input.getAttribute("aria-expanded") !== "true" && this.#on_open !== undefined) this.#on_open();
+                if (this.#input.getAttribute("aria-expanded") !== "true" && this.#on_open !== undefined)
+                    this.#on_open();
                 this.#move(event.key === "ArrowDown" ? 1 : -1);
                 break;
             }
@@ -547,7 +578,7 @@ class ComboboxKeyboard {
             default:
                 break;
         }
-    }
+    };
 
     destroy() {
         this.#input.removeEventListener("keydown", this.#keydownEvent);
@@ -582,7 +613,7 @@ class RovingKeyboard {
     /** Перечитать пункты: остановка остаётся на прежнем, если он ещё доступен */
     refresh() {
         const visible = this.#items();
-        const current = visible.find(item => item.getAttribute("tabindex") === "0");
+        const current = visible.find((item) => item.getAttribute("tabindex") === "0");
         // Панель может быть ещё не в документе (размеры нулевые) — тогда остановку получает
         // первый пункт: без неё группа целиком выпала бы из обхода Tab
         const fallback = visible[0] === undefined ? this.#allItems()[0] : visible[0];
@@ -598,13 +629,13 @@ class RovingKeyboard {
 
     // Пункты, по которым ходит клавиатура: видимые и не запрещённые
     #items() {
-        return this.#allItems().filter(item => !isDisabled(item) && isVisible(item));
+        return this.#allItems().filter((item) => !isDisabled(item) && isVisible(item));
     }
 
     #activeIndex(items) {
-        const focused = items.findIndex(item => item === document.activeElement);
+        const focused = items.findIndex((item) => item === document.activeElement);
         if (focused !== -1) return focused;
-        return items.findIndex(item => item.getAttribute("tabindex") === "0");
+        return items.findIndex((item) => item.getAttribute("tabindex") === "0");
     }
 
     #applyStop(item) {
@@ -659,10 +690,10 @@ class RovingKeyboard {
     }
 }
 
-exports.MenuKeyboard = MenuKeyboard
-exports.ComboboxKeyboard = ComboboxKeyboard
-exports.RovingKeyboard = RovingKeyboard
-exports.A11Y_ACTIVE_CLASS = ACTIVE_CLASS
+exports.MenuKeyboard = MenuKeyboard;
+exports.ComboboxKeyboard = ComboboxKeyboard;
+exports.RovingKeyboard = RovingKeyboard;
+exports.A11Y_ACTIVE_CLASS = ACTIVE_CLASS;
 
 /**
  * Перенести фокус на следующий (или предыдущий) видимый фокусируемый элемент страницы.
@@ -670,7 +701,7 @@ exports.A11Y_ACTIVE_CLASS = ACTIVE_CLASS
  * браузер уведёт фокус в `body`, а не к следующему полю. `skip` — узел или поддерево,
  * которое в обходе не участвует (например, сам список).
  */
-function moveFocusAway(from, options = {backwards: false, skip: undefined}) {
+function moveFocusAway(from, options = { backwards: false, skip: undefined }) {
     const nodes = [...document.querySelectorAll(FOCUSABLE_SELECTOR)]
         .filter((node) => node.disabled !== true)
         .filter((node) => isVisible(node))
@@ -684,4 +715,4 @@ function moveFocusAway(from, options = {backwards: false, skip: undefined}) {
     return true;
 }
 
-exports.moveFocusAway = moveFocusAway
+exports.moveFocusAway = moveFocusAway;

package/framework/modules/chui_animations/animations.js

@@ -4,7 +4,7 @@ class Animation {
     #element = undefined;
 
     constructor(element) {
-        require('../chui_functions').setStyles(__dirname + "/styles.css", "chUiJS_Animations");
+        require("../chui_functions").setStyles(__dirname + "/styles.css", "chUiJS_Animations");
         if (element !== undefined) this.#element = element;
     }
 
@@ -14,101 +14,101 @@ class Animation {
      * доиграла, этот обработчик прятал уже открытый слой — вид расходился с состоянием.
      */
     #cancelHide() {
-        this.#element.removeEventListener('animationend', removeEvents);
-        this.#element.style.removeProperty('animation-name');
+        this.#element.removeEventListener("animationend", removeEvents);
+        this.#element.style.removeProperty("animation-name");
     }
 
     fadeIn() {
         this.#cancelHide();
-        if (window.getComputedStyle(this.#element, null).display === 'none') {
-            if (this.#element.tagName !== "TABLE") this.#element.style.display = 'flex';
+        if (window.getComputedStyle(this.#element, null).display === "none") {
+            if (this.#element.tagName !== "TABLE") this.#element.style.display = "flex";
         }
-        this.#element.style.transition = "transform .0s"
-        this.#element.style.animationName = 'fade-in';
+        this.#element.style.transition = "transform .0s";
+        this.#element.style.animationName = "fade-in";
     }
 
     fadeOut() {
-        this.#element.style.transition = "transform .0s"
+        this.#element.style.transition = "transform .0s";
         if (this.#element.style.animationName) {
-            this.#element.style.animationName = 'fade-out';
-            this.#element.addEventListener('animationend', removeEvents);
+            this.#element.style.animationName = "fade-out";
+            this.#element.addEventListener("animationend", removeEvents);
         }
     }
 
     // SCALE
     scaleIn() {
         this.#cancelHide();
-        if (window.getComputedStyle(this.#element, null).display === 'none') {
-            if (this.#element.tagName !== "TABLE") this.#element.style.display = 'flex';
+        if (window.getComputedStyle(this.#element, null).display === "none") {
+            if (this.#element.tagName !== "TABLE") this.#element.style.display = "flex";
         }
-        this.#element.style.animationName = 'scale-in';
+        this.#element.style.animationName = "scale-in";
     }
 
     scaleOut() {
         if (this.#element.style.animationName) {
-            this.#element.style.animationName = 'scale-out';
-            this.#element.addEventListener('animationend', removeEvents);
+            this.#element.style.animationName = "scale-out";
+            this.#element.addEventListener("animationend", removeEvents);
         }
     }
 
     // SLIDE RIGHT
     slideRightIn() {
         this.#cancelHide();
-        if (window.getComputedStyle(this.#element, null).display === 'none') {
-            if (this.#element.tagName !== "TABLE") this.#element.style.display = 'flex';
+        if (window.getComputedStyle(this.#element, null).display === "none") {
+            if (this.#element.tagName !== "TABLE") this.#element.style.display = "flex";
         }
-        this.#element.style.animationName = 'slide-right-in';
+        this.#element.style.animationName = "slide-right-in";
     }
 
     slideRightOut() {
         if (this.#element.style.animationName) {
-            this.#element.style.animationName = 'slide-right-out';
-            this.#element.addEventListener('animationend', removeEvents);
+            this.#element.style.animationName = "slide-right-out";
+            this.#element.addEventListener("animationend", removeEvents);
         }
     }
 
     // SLIDE BOTTOM
     slideBottomIn() {
         this.#cancelHide();
-        if (window.getComputedStyle(this.#element, null).display === 'none') {
-            if (this.#element.tagName !== "TABLE") this.#element.style.display = 'flex';
+        if (window.getComputedStyle(this.#element, null).display === "none") {
+            if (this.#element.tagName !== "TABLE") this.#element.style.display = "flex";
         }
-        this.#element.style.animationName = 'slide-bottom-in';
+        this.#element.style.animationName = "slide-bottom-in";
     }
 
     slideBottomOut() {
         if (this.#element.style.animationName) {
-            this.#element.style.animationName = 'slide-bottom-out';
-            this.#element.addEventListener('animationend', removeEvents);
+            this.#element.style.animationName = "slide-bottom-out";
+            this.#element.addEventListener("animationend", removeEvents);
         }
     }
 
     // REMOVE
     slideBottomOutAndRemove() {
         if (this.#element.style.animationName) {
-            this.#element.style.animationName = 'slide-bottom-out';
-            this.#element.addEventListener('animationend', removeEvents);
+            this.#element.style.animationName = "slide-bottom-out";
+            this.#element.addEventListener("animationend", removeEvents);
         }
     }
 
     slideRightOutAndRemove() {
         if (this.#element.style.animationName) {
-            this.#element.style.animationName = 'slide-right-out';
-            this.#element.addEventListener('animationend', removeEvents);
+            this.#element.style.animationName = "slide-right-out";
+            this.#element.addEventListener("animationend", removeEvents);
         }
     }
 
     scaleOutAndRemove() {
         if (this.#element.style.animationName) {
-            this.#element.style.animationName = 'scale-out';
-            this.#element.addEventListener('animationend', removeEvents2);
+            this.#element.style.animationName = "scale-out";
+            this.#element.addEventListener("animationend", removeEvents2);
         }
     }
 
     fadeOutAndRemove() {
         if (this.#element.style.animationName) {
-            this.#element.style.animationName = 'fade-out';
-            this.#element.addEventListener('animationend', removeEvents2);
+            this.#element.style.animationName = "fade-out";
+            this.#element.addEventListener("animationend", removeEvents2);
         }
     }
 
@@ -118,19 +118,19 @@ class Animation {
     }
 
     removeStyles() {
-        this.#element.removeAttribute("style")
+        this.#element.removeAttribute("style");
     }
 }
 
 const removeEvents2 = (event) => {
-    event.target.remove()
-    event.target.removeEventListener('animationend', removeEvents2);
-}
+    event.target.remove();
+    event.target.removeEventListener("animationend", removeEvents2);
+};
 
 const removeEvents = (event) => {
-    event.target.style.removeProperty('animation-name');
-    event.target.style.removeProperty('display');
-    event.target.removeEventListener('animationend', removeEvents);
-}
+    event.target.style.removeProperty("animation-name");
+    event.target.style.removeProperty("display");
+    event.target.removeEventListener("animationend", removeEvents);
+};
 
-exports.Animation = Animation
+exports.Animation = Animation;

package/framework/modules/chui_animations/styles.css

@@ -77,4 +77,4 @@
         opacity: 0;
         transform: translateY(100%);
     }
-}
+}

package/framework/modules/chui_bridge/preload.js

@@ -1,8 +1,14 @@
-const {contextBridge, ipcRenderer} = require("electron");
-const {SERVICES_CHANNELS, SERVICES_CALLS, SERVICES_SYNC_CALLS, BRIDGE_CHANNELS, BRIDGE_ARGS} = require("../chui_services/chui_channels");
+const { contextBridge, ipcRenderer } = require("electron");
+const {
+    SERVICES_CHANNELS,
+    SERVICES_CALLS,
+    SERVICES_SYNC_CALLS,
+    BRIDGE_CHANNELS,
+    BRIDGE_ARGS,
+} = require("../chui_services/chui_channels");
 // Мост переиспользует ту же обёртку сервисов, что и страница: разница только в транспорте
 // (`Desktop` в preload'е сам вызовет ipcRenderer, потому что `window.chui` ему не виден)
-const {Desktop} = require("../chui_services/desktop");
+const { Desktop } = require("../chui_services/desktop");
 
 /**
  * Preload безопасного режима (`Main({security: {contextIsolation: true}})`).
@@ -32,7 +38,10 @@ function argValue(prefix = String()) {
 
 const renderPath = argValue(BRIDGE_ARGS.RENDER);
 const csp = argValue(BRIDGE_ARGS.CSP);
-const channels = (argValue(BRIDGE_ARGS.CHANNELS) ?? "").split(",").map((channel) => channel.trim()).filter(Boolean);
+const channels = (argValue(BRIDGE_ARGS.CHANNELS) ?? "")
+    .split(",")
+    .map((channel) => channel.trim())
+    .filter(Boolean);
 
 /**
  * Content-Security-Policy вставляется в документ до его скриптов: preload выполняется раньше
@@ -50,7 +59,7 @@ function applyCsp() {
     return true;
 }
 
-if (!applyCsp()) document.addEventListener("readystatechange", () => applyCsp(), {once: true});
+if (!applyCsp()) document.addEventListener("readystatechange", () => applyCsp(), { once: true });
 
 const call = (method = String(), ...args) => {
     const channel = SERVICES_CALLS[method];
@@ -100,7 +109,7 @@ contextBridge.exposeInMainWorld("chui", {
     versions: {
         node: process.versions.node,
         chrome: process.versions.chrome,
-        electron: process.versions.electron
+        electron: process.versions.electron,
     },
     platform: process.platform,
     /** Путь к странице окна (как он задан в опции `render`) */
@@ -120,20 +129,20 @@ contextBridge.exposeInMainWorld("chui", {
                 copy: (text = String()) => Desktop.clipboard.history.copy(text),
                 remove: (target = undefined) => Desktop.clipboard.history.remove(target),
                 clear: () => Desktop.clipboard.history.clear(),
-                onChange: (listener = () => {}) => services.onClipboardHistory(listener)
-            }
+                onChange: (listener = () => {}) => services.onClipboardHistory(listener),
+            },
         },
         recent: {
             add: (path = String(), name = undefined) => Desktop.recent.add(path, name),
             clear: () => Desktop.recent.clear(),
-            list: () => Desktop.recent.list()
+            list: () => Desktop.recent.list(),
         },
         progress: {
             set: (value = Number(), mode = "normal") => Desktop.progress.set(value, mode),
-            clear: () => Desktop.progress.clear()
+            clear: () => Desktop.progress.clear(),
         },
         shell: {
-            openExternal: (url = String()) => Desktop.shell.openExternal(url)
+            openExternal: (url = String()) => Desktop.shell.openExternal(url),
         },
         app: {
             // Путь приходит значением, без промиса (синхронный канал), а `Desktop` в preload'е
@@ -148,36 +157,36 @@ contextBridge.exposeInMainWorld("chui", {
             // Закрытие и перезапуск — как у `Desktop` из пакета: те же шаги, что у пункта меню.
             // Отвечают значением, а не промисом (синхронный канал), поэтому `await` не нужен
             quit: () => Desktop.app.quit(),
-            restart: () => Desktop.app.restart()
+            restart: () => Desktop.app.restart(),
         },
         dialog: {
             open: (options = {}) => Desktop.dialog.open(options),
             save: (options = {}) => Desktop.dialog.save(options),
-            message: (options = {}) => Desktop.dialog.message(options)
+            message: (options = {}) => Desktop.dialog.message(options),
         },
         session: {
             getCacheSize: () => Desktop.session.getCacheSize(),
             clearCache: () => Desktop.session.clearCache(),
-            clearStorageData: (options = {}) => Desktop.session.clearStorageData(options)
+            clearStorageData: (options = {}) => Desktop.session.clearStorageData(options),
         },
         print: {
             page: (options = {}) => Desktop.print.page(options),
             html: (html = String(), options = {}) => Desktop.print.html(html, options),
-            pdf: (html = String(), options = {}) => Desktop.print.pdf(html, options)
+            pdf: (html = String(), options = {}) => Desktop.print.pdf(html, options),
         },
         shortcuts: {
             on: (accelerator = String(), handler = () => {}) => Desktop.shortcuts.on(accelerator, handler),
             off: (accelerator = String(), handler = () => {}) => Desktop.shortcuts.off(accelerator, handler),
             offAll: () => Desktop.shortcuts.offAll(),
-            get: () => Desktop.shortcuts.get()
-        }
+            get: () => Desktop.shortcuts.get(),
+        },
     },
     window: {
         minimize: () => windowAction("minimize"),
         toggleMaximize: () => windowAction("toggle-maximize"),
         restore: () => windowAction("restore"),
         close: () => windowAction("close"),
-        getState: () => ipcRenderer.invoke(BRIDGE_CHANNELS.WINDOW_STATE)
+        getState: () => ipcRenderer.invoke(BRIDGE_CHANNELS.WINDOW_STATE),
     },
     theme: {
         get: () => ipcRenderer.invoke(BRIDGE_CHANNELS.THEME_GET),
@@ -187,7 +196,7 @@ contextBridge.exposeInMainWorld("chui", {
         onChange: (listener = () => {}) => {
             themeListeners.add(listener);
             return () => themeListeners.delete(listener);
-        }
+        },
     },
     locale: {
         get: () => ipcRenderer.invoke(BRIDGE_CHANNELS.LOCALE_GET),
@@ -196,17 +205,19 @@ contextBridge.exposeInMainWorld("chui", {
         onChange: (listener = () => {}) => {
             localeListeners.add(listener);
             return () => localeListeners.delete(listener);
-        }
+        },
     },
     messaging: {
         /** Каналы задаёт приложение: `security: {channels: ['preview:update']}` */
         channels: [...channels],
         send: (channel = String(), ...args) => {
-            if (!channels.includes(channel)) throw new Error(`chui: канал «${channel}» не разрешён в security.channels`);
+            if (!channels.includes(channel))
+                throw new Error(`chui: канал «${channel}» не разрешён в security.channels`);
             return ipcRenderer.invoke(BRIDGE_CHANNELS.MESSAGE, channel, ...args);
         },
         on: (channel = String(), listener = () => {}) => {
-            if (!channels.includes(channel)) throw new Error(`chui: канал «${channel}» не разрешён в security.channels`);
+            if (!channels.includes(channel))
+                throw new Error(`chui: канал «${channel}» не разрешён в security.channels`);
             const listeners = messageListeners.get(channel) ?? new Set();
             listeners.add(listener);
             messageListeners.set(channel, listeners);
@@ -214,8 +225,8 @@ contextBridge.exposeInMainWorld("chui", {
                 listeners.delete(listener);
                 if (listeners.size === 0) messageListeners.delete(channel);
             };
-        }
-    }
+        },
+    },
 });
 
 // Скрипт страницы подключается здесь: в безопасном режиме `render` — это скрипт документа,
@@ -227,6 +238,6 @@ if (renderPath !== undefined) {
         script.defer = true;
         document.head.appendChild(script);
     };
-    if (document.readyState === "loading") window.addEventListener("DOMContentLoaded", addPageScript, {once: true});
+    if (document.readyState === "loading") window.addEventListener("DOMContentLoaded", addPageScript, { once: true });
     else addPageScript();
 }