neo.mjs 6.12.1 → 6.13.0

package/src/Main.mjs

@@ -51,6 +51,7 @@ class Main extends core.Base {
                 'getByPath',
                 'getWindowData',
                 'importAddon',
+                'log',
                 'redirectTo',
                 'setNeoConfig',
                 'setRoute',
@@ -115,7 +116,7 @@ class Main extends core.Base {
         DomEvents.on('domContentLoaded', me.onDomContentLoaded, me);
 
         if (document.readyState !== 'loading') {
-            DomEvents.onDomContentLoaded();
+            DomEvents.onDomContentLoaded()
         }
     }
 
@@ -125,7 +126,7 @@ class Main extends core.Base {
      * @param {String} data.message
      */
     alert(data) {
-        alert(data.message);
+        alert(data.message)
     }
 
     /**
@@ -138,18 +139,18 @@ class Main extends core.Base {
             hashArr = [];
 
         if (typeof data === 'string') {
-            data = DomEvents.parseHash(data);
+            data = DomEvents.parseHash(data)
         }
 
         Object.assign(hashObj, data);
 
         Object.entries(hashObj).forEach(([key, value]) => {
             if (value !== null) {
-                hashArr.push(encodeURIComponent(key) + '=' + encodeURIComponent(value));
+                hashArr.push(encodeURIComponent(key) + '=' + encodeURIComponent(value))
             }
         });
 
-        window.location.hash = hashArr.join('&');
+        window.location.hash = hashArr.join('&')
     }
 
     /**
@@ -189,8 +190,8 @@ class Main extends core.Base {
                 width      : screen.width
             },
             screenLeft: win.screenLeft,
-            screenTop : win.screenTop,
-        };
+            screenTop : win.screenTop
+        }
     }
 
     /**
@@ -214,6 +215,21 @@ class Main extends core.Base {
         return true
     }
 
+    /**
+     * Remote console access to main threads.
+     * You can use appName or windowId to target specific windows.
+     * @param {Object} data
+     * @param {String} [data.appName]
+     * @param {String} data.value
+     * @param {String} [data.method] defaults to 'log'
+     * @param {Number} [data.windowId]
+     * @returns {Boolean}
+     */
+    log(data) {
+        console[data.method || 'log'](data.value);
+        return true
+    }
+
     /**
      *
      */
@@ -229,23 +245,23 @@ class Main extends core.Base {
         // we need different publicPath values for the main thread inside the webpack based dist envs,
         // depending on the hierarchy level of the app entry point
         if (config.environment !== 'development') {
-            __webpack_require__.p = config.basePath.substring(6);
+            __webpack_require__.p = config.basePath.substring(6)
         }
 
         // intended for the online examples where we need an easy way to add GA to every generated app
         if (config.useGoogleAnalytics && !mainThreadAddons.includes('AnalyticsByGoogle')) {
-            mainThreadAddons.push('AnalyticsByGoogle');
+            mainThreadAddons.push('AnalyticsByGoogle')
         }
 
         if (config.useServiceWorker && !mainThreadAddons.includes('ServiceWorker')) {
-            mainThreadAddons.push('ServiceWorker');
+            mainThreadAddons.push('ServiceWorker')
         }
 
         mainThreadAddons.forEach(addon => {
             if (addon.startsWith('WS/')) {
-                imports.push(import(`../../../src/main/addon/${addon.substring(3)}.mjs`));
+                imports.push(import(`../../../src/main/addon/${addon.substring(3)}.mjs`))
             } else {
-                imports.push(import(`./main/addon/${addon}.mjs`));
+                imports.push(import(`./main/addon/${addon}.mjs`))
             }
         });
 
@@ -280,14 +296,14 @@ class Main extends core.Base {
      */
     onRender(data) {
         data.data.replyId = data.replyId;
-        this.queueWrite(data.data);
+        this.queueWrite(data.data)
     }
 
     /**
      * @param {Object} data
      */
     onUpdateDom(data) {
-        this.queueUpdate(data);
+        this.queueUpdate(data)
     }
 
     /**
@@ -295,7 +311,7 @@ class Main extends core.Base {
      */
     onUpdateVdom(data) {
         data.data.replyId = data.replyId;
-        this.queueUpdate(data.data);
+        this.queueUpdate(data.data)
     }
 
     /**
@@ -312,10 +328,10 @@ class Main extends core.Base {
         while (operation = queue.shift()) {
             if (new Date() - start > limit) {
                 queue.unshift(operation);
-                return requestAnimationFrame(me.renderFrame.bind(me));
+                return requestAnimationFrame(me.renderFrame.bind(me))
             } else {
                 DomAccess[me.mode](operation);
-                WorkerManager.resolveDomOperationPromise(operation.replyId);
+                WorkerManager.resolveDomOperationPromise(operation.replyId)
             }
         }
     }
@@ -330,7 +346,7 @@ class Main extends core.Base {
 
         if (!me.running) {
             me.running = true;
-            requestAnimationFrame(me.renderFrame.bind(me));
+            requestAnimationFrame(me.renderFrame.bind(me))
         }
     }
 
@@ -344,7 +360,7 @@ class Main extends core.Base {
 
         if (!me.running) {
             me.running = true;
-            requestAnimationFrame(me.renderFrame.bind(me));
+            requestAnimationFrame(me.renderFrame.bind(me))
         }
     }
 
@@ -358,7 +374,7 @@ class Main extends core.Base {
 
         if (!me.running) {
             me.running = true;
-            requestAnimationFrame(me.renderFrame.bind(me));
+            requestAnimationFrame(me.renderFrame.bind(me))
         }
     }
 
@@ -367,7 +383,7 @@ class Main extends core.Base {
      * @param {String} data.url
      */
     redirectTo(data) {
-        window.location.href = data.url;
+        window.location.href = data.url
     }
 
     /**
@@ -385,7 +401,7 @@ class Main extends core.Base {
             Neo.applyToGlobalNs(addon)
         }
 
-        this.addon[addon.constructor.name] = addon;
+        this.addon[addon.constructor.name] = addon
     }
 
     /**
@@ -402,31 +418,31 @@ class Main extends core.Base {
 
         if (Neo.config.logDeltaUpdates) {
             me.totalFrameCount++;
-            console.log('Total Frames: ' + me.totalFrameCount);
+            console.log('Total Frames: ' + me.totalFrameCount)
         }
 
         if (reading || !write.length) {
             me.mode = 'read';
             if (me.processQueue(read, start)) {
-                return;
+                return
             }
         }
 
         if (update.length) {
             me.mode = 'update';
             if (me.processQueue(update, start)) {
-                return;
+                return
             }
         }
 
         if (write.length) {
             me.mode = 'write';
             if (me.processQueue(write, start)) {
-                return;
+                return
             }
         }
 
-        me.running = false;
+        me.running = false
     }
 
     /**
@@ -436,7 +452,7 @@ class Main extends core.Base {
      * @param {*} data.value
      */
     setNeoConfig(data) {
-        Neo.config[data.key] = data.value;
+        Neo.config[data.key] = data.value
     }
 
     /**
@@ -445,7 +461,7 @@ class Main extends core.Base {
      * @param {String} data.value
      */
     setRoute(data) {
-        window.location.hash = data.value;
+        window.location.hash = data.value
     }
 
     /**
@@ -455,12 +471,12 @@ class Main extends core.Base {
      */
     windowClose(data) {
         if (!Array.isArray(data.names)) {
-            data.names = [data.names];
+            data.names = [data.names]
         }
 
         data.names.forEach(name => {
-            this.openWindows[name].close();
-            delete this.openWindows[name];
+            this.openWindows[name]?.close();
+            delete this.openWindows[name]
         })
     }
 
@@ -472,7 +488,7 @@ class Main extends core.Base {
      * @param {String} data.y
      */
     windowMoveTo(data) {
-        this.openWindows[data.windowName]?.moveTo(data.x, data.y);
+        this.openWindows[data.windowName]?.moveTo(data.x, data.y)
     }
 
     /**
@@ -488,10 +504,10 @@ class Main extends core.Base {
             success      = !!openedWindow;
 
         if (success) {
-            this.openWindows[data.windowName] = openedWindow;
+            this.openWindows[data.windowName] = openedWindow
         }
 
-        return success;
+        return success
     }
 
     /**
@@ -506,10 +522,10 @@ class Main extends core.Base {
             height = data.height || win.outerHeight,
             width  = data.width  || win.outerWidth;
 
-        win.resizeTo(width, height);
+        win.resizeTo(width, height)
     }
 }
 
-let instance = Neo.applyClassConfig(Main);
+let instance = Neo.setupClass(Main);
 
 export default instance;

package/src/Neo.mjs

@@ -55,124 +55,10 @@ Neo = globalThis.Neo = Object.assign({
     insideWorker: typeof DedicatedWorkerGlobalScope !== 'undefined' || typeof WorkerGlobalScope !== 'undefined',
 
     /**
-     * Internally used at the end of each class / module definition
-     * @memberOf module:Neo
-     * @param {Neo.core.Base} cls The Neo class to apply configs to
-     * @protected
-     * @tutorial 02_ClassSystem
+     * @deprecated in neo.mjs v7.0
      */
     applyClassConfig(cls) {
-        let baseCfg    = null,
-            ntypeChain = [],
-            ntypeMap   = Neo.ntypeMap,
-            proto      = cls.prototype || cls,
-            protos     = [],
-            cfg, config, ctor, ntype;
-
-        while (proto.__proto__) {
-            ctor = proto.constructor;
-
-            if (Object.hasOwn(ctor, 'classConfigApplied')) {
-                baseCfg    = Neo.clone(ctor.config, true);
-                ntypeChain = [...ctor.ntypeChain];
-                break
-            }
-
-            protos.unshift(proto);
-            proto = proto.__proto__
-        }
-
-        config = baseCfg || {};
-
-        protos.forEach(element => {
-            let mixins;
-
-            ctor = element.constructor;
-
-            cfg = ctor.config || {};
-
-            if (Neo.overwrites) {
-                ctor.applyOverwrites(cfg)
-            }
-
-            Object.entries(cfg).forEach(([key, value]) => {
-                if (key.slice(-1) === '_') {
-                    delete cfg[key];
-                    key = key.slice(0, -1);
-                    cfg[key] = value;
-                    autoGenerateGetSet(element, key)
-                }
-
-                // only apply properties which have no setters inside the prototype chain
-                // those will get applied on create (Neo.core.Base -> initConfig)
-                else if (!Neo.hasPropertySetter(element, key)) {
-                    Object.defineProperty(element, key, {
-                        enumerable: true,
-                        value,
-                        writable  : true
-                    })
-                }
-            });
-
-            if (Object.hasOwn(cfg, 'ntype')) {
-                ntype = cfg.ntype;
-
-                ntypeChain.unshift(ntype);
-
-                // Running the docs app inside a workspace can pull in the same classes from different roots,
-                // so we want to check for different class names as well
-                if (Object.hasOwn(ntypeMap, ntype) && cfg.className !== ntypeMap[ntype]) {
-                    throw new Error(`ntype conflict for '${ntype}' inside the classes:\n${ntypeMap[ntype]}\n${cfg.className}`)
-                }
-
-                ntypeMap[ntype] = cfg.className;
-            }
-
-            mixins = Object.hasOwn(config, 'mixins') && config.mixins || [];
-
-            if (ctor.observable) {
-                mixins.push('Neo.core.Observable')
-            }
-
-            if (Object.hasOwn(cfg, 'mixins') && Array.isArray(cfg.mixins) && cfg.mixins.length > 0) {
-                mixins.push(...cfg.mixins)
-            }
-
-            if (mixins.length > 0) {
-                applyMixins(ctor, mixins);
-
-                if (Neo.ns('Neo.core.Observable', false, ctor.prototype.mixins)) {
-                    ctor.observable = true
-                }
-            }
-
-            delete cfg.mixins;
-            delete config.mixins;
-
-            Object.assign(config, cfg);
-
-            Object.assign(ctor, {
-                classConfigApplied: true,
-                config            : Neo.clone(config, true),
-                isClass           : true,
-                ntypeChain
-            });
-
-            !config.singleton && this.applyToGlobalNs(cls)
-        });
-
-        proto = cls.prototype || cls;
-
-        ntypeChain.forEach(ntype => {
-            proto[`is${Neo.capitalize(Neo.camel(ntype))}`] = true
-        });
-
-        if (proto.singleton) {
-            cls = Neo.create(cls);
-            Neo.applyToGlobalNs(cls)
-        }
-
-        return cls
+        return Neo.setupClass(cls)
     },
 
     /**
@@ -531,6 +417,126 @@ Neo = globalThis.Neo = Object.assign({
         return Neo.create(className, config)
     },
 
+    /**
+     * Internally used at the end of each class / module definition
+     * @memberOf module:Neo
+     * @param {Neo.core.Base} cls The Neo class to apply configs to
+     * @protected
+     */
+    setupClass(cls) {
+        let baseCfg    = null,
+            ntypeChain = [],
+            ntypeMap   = Neo.ntypeMap,
+            proto      = cls.prototype || cls,
+            protos     = [],
+            cfg, config, ctor, ntype;
+
+        while (proto.__proto__) {
+            ctor = proto.constructor;
+
+            if (Object.hasOwn(ctor, 'classConfigApplied')) {
+                baseCfg    = Neo.clone(ctor.config, true);
+                ntypeChain = [...ctor.ntypeChain];
+                break
+            }
+
+            protos.unshift(proto);
+            proto = proto.__proto__
+        }
+
+        config = baseCfg || {};
+
+        protos.forEach(element => {
+            let mixins;
+
+            ctor = element.constructor;
+
+            cfg = ctor.config || {};
+
+            if (Neo.overwrites) {
+                ctor.applyOverwrites(cfg)
+            }
+
+            Object.entries(cfg).forEach(([key, value]) => {
+                if (key.slice(-1) === '_') {
+                    delete cfg[key];
+                    key = key.slice(0, -1);
+                    cfg[key] = value;
+                    autoGenerateGetSet(element, key)
+                }
+
+                    // only apply properties which have no setters inside the prototype chain
+                // those will get applied on create (Neo.core.Base -> initConfig)
+                else if (!Neo.hasPropertySetter(element, key)) {
+                    Object.defineProperty(element, key, {
+                        enumerable: true,
+                        value,
+                        writable  : true
+                    })
+                }
+            });
+
+            if (Object.hasOwn(cfg, 'ntype')) {
+                ntype = cfg.ntype;
+
+                ntypeChain.unshift(ntype);
+
+                // Running the docs app inside a workspace can pull in the same classes from different roots,
+                // so we want to check for different class names as well
+                if (Object.hasOwn(ntypeMap, ntype) && cfg.className !== ntypeMap[ntype]) {
+                    throw new Error(`ntype conflict for '${ntype}' inside the classes:\n${ntypeMap[ntype]}\n${cfg.className}`)
+                }
+
+                ntypeMap[ntype] = cfg.className;
+            }
+
+            mixins = Object.hasOwn(config, 'mixins') && config.mixins || [];
+
+            if (ctor.observable) {
+                mixins.push('Neo.core.Observable')
+            }
+
+            if (Object.hasOwn(cfg, 'mixins') && Array.isArray(cfg.mixins) && cfg.mixins.length > 0) {
+                mixins.push(...cfg.mixins)
+            }
+
+            if (mixins.length > 0) {
+                applyMixins(ctor, mixins);
+
+                if (Neo.ns('Neo.core.Observable', false, ctor.prototype.mixins)) {
+                    ctor.observable = true
+                }
+            }
+
+            delete cfg.mixins;
+            delete config.mixins;
+
+            Object.assign(config, cfg);
+
+            Object.assign(ctor, {
+                classConfigApplied: true,
+                config            : Neo.clone(config, true),
+                isClass           : true,
+                ntypeChain
+            });
+
+            !config.singleton && this.applyToGlobalNs(cls)
+        });
+
+        proto = cls.prototype || cls;
+
+        ntypeChain.forEach(ntype => {
+            proto[`is${Neo.capitalize(Neo.camel(ntype))}`] = true
+        });
+
+        if (proto.singleton) {
+            cls = Neo.create(cls);
+            Neo.applyToGlobalNs(cls)
+        }
+
+        return cls
+    },
+
     /**
      * @param {*} item
      * @returns {String|null}

package/src/Xhr.mjs

@@ -36,6 +36,6 @@ class Xhr extends XhrConnection {
     }
 }
 
-let instance = Neo.applyClassConfig(Xhr);
+let instance = Neo.setupClass(Xhr);
 
 export default instance;

package/src/button/Base.mjs

@@ -548,6 +548,6 @@ class Base extends Component {
     }
 }
 
-Neo.applyClassConfig(Base);
+Neo.setupClass(Base);
 
 export default Base;

package/src/button/Menu.mjs

@@ -27,6 +27,6 @@ class Menu extends Split {
     }
 }
 
-Neo.applyClassConfig(Menu);
+Neo.setupClass(Menu);
 
 export default Menu;

package/src/button/Split.mjs

@@ -220,6 +220,6 @@ class Split extends Button {
     }
 }
 
-Neo.applyClassConfig(Split);
+Neo.setupClass(Split);
 
 export default Split;

package/src/calendar/model/Calendar.mjs

@@ -31,6 +31,6 @@ class Calendar extends Model {
     }
 }
 
-Neo.applyClassConfig(Calendar);
+Neo.setupClass(Calendar);
 
 export default Calendar;

package/src/calendar/model/Color.mjs

@@ -25,6 +25,6 @@ class Color extends Model {
     }
 }
 
-Neo.applyClassConfig(Color);
+Neo.setupClass(Color);
 
 export default Color;

package/src/calendar/model/Event.mjs

@@ -43,6 +43,6 @@ class Event extends Model {
     }
 }
 
-Neo.applyClassConfig(Event);
+Neo.setupClass(Event);
 
 export default Event;

package/src/calendar/store/Calendars.mjs

@@ -30,6 +30,6 @@ class Calendars extends Store {
     }
 }
 
-Neo.applyClassConfig(Calendars);
+Neo.setupClass(Calendars);
 
 export default Calendars;

package/src/calendar/store/Colors.mjs

@@ -34,6 +34,6 @@ class Colors extends Store {
     }
 }
 
-Neo.applyClassConfig(Colors);
+Neo.setupClass(Colors);
 
 export default Colors;

package/src/calendar/store/Events.mjs

@@ -56,6 +56,6 @@ class Events extends Store {
     }
 }
 
-Neo.applyClassConfig(Events);
+Neo.setupClass(Events);
 
 export default Events;

package/src/calendar/view/DayComponent.mjs

@@ -35,6 +35,6 @@ class DayComponent extends WeekComponent {
     }
 }
 
-Neo.applyClassConfig(DayComponent);
+Neo.setupClass(DayComponent);
 
 export default DayComponent;

package/src/calendar/view/EditEventContainer.mjs

@@ -298,6 +298,6 @@ class EditEventContainer extends FormContainer {
     }
 }
 
-Neo.applyClassConfig(EditEventContainer);
+Neo.setupClass(EditEventContainer);
 
 export default EditEventContainer;

package/src/calendar/view/MainContainer.mjs

@@ -653,6 +653,6 @@ class MainContainer extends Container {
     }
 }
 
-Neo.applyClassConfig(MainContainer);
+Neo.setupClass(MainContainer);
 
 export default MainContainer;

package/src/calendar/view/MainContainerModel.mjs

@@ -168,6 +168,6 @@ class MainContainerModel extends Component {
     }
 }
 
-Neo.applyClassConfig(MainContainerModel);
+Neo.setupClass(MainContainerModel);
 
 export default MainContainerModel;

package/src/calendar/view/SettingsContainer.mjs

@@ -192,6 +192,6 @@ class SettingsContainer extends Container {
     }
 }
 
-Neo.applyClassConfig(SettingsContainer);
+Neo.setupClass(SettingsContainer);
 
 export default SettingsContainer;

package/src/calendar/view/YearComponent.mjs

@@ -865,6 +865,6 @@ class YearComponent extends Component {
     }
 }
 
-Neo.applyClassConfig(YearComponent);
+Neo.setupClass(YearComponent);
 
 export default YearComponent;