neo.mjs 6.20.1 → 6.22.0

package/src/main/DomEvents.mjs

@@ -139,9 +139,10 @@ class DomEvents extends Base {
      * @param {Object} data
      */
     addDomListener(data) {
-        let me  = this,
-            i   = 0,
-            len = data.events.length,
+        let me       = this,
+            i        = 0,
+            len      = data.events.length,
+            failedId = null,
             event, id, targetNode;
 
         for (; i < len; i++) {
@@ -161,14 +162,22 @@ class DomEvents extends Base {
                 targetNode = document.querySelector(`[data-neo-id='${id}']`)
             }
 
-            targetNode.addEventListener(event.name, me[event.handler].bind(me));
+            if (targetNode) {
+                targetNode.addEventListener(event.name, me[event.handler].bind(me))
+            } else {
+                failedId = id
+            }
+        }
+
+        if (failedId && Neo.config.environment === 'development') {
+            console.warn('DomEvents:addDomListener() => target node not found:', failedId)
         }
 
         Neo.worker.Manager.sendMessage(data.origin, {
             action : 'reply',
             data,
             replyId: data.id,
-            success: true
+            success: !failedId
         })
     }
 

package/src/main/addon/AmCharts.mjs

@@ -90,13 +90,13 @@ class AmCharts extends Base {
 
             me.chartsToCreate = [];
 
-            setTimeout(() => {
+            me.timeout(1000).then(() => {
                 Object.entries(me.dataMap).forEach(([key, dataValue]) => {
                     me.updateData(dataValue)
                 });
 
                 me.dataMap = {}
-            }, 1000)
+            })
         }
     }
 

package/src/main/addon/MapboxGL.mjs

@@ -196,9 +196,9 @@ class MapboxGL extends Base {
     autoResize(data) {
         let map = this.maps[data.id];
 
-        map && setTimeout(() => {
+        map && this.timeout(100).then(() => {
             map.resize()
-        }, 100)
+        })
     }
 
     /**
@@ -337,7 +337,7 @@ class MapboxGL extends Base {
     onMapReallyLoaded(data, event) {
         let me = this;
 
-        setTimeout(() => {
+        me.timeout(100).then(() => {
             if (data.data) {
                 me.updateData({
                     data        : data.data,
@@ -347,7 +347,7 @@ class MapboxGL extends Base {
             } else if (me.dataMap[data.id]) {
                 me.updateData(me.dataMap[data.id])
             }
-        }, 100);
+        })
     }
 
     /**

package/src/manager/DomEvent.mjs

@@ -428,9 +428,9 @@ class DomEvent extends Base {
             });
 
             if (component.mounted) {
-                setTimeout(() => {
+                me.timeout(100).then(() => {
                     me.mountDomListeners(component)
-                }, 100)
+                })
             }
         } else {
             Logger.logError('Component.domListeners have to be an array', component)

package/src/manager/Focus.mjs

@@ -153,11 +153,11 @@ class Focus extends CoreBase {
 
         me.lastFocusOutDate = new Date();
 
-        setTimeout(() => {
+        me.timeout(me.maxFocusInOutGap).then(() => {
             if (me.lastFocusOutDate > me.lastFocusInDate) {
                 me.focusLeave(opts)
             }
-        }, me.maxFocusInOutGap);
+        })
     }
 
     /**

package/src/manager/Toast.mjs

@@ -159,13 +159,15 @@ class Toast extends Base {
     showToast(toast) {
         toast.render(true);
 
+        let me = this;
+
         // increase total of displayed toasts for a position
-        this.running[toast.position].unshift(toast.id);
+        me.running[toast.position].unshift(toast.id);
 
         // todo: we could use a mounted listener
-        setTimeout(() => {
-            this.updateItemsInPosition(toast.id)
-        }, 50)
+        me.timeout(50).then(() => {
+            me.updateItemsInPosition(toast.id)
+        })
     }
 
     /**

package/src/manager/rpc/Message.mjs

@@ -93,9 +93,9 @@ class Message extends Base {
             if (!me.endPointTimeouts.includes(url)) {
                 me.endPointTimeouts.push(url);
 
-                setTimeout(() => {
+                me.timeout(me.requestBuffer).then(() => {
                     me.resolveBufferTimeout(url)
-                }, me.requestBuffer)
+                })
             }
         })
     }

package/src/plugin/Resizable.mjs

@@ -378,7 +378,7 @@ class Resizable extends Base {
             len              = data.path.length,
             {appName, owner} = me,
             style            = owner.wrapperStyle, // todo: delegation target
-            target;
+            target, vdom, vdomStyle;
 
         me.isDragging = true;
 
@@ -409,11 +409,19 @@ class Resizable extends Base {
         me.addBodyCursorCls();
 
         if (!me.dragZone) {
+            vdom      = Neo.clone(owner.vdom, true);
+            vdomStyle = vdom.style;
+
+            delete vdomStyle.height;
+            delete vdomStyle.left;
+            delete vdomStyle.top;
+            delete vdomStyle.width;
+
             me.dragZone = Neo.create({
                 module             : DragZone,
                 appName,
                 boundaryContainerId: owner.boundaryContainerId,
-                dragElement        : owner.vdom,
+                dragElement        : vdom,
                 moveInMainThread   : false,
                 owner,
                 ...me.dragZoneConfig
@@ -454,7 +462,7 @@ class Resizable extends Base {
             }
 
             if (target) {
-                if (target.id !== (targetNode && targetNode.id)) {
+                if (target.id !== targetNode?.id) {
                     if (targetNode) {
                         me.removeAllNodes()
                     }

package/src/selection/HelixModel.mjs

@@ -230,9 +230,9 @@ class HelixModel extends Model {
             listenerId = view.on('mounted', () => {
                 view.un('mounted', listenerId);
 
-                setTimeout(() => {
-                    me.select(itemId, toggleSelection);
-                }, 300)
+                me.timeout(300).then(() => {
+                    me.select(itemId, toggleSelection)
+                })
             })
         }
 

package/src/tab/Strip.mjs

@@ -124,17 +124,17 @@ class Strip extends Component {
                 activeTabIndicator.style.opacity = 0;
                 me.update();
 
-                setTimeout(() => {
+                me.timeout(50).then(() => {
                     me.moveActiveIndicator([tabStripRect, rects[0]])
-                }, 50)
+                })
             } else {
                 activeTabIndicator.style.opacity = 1;
                 me.update();
 
-                setTimeout(() => {
+                me.timeout(300).then(() => {
                     activeTabIndicator.style.opacity = 0;
                     me.update()
-                }, 300)
+                })
             }
         }
     }

package/src/table/Container.mjs

@@ -477,9 +477,9 @@ class Container extends BaseContainer {
 
         if (me.createRandomData) {
             // todo: if mounting apply after mount
-            setTimeout(() => {
+            me.timeout(50).then(() => {
                 me.createRandomViewData(me.amountRows)
-            }, 50)
+            })
         }
     }
 
@@ -519,9 +519,9 @@ class Container extends BaseContainer {
             }
         } else {
             me.on('rendered', () => {
-                setTimeout(() => {
+                me.timeout(50).then(() => {
                     me.createViewData(data)
-                }, 50)
+                })
             }, me, {once: true})
         }
     }

package/src/util/Logger.mjs

@@ -59,8 +59,10 @@ class Logger extends Base {
     construct(config) {
         super.construct(config);
 
+        let me = this;
+
         // aliases
-        Neo.applyFromNs(Neo, this, {
+        Neo.applyFromNs(Neo, me, {
             error   : 'error',
             info    : 'info',
             log     : 'log',
@@ -68,11 +70,11 @@ class Logger extends Base {
             warn    : 'warn'
         }, true);
 
-        setTimeout(() => {
+        me.timeout(50).then(() => {
             if (!Neo.config.enableLogsInProduction && Neo.config.environment === 'dist/production') {
-                this.write = Neo.emptyFn
+                me.write = Neo.emptyFn
             }
-        }, 50)
+        })
     }
 
     /**

package/src/worker/App.mjs

@@ -371,11 +371,11 @@ class App extends Base {
             app = module.onStart();
 
             // short delay to ensure Component Controllers are ready
-            config.hash && setTimeout(() => {
+            config.hash && me.timeout(5).then(() => {
                 HashHistory.push(config.hash);
                 // apps which will get created later must not use outdated hash values
                 delete config.hash
-            }, 5)
+            })
         })
     }
 

package/src/worker/Manager.mjs

@@ -274,9 +274,10 @@ class Manager extends Base {
         me.constructedThreads++;
 
         if (me.constructedThreads === me.activeWorkers) {
-            NeoConfig.appPath && setTimeout(() => { // better safe than sorry => all remotes need to be registered
+            // better safe than sorry => all remotes need to be registered
+            NeoConfig.appPath && me.timeout(NeoConfig.loadApplicationDelay).then(() => {
                 me.loadApplication(NeoConfig.appPath)
-            }, NeoConfig.loadApplicationDelay)
+            })
         }
     }
 

package/apps/website/Overwrites.mjs

@@ -1,16 +0,0 @@
-Neo.overwrites = {
-    Neo: {
-        form: {
-            field: {
-                Base: {
-                    delayable: {
-                        fireChangeEvent    : null,
-                        fireUserChangeEvent: null
-                    }
-                }
-            }
-        }
-    }
-}
-
-export default Neo.overwrites;

package/apps/website/app.mjs

@@ -1,7 +0,0 @@
-import Overwrites    from './Overwrites.mjs';
-import MainContainer from './view/MainContainer.mjs';
-
-export const onStart = () => Neo.app({
-    mainView: MainContainer,
-    name    : 'Website'
-})