Merge pull request #287 from lightning-js/dev

Release 1.20.0

CHANGELOG.md

@@ -1,5 +1,14 @@
 # Changelog
 
+## v1.20.0
+
+_12 feb 2025_
+
+- Improved attribute definitions used for autocompletion in VScode extension
+- Fixed calculation of `align-items` in Layout component
+- Fixed issue with sorting reactive arrays
+- Upgraded to renderer v2.12.0
+
 ## v1.19.1
 
 _3 feb 2025_

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lightningjs/blits",
-  "version": "1.19.1",
+  "version": "1.20.0",
   "description": "Blits: The Lightning 3 App Development Framework",
   "bin": "bin/index.js",
   "exports": {
@@ -52,7 +52,7 @@
   },
   "dependencies": {
     "@lightningjs/msdf-generator": "^1.1.1",
-    "@lightningjs/renderer": "^2.11.1"
+    "@lightningjs/renderer": "^2.12.0"
   },
   "repository": {
     "type": "git",

src/engines/L3/element.js

@@ -113,7 +113,7 @@ const layoutFn = function (config) {
   if (align !== 0) {
     for (let i = 0; i < childrenLength; i++) {
       const node = children[i]
-      node[oppositePosition] = otherDimension
+      node[oppositePosition] = otherDimension * align
       node[oppositeMount] = align
     }
   }

src/lib/reactivity/reactive.js

@@ -113,6 +113,7 @@ const reactiveProxy = (original, _parent = null, _key, global) => {
           } else if (
             target[key] !== null &&
             target[key] !== undefined &&
+            Array.isArray(target) === false &&
             Object.getPrototypeOf(value) === Object.prototype
           ) {
             value = Object.assign(receiver[key], value)

vscode/data/template-attributes.json

@@ -11,7 +11,8 @@
       "Element",
       "Text",
       "Layout",
-      "RouterView"
+      "RouterView",
+      "Component"
     ]
   },
   "y": {
@@ -26,7 +27,8 @@
       "Element",
       "Text",
       "Layout",
-      "RouterView"
+      "RouterView",
+      "Component"
     ]
   },
   "z": {
@@ -69,7 +71,6 @@
     "usedIn": [
       "Element",
       "Text",
-      "Layout",
       "RouterView"
     ]
   },
@@ -99,7 +100,6 @@
     "usedIn": [
       "Element",
       "Text",
-      "Layout",
       "RouterView"
     ]
   },
@@ -114,7 +114,6 @@
     "usedIn": [
       "Element",
       "Text",
-      "Layout",
       "RouterView"
     ]
   },
@@ -145,7 +144,8 @@
       "Element",
       "Text",
       "Layout",
-      "RouterView"
+      "RouterView",
+      "Component"
     ]
   },
   "rotation": {
@@ -175,7 +175,8 @@
       "Element",
       "Text",
       "Layout",
-      "RouterView"
+      "RouterView",
+      "Component"
     ]
   },
   "mount": {
@@ -245,7 +246,6 @@
     "usedIn": [
       "Element",
       "Text",
-      "Layout",
       "RouterView"
     ]
   },
@@ -262,7 +262,8 @@
     "reactive": true,
     "description": "The overflow attribute allows the element to extend beyond the specified height and width. Possible values are true or false.",
     "usedIn": [
-      "Text"
+      "Text",
+      "Element"
     ]
   },
   "content": {
@@ -330,7 +331,7 @@
       "Text"
     ]
   },
-  "wordwrap": {
+  "maxwidth": {
     "attrType": "regular",
     "types": [
       "number"
@@ -398,13 +399,9 @@
   "textoverflow": {
     "attrType": "regular",
     "types": [
-      "enum"
-    ],
-    "values": [
-      "true",
-      "false"
+      "string"
     ],
-    "defaultValue": "false",
+    "defaultValue": null,
     "reactive": true,
     "description": "The suffix to be added when text is cropped due to bounds limits. Defaults to ...",
     "usedIn": [
@@ -436,10 +433,7 @@
     "reactive": true,
     "description": "Controls how much space will be added between each Element or Component.",
     "usedIn": [
-      "Element",
-      "Text",
-      "Layout",
-      "RouterView"
+      "Layout"
     ]
   },
   "is": {
@@ -498,7 +492,8 @@
       "Element",
       "Text",
       "Layout",
-      "RouterView"
+      "RouterView",
+      "Component"
     ]
   },
   "align-items": {
@@ -515,11 +510,7 @@
     "reactive": true,
     "description": "Specifies how to align children on the opposite axis.",
     "usedIn": [
-      "Component",
-      "Element",
-      "Text",
-      "Layout",
-      "RouterView"
+      "Layout"
     ]
   },
   "padding": {
@@ -554,10 +545,7 @@
     "reactive": true,
     "description": "Adds spacing between the content and the edges of the Layout Component.",
     "usedIn": [
-      "Element",
-      "Text",
-      "Layout",
-      "RouterView"
+      "Layout"
     ]
   },
   "@loaded": {
@@ -585,5 +573,17 @@
       "Element",
       "Text"
     ]
+  },
+  "@updated": {
+    "attrType": "event",
+    "types": [
+      "string"
+    ],
+    "defaultValue": null,
+    "reactive": false,
+    "description": " Fires when each update in Layout children. Must be a function reference.",
+    "usedIn": [
+      "Layout"
+    ]
   }
 }