@lightningjs/blits 2.0.0 → 2.0.1

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # Changelog
 
+## v2.0.1
+
+_23 mar 2026_
+
+- Fixed issue with height dimension of router view
+- Fixed issue with array or rounded corners not being reactive
+- Fixed issue with font not being mapped correctly when using `png` in the font config
+- Removed obselete key config
+- Fixed reactivity guard in computed props to handle deep nested references more safely
+
 ## v2.0.0
 
 _20 mar 2026_

package/package.json

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

package/src/components/RouterView.js

@@ -94,7 +94,7 @@ export default () =>
           )
 
           elementConfigs[0]['w'] = parent.node.w * (100 / 100)
-          elementConfigs[0]['height'] = parent.node.h * (100 / 100)
+          elementConfigs[0]['h'] = parent.node.h * (100 / 100)
           elms[0].populate(elementConfigs[0])
 
           if (inSlot === true) {

package/src/constants.js

@@ -18,14 +18,6 @@
 export const DEFAULT_HOLD_TIMEOUT_MS = 50
 
 export const DEFAULT_KEYMAP = {
-  ArrowLeft: 'left',
-  ArrowRight: 'right',
-  ArrowUp: 'up',
-  ArrowDown: 'down',
-  Enter: 'enter',
-  ' ': 'space',
-  Backspace: 'back',
-  Escape: 'escape',
   37: 'left',
   39: 'right',
   38: 'up',

package/src/engines/L3/element.js

@@ -362,7 +362,10 @@ const propsTransformer = {
   set rounded(v) {
     this.props['rounded'] = v
     if (this.element.node !== undefined && this.elementShader === true) {
-      if (typeof v === 'object' || (isObjectString(v) === true && (v = parseToObject(v)))) {
+      if (
+        Array.isArray(v) === false &&
+        (typeof v === 'object' || (isObjectString(v) === true && (v = parseToObject(v))))
+      ) {
         this.element.node.props['shader'].props = v
       } else {
         if (isArrayString(v) === true) {

package/src/engines/L3/fontLoader.js

@@ -36,7 +36,7 @@ export default () => {
     if (type === 'sdf') {
       stage.loadFont('sdf', {
         fontFamily: font.family,
-        atlasUrl: font.json || (font.file && font.file.replace(/\.[^.]+$/, `.${font.type}.png`)),
+        atlasUrl: font.png || (font.file && font.file.replace(/\.[^.]+$/, `.${font.type}.png`)),
         atlasDataUrl:
           font.json || (font.file && font.file.replace(/\.[^.]+$/, `.${font.type}.json`)),
       })

package/src/lib/reactivityguard/computedprops.js

@@ -196,14 +196,19 @@ export default (code) => {
             // Skip if already modified
             if (
               prop.body.includes(commentText.trim()) ||
-              Array.from(thisRefs).some((ref) => prop.body.startsWith(ref))
+              Array.from(thisRefs).some((ref) => {
+                if (prop.body.startsWith(ref)) return true
+                // stripped && guard: body starts with the first segment, e.g. 'this.media &&'
+                const firstSegEnd = ref.indexOf('.', 5)
+                return firstSegEnd !== -1 && prop.body.startsWith(ref.substring(0, firstSegEnd))
+              })
             ) {
               continue
             }
 
             // reactivity code
             const refCode = Array.from(thisRefs)
-              .map((ref) => `${ref};`)
+              .map((ref) => `${toSafeRef(ref)};`)
               .join(' ')
 
             // replacement with the same whitespace
@@ -290,6 +295,18 @@ export default (code) => {
   return null
 }
 
+const toSafeRef = (ref) => {
+  // Converts 'this.a.b.c' to 'this.a && this.a.b && this.a.b.c'
+  const normalized = ref.replace(/\?\./g, '.')
+  const segments = normalized.split('.')
+  if (segments.length <= 2) return normalized
+  const parts = []
+  for (let i = 2; i <= segments.length; i++) {
+    parts.push(segments.slice(0, i).join('.'))
+  }
+  return parts.join(' && ')
+}
+
 const extractThisReferences = (funcBody) => {
   const thisRefs = new Set()