rip-lang 3.13.55 → 3.13.56

package/package.json

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

package/src/app.rip

@@ -98,7 +98,7 @@ makeProxy = (target) ->
     deleteProperty: (target, prop) ->
       delete target[prop]
       sig = target[SIGNALS]?.get(prop)
-      sig.value = undefined if sig
+      sig?.value = undefined
       keysSignal(target).value = ++_keysVersion
       true
 

package/src/browser.js

@@ -72,14 +72,15 @@ async function processRipScripts() {
     for (const s of sources) {
       if (!s.code) continue;
       try {
-        compiled.push(compileToJS(s.code, opts));
+        const js = compileToJS(s.code, opts);
+        compiled.push({ js, url: s.url || 'inline' });
       } catch (e) {
-        console.error('Rip compile error:', e.message);
+        console.error(`Rip compile error in ${s.url || 'inline'}:`, e.message);
       }
     }
 
     if (compiled.length > 0) {
-      let js = compiled.join('\n');
+      let js = compiled.map(c => c.js).join('\n');
 
       // Step 4: Append data-mount call inside the shared IIFE
       const mount = runtimeTag?.getAttribute('data-mount');
@@ -91,7 +92,15 @@ async function processRipScripts() {
       try {
         await (0, eval)(`(async()=>{\n${js}\n})()`);
       } catch (e) {
-        console.error('Rip runtime error:', e);
+        if (e instanceof SyntaxError) {
+          console.error(`Rip syntax error in combined output: ${e.message}`);
+          for (const c of compiled) {
+            try { new Function(`(async()=>{\n${c.js}\n})()`); }
+            catch (e2) { console.error(`  → source: ${c.url}`, e2.message); }
+          }
+        } else {
+          console.error('Rip runtime error:', e);
+        }
       }
     }
   }

package/src/compiler.js

@@ -588,26 +588,25 @@ export class CodeGenerator {
 
   generateProgram(head, statements, context, sexpr) {
     let code = '';
-    let imports = [], exports = [], other = [];
+    let imports = [], body = [];
 
     for (let stmt of statements) {
-      if (!Array.isArray(stmt)) { other.push(stmt); continue; }
+      if (!Array.isArray(stmt)) { body.push(stmt); continue; }
       let h = stmt[0];
       if (h === 'import') imports.push(stmt);
-      else if (h === 'export' || h === 'export-default' || h === 'export-all' || h === 'export-from') exports.push(stmt);
-      else other.push(stmt);
+      else body.push(stmt);
     }
 
     // Generate body first to detect needed helpers
     let blockStmts = ['def', 'class', 'if', 'for-in', 'for-of', 'for-as', 'while', 'loop', 'switch', 'try'];
-    let stmtEntries = other.map((stmt, index) => {
-      let isSingle = other.length === 1 && imports.length === 0 && exports.length === 0;
+    let stmtEntries = body.map((stmt, index) => {
+      let isSingle = body.length === 1 && imports.length === 0;
       let isObj = this.is(stmt, 'object');
       let isObjComp = isObj && stmt.length === 2 && Array.isArray(stmt[1]) && Array.isArray(stmt[1][1]) && stmt[1][1][0] === 'comprehension';
       let isAlreadyExpr = (this.is(stmt, 'comprehension') || this.is(stmt, 'object-comprehension') || this.is(stmt, 'do-iife'));
       let hasNoVars = this.programVars.size === 0;
       let needsParens = isSingle && isObj && hasNoVars && !isAlreadyExpr && !isObjComp;
-      let isLast = index === other.length - 1;
+      let isLast = index === body.length - 1;
       let isLastComp = isLast && isAlreadyExpr;
 
       let generated;
@@ -672,12 +671,6 @@ export class CodeGenerator {
       }
     }
 
-    // Generate exports code early so component/reactivity flags are set before runtime checks
-    let exportsCode = '';
-    if (exports.length > 0) {
-      exportsCode = '\n' + exports.map(s => this.addSemicolon(s, this.generate(s, 'statement'))).join('\n');
-    }
-
     if (this.usesReactivity && !skip) {
       if (skipRT) {
         code += 'var { __state, __computed, __effect, __batch, __readonly, __setErrorHandler, __handleError, __catchErrors } = globalThis.__rip;\n';
@@ -709,7 +702,6 @@ export class CodeGenerator {
     this._stmtEntries = stmtEntries;
     this._preambleLines = code.length === 0 ? 0 : code.split('\n').length - 1;
     code += statementsCode;
-    code += exportsCode;
 
     if (this.dataSection !== null && this.dataSection !== undefined) {
       code += `\n\nfunction _setDataSection() {\n  DATA = ${JSON.stringify(this.dataSection)};\n}`;
@@ -786,6 +778,18 @@ export class CodeGenerator {
     let [target, value] = rest;
     let op = head === '?=' ? '??=' : head;
 
+    // Optional chain assignment: x?.prop = val → if (x != null) x.prop = val
+    let optInfo = this._findOptionalInTarget(target);
+    if (optInfo) {
+      let guardCode = this.generate(optInfo.guard, 'value');
+      let targetCode = this.generate(optInfo.rewritten, 'value');
+      let valueCode = this.generate(value, 'value');
+      if (context === 'value') {
+        return `(${guardCode} != null ? (${targetCode} ${op} ${valueCode}) : undefined)`;
+      }
+      return `if (${guardCode} != null) ${targetCode} ${op} ${valueCode}`;
+    }
+
     // Validate: no sigils in assignment targets (except void function syntax)
     let isFnValue = (this.is(value, '->') || this.is(value, '=>') || this.is(value, 'def'));
     if (target instanceof String && meta(target, 'await') !== undefined && !isFnValue) {
@@ -2754,6 +2758,17 @@ export class CodeGenerator {
     return code;
   }
 
+  _findOptionalInTarget(node) {
+    if (!Array.isArray(node)) return null;
+    if (node[0] === '?.') return { guard: node[1], rewritten: ['.', node[1], node[2]] };
+    if (node[0] === 'optindex') return { guard: node[1], rewritten: ['[]', node[1], node[2]] };
+    if (node[0] === '.' || node[0] === '[]') {
+      let inner = this._findOptionalInTarget(node[1]);
+      if (inner) return { guard: inner.guard, rewritten: [node[0], inner.rewritten, node[2]] };
+    }
+    return null;
+  }
+
   unwrapLogical(code) {
     if (typeof code !== 'string') return code;
     while (code.startsWith('(') && code.endsWith(')')) {

package/src/components.js

@@ -141,6 +141,7 @@ export function installComponentSupport(CodeGenerator, Lexer) {
   //   - Event modifiers: @click.prevent: → [@click.prevent]:
   //   - Dynamic classes: div.('card', x && 'active') → div.__clsx(...)
   //   - Implicit nesting: inject -> before INDENT for template elements
+  //   - Data attribute sigil: $open: true → "data-open": true
   //   - Hyphenated attributes: data-foo: "x" → "data-foo": "x"
   // ==========================================================================
 
@@ -272,9 +273,20 @@ export function installComponentSupport(CodeGenerator, Lexer) {
         return 1;
       }
 
+      // ─────────────────────────────────────────────────────────────────────
+      // Data attribute sigil
+      // $open: true → "data-open": true
+      // ─────────────────────────────────────────────────────────────────────
+      if (tag === 'PROPERTY' && token[1][0] === '$' && token[1].length > 1) {
+        token[0] = 'STRING';
+        token[1] = `"data-${token[1].slice(1)}"`;
+        return 1;
+      }
+
       // ─────────────────────────────────────────────────────────────────────
       // Hyphenated attributes
       // data-lucide: "search" → "data-lucide": "search"
+      // $my-thing: "x" → "data-my-thing": "x"
       // ─────────────────────────────────────────────────────────────────────
       if (tag === 'IDENTIFIER' && !token.spaced) {
         let parts = [token[1]];
@@ -292,8 +304,10 @@ export function installComponentSupport(CodeGenerator, Lexer) {
           }
         }
         if (parts.length > 1 && j > i + 1 && tokens[j - 1][0] === 'PROPERTY') {
+          let joined = parts.join('-');
+          if (joined[0] === '$') joined = 'data-' + joined.slice(1);
           token[0] = 'STRING';
-          token[1] = `"${parts.join('-')}"`;
+          token[1] = `"${joined}"`;
           tokens.splice(i + 1, j - i - 1);
           return 1;
         }
@@ -1385,21 +1399,9 @@ export function installComponentSupport(CodeGenerator, Lexer) {
 
         const valueCode = this.generateInComponent(value, 'value');
 
-        // Smart two-way binding for value/checked when bound to reactive state
+        // value/checked with reactive deps: one-way push (use <=> for two-way)
         if ((key === 'value' || key === 'checked') && this.hasReactiveDeps(value)) {
           this._pushEffect(`${elVar}.${key} = ${valueCode};`);
-          const rootMemberImplicit = !this.isSimpleAssignable(value) && this.findRootReactiveMember(value);
-          if (this.isSimpleAssignable(value) || rootMemberImplicit) {
-            const event = key === 'checked' ? 'change' : 'input';
-            const accessor = key === 'checked' ? 'e.target.checked'
-              : (inputType === 'number' || inputType === 'range') ? 'e.target.valueAsNumber'
-              : 'e.target.value';
-            let assignCode = `${valueCode} = ${accessor}`;
-            if (rootMemberImplicit) {
-              assignCode += `; ${this._self}.${rootMemberImplicit}.touch?.()`;
-            }
-            this._createLines.push(`${elVar}.addEventListener('${event}', (e) => { ${assignCode}; });`);
-          }
           continue;
         }
 
@@ -1641,7 +1643,15 @@ export function installComponentSupport(CodeGenerator, Lexer) {
 
     const varNames = Array.isArray(vars) ? vars : [vars];
     const itemVar = varNames[0];
-    const indexVar = varNames[1] || 'i';
+    let indexVar = varNames[1] || null;
+    if (!indexVar) {
+      const usedNames = new Set(this._loopVarStack.flatMap(v => [v.itemVar, v.indexVar]));
+      usedNames.add(itemVar);
+      for (const candidate of ['i', 'j', 'k', 'l', 'm', 'n']) {
+        if (!usedNames.has(candidate)) { indexVar = candidate; break; }
+      }
+      indexVar = indexVar || `_i${this._loopVarStack.length}`;
+    }
 
     const collectionCode = this.generateInComponent(collection, 'value');