chuijs 3.6.2 → 3.6.4

package/framework/modules/chui_functions.js

@@ -1,79 +1,107 @@
-const fs = require("fs")
-
-function sleep(ms) {
-    return new Promise(resolve => setTimeout(resolve, ms));
-}
-
-function setStyles(pathToCSS = String(), component = String()) {
-    let data = fs.readFileSync(pathToCSS, 'utf8');
-    let style = document.createElement('style');
-    style.innerHTML = String(data);
-    style.type = 'text/css';
-    style.setAttribute('id', component);
-    if (document.getElementById(component) == null) document.head.appendChild(style);
-}
-
-function style_parse(json, component) {
-    let stringz = JSON.parse(JSON.stringify(json));
-    let style_string = [];
-    for (let i = 0; i < stringz.length; i++) {
-        style_string.push(`${stringz[i].name} {`)
-        JSON.parse(JSON.stringify(stringz[i].style), function(key, value) {
-            if (typeof value !== 'object') style_string.push(`${key}:${value};`)
-            return value;
-        });
-        style_string.push(`}\n`)
-    }
-    let style = document.createElement('style');
-    style.innerText = style_string.join("").slice(0, -1);
-    style.type = 'text/css';
-    style.setAttribute('id', component);
-    if (document.getElementById(component) == null) document.head.appendChild(style);
-}
-
-const render = async (rendez) =>  {
-    window.addEventListener('DOMContentLoaded', rendez)
-}
-
-function getDefaultIcon() {
-    return require('path').join(__dirname, 'chui_icon.png');
-}
-
-function markdownToHtml(text = String()) {
-    let showdown = require('showdown');
-    return new showdown.Converter().makeHtml(text);
-}
-
-function htmlToMarkdown(text = String()) {
-    let showdown = require('showdown');
-    return new showdown.Converter().makeMarkdown(text);
-}
-
-function getDate() {
-    let date = new Date();
-    let day = ('0' + Number(date.getDate()).toString()).slice(-2);
-    let month = ('0' + Number(date.getMonth() + 1).toString()).slice(-2);
-    let year = date.getFullYear();
-    let hours = ('0' + Number(date.getHours()).toString()).slice(-2);
-    let minutes = ('0' + Number(date.getMinutes()).toString()).slice(-2);
-    return `${day}.${month}.${year} ${hours}:${minutes}`;
-}
-
-function formatBytes(bytes, decimals = 2) {
-    if (!+bytes) return '0 Bytes'
-    const k = 1024
-    const dm = decimals < 0 ? 0 : decimals
-    const sizes = ['Bytes', 'KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB']
-    const i = Math.floor(Math.log(bytes) / Math.log(k))
-    return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`
-}
-
-exports.getDate = getDate
-exports.sleep = sleep
-exports.style_parse = style_parse
-exports.render = render
-exports.markdownToHtml = markdownToHtml
-exports.htmlToMarkdown = htmlToMarkdown
-exports.getDefaultIcon = getDefaultIcon
-exports.setStyles = setStyles
+const fs = require("fs")
+
+function sleep(ms) {
+    return new Promise(resolve => setTimeout(resolve, ms));
+}
+
+function setStyles(pathToCSS = String(), component = String()) {
+    if (document.getElementById(component) != null) return;
+    let data = fs.readFileSync(pathToCSS, 'utf8');
+    let style = document.createElement('style');
+    style.innerHTML = String(data);
+    style.type = 'text/css';
+    style.setAttribute('id', component);
+    document.head.appendChild(style);
+}
+
+function style_parse(json, component) {
+    let stringz = JSON.parse(JSON.stringify(json));
+    let style_string = [];
+    for (let i = 0; i < stringz.length; i++) {
+        style_string.push(`${stringz[i].name} {`)
+        JSON.parse(JSON.stringify(stringz[i].style), function(key, value) {
+            if (typeof value !== 'object') style_string.push(`${key}:${value};`)
+            return value;
+        });
+        style_string.push(`}\n`)
+    }
+    let style = document.createElement('style');
+    style.innerText = style_string.join("").slice(0, -1);
+    style.type = 'text/css';
+    style.setAttribute('id', component);
+    if (document.getElementById(component) == null) document.head.appendChild(style);
+}
+
+const render = (rendez) => {
+    return new Promise((resolve, reject) => {
+        const run = () => {
+            try {
+                const result = rendez();
+                if (result instanceof Promise) result.then(resolve, reject);
+                else resolve(result);
+            } catch (e) {
+                reject(e);
+            }
+        };
+        if (document.readyState === 'loading') window.addEventListener('DOMContentLoaded', run, { once: true });
+        else run();
+    });
+}
+
+function getDefaultIcon() {
+    return require('path').join(__dirname, 'chui_icon.png');
+}
+
+const DROPDOWN_VIEWPORT_MARGIN = 8;
+
+/**
+ * Проверяет, нужно ли открывать выпадающий список вверх.
+ * Список переворачивается, только если снизу места не хватает, а сверху его достаточно.
+ */
+function shouldOpenDropdownUp(dropdown = new HTMLElement(), anchor = new HTMLElement()) {
+    const anchorRect = anchor.getBoundingClientRect();
+    const dropdownHeight = dropdown.offsetHeight;
+    const spaceBelow = window.innerHeight - anchorRect.bottom - DROPDOWN_VIEWPORT_MARGIN;
+    const spaceAbove = anchorRect.top - DROPDOWN_VIEWPORT_MARGIN;
+    return dropdownHeight > spaceBelow && dropdownHeight <= spaceAbove;
+}
+
+function markdownToHtml(text = String()) {
+    let showdown = require('showdown');
+    return new showdown.Converter().makeHtml(text);
+}
+
+function htmlToMarkdown(text = String()) {
+    let showdown = require('showdown');
+    return new showdown.Converter().makeMarkdown(text);
+}
+
+function getDate() {
+    let date = new Date();
+    let day = ('0' + Number(date.getDate()).toString()).slice(-2);
+    let month = ('0' + Number(date.getMonth() + 1).toString()).slice(-2);
+    let year = date.getFullYear();
+    let hours = ('0' + Number(date.getHours()).toString()).slice(-2);
+    let minutes = ('0' + Number(date.getMinutes()).toString()).slice(-2);
+    return `${day}.${month}.${year} ${hours}:${minutes}`;
+}
+
+function formatBytes(bytes, decimals = 2) {
+    if (!+bytes) return '0 Bytes'
+    const k = 1024
+    const dm = decimals < 0 ? 0 : decimals
+    const sizes = ['Bytes', 'KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB']
+    const i = Math.floor(Math.log(bytes) / Math.log(k))
+    return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`
+}
+
+exports.getDate = getDate
+exports.sleep = sleep
+exports.style_parse = style_parse
+exports.render = render
+exports.markdownToHtml = markdownToHtml
+exports.htmlToMarkdown = htmlToMarkdown
+exports.getDefaultIcon = getDefaultIcon
+exports.shouldOpenDropdownUp = shouldOpenDropdownUp
+exports.setStyles = setStyles
 exports.formatBytes = formatBytes

package/framework/modules/chui_logger/chui_logger.js

@@ -1,54 +1,54 @@
-const path = require('path');
-const {app} = require("electron")
-const fs= require('fs');
-
-class Logger {
-    constructor() { }
-    #generatedMessage(message, type = String()) {
-        let date = new Date().toLocaleString()
-        if (process && process.type === 'renderer') {
-            return `[${date}] [${type}] [render] > ${message}`
-        } else {
-            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)
-        } else {
-            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)
-        } else {
-            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`)
-
-        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 => {
-            if (err) console.error(err);
-        });
-    }
-}
-
-class Log {
-    static info(message) { return new Logger().info(message) }
-    static error(message) { return new Logger().error(message) }
-}
-
+const path = require('path');
+const {app} = require("electron")
+const fs= require('fs');
+
+class Logger {
+    constructor() { }
+    #generatedMessage(message, type = String()) {
+        let date = new Date().toLocaleString()
+        if (process && process.type === 'renderer') {
+            return `[${date}] [${type}] [render] > ${message}`
+        } else {
+            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)
+        } else {
+            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)
+        } else {
+            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`)
+
+        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 => {
+            if (err) console.error(err);
+        });
+    }
+}
+
+class Log {
+    static info(message) { return new Logger().info(message) }
+    static error(message) { return new Logger().error(message) }
+}
+
 exports.Log = Log

package/framework/modules/chui_page/page.js

@@ -1,87 +1,87 @@
-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');
-    #title = undefined;
-    #icon = undefined;
-    #main = false;
-    #menu_bar = undefined;
-    constructor() {
-        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)
-        })
-        this.#page.appendChild(back.set());
-    }
-    setMenuBar(menubar) {
-        this.#menu_bar = menubar.set();
-    }
-    getMenuBar() {
-        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)
-    }
-    add(...components) {
-        for (let component of components) {
-            new Animation(component.set()).fadeIn()
-            this.#page.appendChild(component.set());
-        }
-    }
-    remove(...components) {
-        for (let component of components) {
-            new Animation(component.set()).fadeOutAndRemove()
-        }
-    }
-    setFullHeight() {
-        this.#page.style.height = '-webkit-fill-available';
-    }
-    setFullWidth() {
-        this.#page.style.width = '-webkit-fill-available';
-    }
-    disablePadding() {
-        this.#page.style.padding = '0px';
-    }
-    setIcon(icon) {
-        this.#icon = new Icon(icon, "13pt").getHTML();
-    }
-    setTitle(title) {
-        this.#title = title;
-    }
-    setMain(boolean) {
-        this.#main = boolean;
-    }
-    getIcon() {
-        return this.#icon;
-    }
-    getTitle() {
-        return this.#title;
-    }
-    getMain() {
-        return this.#main;
-    }
-    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);
-        })
-    }
-    render() {
-        return this.#page;
-    }
-}
-
+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');
+    #title = undefined;
+    #icon = undefined;
+    #main = false;
+    #menu_bar = undefined;
+    constructor() {
+        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)
+        })
+        this.#page.appendChild(back.set());
+    }
+    setMenuBar(menubar) {
+        this.#menu_bar = menubar.set();
+    }
+    getMenuBar() {
+        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)
+    }
+    add(...components) {
+        for (let component of components) {
+            new Animation(component.set()).fadeIn()
+            this.#page.appendChild(component.set());
+        }
+    }
+    remove(...components) {
+        for (let component of components) {
+            new Animation(component.set()).fadeOutAndRemove()
+        }
+    }
+    setFullHeight() {
+        this.#page.style.height = '-webkit-fill-available';
+    }
+    setFullWidth() {
+        this.#page.style.width = '-webkit-fill-available';
+    }
+    disablePadding() {
+        this.#page.style.padding = '0px';
+    }
+    setIcon(icon) {
+        this.#icon = new Icon(icon, "13pt").getHTML();
+    }
+    setTitle(title) {
+        this.#title = title;
+    }
+    setMain(boolean) {
+        this.#main = boolean;
+    }
+    getIcon() {
+        return this.#icon;
+    }
+    getTitle() {
+        return this.#title;
+    }
+    getMain() {
+        return this.#main;
+    }
+    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);
+        })
+    }
+    render() {
+        return this.#page;
+    }
+}
+
 exports.Page = Page

package/framework/modules/chui_page/styles.css

@@ -1,10 +1,10 @@
-page {
-    padding: 6px;
-    display: flex;
-    flex-direction: column;
-    width: -webkit-fill-available;
-    align-items: baseline;
-}
-.header_padding {
-    padding-top: 96px;
+page {
+    padding: 6px;
+    display: flex;
+    flex-direction: column;
+    width: -webkit-fill-available;
+    align-items: baseline;
+}
+.header_padding {
+    padding-top: 96px;
 }

package/framework/tray_bar/chui_menu_items.js

@@ -1,49 +1,49 @@
-class MenuItem {
-    button(title = String(), action = () => {}) { return { label: title, click: action } }
-    separator() { return { type: 'separator' } }
-    submenu(title= String(), submenu_list = Array()) { return { label: title, submenu: submenu_list } }
-    radio(title= String(), checked = Boolean(), action = () => {}) { return { label: title, type: 'radio', checked: checked, click: action } }
-    checkbox(title= String(), checked = Boolean(), action = () => {}) { return { label: title, type: 'checkbox', checked: checked, click: action } }
-    undo(title= String()) { return { label: title, role: 'undo' } }
-    redo(title= String()) { return { label: title, role: 'redo' } }
-    cut(title= String()) { return { label: title, role: 'cut' } }
-    copy(title= String()) { return { label: title, role: 'copy' } }
-    paste(title= String()) { return { label: title, role: 'paste' } }
-    pasteAndMatchStyle(title) { return { label: title, role: 'pasteAndMatchStyle' } }
-    delete(title= String()) { return { label: title, role: 'delete' } }
-    selectAll(title= String()) { return { label: title, role: 'selectAll' } }
-    reload(title= String()) { return { label: title, role: 'reload' } }
-    forceReload(title= String()) { return { label: title, role: 'forceReload' } }
-    quit(title= String()) { return { label: title, role: 'quit' } }
-    resetZoom(title= String()) { return { label: title, role: 'resetZoom' } }
-    zoomIn(title= String()) { return { label: title, role: 'zoomIn' } }
-    zoomOut(title= String()) { return { label: title, role: 'zoomOut' } }
-    toggleFullScreen(title= String()) { return { label: title, role: 'togglefullscreen' } }
-    window(title= String()) { return { label: title, role: 'window' } }
-    minimize(title= String()) { return { label: title, role: 'minimize' } }
-    close(title= String()) { return { label: title, role: 'close' } }
-    help(title= String()) { return { label: title, role: 'help' } }
-    about(title= String()) { return { label: title, role: 'about' } }
-    services(title= String()) { return { label: title, role: 'services' } }
-    hide(title= String()) { return { label: title, role: 'hide' } }
-    hideOthers(title= String()) { return { label: title, role: 'hideOthers' } }
-    unhide(title= String()) { return { label: title, role: 'unhide' } }
-    startSpeaking(title= String()) { return { label: title, role: 'startSpeaking' } }
-    stopSpeaking(title= String()) { return { label: title, role: 'stopSpeaking' } }
-    zoom(title= String()) { return { label: title, role: 'zoom' } }
-    front(title= String()) { return { label: title, role: 'front' } }
-    appMenu(title= String()) { return { label: title, role: 'appMenu' } }
-    fileMenu(title= String()) { return { label: title, role: 'fileMenu' } }
-    editMenu(title= String()) { return { label: title, role: 'editMenu' } }
-    viewMenu(title= String()) { return { label: title, role: 'viewMenu' } }
-    recentDocuments(title= String()) { return { label: title, role: 'recentDocuments' } }
-    toggleTabBar(title= String()) { return { label: title, role: 'toggleTabBar' } }
-    selectNextTab(title= String()) { return { label: title, role: 'selectNextTab' } }
-    selectPreviousTab(title= String()) { return { label: title, role: 'selectPreviousTab' } }
-    mergeAllWindows(title= String()) { return { label: title, role: 'mergeAllWindows' } }
-    clearRecentDocuments(title= String()) { return { label: title, role: 'clearRecentDocuments' } }
-    moveTabToNewWindow(title= String()) { return { label: title, role: 'moveTabToNewWindow' } }
-    windowMenu(title= String()) { return { label: title, role: 'windowMenu' } }
-}
-
+class MenuItem {
+    button(title = String(), action = () => {}) { return { label: title, click: action } }
+    separator() { return { type: 'separator' } }
+    submenu(title= String(), submenu_list = Array()) { return { label: title, submenu: submenu_list } }
+    radio(title= String(), checked = Boolean(), action = () => {}) { return { label: title, type: 'radio', checked: checked, click: action } }
+    checkbox(title= String(), checked = Boolean(), action = () => {}) { return { label: title, type: 'checkbox', checked: checked, click: action } }
+    undo(title= String()) { return { label: title, role: 'undo' } }
+    redo(title= String()) { return { label: title, role: 'redo' } }
+    cut(title= String()) { return { label: title, role: 'cut' } }
+    copy(title= String()) { return { label: title, role: 'copy' } }
+    paste(title= String()) { return { label: title, role: 'paste' } }
+    pasteAndMatchStyle(title) { return { label: title, role: 'pasteAndMatchStyle' } }
+    delete(title= String()) { return { label: title, role: 'delete' } }
+    selectAll(title= String()) { return { label: title, role: 'selectAll' } }
+    reload(title= String()) { return { label: title, role: 'reload' } }
+    forceReload(title= String()) { return { label: title, role: 'forceReload' } }
+    quit(title= String()) { return { label: title, role: 'quit' } }
+    resetZoom(title= String()) { return { label: title, role: 'resetZoom' } }
+    zoomIn(title= String()) { return { label: title, role: 'zoomIn' } }
+    zoomOut(title= String()) { return { label: title, role: 'zoomOut' } }
+    toggleFullScreen(title= String()) { return { label: title, role: 'togglefullscreen' } }
+    window(title= String()) { return { label: title, role: 'window' } }
+    minimize(title= String()) { return { label: title, role: 'minimize' } }
+    close(title= String()) { return { label: title, role: 'close' } }
+    help(title= String()) { return { label: title, role: 'help' } }
+    about(title= String()) { return { label: title, role: 'about' } }
+    services(title= String()) { return { label: title, role: 'services' } }
+    hide(title= String()) { return { label: title, role: 'hide' } }
+    hideOthers(title= String()) { return { label: title, role: 'hideOthers' } }
+    unhide(title= String()) { return { label: title, role: 'unhide' } }
+    startSpeaking(title= String()) { return { label: title, role: 'startSpeaking' } }
+    stopSpeaking(title= String()) { return { label: title, role: 'stopSpeaking' } }
+    zoom(title= String()) { return { label: title, role: 'zoom' } }
+    front(title= String()) { return { label: title, role: 'front' } }
+    appMenu(title= String()) { return { label: title, role: 'appMenu' } }
+    fileMenu(title= String()) { return { label: title, role: 'fileMenu' } }
+    editMenu(title= String()) { return { label: title, role: 'editMenu' } }
+    viewMenu(title= String()) { return { label: title, role: 'viewMenu' } }
+    recentDocuments(title= String()) { return { label: title, role: 'recentDocuments' } }
+    toggleTabBar(title= String()) { return { label: title, role: 'toggleTabBar' } }
+    selectNextTab(title= String()) { return { label: title, role: 'selectNextTab' } }
+    selectPreviousTab(title= String()) { return { label: title, role: 'selectPreviousTab' } }
+    mergeAllWindows(title= String()) { return { label: title, role: 'mergeAllWindows' } }
+    clearRecentDocuments(title= String()) { return { label: title, role: 'clearRecentDocuments' } }
+    moveTabToNewWindow(title= String()) { return { label: title, role: 'moveTabToNewWindow' } }
+    windowMenu(title= String()) { return { label: title, role: 'windowMenu' } }
+}
+
 exports.MenuItem = MenuItem