@lightningjs/blits 1.29.4 → 1.29.5

package/CHANGELOG.md

@@ -1,6 +1,14 @@
 # Changelog
 
-_03 jun 2025_
+_12 jun 2025_
+
+## v1.29.5
+
+- Simplified timeout and interval cleanup
+- Added explicit reset of component state upon destruction
+- Fixed `exit` lifecycle hook
+
+_06 jun 2025_
 
 ## v1.29.4
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lightningjs/blits",
-  "version": "1.29.4",
+  "version": "1.29.5",
   "description": "Blits: The Lightning 3 App Development Framework",
   "bin": "bin/index.js",
   "exports": {

package/src/component/base/methods.js

@@ -66,13 +66,22 @@ export default {
     value: function () {
       this.eol = true
       this.lifecycle.state = 'destroy'
+
+      for (let key in this[symbols.state]) {
+        if (Array.isArray(this[symbols.state][key])) {
+          this[symbols.state][key] = []
+        }
+      }
+
       this.$clearTimeouts()
       this.$clearIntervals()
       eventListeners.removeListeners(this)
       deleteChildren(this[symbols.children])
       this[symbols.children].length = 0
       removeGlobalEffects(this[symbols.effects])
+
       this[symbols.state] = {}
+
       this[symbols.props] = {}
       this[symbols.computed] = null
       this.lifecycle = {}

package/src/component/base/timeouts_intervals.js

@@ -22,9 +22,10 @@ export default {
     value: function (fn, ms, ...params) {
       // early exit when component is marked as end of life
       if (this.eol === true) return
+
       const timeoutId = setTimeout(
         () => {
-          this[symbols.timeouts] = this[symbols.timeouts].filter((id) => id !== timeoutId)
+          this.$clearTimeout(timeoutId)
           fn.apply(null, params)
         },
         ms,
@@ -39,8 +40,9 @@ export default {
   },
   $clearTimeout: {
     value: function (timeoutId) {
-      if (this[symbols.timeouts].indexOf(timeoutId) > -1) {
-        this[symbols.timeouts] = this[symbols.timeouts].filter((id) => id !== timeoutId)
+      const index = this[symbols.timeouts].indexOf(timeoutId)
+      if (index > -1) {
+        this[symbols.timeouts].splice(index, 1)
         clearTimeout(timeoutId)
       }
     },
@@ -73,9 +75,10 @@ export default {
   },
   $clearInterval: {
     value: function (intervalId) {
-      if (this[symbols.intervals].indexOf(intervalId) > -1) {
-        this[symbols.intervals] = this[symbols.intervals].filter((id) => id !== intervalId)
-        clearInterval(intervalId)
+      const index = this[symbols.intervals].indexOf(intervalId)
+      if (index > -1) {
+        this[symbols.intervals].splice(index, 1)
+        clearTimeout(intervalId)
       }
     },
     writable: false,

package/src/component.js

@@ -298,7 +298,7 @@ const Component = (name = required('name'), config = required('config')) => {
 
       // outOfViewport event emitting a lifecycle exit event
       if (config.hooks.exit) {
-        this[symbols.wrapper].node.on('outOfViewport', () => {
+        this[symbols.wrapper].node.on('outOfBounds', () => {
           this.lifecycle.state = 'exit'
         })
       }

package/src/component.test.js

@@ -322,8 +322,8 @@ test('Component - Instance should initialize hook events', (assert) => {
   )
   assert.equal(
     nodeCalls[3].args[0],
-    'outOfViewport',
-    '`outOfViewport` event should be registered in the wrapper'
+    'outOfBounds',
+    '`outOfBounds` event should be registered in the wrapper'
   )
   assert.end()
 })