@lightningjs/blits 2.8.6 → 2.8.8

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # Changelog
 
+## 2.8.8
+
+_11 aug 2026_
+
+- Bumped renderer to 3.3.1
+
+## 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_

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lightningjs/blits",
-  "version": "2.8.6",
+  "version": "2.8.8",
   "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.3.1",
     "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/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": [