@lightningjs/blits 0.9.3 → 0.9.4

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # Changelog
 
+# v0.9.4
+
+_28 mar 2024_
+
+- Upgraded Lightning renderer to v0.8.0
+- Fixed issue with reactivity in a forloop when initial array is empty
+- Introduced new `gpuMemoryLimit` launch setting
+
+
 # v0.9.3
 
 _25 mar 2024_

package/docs/components/utilities.md

@@ -2,3 +2,9 @@
 
 ## Utilities
 
+- focus()
+- $router()
+- select()
+- parent
+- Log
+- setTimeout

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lightningjs/blits",
-  "version": "0.9.3",
+  "version": "0.9.4",
   "description": "Blits: The Lightning 3 App Development Framework",
   "bin": "bin/index.js",
   "exports": {
@@ -45,7 +45,7 @@
     "tape": "^5.5.0"
   },
   "dependencies": {
-    "@lightningjs/renderer": "^0.7.6",
+    "@lightningjs/renderer": "^0.8.0",
     "@lightningjs/vite-plugin-import-chunk-url": "^0.3.0",
     "execa": "^8.0.1",
     "kolorist": "^1.8.0",

package/src/engines/L3/launch.js

@@ -59,6 +59,9 @@ You can remove the option from your \`src/index.js\`-file. And you can safely re
       clearColor: (settings.canvasColor && colors.normalize(settings.canvasColor)) || 0x00000000,
       enableInspector: settings.inspector || false,
       boundsMargin: settings.viewportMargin || 0,
+      // gpu memory limit, converted from mb to bytes - defaults to 200mb
+      txMemByteThreshold:
+        'gpuMemoryLimit' in settings ? settings.gpuMemoryLimit * 1024 * 1024 : 200 * 1024 * 1024,
     },
     target,
     driver

package/src/launch.d.ts

@@ -206,7 +206,17 @@ export interface Settings {
    *
    * Defaults to `0`
    */
-  viewportMargin?: number | [number, number, number, number]
+  viewportMargin?: number | [number, number, number, number],
+  /**
+   * Threshold in `Megabytes` after which all the textures that are currently not visible
+   * within the configured viewport margin will be be freed and cleaned up
+   *
+   * When passed `0` the threshold is disabled and textures will not be actively freed
+   * and cleaned up
+   *
+   * Defaults to `200` (mb)
+   */
+  gpuMemoryLimit?: number
 }
 
 /**

package/src/lib/codegenerator/generator.js

@@ -219,6 +219,17 @@ const generateForLoopCode = function (templateObject, parent) {
   }
 
   const forCounter = counter
+
+  // reference all reactive attributes (except those referencing the iterator item),
+  // to ensure that reactivity is registered, even when the initial array is empty
+  Object.keys(templateObject).forEach((k) => {
+    if (isReactiveKey(k) && templateObject[k].indexOf('$' + item) === -1) {
+      ctx.renderCode.push(`
+        void ${interpolate(templateObject[k], 'component.')}
+      `)
+    }
+  })
+
   ctx.renderCode.push(`
     const collection = ${cast(result[2], ':for')} || []
     const keys = []

package/src/lib/setup/computed.js

@@ -25,7 +25,7 @@ export default (component, computeds) => {
   for (let computed in computeds) {
     // test for reserved keys?
     if (component[symbols.stateKeys] && component[symbols.stateKeys].indexOf(computed) > -1) {
-      Log.error(`${computed} already exists as a prop`)
+      Log.error(`${computed} already exists as a state variable`)
     } else if (component[symbols.propKeys] && component[symbols.propKeys].indexOf(computed) > -1) {
       Log.error(`${computed} already exists as a prop`)
     } else if (