ru.coon 2.5.25 → 2.5.26

package/src/info.js

@@ -1,17 +1,17 @@
-/* eslint-disable max-len */
-Ext.define('Coon.info', {
-    requires: ['Coon.version'],
-    singleton: true,
-    extend: 'Ext.window.Window',
-    cls: 'coon-info',
-    layout: 'fit',
-    modal: true,
-    width: 1000,
-    height: 800,
-    maximizable: false,
-    closeAction: 'hide',
-    title: `ru.coon, версия: ${Coon.version.number}`,
-    // insert_html_data_here
+/* eslint-disable max-len */
+Ext.define('Coon.info', {
+    requires: ['Coon.version'],
+    singleton: true,
+    extend: 'Ext.window.Window',
+    cls: 'coon-info',
+    layout: 'fit',
+    modal: true,
+    width: 1000,
+    height: 800,
+    maximizable: false,
+    closeAction: 'hide',
+    title: `ru.coon, версия: ${Coon.version.number}`,
+    // insert_html_data_here
 	// shortcutsHtmlInserted.start
 	shortcutsHtmlInserted: `<ul>
 <li><strong>F4</strong> - открывает редактор конфигурации и редактор в плагинах на полный экран, при закрытии окна(в том числе по нажатию клавиши Esc) изменения сохраняются в текущем редакторе!</li>
@@ -323,28 +323,28 @@ Ext.define('Coon.info', {
 </ul>
 `,
 	// changelogHtmlInserted.end
-    initComponent() {
-        this.items = [{
-            xtype: 'tabpanel',
-            layout: 'fit',
-            defaults: {
-                margin: 8,
-                xtype: 'container',
-                scrollable: 'y',
-            },
-            items: [
-                {
-                    title: 'изменения',
-                    itemId: 'changelog',
-                },
-                {
-                    title: 'сочетания клавиш',
-                    itemId: 'shortcuts',
-                }
-            ],
-        }];
-        this.callParent(arguments);
-        this.down('#changelog').setHtml(this.changelogHtmlInserted);
-        this.down('#shortcuts').setHtml(this.shortcutsHtmlInserted);
-    },
-});
+    initComponent() {
+        this.items = [{
+            xtype: 'tabpanel',
+            layout: 'fit',
+            defaults: {
+                margin: 8,
+                xtype: 'container',
+                scrollable: 'y',
+            },
+            items: [
+                {
+                    title: 'изменения',
+                    itemId: 'changelog',
+                },
+                {
+                    title: 'сочетания клавиш',
+                    itemId: 'shortcuts',
+                }
+            ],
+        }];
+        this.callParent(arguments);
+        this.down('#changelog').setHtml(this.changelogHtmlInserted);
+        this.down('#shortcuts').setHtml(this.shortcutsHtmlInserted);
+    },
+});

package/src/info.scss

@@ -1,13 +1,13 @@
-.coon-info {
-    > * {
-        color: black;
-    }
-    font-size: 1.1em;
-    strong {
-        color: brown;
-    }
-    code {
-        color: lighten($color: blue, $amount: 10);
-        font-size: 1.2em;
-    }
+.coon-info {
+    > * {
+        color: black;
+    }
+    font-size: 1.1em;
+    strong {
+        color: brown;
+    }
+    code {
+        color: lighten($color: blue, $amount: 10);
+        font-size: 1.2em;
+    }
 }

package/src/log.js

@@ -1,219 +1,219 @@
-/**
- * logger
- *
- * @examples:
- *      Coon.log.debug('12',4,'->') => '124->'
- *      Coon.log.print({trace: true, level: 'error'},4,'->') => '4->' with trace logging
- */
-Ext.define('Coon.log', {
-    singleton: true,
-    requires: ['Coon.logSender'],
-    config: {
-        init: false,
-        popup: false,
-    },
-
-    locals: {},
-
-    constructor() {
-        const me = this;
-        if (!this.getInit() && this.isDebug) {
-            this.setInit(true);
-            if (this.isDebug) {
-                this.injectViewer();
-            }
-        }
-        this.consoleError = window.console.error;
-        this.getConsoleError = function() {
-            return me.consoleError || me.getEmptyProxy();
-        };
-        if (this.isProduction()) {
-            this.subscribeToLogErrors();
-        }
-        return this;
-    },
-
-    subscribeToLogErrors() {
-        const me = this;
-        Ext.on('appready', function() {
-            me.getConsoleError().error = function(...args) {
-                me.error(...args);
-            };
-            window.onerror = function(msg, url, lineNumber) {
-                me.error(`at line: ${lineNumber} ${msg}`);
-            };
-            window.addEventListener('unhandledrejection', function(e) {
-                me.error(e.reason.message);
-                return false;
-            });
-        });
-    },
-
-    isProduction() {
-        // TODO does not work without sencha cmd
-        return Ext.Microloader && !Ext.Microloader.manifest.loadOrder;
-    },
-
-    searchXtype(cmp, idx = 0) {
-        if (idx > 20) {
-            return;
-        }
-        if (cmp.xtype === 'UiCustomPanel') {
-            return cmp;
-        }
-        if (cmp.ownerCt) {
-            return this.searchXtype(cmp.ownerCt, ++idx);
-        }
-    },
-
-    handler(id) {
-        const cmp = Ext.getCmp(id);
-        cmp && Coon.log.debug(cmp.$className, cmp.xtype, this.searchXtype(cmp));
-    },
-
-    injectViewer() {
-        document.body.addEventListener('mouseover', (e) => {
-            if (this.getPopup()) {
-                const id = e.target.id;
-                this.handler(id);
-            }
-        });
-    },
-
-    isDebug: !!Ext.util.Cookies.get('coon_log_debug'),
-
-    setDebug(flag) {
-        this.isDebug = !!flag;
-        Ext.util.Cookies.set('coon_log_debug', flag);
-    },
-
-    levels: ['log', 'debug', 'error', 'warn'],
-
-    print({trace, level}, ...args) {
-        if (!this.levels.includes(level)) {
-            level = 'log';
-        }
-        if (!this.isDebug && (level === 'debug' || level === 'log')) {
-            return this;
-        }
-        if (trace) {
-            console.trace(...args);
-        } else {
-            if (this.isProduction && level === 'error') {
-                this.getConsoleError()(` [${level}]: `, ...args);
-            } else {
-                console[level](` [${level}]: `, ...args);
-            }
-        }
-        return this;
-    },
-
-    trace(...args) {
-        return this.print({trace: true}, ...args);
-    },
-
-    log(...args) {
-        return this.print({level: 'log'}, ...args);
-    },
-
-    header(headerText, length) {
-        length = length || 10;
-        if (length > 60) {
-            length = 60;
-        }
-        return this.print({level: 'log'}, ['*'.repeat(length) + headerText + '*'.repeat(length)]);
-    },
-
-    getStackTrace() {
-        const err = new Error();
-        return err.stack;
-    },
-
-    error(...args) {
-        if (this.isProduction()) {
-            args.push('\nstackTrace:');
-            args.push(this.getStackTrace());
-            Coon.logSender.send(args.join(''));
-        }
-        return this.print({level: 'error'}, ...args);
-    },
-
-    warn(...args) {
-        return this.print({level: 'warn'}, ...args);
-    },
-
-    debug(...args) {
-        return this.print({level: 'debug'}, ...args);
-    },
-
-    if(componentId, chain) {
-        return function() {
-            const state = Coon.setup.get(`debug.${componentId}`);
-            if (state) {
-                return typeof chain === 'function' ? chain(this) : this;
-            } else {
-                return this.getEmptyProxy();
-            }
-        }.bind(this);
-    },
-
-    getEmptyProxy() {
-        const proxy = new Proxy({}, {
-            get() {
-                return () => proxy;
-            },
-        });
-        return proxy;
-    },
-
-    listenComponent(id, state) {
-        const cmp = Ext.getCmp(id);
-        if (cmp) {
-            if (state) {
-                if (this.locals.listen[id]) {
-                    Ext.util.Observable.releaseCapture(this.locals.listen[id]);
-                }
-            } else {
-                this.locals.listen[id] = cmp;
-                Ext.util.Observable.capture(this.locals.listen[id], function(eventName, ...args) {
-                    Coon.log.debug(`for component[${id}] emit event[${eventName}], args:`, args);
-                });
-            }
-        } else {
-            Coon.log.error(`cmp with id[${id}] not found`);
-        }
-    },
-
-    getParentPropChain(id, propPaths) {
-        const seek = (cfg, props, acc, opts) => {
-            acc = acc || [];
-            opts = opts || {};
-            const getParent = opts.getParent || function(obj) {
-                return obj.ownerCt;
-            };
-            const owner = getParent(cfg);
-            if (owner) {
-                const el = {
-                    id: owner.id,
-                    xtype: owner.xtype || owner.$className,
-                };
-                props.forEach((prop) => {
-                    el[prop] = Coon.util.getByPath(owner, prop);
-                });
-                acc.push(el);
-            }
-            if (getParent(owner)) {
-                seek(owner, props, acc);
-            }
-            return acc;
-        };
-        const cmp = Ext.getCmp(id);
-        if (cmp) {
-            const res = seek(cmp, propPaths);
-            Coon.log.debug(res);
-            return res;
-        } else {
-            Coon.log.error(`cmp with id[${id}] not found`);
-        }
-    },
-});
+/**
+ * logger
+ *
+ * @examples:
+ *      Coon.log.debug('12',4,'->') => '124->'
+ *      Coon.log.print({trace: true, level: 'error'},4,'->') => '4->' with trace logging
+ */
+Ext.define('Coon.log', {
+    singleton: true,
+    requires: ['Coon.logSender'],
+    config: {
+        init: false,
+        popup: false,
+    },
+
+    locals: {},
+
+    constructor() {
+        const me = this;
+        if (!this.getInit() && this.isDebug) {
+            this.setInit(true);
+            if (this.isDebug) {
+                this.injectViewer();
+            }
+        }
+        this.consoleError = window.console.error;
+        this.getConsoleError = function() {
+            return me.consoleError || me.getEmptyProxy();
+        };
+        if (this.isProduction()) {
+            this.subscribeToLogErrors();
+        }
+        return this;
+    },
+
+    subscribeToLogErrors() {
+        const me = this;
+        Ext.on('appready', function() {
+            me.getConsoleError().error = function(...args) {
+                me.error(...args);
+            };
+            window.onerror = function(msg, url, lineNumber) {
+                me.error(`at line: ${lineNumber} ${msg}`);
+            };
+            window.addEventListener('unhandledrejection', function(e) {
+                me.error(e.reason.message);
+                return false;
+            });
+        });
+    },
+
+    isProduction() {
+        // TODO does not work without sencha cmd
+        return Ext.Microloader && !Ext.Microloader.manifest.loadOrder;
+    },
+
+    searchXtype(cmp, idx = 0) {
+        if (idx > 20) {
+            return;
+        }
+        if (cmp.xtype === 'UiCustomPanel') {
+            return cmp;
+        }
+        if (cmp.ownerCt) {
+            return this.searchXtype(cmp.ownerCt, ++idx);
+        }
+    },
+
+    handler(id) {
+        const cmp = Ext.getCmp(id);
+        cmp && Coon.log.debug(cmp.$className, cmp.xtype, this.searchXtype(cmp));
+    },
+
+    injectViewer() {
+        document.body.addEventListener('mouseover', (e) => {
+            if (this.getPopup()) {
+                const id = e.target.id;
+                this.handler(id);
+            }
+        });
+    },
+
+    isDebug: !!Ext.util.Cookies.get('coon_log_debug'),
+
+    setDebug(flag) {
+        this.isDebug = !!flag;
+        Ext.util.Cookies.set('coon_log_debug', flag);
+    },
+
+    levels: ['log', 'debug', 'error', 'warn'],
+
+    print({trace, level}, ...args) {
+        if (!this.levels.includes(level)) {
+            level = 'log';
+        }
+        if (!this.isDebug && (level === 'debug' || level === 'log')) {
+            return this;
+        }
+        if (trace) {
+            console.trace(...args);
+        } else {
+            if (this.isProduction && level === 'error') {
+                this.getConsoleError()(` [${level}]: `, ...args);
+            } else {
+                console[level](` [${level}]: `, ...args);
+            }
+        }
+        return this;
+    },
+
+    trace(...args) {
+        return this.print({trace: true}, ...args);
+    },
+
+    log(...args) {
+        return this.print({level: 'log'}, ...args);
+    },
+
+    header(headerText, length) {
+        length = length || 10;
+        if (length > 60) {
+            length = 60;
+        }
+        return this.print({level: 'log'}, ['*'.repeat(length) + headerText + '*'.repeat(length)]);
+    },
+
+    getStackTrace() {
+        const err = new Error();
+        return err.stack;
+    },
+
+    error(...args) {
+        if (this.isProduction()) {
+            args.push('\nstackTrace:');
+            args.push(this.getStackTrace());
+            Coon.logSender.send(args.join(''));
+        }
+        return this.print({level: 'error'}, ...args);
+    },
+
+    warn(...args) {
+        return this.print({level: 'warn'}, ...args);
+    },
+
+    debug(...args) {
+        return this.print({level: 'debug'}, ...args);
+    },
+
+    if(componentId, chain) {
+        return function() {
+            const state = Coon.setup.get(`debug.${componentId}`);
+            if (state) {
+                return typeof chain === 'function' ? chain(this) : this;
+            } else {
+                return this.getEmptyProxy();
+            }
+        }.bind(this);
+    },
+
+    getEmptyProxy() {
+        const proxy = new Proxy({}, {
+            get() {
+                return () => proxy;
+            },
+        });
+        return proxy;
+    },
+
+    listenComponent(id, state) {
+        const cmp = Ext.getCmp(id);
+        if (cmp) {
+            if (state) {
+                if (this.locals.listen[id]) {
+                    Ext.util.Observable.releaseCapture(this.locals.listen[id]);
+                }
+            } else {
+                this.locals.listen[id] = cmp;
+                Ext.util.Observable.capture(this.locals.listen[id], function(eventName, ...args) {
+                    Coon.log.debug(`for component[${id}] emit event[${eventName}], args:`, args);
+                });
+            }
+        } else {
+            Coon.log.error(`cmp with id[${id}] not found`);
+        }
+    },
+
+    getParentPropChain(id, propPaths) {
+        const seek = (cfg, props, acc, opts) => {
+            acc = acc || [];
+            opts = opts || {};
+            const getParent = opts.getParent || function(obj) {
+                return obj.ownerCt;
+            };
+            const owner = getParent(cfg);
+            if (owner) {
+                const el = {
+                    id: owner.id,
+                    xtype: owner.xtype || owner.$className,
+                };
+                props.forEach((prop) => {
+                    el[prop] = Coon.util.getByPath(owner, prop);
+                });
+                acc.push(el);
+            }
+            if (getParent(owner)) {
+                seek(owner, props, acc);
+            }
+            return acc;
+        };
+        const cmp = Ext.getCmp(id);
+        if (cmp) {
+            const res = seek(cmp, propPaths);
+            Coon.log.debug(res);
+            return res;
+        } else {
+            Coon.log.error(`cmp with id[${id}] not found`);
+        }
+    },
+});

package/src/logSender.js

@@ -1,63 +1,63 @@
-Ext.define('Coon.logSender', {
-    singleton: true,
-    lastSendAt: 0,
-    timeBetween: 1000,
-    isBusy: false,
-
-    url: 'utility/log',
-
-    buffer: [],
-    maxBufferLength: 30,
-
-    clearBusy() {
-        this.isBusy = false;
-    },
-
-    geMsg() {
-        if (this.buffer.length > this.maxBufferLength) {
-            const msg = this.buffer.slice(this.buffer.length - this.maxBufferLength).join('\n');
-            return `last[${this.maxBufferLength}]messages\n` + msg;
-        } else {
-            return this.buffer.join('\n');
-        }
-    },
-
-    send(message) {
-        if (!message) {
-            return;
-        }
-        if (typeof message !== 'string') {
-            try {
-                message = JSON.stringify(message);
-            } catch (ex) {
-                message = `messageToJsonError:${ex}`;
-            }
-        }
-        const statePath = Coon.nav.state.getPath();
-        message = message + '\npath=' + JSON.stringify(statePath);
-        const me = this;
-        const sendLog = function() {
-            if (me.buffer.length) {
-                Ext.Ajax.request({
-                    url: me.url,
-                    jsonData: me.geMsg(),
-                }).then(function(result) {
-                    if (result.completionAction === 'reject') {
-                        console.error('cant send log');
-                    }
-                });
-                me.buffer = [];
-            }
-        };
-
-        this.buffer.push(message);
-        if (!this.isBusy) {
-            this.isBusy = true;
-            setTimeout(function() {
-                me.clearBusy();
-                sendLog();
-            }, this.timeBetween);
-            sendLog();
-        }
-    },
-});
+Ext.define('Coon.logSender', {
+    singleton: true,
+    lastSendAt: 0,
+    timeBetween: 1000,
+    isBusy: false,
+
+    url: 'utility/log',
+
+    buffer: [],
+    maxBufferLength: 30,
+
+    clearBusy() {
+        this.isBusy = false;
+    },
+
+    geMsg() {
+        if (this.buffer.length > this.maxBufferLength) {
+            const msg = this.buffer.slice(this.buffer.length - this.maxBufferLength).join('\n');
+            return `last[${this.maxBufferLength}]messages\n` + msg;
+        } else {
+            return this.buffer.join('\n');
+        }
+    },
+
+    send(message) {
+        if (!message) {
+            return;
+        }
+        if (typeof message !== 'string') {
+            try {
+                message = JSON.stringify(message);
+            } catch (ex) {
+                message = `messageToJsonError:${ex}`;
+            }
+        }
+        const statePath = Coon.nav.state.getPath();
+        message = message + '\npath=' + JSON.stringify(statePath);
+        const me = this;
+        const sendLog = function() {
+            if (me.buffer.length) {
+                Ext.Ajax.request({
+                    url: me.url,
+                    jsonData: me.geMsg(),
+                }).then(function(result) {
+                    if (result.completionAction === 'reject') {
+                        console.error('cant send log');
+                    }
+                });
+                me.buffer = [];
+            }
+        };
+
+        this.buffer.push(message);
+        if (!this.isBusy) {
+            this.isBusy = true;
+            setTimeout(function() {
+                me.clearBusy();
+                sendLog();
+            }, this.timeBetween);
+            sendLog();
+        }
+    },
+});