rip-lang 3.13.64 → 3.13.65

package/README.md

@@ -9,7 +9,7 @@
 </p>
 
 <p align="center">
-  <a href="CHANGELOG.md"><img src="https://img.shields.io/badge/version-3.13.64-blue.svg" alt="Version"></a>
+  <a href="CHANGELOG.md"><img src="https://img.shields.io/badge/version-3.13.65-blue.svg" alt="Version"></a>
   <a href="#zero-dependencies"><img src="https://img.shields.io/badge/dependencies-ZERO-brightgreen.svg" alt="Dependencies"></a>
   <a href="#"><img src="https://img.shields.io/badge/tests-1%2C436%2F1%2C436-brightgreen.svg" alt="Tests"></a>
   <a href="LICENSE"><img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License"></a>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rip-lang",
-  "version": "3.13.64",
+  "version": "3.13.65",
   "description": "A modern language that compiles to JavaScript",
   "type": "module",
   "main": "src/compiler.js",

package/src/compiler.js

@@ -1072,7 +1072,7 @@ export class CodeGenerator {
   generateReturn(head, rest, context, sexpr) {
     if (rest.length === 0) return 'return';
     let [expr] = rest;
-    if (this.sideEffectOnly) return 'return';
+    if (this.sideEffectOnly && !(this.is(expr, '->') || this.is(expr, '=>'))) return 'return';
 
     if (this.is(expr, 'if')) {
       let [, condition, body, ...elseParts] = expr;

package/src/components.js

@@ -489,7 +489,19 @@ export function installComponentSupport(CodeGenerator, Lexer) {
         }
 
         if (isTemplateElement) {
-          let isClassOrIdTail = tag === 'PROPERTY' && i > 0 && (tokens[i - 1][0] === '.' || tokens[i - 1][0] === '#');
+          let isClassOrIdTail = false;
+          if (tag === 'PROPERTY' && i > 0 && tokens[i - 1][0] === '.') {
+            // Trace backward through the .PROPERTY chain to find its root —
+            // only a CSS class tail if the chain starts from a line-starting template tag
+            let j = i;
+            while (j >= 2 && tokens[j - 1][0] === '.' && tokens[j - 2][0] === 'PROPERTY') j -= 2;
+            if (j >= 2 && tokens[j - 1][0] === '.' && tokens[j - 2][0] === 'IDENTIFIER' && isTemplateTag(tokens[j - 2][1])) {
+              let before = j >= 3 ? tokens[j - 3][0] : null;
+              if (!before || before === 'INDENT' || before === 'OUTDENT' || before === 'TERMINATOR' || before === 'RENDER') {
+                isClassOrIdTail = true;
+              }
+            }
+          }
           let isBareTag = isClsxCallEnd || (tag === 'IDENTIFIER' && isTemplateTag(token[1])) || isClassOrIdTail;
 
           if (isBareTag) {
@@ -1442,7 +1454,11 @@ export function installComponentSupport(CodeGenerator, Lexer) {
             this._pushEffect(`${elVar}.setAttribute('${key}', ${valueCode});`);
           }
         } else {
-          this._createLines.push(`${elVar}.setAttribute('${key}', ${valueCode});`);
+          if (Array.isArray(value) && value[0] === 'presence') {
+            this._createLines.push(`{ const __v = ${valueCode}; __v == null ? void 0 : ${elVar}.setAttribute('${key}', __v); }`);
+          } else {
+            this._createLines.push(`${elVar}.setAttribute('${key}', ${valueCode});`);
+          }
         }
       }
     }
@@ -1889,6 +1905,15 @@ export function installComponentSupport(CodeGenerator, Lexer) {
       return true;
     }
 
+    // Method call on component: [['.', 'this', method], ...args]
+    // Methods may read reactive state internally — treat as reactive so the
+    // call gets wrapped in __effect and re-runs when dependencies change.
+    if (Array.isArray(sexpr[0]) && sexpr[0][0] === '.' && sexpr[0][1] === 'this') {
+      const m = sexpr[0][2];
+      const name = typeof m === 'string' ? m : m instanceof String ? m.valueOf() : null;
+      if (name && this.componentMembers?.has(name)) return true;
+    }
+
     for (const child of sexpr) {
       if (this.hasReactiveDeps(child)) return true;
     }