@lightningjs/blits 2.8.5 → 2.8.7

package/CHANGELOG.md

@@ -1,4 +1,19 @@
 # Changelog
+## 2.8.7
+
+_07 aug 2026_
+
+- Added `clipradius` attribute for rounded-corner clipping
+- Fixed memory leak in delete children method
+- Early cleanup of effects in destroy sequence
+- Added `framecount` to fpsUpdate emit
+- Bumped renderer to 3.1.6
+
+## 2.8.6
+
+_30 jul 2026_
+
+- Fixed destroying orphaned views when keepAlive is true but route is not in history
 
 ## 2.8.5
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lightningjs/blits",
-  "version": "2.8.5",
+  "version": "2.8.7",
   "description": "Blits: The Lightning 3 App Development Framework",
   "bin": "bin/index.js",
   "exports": {
@@ -87,7 +87,7 @@
     "tape": "^5.5.0"
   },
   "dependencies": {
-    "@lightningjs/renderer": "^3.1.3",
+    "@lightningjs/renderer": "^3.1.6",
     "magic-string": "^0.30.21"
   },
   "repository": {

package/src/component/base/methods.js

@@ -104,6 +104,8 @@ export default {
       // pass focus to the parent so we don't get lost in focus limbo
       if (this.$hasFocus === true) this[symbols.parent].$focus()
 
+      removeEffects(this[symbols.effects])
+
       // @todo - is this really necessary?
       // This cause an issue with auto sizing of parent (and required an extra eol check there)
       for (let key in this[symbols.state]) {
@@ -130,7 +132,6 @@ export default {
 
       deleteChildren(this[symbols.children])
       this[symbols.children].length = 0
-      removeEffects(this[symbols.effects])
 
       this[symbols.state] = {}
 
@@ -239,7 +240,7 @@ export default {
  */
 const deleteChildren = function (children) {
   for (let i = 0; i < children.length; i++) {
-    if (!children[i]) return
+    if (!children[i]) continue
     // call destroy when method is available on child
     if (children[i].destroy && typeof children[i].destroy === 'function') {
       children[i].destroy()

package/src/component.js

@@ -338,7 +338,7 @@ const Component = (name = required('name'), config = required('config')) => {
       // fpsUpdate event
       if (config.hooks.fpsUpdate) {
         const cb = (_r, data) => {
-          emit('fpsUpdate', this[symbols.identifier], this, [data.fps])
+          emit('fpsUpdate', this[symbols.identifier], this, [data.fps, data.frameCount])
         }
         renderer.on('fpsUpdate', cb)
         this[symbols.rendererEventListeners].push({ event: 'fpsUpdate', cb })

package/src/components/Circle.js

@@ -50,6 +50,7 @@ export default () =>
           'shadow',
           'shader',
           'clipping',
+          'clipradius',
           'overflow',
           'font',
           'size',

package/src/components/FPScounter.js

@@ -52,6 +52,7 @@ export const FPScounter = Blits.Component('FPScounter', {
         'shadow',
         'shader',
         'clipping',
+        'clipradius',
         'overflow',
         'font',
         'size',

package/src/components/RouterView.js

@@ -62,6 +62,7 @@ export default () =>
             'shadow',
             'shader',
             'clipping',
+            'clipradius',
             'overflow',
             'font',
             'size',

package/src/engines/L3/element.js

@@ -483,6 +483,9 @@ const propsTransformer = {
   set clipping(v) {
     this.props['clipping'] = v
   },
+  set clipradius(v) {
+    this.props['clipRadius'] = v
+  },
   set overflow(v) {
     this.props['clipping'] = !!!v
   },

package/src/router/router.js

@@ -342,7 +342,9 @@ export const navigate = async function () {
           ? viewState.overrideOptions.keepAlive
           : this.previousRoute.options && this.previousRoute.options.keepAlive
 
-      // cache the page when it's as 'keepAlive' instead of destroying
+      // cache the page when it's marked as 'keepAlive' instead of destroying,
+      // but only when navigating forward AND the route is in history (so it can be restored on back)
+      let cached = false
       if (
         viewState.navigatingBack === false &&
         keepAlive === true &&
@@ -354,6 +356,7 @@ export const navigate = async function () {
         if (historyItem !== undefined) {
           historyItem.view = oldView
           historyItem.focus = viewState.previousFocus
+          cached = true
         }
       }
 
@@ -361,8 +364,13 @@ export const navigate = async function () {
        * 1. Navigating forward, and the previous route is not configured with "keep alive" set to true.
        * 2. Navigating back, and the previous route is configured with "keep alive" set to true.
        * 3. Navigating back, and the previous route is not configured with "keep alive" set to true.
+       * 4. Navigating forward, keepAlive is true but caching failed (no inHistory or no history
+       *    item) — destroy to prevent orphaned components leaking in the eventsMap.
        */
-      if (this.previousRoute.options && (keepAlive !== true || viewState.navigatingBack === true)) {
+      if (
+        (this.previousRoute.options && (keepAlive !== true || viewState.navigatingBack === true)) ||
+        !cached
+      ) {
         oldView.destroy()
         oldView = null
       }

package/vscode/data/template-attributes.json

@@ -394,6 +394,20 @@
       "RouterView"
     ]
   },
+  "clipradius": {
+    "attrType": "regular",
+    "types": [
+      "number"
+    ],
+    "defaultValue": 0,
+    "reactive": true,
+    "description": "Rounds the corners of the clip area when `clipping` is enabled, instead of clipping to a sharp rectangle. Has no effect when `clipping` is `false`. WebGL only.",
+    "usedIn": [
+      "Element",
+      "Text",
+      "RouterView"
+    ]
+  },
   "overflow": {
     "attrType": "regular",
     "types": [