neo.mjs 6.5.3 → 6.5.4

package/apps/ServiceWorker.mjs

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

package/examples/ServiceWorker.mjs

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

package/package.json

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

package/src/DefaultConfig.mjs

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

package/src/core/Base.mjs

@@ -1,5 +1,5 @@
-import {debounce}  from '../util/Function.mjs';
-import IdGenerator from './IdGenerator.mjs'
+import {debounce, throttle} from '../util/Function.mjs';
+import IdGenerator          from './IdGenerator.mjs'
 
 const configSymbol       = Symbol.for('configSymbol'),
       forceAssignConfigs = Symbol('forceAssignConfigs'),
@@ -182,9 +182,8 @@ class Base {
 
         Object.entries(me.constructor.delayable).forEach(([key, value]) => {
             let map = {
-                debounce() {
-                    me[key] = new debounce(me[key], me, value.timer)
-                }
+                debounce() {me[key] = new debounce(me[key], me, value.timer)},
+                throttle() {me[key] = new throttle(me[key], me, value.timer)}
             };
 
             map[value.type]?.()

package/src/util/Function.mjs

@@ -45,30 +45,30 @@ export function createSequence(target, methodName, fn, scope) {
 }
 
 /**
- * @param {Function} func
+ * @param {Function} callback
  * @param {Neo.core.Base} scope
- * @param {Number} timeout=300
+ * @param {Number} delay=300
  * @returns {Function}
  */
-export function debounce(func, scope, timeout=300) {
+export function debounce(callback, scope, delay=300) {
     let debounceTimer;
 
     return function(...args) {
         // leading edge => trigger the first call right away
         if (!Neo.isNumber(debounceTimer)) {
             // we need to check if the scope (instance) did not get destroyed yet
-            scope?.id && func.apply(scope, args);
+            scope?.id && callback.apply(scope, args);
 
             // we still want to start a timer, do delay the 2nd+ update
-            debounceTimer = setTimeout(() => {debounceTimer = null},  timeout)
+            debounceTimer = setTimeout(() => {debounceTimer = null},  delay)
         } else {
             clearTimeout(debounceTimer);
 
             debounceTimer = setTimeout(() => {
                 // we need to check if the scope (instance) did not get destroyed yet
-                scope?.id && func.apply(scope, args);
-                debounceTimer = setTimeout(() => {debounceTimer = null},  timeout)
-            },  timeout)
+                scope?.id && callback.apply(scope, args);
+                debounceTimer = setTimeout(() => {debounceTimer = null},  delay)
+            },  delay)
         }
     }
 }
@@ -91,3 +91,24 @@ export function intercept(target, targetMethodName, interceptFunction, scope, pr
             : targetMethod.apply(target, arguments)
     })
 }
+
+/**
+ * @param {Function} callback
+ * @param {Neo.core.Base} scope
+ * @param {Number} delay=300
+ * @returns {Function}
+ */
+export function throttle(callback, scope, delay=300) {
+    let wait = false;
+
+    return function(...args) {
+        if (!wait) {
+            wait = true;
+
+            // we need to check if the scope (instance) did not get destroyed yet
+            scope?.id && callback.apply(scope, args);
+
+            setTimeout(() => {wait = false}, delay)
+        }
+    }
+}