@canvasengine/compiler 2.0.0-beta.48 → 2.0.0-beta.49

package/dist/grammar2.pegjs

@@ -44,6 +44,13 @@
     'param', 'source', 'track', 'wbr'
   ]);
 
+  const eventAttributes = new Set([
+    'click', 'tap', 'pointertap', 'pointerdown', 'pointerup', 'pointermove',
+    'pointerover', 'pointerout', 'pointerupoutside', 'mousedown', 'mouseup',
+    'mousemove', 'mouseover', 'mouseout', 'touchstart', 'touchend', 'touchmove',
+    'touchcancel', 'rightclick', 'keydown', 'keyup', 'keypress'
+  ]);
+
   // DisplayObject special attributes that should not be in attrs
   const displayObjectAttributes = new Set([
     'x', 'y', 'scale', 'anchor', 'skew', 'tint', 'rotation', 'angle', 
@@ -184,6 +191,15 @@
     return /^[a-zA-Z_][a-zA-Z0-9_]*(\.[a-zA-Z_][a-zA-Z0-9_]*)*$/.test(value.trim());
   }
 
+  function formatObjectLiteralSpacing(value) {
+    const trimmed = value.trim();
+    if (!trimmed.startsWith('{') || !trimmed.endsWith('}')) {
+      return value;
+    }
+    const inner = trimmed.slice(1, -1).trim();
+    return `{ ${inner} }`;
+  }
+
   function transformBareIdentifiersToSignals(value) {
     return value.replace(/\b([a-zA-Z_][a-zA-Z0-9_]*)\b/g, (match, name, offset) => {
       if (['true', 'false', 'null'].includes(name)) {
@@ -482,6 +498,9 @@ dynamicAttribute "dynamic attribute"
       const needsQuotes = /[^a-zA-Z0-9_$]/.test(attributeName);
       const formattedName = needsQuotes ? `'${attributeName}'` : attributeName;
       
+        if (eventAttributes.has(attributeName)) {
+          return `${formattedName}: ${attributeValue}`;
+        }
       
         // If it's a complex object with strings, preserve it as is
         if (attributeValue.trim().startsWith('{') && attributeValue.trim().endsWith('}') && 
@@ -512,9 +531,19 @@ dynamicAttribute "dynamic attribute"
         return `${formattedName}: ${attributeValue}`;
       }
 
-      const isObjectLiteral = trimmedValue.startsWith('{ ') && trimmedValue.endsWith(' }');
+      const isObjectLiteral = trimmedValue.startsWith('{') && trimmedValue.endsWith('}');
       const isArrayLiteral = trimmedValue.startsWith('[') && trimmedValue.endsWith(']');
-      if (isObjectLiteral || isArrayLiteral) {
+      if (isObjectLiteral) {
+        const formattedObject = formatObjectLiteralSpacing(attributeValue);
+        if (hasFunctionCall(trimmedValue)) {
+          return `${formattedName}: computed(() => (${formattedObject}))`;
+        }
+        return `${formattedName}: ${formattedObject}`;
+      }
+      if (isArrayLiteral) {
+        if (hasFunctionCall(trimmedValue)) {
+          return `${formattedName}: computed(() => ${attributeValue})`;
+        }
         return `${formattedName}: ${attributeValue}`;
       }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@canvasengine/compiler",
-  "version": "2.0.0-beta.48",
+  "version": "2.0.0-beta.49",
   "description": "",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",