@lightningjs/blits 1.39.4 → 1.40.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## v1.40.0
+
+_10 Oct 2025_
+
+- Improved memory management in the for loop by efficiently removing effects
+
 ## v1.39.4
 
 _9 Oct 2025_

package/package.json

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

package/src/component/base/methods.js

@@ -112,7 +112,6 @@ export default {
       this[symbols.slots].length = 0
 
       delete this[symbols.computed]
-      delete this[symbols.effects]
       delete this.parent
       delete this.rootParent
       delete this[symbols.wrapper]
@@ -131,6 +130,8 @@ export default {
       this[symbols.cleanup]()
       delete this[symbols.cleanup]
 
+      delete this[symbols.effects]
+
       Log.debug(`Destroyed component ${this.componentId}`)
     },
     writable: false,

package/src/components/Circle.js

@@ -27,6 +27,7 @@ export default () =>
         const forloops = []
         const props = []
         const created = []
+        const effects = {}
         const skips = []
         let componentType
         let rootComponent = component
@@ -58,8 +59,8 @@ export default () =>
             rootComponent = null
             propData = null
             slotComponent = null
-            component = null
             parent = null
+            component = null
             cmps.length = 0
             elms.length = 0
             components.length = 0

package/src/components/FPScounter.js

@@ -29,6 +29,7 @@ export default () =>
         const forloops = []
         const props = []
         const created = []
+        const effects = {}
         const skips = []
         let componentType
         let rootComponent = component
@@ -1373,7 +1374,6 @@ export default () =>
             rootComponent = null
             propData = null
             slotComponent = null
-            component = null
             parent = null
 
             cmps[3] = null
@@ -1455,6 +1455,7 @@ export default () =>
 
             props[41] = null
             components[41] = null
+            component = null
             cmps.length = 0
             elms.length = 0
             components.length = 0

package/src/components/RouterView.js

@@ -32,6 +32,7 @@ export default () =>
         const forloops = []
         const props = []
         const created = []
+        const effects = {}
         const skips = []
         let componentType
         let rootComponent = component
@@ -61,8 +62,8 @@ export default () =>
             rootComponent = null
             propData = null
             slotComponent = null
-            component = null
             parent = null
+            component = null
             cmps.length = 0
             elms.length = 0
             components.length = 0

package/src/components/Sprite.js

@@ -29,6 +29,7 @@ export default () =>
         const forloops = []
         const props = []
         const created = []
+        const effects = {}
         const skips = []
         let componentType
         let rootComponent = component
@@ -60,8 +61,8 @@ export default () =>
             rootComponent = null
             propData = null
             slotComponent = null
-            component = null
             parent = null
+            component = null
             cmps.length = 0
             elms.length = 0
             components.length = 0

package/src/lib/codegenerator/generator.js

@@ -26,6 +26,7 @@ export default function (templateObject = { children: [] }, devMode = false) {
       'const forloops = []',
       'const props = []',
       'const created = []',
+      'const effects = {}',
       'const skips = []',
       'let componentType',
       'let rootComponent = component',
@@ -40,7 +41,6 @@ export default function (templateObject = { children: [] }, devMode = false) {
       'rootComponent = null',
       'propData = null',
       'slotComponent = null',
-      'component = null',
       'parent = null',
     ],
     context: { props: [], components: this.components },
@@ -73,6 +73,7 @@ export default function (templateObject = { children: [] }, devMode = false) {
   ctx.renderCode.push(`
     return { elms, cleanup: () => {
       ${ctx.cleanupCode.join('\n')}
+      component = null
       cmps.length = 0
       elms.length = 0
       components.length = 0
@@ -385,6 +386,7 @@ const generateForLoopCode = function (templateObject, parent) {
   delete templateObject[':range']
 
   const key = templateObject['key']
+  const forStartCounter = counter
   const forKey = interpolate(key, 'scope.')
 
   const shallow = !!!(
@@ -429,10 +431,9 @@ const generateForLoopCode = function (templateObject, parent) {
     }
   }
 
-  const forStartCounter = counter
-
   ctx.renderCode.push(`
     created[${forStartCounter}] = []
+    effects[${forStartCounter}] = []
 
     let from${forStartCounter}
     let to${forStartCounter}
@@ -442,7 +443,7 @@ const generateForLoopCode = function (templateObject, parent) {
       const keys = new Set()
       let l = rawCollection.length
 
-      const range = ${interpolate(range)} || {}
+      const range = ${interpolate(range, 'component?.')} || {}
       from${forStartCounter} = range['from'] || 0
       to${forStartCounter} = 'to' in range ? range['to'] : rawCollection.length
 
@@ -452,7 +453,6 @@ const generateForLoopCode = function (templateObject, parent) {
 
   ctx.cleanupCode.push(`
     created[${forStartCounter}].length = 0
-    forloops[${forStartCounter}] = null
   `)
 
   // push reference of index variable
@@ -476,10 +476,19 @@ const generateForLoopCode = function (templateObject, parent) {
   ctx.renderCode.push(`
       created.length = 0
       const length = rawCollection.length
-      const effects = []
+
+      component !== null && component[Symbol.for('removeGlobalEffects')](effects[${forStartCounter}])
+
+      for(let i = 0; i < effects[${forStartCounter}].length; i++) {
+        const value = effects[${forStartCounter}][i]
+        const index = component[Symbol.for('effects')].indexOf(value)
+        if (index > -1) component[Symbol.for('effects')].splice(index, 1)
+      }
+
+      effects[${forStartCounter}].length = 0
       for(let __index = 0; __index < length; __index++) {
         if(__index < from${forStartCounter} || __index >= to${forStartCounter}) continue
-        const scope = Object.create(component)
+        let scope = Object.create(component)
         parent = ${parent}
         scope['${item}'] = rawCollection[__index]
   `)
@@ -539,8 +548,7 @@ const generateForLoopCode = function (templateObject, parent) {
 
   if (shallow === false) {
     ctx.renderCode.push(`
-      scope['${item}'] = null
-      scope['${item}'] = collection[__index]
+      scope = Object.assign(collection[__index], scope)
   `)
   }
 
@@ -553,7 +561,7 @@ const generateForLoopCode = function (templateObject, parent) {
           ${effect}
         }
         effect(eff${index}, ${key})
-        effects.push(eff${index})
+        effects[${forStartCounter}].push(eff${index})
         component[Symbol.for('effects')].push(eff${index})
       `)
     } else {
@@ -612,11 +620,14 @@ const generateForLoopCode = function (templateObject, parent) {
 
     component[Symbol.for('effects')].push(eff${forStartCounter})
 
-    effect(eff${forStartCounter}, ['${effectKey}', ${effectKeys.join(',')}] )
+    effect(eff${forStartCounter}, ['${effectKey}', ${effectKeys.join(',')}])
   `)
 
   ctx.cleanupCode.push(`
     eff${forStartCounter} = null
+    // call loop with empty array
+    forloops[${forStartCounter}]([], elms, created[${forStartCounter}])
+    forloops[${forStartCounter}] = null
   `)
 
   outerScopeEffects.forEach((effect, outerScopeEffectsIndex) => {