rip-lang 3.13.62 → 3.13.64

package/README.md

@@ -9,9 +9,9 @@
 </p>
 
 <p align="center">
-  <a href="CHANGELOG.md"><img src="https://img.shields.io/badge/version-3.13.62-blue.svg" alt="Version"></a>
+  <a href="CHANGELOG.md"><img src="https://img.shields.io/badge/version-3.13.64-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%2C300%2F1%2C300-brightgreen.svg" alt="Tests"></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>
 </p>
 
@@ -213,6 +213,7 @@ All use `globalThis` with `??=` — override any by redeclaring locally.
 | `?.` `?.[]` `?.()` | `a?.b` `a?.[0]` `a?.()` | Optional chaining (ES6) |
 | `?[]` `?()` | `a?[0]` `a?(x)` | Optional chaining shorthand |
 | `?.` `=` | `el?.scrollTop = 0` | Optional chain assignment — guarded write |
+| `=` (render) | `= item.textContent` | Expression output as text node in render blocks |
 | `??` | `a ?? b` | Nullish coalescing |
 | `...` (spread) | `[...items, last]` | Prefix spread (ES6) |
 | `//` | `7 // 2` | Floor division |
@@ -420,7 +421,7 @@ Rip includes optional packages for full-stack development:
 
 | Package | Version | Purpose |
 |---------|---------|---------|
-| [rip-lang](https://www.npmjs.com/package/rip-lang) | 3.13.27 | Core language compiler |
+| [rip-lang](https://www.npmjs.com/package/rip-lang) | 3.13.62 | Core language compiler |
 | [@rip-lang/server](packages/server/) | 1.3.12 | Multi-worker app server (web framework, hot reload, HTTPS, mDNS) |
 | [@rip-lang/db](packages/db/) | 1.3.15 | DuckDB server with official UI + ActiveRecord-style client |
 | [ui](packages/ui/) | — | Rip UI — 38 headless components (Grid, Select, Dialog, Tabs, etc.) |
@@ -465,7 +466,7 @@ rip file.rip           # Run
 rip -c file.rip        # Compile
 rip -t file.rip        # Tokens
 rip -s file.rip        # S-expressions
-bun run test           # 1369 tests
+bun run test           # 1436 tests
 bun run parser         # Rebuild parser
 bun run build          # Build browser bundle
 ```

package/docs/RIP-LANG.md

@@ -388,6 +388,25 @@ JavaScript does not allow optional chaining on the left side of assignments
 automatically. This is particularly useful for DOM element references that
 may not exist yet (before mount, inside conditionals, etc.).
 
+### Render Expression Output (`= prefix`)
+
+In component render blocks, `x.y` on its own line is parsed as a tag
+with a CSS class (`<x class="y">`), not a property access. The `=`
+prefix forces the line to be an expression, outputting it as a text node:
+
+```coffee
+# In a render block:
+render
+  div
+    = item.textContent         # text node — not a tag
+    = nav.dataset.trigger      # works even when 'nav' is an HTML tag
+    = link.href                # works even when 'link' is an HTML tag
+    div.card                   # tag — <div class="card"> (no = prefix)
+```
+
+The `=` removes itself and stamps the expression so the codegen skips
+tag detection. Output is clean: `createTextNode(String(expr))`.
+
 ## Ternary Operator
 
 ```coffee
@@ -2131,4 +2150,4 @@ Each would need design discussion before building.
 
 ---
 
-*Rip 3.13 — 1,369 tests — Zero dependencies — Self-hosting — ~11,890 LOC*
+*Rip 3.13 — 1,436 tests — Zero dependencies — Self-hosting — ~11,890 LOC*

package/docs/dist/rip.js

@@ -3511,6 +3511,7 @@ Expecting ${expected.join(", ")}, got '${this.tokenNames[symbol] || symbol}'`;
     return Array.isArray(target) && target[0] === "." && target[1] === "this";
   }
   function installComponentSupport(CodeGenerator, Lexer2) {
+    let meta = (node, key) => node instanceof String ? node[key] : undefined;
     const origClassify = Lexer2.prototype.classifyKeyword;
     Lexer2.prototype.classifyKeyword = function(id, fallback, data) {
       if (id === "offer" || id === "accept") {
@@ -3630,6 +3631,21 @@ Expecting ${expected.join(", ")}, got '${this.tokenNames[symbol] || symbol}'`;
         }
         if (!inRender)
           return 1;
+        if (tag === "=" && i > 0) {
+          let prev = tokens[i - 1][0];
+          if (prev === "TERMINATOR" || prev === "INDENT" || prev === "RENDER") {
+            tokens.splice(i, 1);
+            if (tokens[i] && tokens[i][0] === "IDENTIFIER") {
+              let val = tokens[i][1];
+              if (typeof val === "string") {
+                val = new String(val);
+                tokens[i][1] = val;
+              }
+              val.text = true;
+            }
+            return 0;
+          }
+        }
         if (tag === "UNARY_MATH" && token[1] === "~" && nextToken && nextToken[0] === "IDENTIFIER") {
           token[0] = "PROPERTY";
           token[1] = "__transition__";
@@ -3834,11 +3850,11 @@ Expecting ${expected.join(", ")}, got '${this.tokenNames[symbol] || symbol}'`;
       }
       let raw = typeof current === "string" ? current : current instanceof String ? current.valueOf() : null;
       if (raw === null)
-        return { tag: null, classes, id: undefined };
+        return { tag: null, classes, id: undefined, base: current };
       let [tag, id] = raw.split("#");
       if (!tag)
         tag = "div";
-      return { tag, classes, id };
+      return { tag, classes, id, base: current };
     };
     const _str = (s) => typeof s === "string" ? s : s instanceof String ? s.valueOf() : null;
     const _transferMeta = (from, to) => {
@@ -4229,7 +4245,7 @@ ${blockFactoriesCode}return ${lines.join(`
         this._createLines.push(`${slotVar} = ${s}.children instanceof Node ? ${s}.children : (${s}.children != null ? document.createTextNode(String(${s}.children)) : document.createComment(''));`);
         return slotVar;
       }
-      if (headStr && this.isHtmlTag(headStr)) {
+      if (headStr && this.isHtmlTag(headStr) && !meta(head, "text")) {
         let [tagName, id] = headStr.split("#");
         return this.generateTag(tagName || "div", [], rest, id);
       }
@@ -4247,8 +4263,8 @@ ${blockFactoriesCode}return ${lines.join(`
           this._createLines.push(`${slotVar} = ${s}.${prop} instanceof Node ? ${s}.${prop} : (${s}.${prop} != null ? document.createTextNode(String(${s}.${prop})) : document.createComment(''));`);
           return slotVar;
         }
-        const { tag, classes, id } = this.collectTemplateClasses(sexpr);
-        if (tag && this.isHtmlTag(tag)) {
+        const { tag, classes, id, base } = this.collectTemplateClasses(sexpr);
+        if (!meta(base, "text") && tag && this.isHtmlTag(tag)) {
           return this.generateTag(tag, classes, [], id);
         }
         const textVar2 = this.newTextVar();
@@ -8703,8 +8719,8 @@ globalThis.zip    ??= (...a) => a[0].map((_, i) => a.map(b => b[i]));
     return new CodeGenerator({}).getComponentRuntime();
   }
   // src/browser.js
-  var VERSION = "3.13.56";
-  var BUILD_DATE = "2026-03-01@02:18:54GMT";
+  var VERSION = "3.13.63";
+  var BUILD_DATE = "2026-03-01@06:49:01GMT";
   if (typeof globalThis !== "undefined") {
     if (!globalThis.__rip)
       new Function(getReactiveRuntime())();