rip-lang 3.13.62 → 3.13.64

package/package.json

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

package/src/components.js

@@ -112,6 +112,8 @@ function isPublicProp(target) {
 
 export function installComponentSupport(CodeGenerator, Lexer) {
 
+  let meta = (node, key) => node instanceof String ? node[key] : undefined;
+
   // ==========================================================================
   // Lexer: Context-sensitive 'offer'/'accept' (only inside component bodies)
   // ==========================================================================
@@ -260,6 +262,22 @@ export function installComponentSupport(CodeGenerator, Lexer) {
       // Only process if we're inside a render block
       if (!inRender) return 1;
 
+      // ─────────────────────────────────────────────────────────────────────
+      // Expression output: = expr → text node (stamp .text, skip tag detection)
+      // ─────────────────────────────────────────────────────────────────────
+      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;
+        }
+      }
+
       // ─────────────────────────────────────────────────────────────────────
       // Transition modifier
       // div ~fade → div __transition__: "fade"
@@ -546,11 +564,11 @@ export function installComponentSupport(CodeGenerator, Lexer) {
       current = current[1];
     }
     let raw = typeof current === 'string' ? current : (current instanceof String ? current.valueOf() : null);
-    if (raw === null) return { tag: null, classes, id: undefined };
+    if (raw === null) return { tag: null, classes, id: undefined, base: current };
     // Split tag#id — e.g. "div#content" → tag: "div", id: "content"
     let [tag, id] = raw.split('#');
     if (!tag) tag = 'div';  // bare #id → div
-    return { tag, classes, id };
+    return { tag, classes, id, base: current };
   };
 
   // ==========================================================================
@@ -1047,7 +1065,7 @@ export function installComponentSupport(CodeGenerator, Lexer) {
     }
 
     // HTML tag (possibly with #id, e.g. div#content)
-    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);
     }
@@ -1070,9 +1088,9 @@ export function installComponentSupport(CodeGenerator, Lexer) {
         return slotVar;
       }
 
-      // HTML tag with classes (div.class) and optional #id
-      const { tag, classes, id } = this.collectTemplateClasses(sexpr);
-      if (tag && this.isHtmlTag(tag)) {
+      // HTML tag with classes (div.class) — skip if base is marked .text by = prefix
+      const { tag, classes, id, base } = this.collectTemplateClasses(sexpr);
+      if (!meta(base, 'text') && tag && this.isHtmlTag(tag)) {
         return this.generateTag(tag, classes, [], id);
       }