neo.mjs 5.13.10 → 5.14.0

package/apps/ServiceWorker.mjs

@@ -20,9 +20,9 @@ class ServiceWorker extends ServiceBase {
          */
         singleton: true,
         /**
-         * @member {String} version='5.13.10'
+         * @member {String} version='5.14.0'
          */
-        version: '5.13.10'
+        version: '5.14.0'
     }
 
     /**

package/examples/ServiceWorker.mjs

@@ -20,9 +20,9 @@ class ServiceWorker extends ServiceBase {
          */
         singleton: true,
         /**
-         * @member {String} version='5.13.10'
+         * @member {String} version='5.14.0'
          */
-        version: '5.13.10'
+        version: '5.14.0'
     }
 
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "neo.mjs",
-    "version": "5.13.10",
+    "version": "5.14.0",
     "description": "The webworkers driven UI framework",
     "type": "module",
     "repository": {

package/src/DefaultConfig.mjs

@@ -245,12 +245,12 @@ const DefaultConfig = {
     useVdomWorker: true,
     /**
      * buildScripts/injectPackageVersion.mjs will update this value
-     * @default '5.13.10'
+     * @default '5.14.0'
      * @memberOf! module:Neo
      * @name config.version
      * @type String
      */
-    version: '5.13.10'
+    version: '5.14.0'
 };
 
 Object.assign(DefaultConfig, {

package/src/controller/Application.mjs

@@ -1,5 +1,6 @@
 import Base            from './Base.mjs';
 import ClassSystemUtil from '../util/ClassSystem.mjs';
+import Logger          from '../util/Logger.mjs';
 
 /**
  * @class Neo.controller.Application
@@ -72,7 +73,7 @@ class Application extends Base {
         Neo.currentWorker.registerApp(me.name);
 
         if (mainView) {
-            me.mainView = mainView;
+            me.mainView = mainView
         }
     }
 
@@ -82,11 +83,17 @@ class Application extends Base {
      * @param {Neo.component.Base|null} oldValue
      * @protected
      */
-    afterSetMainView(value, oldValue) {
-        // short delay to ensure changes from onHashChange() got applied
-        value && setTimeout(() => {
-            value.render(true);
-        }, Neo.config.hash ? 200 : 10);
+    async afterSetMainView(value, oldValue) {
+        if (value) {
+            let me = this;
+
+            // short delay to ensure changes from onHashChange() got applied
+            await Neo.timeout(Neo.config.hash ? 200 : 10);
+
+            value.on('mounted', me.registerLoggerClickEvent, me);
+
+            value.render(true)
+        }
     }
 
     /**
@@ -101,10 +108,10 @@ class Application extends Base {
             return ClassSystemUtil.beforeSetInstance(value, null, {
                 appName : this.name,
                 parentId: this.parentId
-            });
+            })
         }
 
-        return null;
+        return null
     }
 
     /**
@@ -113,7 +120,14 @@ class Application extends Base {
      */
     destroy(...args) {
         Neo.currentWorker.removeAppFromThemeMap(this.name);
-        super.destroy(...args);
+        super.destroy(...args)
+    }
+
+    /**
+     * @protected
+     */
+    registerLoggerClickEvent() {
+        Logger.addContextMenuListener(this.mainView)
     }
 }
 

package/src/main/DomEvents.mjs

@@ -121,7 +121,7 @@ class DomEvents extends Base {
         window  .addEventListener('hashchange',       me.onHashChange      .bind(me));
 
         if (Neo.config.useSharedWorkers) {
-            window.addEventListener('beforeunload', me.onBeforeUnload.bind(me));
+            window.addEventListener('beforeunload', me.onBeforeUnload.bind(me))
         }
     }
 
@@ -138,17 +138,17 @@ class DomEvents extends Base {
             event = data.events[i];
 
             if (!me[event.handler]) {
-                me[event.handler] = Neo.emptyFn;
+                me[event.handler] = Neo.emptyFn
             }
 
             id = event.vnodeId || data.vnodeId;
 
             if (id === 'document.body') {
-                targetNode = document.body;
+                targetNode = document.body
             } else if (Neo.config.useDomIds) {
-                targetNode = document.getElementById(id);
+                targetNode = document.getElementById(id)
             } else {
-                targetNode = document.querySelector(`[data-neo-id='${id}']`);
+                targetNode = document.querySelector(`[data-neo-id='${id}']`)
             }
 
             targetNode.addEventListener(event.name, me[event.handler].bind(me));
@@ -159,7 +159,7 @@ class DomEvents extends Base {
             data,
             replyId: data.id,
             success: true
-        });
+        })
     }
 
     /**
@@ -169,7 +169,7 @@ class DomEvents extends Base {
         let me = this;
 
         [...globalDomEvents].concat(Neo.config.useTouchEvents ? touchEvents : []).forEach(event => {
-            document.body.addEventListener(event.name, me[event.handler].bind(me), event.options);
+            document.body.addEventListener(event.name, me[event.handler].bind(me), event.options)
         });
     }
 
@@ -233,7 +233,7 @@ class DomEvents extends Base {
                 break;
         }
 
-        Neo.worker.Manager.sendMessage('app', config);
+        Neo.worker.Manager.sendMessage('app', config)
     }
 
     /**
@@ -323,11 +323,11 @@ class DomEvents extends Base {
 
             while (element.parentNode) {
                 path.push(element.parentNode);
-                element = element.parentNode;
+                element = element.parentNode
             }
         }
 
-        return path;
+        return path
     }
 
     /**
@@ -388,8 +388,8 @@ class DomEvents extends Base {
      * @returns {Touch}
      */
     getTouchCoords(event) {
-        const {touches, changedTouches} = event;
-        return touches?.[0] || changedTouches?.[0];
+        let {touches, changedTouches} = event;
+        return touches?.[0] || changedTouches?.[0]
     }
 
     /**
@@ -400,10 +400,7 @@ class DomEvents extends Base {
         let manager = Neo.worker.Manager;
 
         manager.appNames.forEach(appName => {
-            manager.broadcast({
-                action : 'disconnect',
-                appName
-            });
+            manager.broadcast({action : 'disconnect', appName})
         })
     }
 
@@ -424,10 +421,10 @@ class DomEvents extends Base {
 
         // input and change events can pass a FileList for input type file
         if (target.files) {
-            data.files = target.files;
+            data.files = target.files
         }
 
-        me.sendMessageToApp(data);
+        me.sendMessageToApp(data)
     }
 
     /**
@@ -438,7 +435,7 @@ class DomEvents extends Base {
 
         me.sendMessageToApp(me.getMouseEventData(event));
 
-        me.testPathInclusion(event, preventClickTargets) && event.preventDefault();
+        me.testPathInclusion(event, preventClickTargets) && event.preventDefault()
     }
 
     /**
@@ -449,7 +446,9 @@ class DomEvents extends Base {
 
         me.sendMessageToApp(me.getMouseEventData(event));
 
-        me.testPathInclusion(event, preventContextmenuTargets) && event.preventDefault();
+        if (event.ctrlKey || me.testPathInclusion(event, preventContextmenuTargets)) {
+            event.preventDefault()
+        }
     }
 
     /**
@@ -457,7 +456,7 @@ class DomEvents extends Base {
      */
     onDomContentLoaded() {
         this.addGlobalDomListeners();
-        this.fire('domContentLoaded');
+        this.fire('domContentLoaded')
     }
 
     /**
@@ -468,29 +467,28 @@ class DomEvents extends Base {
 
         me.sendMessageToApp(me.getMouseEventData(event));
 
-        me.testPathInclusion(event, preventClickTargets) && event.preventDefault();
+        me.testPathInclusion(event, preventClickTargets) && event.preventDefault()
     }
 
     /**
      * @param {Object} event
      */
     onDragOver(event) {
-        event.dataTransfer.dropEffect = 'move';
-        //console.log('onDragOver', event);
+        event.dataTransfer.dropEffect = 'move'
     }
 
     /**
      * @param {Object} event
      */
     onFocusIn(event) {
-        this.sendMessageToApp(this.getEventData(event));
+        this.sendMessageToApp(this.getEventData(event))
     }
 
     /**
      * @param {Object} event
      */
     onFocusOut(event) {
-        this.sendMessageToApp(this.getEventData(event));
+        this.sendMessageToApp(this.getEventData(event))
     }
 
     /**
@@ -507,7 +505,7 @@ class DomEvents extends Base {
                 hash      : this.parseHash(hashString),
                 hashString
             }
-        });
+        })
     }
 
     /**
@@ -519,13 +517,13 @@ class DomEvents extends Base {
             isInput = tagName === 'INPUT' || tagName === 'TEXTAREA';
 
         if (isInput && disabledInputKeys[target.id]?.includes(event.key)) {
-            event.preventDefault();
+            event.preventDefault()
         } else {
             this.sendMessageToApp(this.getKeyboardEventData(event));
 
             if (!isInput) { // see: https://github.com/neomjs/neo/issues/1729
                 if (['ArrowDown', 'ArrowLeft', 'ArrowRight', 'ArrowUp'].includes(event.key)) {
-                    event.preventDefault();
+                    event.preventDefault()
                 }
             }
         }
@@ -535,14 +533,14 @@ class DomEvents extends Base {
      * @param {Object} event
      */
     onKeyUp(event) {
-        this.sendMessageToApp(this.getKeyboardEventData(event));
+        this.sendMessageToApp(this.getKeyboardEventData(event))
     }
 
     /**
      * @param {Object} event
      */
     onMouseDown(event) {
-        this.sendMessageToApp(this.getMouseEventData(event));
+        this.sendMessageToApp(this.getMouseEventData(event))
     }
 
     /**
@@ -553,7 +551,7 @@ class DomEvents extends Base {
             appEvent = {...me.getMouseEventData(event), fromElementId: event.fromElement?.id || null};
 
         me.sendMessageToApp(appEvent);
-        me.fire('mouseEnter', appEvent);
+        me.fire('mouseEnter', appEvent)
     }
 
     /**
@@ -564,14 +562,14 @@ class DomEvents extends Base {
             appEvent = {...me.getMouseEventData(event), toElementId: event.toElement?.id || null};
 
         me.sendMessageToApp(appEvent);
-        me.fire('mouseLeave', appEvent);
+        me.fire('mouseLeave', appEvent)
     }
 
     /**
      * @param {Object} event
      */
     onMouseUp(event) {
-        this.sendMessageToApp(this.getMouseEventData(event));
+        this.sendMessageToApp(this.getMouseEventData(event))
     }
 
     /**
@@ -589,12 +587,12 @@ class DomEvents extends Base {
                 let date = new Date();
 
                 if (lastWheelEvent.date && lastWheelEvent.target === targetCls && date - lastWheelEvent.date < globalWheelTargetsBuffer[targetCls]) {
-                    preventUpdate = true;
+                    preventUpdate = true
                 } else {
                     Object.assign(lastWheelEvent, {
                         date,
                         target: targetCls
-                    });
+                    })
                 }
             }
 
@@ -610,11 +608,11 @@ class DomEvents extends Base {
                     deltaZ,
                     scrollLeft  : target.node.scrollLeft,
                     scrollTop   : target.node.scrollTop
-                });
+                })
             }
 
             if (!globalWheelTargetsKeepEvent.includes(targetCls)) {
-                event.preventDefault();
+                event.preventDefault()
             }
         }
     }
@@ -626,7 +624,7 @@ class DomEvents extends Base {
      */
     parseHash(str) {
         if (str === '') {
-            return {};
+            return {}
         }
 
         let pieces = str.split('&'),
@@ -637,7 +635,7 @@ class DomEvents extends Base {
             parts = pieces[i].split('=');
 
             if (parts.length < 2) {
-                parts.push('');
+                parts.push('')
             }
 
             key   = decodeURIComponent(parts[0]);
@@ -650,13 +648,13 @@ class DomEvents extends Base {
                     data[key] = [];
                 }
 
-                data[key].push(this.parseValue(value));
+                data[key].push(this.parseValue(value))
             } else {
-                data[key] = this.parseValue(value);
+                data[key] = this.parseValue(value)
             }
         }
 
-        return data;
+        return data
     }
 
     /**
@@ -667,11 +665,11 @@ class DomEvents extends Base {
      */
     parseValue(value) {
         if (value == parseInt(value)) {
-            value = parseInt(value);
+            value = parseInt(value)
         } else if (value === 'false') {
-            value = false;
+            value = false
         } else if (value === 'true') {
-            value = true;
+            value = true
         }
 
         return value
@@ -708,7 +706,7 @@ class DomEvents extends Base {
         }
 
         data.cls.forEach(cls => {
-            !preventArray.includes(cls) && preventArray.push(cls);
+            !preventArray.includes(cls) && preventArray.push(cls)
         });
     }
 
@@ -733,7 +731,7 @@ class DomEvents extends Base {
     stripHtml(value) {
         let doc = new DOMParser().parseFromString(value, 'text/html');
 
-        return doc.body.textContent || '';
+        return doc.body.textContent || ''
     }
 
     /**

package/src/util/Logger.mjs

@@ -6,38 +6,6 @@ import Base from '../core/Base.mjs';
  * @singleton
  */
 class Logger extends Base {
-    /**
-     * Colors
-     * @property {Object} colors
-     */
-    logColors = {
-        error: 'indianred',
-        info : '#acacac',
-        log  : '#448888',
-        warn : '#6d6d00'
-    }
-    /**
-     * Character
-     * @property {Object} logChar
-     */
-    logChars = {
-        error: 'E',
-        info : 'I',
-        log  : 'L',
-        warn : 'W'
-    }
-    /**
-     * LogLevels
-     * @property {String[]} logLevels
-     */
-    logLevels = ['info', 'log', 'warn', 'error']
-
-    /**
-     * Timeout
-     * @property {Number} timeToStart in ms
-     */
-    timeToStartComponentLogger = 1500
-
     static config = {
         /**
          * @member {String} className='Neo.util.Logger'
@@ -73,19 +41,43 @@ class Logger extends Base {
          */
         level_: 'info',
         /**
-         * @member {boolean} enableLogs=true
+         * @member {Boolean} enableLogs=true
          * @protected
          */
         singleton: true
     }
 
+    /**
+     * @member {Object} logChar
+     */
+    logChars  = {
+        error: 'E',
+        info : 'I',
+        log  : 'L',
+        warn : 'W'
+    }
+    /**
+     * @member {Object} colors
+     */
+    logColors = {
+        error: 'indianred',
+        info : '#acacac',
+        log  : '#448888',
+        warn : '#6d6d00'
+    }
+    /**
+     * LogLevels
+     * @member {String[]} logLevels
+     */
+    logLevels = ['info', 'log', 'warn', 'error']
+
     /**
      * @param config
      */
     construct(config) {
         super.construct(config);
 
-        const me = this;
+        let me = this;
 
         // aliases
         Neo.applyFromNs(Neo, me, {
@@ -98,188 +90,180 @@ class Logger extends Base {
 
         setTimeout(() => {
             if (!me.enableLogsInProduction && Neo.config.environment === 'dist/production') {
-                me.write = Neo.emptyFn;
+                me.write = Neo.emptyFn
             }
-        }, 50);
+        }, 50)
     }
 
     /**
      * Ctrl-Right Click will show the current component
-     * @param {Boolean} value
-     * @param {Boolean} oldValue
+     * @param {Neo.component.Base} view
      */
-    afterSetEnableComponentLogger(value, oldValue) {
-        setTimeout(() => {
-            if (value) {
-                if (Neo.workerId !== 'app' || Neo.config.environment === 'dist/production') return;
-
-                const viewport = Neo.getComponent('neo-viewport-1') || Neo.getComponent('neo-configuration-viewport-1');
-                if (!viewport) {
-                    console.warn('[LOGGER] could not find viewport.');
-                    return;
-                }
-
-                viewport.addDomListeners({
-                    contextmenu: (data) => {
-                        if (data.ctrlKey) {
-                            let isGroupSet = false;
-
-                            data.path.forEach((item) => {
-                                const component = Neo.getComponent(item.id);
-
-                                if (component) {
-                                    if (!isGroupSet) {
-                                        isGroupSet = true;
-                                        console.group(item.id);
-                                    }
-                                    console.log(component);
-                                }
-                            });
-
-                            if (isGroupSet) {
-                                console.groupEnd();
-                            }
-                        }
-                    }
-                });
-            }
-        }, this.timeToStartComponentLogger);
+    addContextMenuListener(view) {
+        view.addDomListeners({
+            contextmenu: this.onContextMenu
+        })
     }
 
     /**
      * Set level to number based on position in logLevels
      * @param {String} value
      * @param {String|Number} oldValue
-     * @returns {number}
+     * @returns {Number}
      */
     beforeSetLevel(value, oldValue) {
-        return this.logLevels.indexOf(value);
+        return this.logLevels.indexOf(value)
     }
 
     /**
-     * @param value
+     * @param {String} value
      */
     error(value) {
-        throw new Error(value);
+        throw new Error(value)
     }
 
     /**
-     * @param args
+     * internal helper to catch caller
+     * no known native way in modern JS to know what file that triggered the current method
+     * therefore we use Error, we can get the caller file from the stack trace string.
+     * @protected
+     * @returns {String}
      */
-    info(...args) {
-        args = this.resolveArgs(...args);
-        this.write(args, 'info');
-    }
+    getCaller() {
+        let caller_path = undefined,
+            err         = new Error(),
+            stack_lines = err.stack.split('\n'),
+            found_this  = false,
+            i, line;
+
+        for (i in stack_lines) {
+            line = stack_lines[i];
+
+            if (!found_this && /Logger\.mjs/.test(line)) {
+                found_this = true
+            } else if (found_this) {
+                if (!/Logger\.mjs/.test(line)) {
+                    // remove the closing )
+                    line        = line.replace(')', '');
+                    // get the part after the last /
+                    caller_path = line.match(/([^\/]+)$/)[1].match(/([^ ]+)$/)[1];
+
+                    break;
+                }
+            }
+        }
 
-    /**
-     * @param args
-     */
-    log(...args) {
-        args = this.resolveArgs(...args);
-        this.write(args, 'log');
+        return caller_path
     }
 
     /**
      * @param args
      */
-    logError(...args) {
+    info(...args) {
         args = this.resolveArgs(...args);
-        this.write(args, 'error');
+        this.write(args, 'info')
     }
 
     /**
      * @param args
      */
-    warn(...args) {
+    log(...args) {
         args = this.resolveArgs(...args);
-        this.write(args, 'warn');
+        this.write(args, 'log')
     }
 
     /**
-     * Output method
      * @param args
-     * @param {String} level
-     * @protected
      */
-    write(args, level) {
-        const me = this;
-        if (me.beforeSetLevel(level) < me.level) return;
-
-        const logColor = me.logColors[level],
-              logChar  = me.logChars[level],
-              bg       = `background-color:${logColor}; color: white; font-weight: 900;`,
-              color    = `color:${logColor};`,
-              msg      = `[${me.getCaller()}] ${args.msg}`;
-
-        if (args.data) {
-            console.groupCollapsed(`%c ${logChar} %c ${msg}`, bg, color)
-            console.log(args.data);
-            console.groupEnd();
-        } else {
-            console.log(`%c ${logChar} %c ${msg}`, bg, color)
-        }
+    logError(...args) {
+        args = this.resolveArgs(...args);
+        this.write(args, 'error')
     }
 
     /**
-     * HELPER TO CATCH CALLER
-     * no known native way in modern JS to know what file that triggered the current method
-     * therefore we use Error, we can get the caller file from the stack trace string.
+     * @param {Object} data
      */
-    getCaller() {
-        let caller_path = undefined;
-
-        try {
-            throw Error();
-
-        } catch (err) {
-            const stack_lines = err.stack.split('\n');
-            let found_this = false;
-
-            for (let i in stack_lines) {
-                let line = stack_lines[i];
-
-                if (!found_this && /Logger\.mjs/.test(line)) {
-                    found_this = true
-
-                } else if (found_this) {
-                    if (!/Logger\.mjs/.test(line)) {
-                        // remove the closing )
-                        line = line.replace(')', '');
-                        // get the part after the last /
-                        caller_path = line.match(/([^\/]+)$/)[1].match(/([^ ]+)$/)[1];
-
-                        break;
+    onContextMenu(data) {
+        if (data.ctrlKey) {
+            let isGroupSet = false,
+                component;
+
+            data.path.forEach(item => {
+                component = Neo.getComponent(item.id);
+
+                if (component) {
+                    if (!isGroupSet) {
+                        isGroupSet = true;
+                        console.group(item.id)
                     }
-                }
 
-            }
+                    console.log(component)
+                }
+            });
 
-            return caller_path
+            isGroupSet && console.groupEnd()
         }
     }
 
     /**
-     * HELPER FOR ARGS
+     * Internal helper for args
      * @param {Array} args
-     * @return {Object}
+     * @returns {Object}
+     * @protected
      */
     resolveArgs(...args) {
         const identifier = args[0];
-        let argsObject = {};
+        let argsObject   = {};
 
         if (args.length === 1) {
             if (Neo.isString(identifier)) {
-                argsObject.msg = args[0];
+                argsObject.msg = args[0]
             } else if (Neo.isObject(identifier)) {
-                argsObject = identifier;
+                argsObject = identifier
             }
         } else if (args.length === 2) {
-            argsObject.msg = args[0];
-            argsObject.data = args[1];
+            argsObject.msg  = args[0];
+            argsObject.data = args[1]
         }
 
         return argsObject
     }
+
+    /**
+     * @param args
+     */
+    warn(...args) {
+        args = this.resolveArgs(...args);
+        this.write(args, 'warn')
+    }
+
+    /**
+     * Output method
+     * @param {Object} args
+     * @param {String} level
+     * @protected
+     */
+    write(args, level) {
+        let me = this;
+
+        if (me.beforeSetLevel(level) < me.level) {
+            return
+        }
+
+        let logColor = me.logColors[level],
+            logChar  = me.logChars[level],
+            bg       = `background-color:${logColor}; color: white; font-weight: 900;`,
+            color    = `color:${logColor};`,
+            msg      = `[${me.getCaller()}] ${args.msg}`;
+
+        if (args.data) {
+            console.groupCollapsed(`%c ${logChar} %c ${msg}`, bg, color)
+            console.log(args.data);
+            console.groupEnd()
+        } else {
+            console.log(`%c ${logChar} %c ${msg}`, bg, color)
+        }
+    }
 }
 
 let instance = Neo.applyClassConfig(Logger);

package/src/worker/App.mjs

@@ -60,7 +60,7 @@ class App extends Base {
 
         // convenience shortcuts
         Neo.applyDeltas    = me.applyDeltas   .bind(me);
-        Neo.setCssVariable = me.setCssVariable.bind(me);
+        Neo.setCssVariable = me.setCssVariable.bind(me)
     }
 
     /**
@@ -69,11 +69,7 @@ class App extends Base {
      * @returns {Promise<*>}
      */
     applyDeltas(appName, deltas) {
-         return this.promiseMessage('main', {
-            action: 'updateDom',
-            appName,
-            deltas
-        });
+         return this.promiseMessage('main', {action: 'updateDom', appName, deltas})
     }
 
     /**
@@ -82,7 +78,7 @@ class App extends Base {
     createThemeMap(data) {
         Neo.ns('Neo.cssMap.fileInfo', true);
         Neo.cssMap.fileInfo = data;
-        this.resolveThemeFilesCache();
+        this.resolveThemeFilesCache()
     }
 
     /**
@@ -92,8 +88,8 @@ class App extends Base {
      */
     fireMainViewsEvent(eventName, data) {
         this.ports.forEach(port => {
-            Neo.apps[port.appName].mainViewInstance.fire(eventName, data);
-        });
+            Neo.apps[port.appName].mainViewInstance.fire(eventName, data)
+        })
     }
 
     /**
@@ -102,7 +98,7 @@ class App extends Base {
      */
     importApp(path) {
         if (path.endsWith('.mjs')) {
-            path = path.slice(0, -4);
+            path = path.slice(0, -4)
         }
 
         return import(
@@ -110,7 +106,7 @@ class App extends Base {
             /* webpackExclude: /[\\\/]node_modules/ */
             /* webpackMode: "lazy" */
             `../../${path}.mjs`
-        );
+        )
     }
 
     /**
@@ -130,7 +126,7 @@ class App extends Base {
                 classPath, classRoot, fileName, mapClassName, ns, themeFolders;
 
             if (!cssMap) {
-                me.themeFilesCache.push([appName, proto]);
+                me.themeFilesCache.push([appName, proto])
             } else {
                 // we need to modify app related class names
                 if (!className.startsWith('Neo.')) {
@@ -140,12 +136,12 @@ class App extends Base {
                     className[0] === 'view' && className.shift();
 
                     mapClassName = `apps.${Neo.apps[appName].appThemeFolder || classRoot}.${className.join('.')}`;
-                    className    = `apps.${lAppName}.${className.join('.')}`;
+                    className    = `apps.${lAppName}.${className.join('.')}`
                 }
 
                 if (parent && parent !== Neo.core.Base.prototype) {
                     if (!Neo.ns(`${lAppName}.${parent.className}`, false, cssMap)) {
-                        me.insertThemeFiles(appName, parent);
+                        me.insertThemeFiles(appName, parent)
                     }
                 }
 
@@ -163,7 +159,7 @@ class App extends Base {
                         appName,
                         className: mapClassName || className,
                         folders  : themeFolders
-                    });
+                    })
                 }
             }
         }
@@ -174,7 +170,7 @@ class App extends Base {
      * @param {Object} data useful event properties, differs for different event types. See Neo.main.DomEvents.
      */
     onDomEvent(data) {
-        DomEventManager.fire(data);
+        DomEventManager.fire(data)
     }
 
     /**
@@ -182,7 +178,7 @@ class App extends Base {
      * @param {Object} data parsed key-value pairs for each hash value
      */
     onHashChange(data) {
-        HashHistory.push(data.data);
+        HashHistory.push(data.data)
     }
 
     /**
@@ -192,25 +188,25 @@ class App extends Base {
     onLoadApplication(data) {
         let me     = this,
             config = Neo.config,
-            path;
+            app, path;
 
         if (data) {
             me.data = data;
-            config.resourcesPath = data.resourcesPath;
+            config.resourcesPath = data.resourcesPath
         }
 
         path = me.data.path;
 
         if (config.environment !== 'development') {
-            path = path.startsWith('/') ? path.substring(1) : path;
+            path = path.startsWith('/') ? path.substring(1) : path
         }
 
         me.importApp(path).then(module => {
-            module.onStart();
+            app = module.onStart();
 
             // short delay to ensure Component Controllers are ready
-            config.hash && setTimeout(() => HashHistory.push(config.hash), 5);
-        });
+            config.hash && setTimeout(() => HashHistory.push(config.hash), 5)
+        })
     }
 
     /**
@@ -223,15 +219,15 @@ class App extends Base {
             url    = `resources/theme-map${config.useCssVars ? '' : '-no-vars'}.json`;
 
         if (config.environment === 'development') {
-            url = `../../${url}`;
+            url = `../../${url}`
         }
 
         if (config.workerBasePath?.includes('node_modules')) {
-            url = `../../${url}`;
+            url = `../../${url}`
         }
 
         if (url[0] !== '.') {
-            url = `./${url}`;
+            url = `./${url}`
         }
 
         fetch(url)
@@ -239,7 +235,7 @@ class App extends Base {
             .then(data => {this.createThemeMap(data)});
 
         config.remotesApiUrl  && import('../remotes/Api.mjs').then(module => module.default.load());
-        !config.useVdomWorker && import('../vdom/Helper.mjs');
+        !config.useVdomWorker && import('../vdom/Helper.mjs')
     }
 
     /**
@@ -251,14 +247,14 @@ class App extends Base {
 
         port.onmessage = me.onMessage.bind(me);
 
-        me.channelPorts[msg.origin] = port;
+        me.channelPorts[msg.origin] = port
     }
 
     /**
      * @param {Object} data
      */
     onWindowPositionChange(data) {
-        this.fireMainViewsEvent('windowPositionChange', data.data);
+        this.fireMainViewsEvent('windowPositionChange', data.data)
     }
 
     /**
@@ -268,11 +264,7 @@ class App extends Base {
     registerApp(appName) {
         // register the name as fast as possible
         this.onRegisterApp({ appName });
-
-        this.sendMessage('main', {
-            action: 'registerAppName',
-            appName
-        });
+        this.sendMessage('main', {action: 'registerAppName', appName})
     }
 
     /**
@@ -281,7 +273,7 @@ class App extends Base {
      * @param {String} appName
      */
     removeAppFromThemeMap(appName) {
-        delete Neo.cssMap[appName.toLowerCase()];
+        delete Neo.cssMap[appName.toLowerCase()]
     }
 
     /**
@@ -291,10 +283,10 @@ class App extends Base {
         let me = this;
 
         me.themeFilesCache.forEach(item => {
-            me.insertThemeFiles(...item);
+            me.insertThemeFiles(...item)
         });
 
-        me.themeFilesCache = [];
+        me.themeFilesCache = []
     }
 
     /**
@@ -310,13 +302,13 @@ class App extends Base {
             theme = Neo.config.themes?.[0];
 
         if (!addon) {
-            return Promise.reject('Neo.main.addon.Stylesheet not imported');
+            return Promise.reject('Neo.main.addon.Stylesheet not imported')
         } else {
             if (theme.startsWith('neo-')) {
                 theme = theme.substring(4);
             }
 
-            return addon.setCssVariable({theme, ...data});
+            return addon.setCssVariable({theme, ...data})
         }
     }
 }