chuijs 4.0.1 → 4.0.3

package/framework/modules/chui_i18n/locales/feedback.js

@@ -63,7 +63,7 @@ module.exports = {
         "feedback.previousSlide": "Предыдущий слайд",
         "feedback.slideshowControls": "Управление слайд-шоу",
         "feedback.autoplayStart": "Запустить автопрокрутку",
-        "feedback.autoplayPause": "Пауза автопрокрутки"
+        "feedback.autoplayPause": "Пауза автопрокрутки",
     },
     en: {
         "feedback.loading": "Loading",
@@ -125,6 +125,6 @@ module.exports = {
         "feedback.previousSlide": "Previous slide",
         "feedback.slideshowControls": "Slideshow controls",
         "feedback.autoplayStart": "Start autoplay",
-        "feedback.autoplayPause": "Pause autoplay"
-    }
+        "feedback.autoplayPause": "Pause autoplay",
+    },
 };

package/framework/modules/chui_i18n/locales/forms.js

@@ -70,7 +70,7 @@ module.exports = {
         "forms.mentionLabel": "Упоминание",
         "forms.mentionOptions": "Подсказки",
         "forms.mentionHint": "Введите {trigger} — появятся подсказки",
-        "forms.mentionInserted": "Добавлено: {value}"
+        "forms.mentionInserted": "Добавлено: {value}",
     },
     en: {
         "forms.sliderValue": "Value",
@@ -114,14 +114,14 @@ module.exports = {
         "forms.chipsInputLabel": "Tags field",
         "forms.chipsPlaceholder": "Add a tag",
         "forms.chipsHint": "Enter or comma adds a tag, Backspace on an empty field removes the last one",
-        "forms.chipsAdded": "Tag \"{value}\" added. Tags total: {count}",
-        "forms.chipsRemoved": "Tag \"{value}\" removed. Tags total: {count}",
+        "forms.chipsAdded": 'Tag "{value}" added. Tags total: {count}',
+        "forms.chipsRemoved": 'Tag "{value}" removed. Tags total: {count}',
         "forms.chipsCleared": "All tags removed",
-        "forms.chipsRemove": "Remove \"{value}\"",
+        "forms.chipsRemove": 'Remove "{value}"',
         "forms.chipsLimitPlaceholder": "Limit: {count}",
         "forms.chipsLimitReached": "Limit reached: {count} tags",
-        "forms.chipsDuplicate": "Tag \"{value}\" is already added",
-        "forms.chipsNotSuggested": "\"{value}\" is not among the suggestions",
+        "forms.chipsDuplicate": 'Tag "{value}" is already added',
+        "forms.chipsNotSuggested": '"{value}" is not among the suggestions',
         "forms.chipsMore": "Tags that did not fit on the line: {count}",
         "forms.multiComboMore": "Selected values that did not fit on the line: {count}",
 
@@ -139,6 +139,6 @@ module.exports = {
         "forms.mentionLabel": "Mention",
         "forms.mentionOptions": "Suggestions",
         "forms.mentionHint": "Type {trigger} to see suggestions",
-        "forms.mentionInserted": "Added: {value}"
-    }
+        "forms.mentionInserted": "Added: {value}",
+    },
 };

package/framework/modules/chui_i18n/locales/graphics.js

@@ -68,7 +68,7 @@ module.exports = {
         "graphics.qrModeMismatch": "Режим «{mode}» не подходит для этого текста",
         "graphics.qrMode.numeric": "цифры",
         "graphics.qrMode.alphanumeric": "буквы и цифры",
-        "graphics.qrMode.byte": "байты"
+        "graphics.qrMode.byte": "байты",
     },
     en: {
         "graphics.barChart": "Bar chart",
@@ -95,13 +95,13 @@ module.exports = {
         "graphics.kanbanBoard": "Kanban board",
         "graphics.kanbanColumn": "Column {index}",
         "graphics.kanbanCard": "Card",
-        "graphics.quotedName": "\"{name}\"",
+        "graphics.quotedName": '"{name}"',
         "graphics.kanbanTags": "tags: {value}",
         "graphics.kanbanColumnOf": "column: {value}",
         "graphics.kanbanColumnCount": "{title}, cards: {count}",
         "graphics.kanbanColumnCountLimit": "{title}, cards: {count} of {limit}",
         "graphics.kanbanEmpty": "Empty",
-        "graphics.kanbanMovedTo": "Card {card} moved to \"{column}\"",
+        "graphics.kanbanMovedTo": 'Card {card} moved to "{column}"',
         "graphics.kanbanMoved": "Card {card} moved",
         "graphics.kanbanMoveRefused": "Card {card} was not moved: the column limit is reached",
 
@@ -109,8 +109,8 @@ module.exports = {
         "graphics.clipboardEmpty": "History is empty",
         "graphics.clipboardCopied": "Copied: {value}",
         "graphics.clipboardCleared": "History cleared",
-        "graphics.clipboardCopy": "Copy \"{value}\"",
-        "graphics.clipboardRemove": "Delete \"{value}\"",
+        "graphics.clipboardCopy": 'Copy "{value}"',
+        "graphics.clipboardRemove": 'Delete "{value}"',
 
         "graphics.settingsTheme": "Theme",
         "graphics.settingsAppearance": "Color theme",
@@ -132,9 +132,9 @@ module.exports = {
         "graphics.qrEmpty": "No value",
         "graphics.qrTooLongChars": "Does not fit: {needed} characters, {capacity} max",
         "graphics.qrTooLongBytes": "Does not fit: {needed} bytes, {capacity} max",
-        "graphics.qrModeMismatch": "Mode \"{mode}\" cannot encode this text",
+        "graphics.qrModeMismatch": 'Mode "{mode}" cannot encode this text',
         "graphics.qrMode.numeric": "digits",
         "graphics.qrMode.alphanumeric": "letters and digits",
-        "graphics.qrMode.byte": "bytes"
-    }
+        "graphics.qrMode.byte": "bytes",
+    },
 };

package/framework/modules/chui_i18n/locales/media.js

@@ -59,7 +59,7 @@ module.exports = {
         "media.imageCompareLabel": "Сравнение до и после",
         "media.imageCompareBefore": "До",
         "media.imageCompareAfter": "После",
-        "media.imageCompareValue": "{value} %"
+        "media.imageCompareValue": "{value} %",
     },
     en: {
         "media.audioPlayer": "Audio player",
@@ -77,7 +77,7 @@ module.exports = {
         "media.soundOff": "Sound off",
         "media.soundOn": "Sound on",
         "media.noSource": "The track has no source",
-        "media.cannotOpen": "Could not open \"{source}\"",
+        "media.cannotOpen": 'Could not open "{source}"',
         "media.trackStatus": "Track: {title}",
         "media.track": "Track",
         "media.tracks": "Tracks",
@@ -118,6 +118,6 @@ module.exports = {
         "media.imageCompareLabel": "Before and after comparison",
         "media.imageCompareBefore": "Before",
         "media.imageCompareAfter": "After",
-        "media.imageCompareValue": "{value} %"
-    }
+        "media.imageCompareValue": "{value} %",
+    },
 };

package/framework/modules/chui_i18n/locales/navigation.js

@@ -41,7 +41,7 @@ module.exports = {
         "navigation.toolbar": "Панель инструментов",
         "navigation.statusBar": "Строка состояния",
         "navigation.moreActions": "Дополнительные действия",
-        "navigation.mainAction": "Основное действие"
+        "navigation.mainAction": "Основное действие",
     },
     en: {
         "navigation.pagination": "Pagination",
@@ -56,10 +56,10 @@ module.exports = {
         "navigation.breadcrumb": "Breadcrumb",
 
         "navigation.tab": "Tab",
-        "navigation.closeTab": "Close tab \"{title}\"",
-        "navigation.tabClosed": "Tab \"{title}\" closed",
-        "navigation.tabClosedOpened": "Tab \"{title}\" closed, \"{active}\" opened",
-        "navigation.tabClosedNothing": "Tab \"{title}\" closed, no tabs left",
+        "navigation.closeTab": 'Close tab "{title}"',
+        "navigation.tabClosed": 'Tab "{title}" closed',
+        "navigation.tabClosedOpened": 'Tab "{title}" closed, "{active}" opened',
+        "navigation.tabClosedNothing": 'Tab "{title}" closed, no tabs left',
 
         "navigation.stepper": "Steps",
         "navigation.stepOf": "Step {index} of {total}",
@@ -75,11 +75,11 @@ module.exports = {
         "navigation.commandPlaceholder": "Find a command…",
         "navigation.recentGroup": "Recent",
         "navigation.commandsFound": "Commands found: {count}",
-        "navigation.commandsFoundFor": "Commands found: {count} for \"{query}\"",
+        "navigation.commandsFoundFor": 'Commands found: {count} for "{query}"',
 
         "navigation.toolbar": "Toolbar",
         "navigation.statusBar": "Status bar",
         "navigation.moreActions": "More actions",
-        "navigation.mainAction": "Main action"
-    }
+        "navigation.mainAction": "Main action",
+    },
 };

package/framework/modules/chui_i18n/locales/validate.js

@@ -10,7 +10,7 @@ module.exports = {
         "validate.minLength": "Минимум {minLength} символов",
         "validate.maxLength": "Максимум {maxLength} символов",
         "validate.pattern": "Неверный формат",
-        "validate.email": "Неверный адрес электронной почты"
+        "validate.email": "Неверный адрес электронной почты",
     },
     en: {
         "validate.required": "Required field",
@@ -19,6 +19,6 @@ module.exports = {
         "validate.minLength": "At least {minLength} characters",
         "validate.maxLength": "At most {maxLength} characters",
         "validate.pattern": "Invalid format",
-        "validate.email": "Invalid email address"
-    }
+        "validate.email": "Invalid email address",
+    },
 };

package/framework/modules/chui_json/chui_json.js

@@ -10,7 +10,7 @@
  * Слушателей модуль не заводит, поэтому `destroy()` не нужен.
  */
 
-const {I18n} = require("../chui_i18n/chui_i18n");
+const { I18n } = require("../chui_i18n/chui_i18n");
 
 /** Смещение символа в позицию «строка/столбец» (нумерация с единицы) */
 function placeOf(text = String(), offset = Number()) {
@@ -20,7 +20,7 @@ function placeOf(text = String(), offset = Number()) {
     const line = before.split("\n").length;
     const last_break = before.lastIndexOf("\n");
     const column = limit - last_break;
-    return {line: line, column: column, offset: limit};
+    return { line: line, column: column, offset: limit };
 }
 
 /** Место ошибки из текста исключения `JSON.parse`; `undefined`, если движок места не назвал */
@@ -28,7 +28,7 @@ function errorPlace(message = String(), text = String()) {
     const named = /\(line (\d+) column (\d+)\)/.exec(String(message));
     if (named !== null) {
         const offset = offsetOf(text, Number(named[1]), Number(named[2]));
-        return {line: Number(named[1]), column: Number(named[2]), offset: offset};
+        return { line: Number(named[1]), column: Number(named[2]), offset: offset };
     }
     const positioned = /at position (\d+)/.exec(String(message));
     if (positioned !== null) return placeOf(text, Number(positioned[1]));
@@ -59,25 +59,25 @@ function cleanMessage(message = String()) {
 function parse(text = String()) {
     const value = text === undefined || text === null ? "" : String(text);
     try {
-        return {ok: true, value: JSON.parse(value)};
+        return { ok: true, value: JSON.parse(value) };
     } catch (error) {
         const message = error instanceof Error ? error.message : String(error);
         const place = errorPlace(message, value);
-        const result = {message: cleanMessage(message)};
+        const result = { message: cleanMessage(message) };
         if (place !== undefined) {
             result.line = place.line;
             result.column = place.column;
             result.offset = place.offset;
         }
-        return {ok: false, error: result};
+        return { ok: false, error: result };
     }
 }
 
 /** Текст ошибки на языке интерфейса: с местом, если оно известно */
 function errorText(error) {
     if (error === undefined || error === null) return "";
-    if (error.line === undefined) return I18n.t("json.invalid", {message: error.message});
-    return I18n.t("json.invalidAt", {line: error.line, column: error.column, message: error.message});
+    if (error.line === undefined) return I18n.t("json.invalid", { message: error.message });
+    return I18n.t("json.invalidAt", { line: error.line, column: error.column, message: error.message });
 }
 
 /** Красивый JSON (`indent` — число пробелов), иначе исходный текст */
@@ -101,5 +101,5 @@ exports.Json = {
     offsetOf: offsetOf,
     errorPlace: errorPlace,
     format: format,
-    minify: minify
+    minify: minify,
 };

package/framework/modules/chui_layout/chui_layout.js

@@ -21,7 +21,7 @@ const ROLE = {
     ROUTE_VIEWS: "route_views",
     NOTIFICATION_PANEL: "notification_panel",
     NOTIFICATION_BOX: "notification_box",
-    NOTIFICATION_BOX_MAIN: "notification_box_main"
+    NOTIFICATION_BOX_MAIN: "notification_box_main",
 };
 
 /** Узлы одного layout'а: роль → узел */
@@ -76,7 +76,7 @@ function unregisterLayout(layout = new LayoutRefs()) {
 /** Layout, которому принадлежит узел, иначе — последний созданный */
 function getLayout(scope = undefined) {
     if (scope !== undefined && scope !== null) {
-        const owner = layouts.find(layout => layout.owns(scope));
+        const owner = layouts.find((layout) => layout.owns(scope));
         if (owner !== undefined) return owner;
     }
     return layouts[layouts.length - 1];
@@ -92,15 +92,17 @@ function findLayoutNode(role = String(), scope = undefined) {
 function requireLayoutNode(role = String(), scope = undefined) {
     const node = findLayoutNode(role, scope);
     if (node === undefined) {
-        throw new Error(`chui_layout: узел «${role}» не найден — layout не создан (new AppLayout()) или часть не зарегистрирована`);
+        throw new Error(
+            `chui_layout: узел «${role}» не найден — layout не создан (new AppLayout()) или часть не зарегистрирована`
+        );
     }
     return node;
 }
 
-exports.LAYOUT_ROLE = ROLE
-exports.LayoutRefs = LayoutRefs
-exports.registerLayout = registerLayout
-exports.unregisterLayout = unregisterLayout
-exports.getLayout = getLayout
-exports.findLayoutNode = findLayoutNode
-exports.requireLayoutNode = requireLayoutNode
+exports.LAYOUT_ROLE = ROLE;
+exports.LayoutRefs = LayoutRefs;
+exports.registerLayout = registerLayout;
+exports.unregisterLayout = unregisterLayout;
+exports.getLayout = getLayout;
+exports.findLayoutNode = findLayoutNode;
+exports.requireLayoutNode = requireLayoutNode;

package/framework/modules/chui_logger/chui_logger.js

@@ -1,54 +1,58 @@
-const path = require('path');
-const {app} = require("electron")
-const fs= require('fs');
+const path = require("path");
+const { app } = require("electron");
+const fs = require("fs");
 
 class Logger {
-    constructor() { }
+    constructor() {}
     #generatedMessage(message, type = String()) {
-        let date = new Date().toLocaleString()
-        if (process && process.type === 'renderer') {
-            return `[${date}] [${type}] [render] > ${message}`
+        let date = new Date().toLocaleString();
+        if (process && process.type === "renderer") {
+            return `[${date}] [${type}] [render] > ${message}`;
         } else {
-            return `[${date}] [${type}] [main] > ${message}`
+            return `[${date}] [${type}] [main] > ${message}`;
         }
     }
     info(message) {
-        const type = "info"
-        console.info(this.#generatedMessage(message, type))
-        if (process && process.type === 'renderer') {
-            require("electron").ipcRenderer.send("SEND_LOG_TEXT", this.#generatedMessage(message, type), type)
+        const type = "info";
+        console.info(this.#generatedMessage(message, type));
+        if (process && process.type === "renderer") {
+            require("electron").ipcRenderer.send("SEND_LOG_TEXT", this.#generatedMessage(message, type), type);
         } else {
-            this.#writeLog(this.#generatedMessage(message, type))
+            this.#writeLog(this.#generatedMessage(message, type));
         }
     }
     error(message) {
-        const type = "error"
-        console.error(this.#generatedMessage(message, type))
-        if (process && process.type === 'renderer') {
-            require("electron").ipcRenderer.send("SEND_LOG_TEXT", this.#generatedMessage(message, type), type)
+        const type = "error";
+        console.error(this.#generatedMessage(message, type));
+        if (process && process.type === "renderer") {
+            require("electron").ipcRenderer.send("SEND_LOG_TEXT", this.#generatedMessage(message, type), type);
         } else {
-            this.#writeLog(this.#generatedMessage(message, type))
+            this.#writeLog(this.#generatedMessage(message, type));
         }
     }
     #writeLog(text) {
-        let today = new Date().toLocaleDateString().replace("/", ".")
-        let log_dir_path = path.join(app.getPath("userData"), "logs")
-        let log_file_path = path.join(log_dir_path, `app_${today}.log`)
+        let today = new Date().toLocaleDateString().replace("/", ".");
+        let log_dir_path = path.join(app.getPath("userData"), "logs");
+        let log_file_path = path.join(log_dir_path, `app_${today}.log`);
 
         if (!fs.existsSync(log_dir_path)) {
             fs.mkdirSync(log_dir_path, { recursive: true });
             fs.writeFileSync(log_file_path, "", "utf-8");
         }
 
-        fs.writeFile(log_file_path, `${text}\n`, { flag: 'a+' }, err => {
+        fs.writeFile(log_file_path, `${text}\n`, { flag: "a+" }, (err) => {
             if (err) console.error(err);
         });
     }
 }
 
 class Log {
-    static info(message) { return new Logger().info(message) }
-    static error(message) { return new Logger().error(message) }
+    static info(message) {
+        return new Logger().info(message);
+    }
+    static error(message) {
+        return new Logger().error(message);
+    }
 }
 
-exports.Log = Log
+exports.Log = Log;

package/framework/modules/chui_page/page.js

@@ -1,23 +1,24 @@
-let {Animation} = require('../chui_animations/animations');
-const {Route} = require("../../appLayout/default/chui_app_layout");
-const {Button} = require("../../components/chui_button/button");
-const {Icon} = require("../../components/chui_icons/icons");
-
+let { Animation } = require("../chui_animations/animations");
+const { Route } = require("../../appLayout/default/chui_app_layout");
+const { Button } = require("../../components/chui_button/button");
+const { Icon } = require("../../components/chui_icons/icons");
 
 class Page {
-    #page = document.createElement('page');
+    #page = document.createElement("page");
     #title = undefined;
     #icon = undefined;
     #main = false;
     #menu_bar = undefined;
     constructor() {
-        require('../chui_functions').setStyles(__dirname + "/styles.css", "chUiJS_Page")
+        require("../chui_functions").setStyles(__dirname + "/styles.css", "chUiJS_Page");
     }
     setBackButton(options = { title: "", icon: undefined, reverse: false, page: undefined }) {
         let back = new Button({
-            title: options.title, icon: options.icon, reverse: options.reverse,
-            clickEvent: () => new Route().go(options.page)
-        })
+            title: options.title,
+            icon: options.icon,
+            reverse: options.reverse,
+            clickEvent: () => new Route().go(options.page),
+        });
         this.#page.appendChild(back.set());
     }
     setMenuBar(menubar) {
@@ -27,29 +28,29 @@ class Page {
         return this.#menu_bar;
     }
     addRouteEvent(self, event = () => {}) {
-        let event_name = "route_event_"+self.constructor.name
-        document.addEventListener(event_name, event)
-        setTimeout(() => document.removeEventListener(event_name, event), 100)
+        let event_name = "route_event_" + self.constructor.name;
+        document.addEventListener(event_name, event);
+        setTimeout(() => document.removeEventListener(event_name, event), 100);
     }
     add(...components) {
         for (let component of components) {
-            new Animation(component.set()).fadeIn()
+            new Animation(component.set()).fadeIn();
             this.#page.appendChild(component.set());
         }
     }
     remove(...components) {
         for (let component of components) {
-            new Animation(component.set()).fadeOutAndRemove()
+            new Animation(component.set()).fadeOutAndRemove();
         }
     }
     setFullHeight() {
-        this.#page.style.height = '-webkit-fill-available';
+        this.#page.style.height = "-webkit-fill-available";
     }
     setFullWidth() {
-        this.#page.style.width = '-webkit-fill-available';
+        this.#page.style.width = "-webkit-fill-available";
     }
     disablePadding() {
-        this.#page.style.padding = '0px';
+        this.#page.style.padding = "0px";
     }
     setIcon(icon) {
         this.#icon = new Icon(icon, "13pt").getHTML();
@@ -69,19 +70,24 @@ class Page {
     getMain() {
         return this.#main;
     }
-    getMediaStream(options = {
-        video: false, // or { width: 1280, height: 720 }
-        audio: false
-    }) {
+    getMediaStream(
+        options = {
+            video: false, // or { width: 1280, height: 720 }
+            audio: false,
+        }
+    ) {
         return new Promise((resolve, reject) => {
-            navigator.mediaDevices.getUserMedia(options).then(stream => {
-                resolve(stream);
-            }).catch(reject);
-        })
+            navigator.mediaDevices
+                .getUserMedia(options)
+                .then((stream) => {
+                    resolve(stream);
+                })
+                .catch(reject);
+        });
     }
     render() {
         return this.#page;
     }
 }
 
-exports.Page = Page
+exports.Page = Page;

package/framework/modules/chui_page/styles.css

@@ -9,29 +9,6 @@ page {
     align-items: baseline;
 }
 
-/* Заголовок страницы живёт в содержимом, а не капсулой в шапке: в полосе он уезжал
-   при прокрутке и при этом занимал место рядом с кнопками. Ставит его оболочка
-   (`Route#go`), текст и значок берёт из `Page#getTitle` / `Page#getIcon` */
-page_title {
-    display: flex;
-    align-items: center;
-    gap: 10px;
-    /* Без собственных отступов: text заголовка стоит по тому же вертикали, что и блоки
-       ниже, — иначе он выезжает на 2px вправо и левый край страницы ломается */
-    margin: 0 0 calc(10px * var(--density)) 0;
-    padding: 0;
-    font-size: var(--font_lead_size);
-    font-weight: 600;
-    color: var(--text_color);
-}
-
-page_title chui_icon {
-    color: var(--link_color);
-    /* Кегль значка — как у подписи: при 20px глиф перетягивал строку */
-    font-size: var(--font_lead_size);
-}
-
-/* Страница без заголовка не держит пустую строку */
-page_title:empty {
-    display: none;
-}
+/* Вид заголовка страницы держит шапка (`page_name` в global_style.css): оболочка
+   в содержимое ничего не подмешивает (`Route#go`), поэтому страница начинается
+   со своих блоков, а видимый заголовок рисует приложение само */