@constela/runtime 0.12.1 → 0.12.2

package/README.md

@@ -65,6 +65,54 @@ Dynamic path with variables:
 }
 ```
 
+### String Concatenation (concat)
+
+Build dynamic strings from multiple expressions:
+
+```json
+{
+  "expr": "concat",
+  "items": [
+    { "expr": "lit", "value": "/users/" },
+    { "expr": "var", "name": "userId" },
+    { "expr": "lit", "value": "/profile" }
+  ]
+}
+```
+
+Useful for:
+- Dynamic URLs: `/api/posts/{id}`
+- CSS class names: `btn btn-{variant}`
+- Formatted messages: `Hello, {name}!`
+
+### Object Payloads for Event Handlers
+
+Pass multiple values to actions with object-shaped payloads:
+
+```json
+{
+  "kind": "element",
+  "tag": "button",
+  "props": {
+    "onClick": {
+      "event": "click",
+      "action": "toggleLike",
+      "payload": {
+        "index": { "expr": "var", "name": "index" },
+        "postId": { "expr": "var", "name": "post", "path": "id" },
+        "currentLiked": { "expr": "var", "name": "post", "path": "liked" }
+      }
+    }
+  }
+}
+```
+
+Each expression field in the payload is evaluated when the event fires. The action receives the evaluated object:
+
+```json
+{ "index": 5, "postId": "abc123", "currentLiked": true }
+```
+
 ### Key-based List Diffing
 
 Efficient list updates - only changed items re-render:

package/dist/index.js

@@ -13342,6 +13342,18 @@ function createReactiveLocals(baseLocals, itemKey, itemSignal, indexKey, indexSi
       if (prop === itemKey) return true;
       if (indexKey && prop === indexKey) return true;
       return prop in target;
+    },
+    ownKeys(target) {
+      const keys = Reflect.ownKeys(target);
+      if (!keys.includes(itemKey)) keys.push(itemKey);
+      if (indexKey && !keys.includes(indexKey)) keys.push(indexKey);
+      return keys;
+    },
+    getOwnPropertyDescriptor(target, prop) {
+      if (prop === itemKey || indexKey && prop === indexKey) {
+        return { enumerable: true, configurable: true };
+      }
+      return Reflect.getOwnPropertyDescriptor(target, prop);
     }
   });
 }
@@ -13616,6 +13628,18 @@ function createReactiveLocals2(baseLocals, itemSignal, indexSignal, itemName, in
       if (prop === itemName) return true;
       if (indexName && prop === indexName) return true;
       return prop in target;
+    },
+    ownKeys(target) {
+      const keys = Reflect.ownKeys(target);
+      if (!keys.includes(itemName)) keys.push(itemName);
+      if (indexName && !keys.includes(indexName)) keys.push(indexName);
+      return keys;
+    },
+    getOwnPropertyDescriptor(target, prop) {
+      if (prop === itemName || indexName && prop === indexName) {
+        return { enumerable: true, configurable: true };
+      }
+      return Reflect.getOwnPropertyDescriptor(target, prop);
     }
   });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@constela/runtime",
-  "version": "0.12.1",
+  "version": "0.12.2",
   "description": "Runtime DOM renderer for Constela UI framework",
   "type": "module",
   "main": "./dist/index.js",