rip-lang 3.13.90 → 3.13.92

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.90-blue.svg" alt="Version"></a>
+  <a href="CHANGELOG.md"><img src="https://img.shields.io/badge/version-3.13.92-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/docs/RIP-LANG.md

@@ -100,6 +100,8 @@ binary = 0b1010
 # Arrays
 items = [1, 2, 3]
 matrix = [[1, 2], [3, 4]]
+words = %w[foo bar baz]       # ["foo", "bar", "baz"]
+colors = %w(red green blue)   # any delimiter: [] () {} <> || !! etc.
 
 # Objects
 user = {name: "Alice", age: 30}
@@ -1480,6 +1482,10 @@ App = component
   name := "world"
   render
     div.card                       # element with class
+    .card                          # implicit div with class
+    .card.active                   # multiple static classes
+    .("flex-1 p-4")               # dynamic classes (Tailwind etc.)
+    .card.("flex-1 p-4")          # static + dynamic combined
       h1#title "Hello"             # element with id
       span name                    # reactive text
       input value <=> name         # two-way binding
@@ -2062,6 +2068,9 @@ a[/pat/, 1]    # regex extract
 a?             # existence check (a != null)
 a ?? b         # nullish coalescing
 
+# Word arrays
+%w[foo bar baz]   # ["foo", "bar", "baz"] — Ruby-style word literal
+
 # Two-way binding (render blocks)
 input value <=> @name      # bidirectional reactive binding
 Dialog open <=> @show      # works with components too

package/docs/dist/rip.js

@@ -1903,7 +1903,54 @@
       this.emit("JS", script, { len, data: { here: match[0].startsWith("```") } });
       return len;
     }
+    wordLiteral() {
+      if (this.chunk[0] !== "%" || this.chunk[1] !== "w")
+        return 0;
+      let opener = this.chunk[2];
+      if (!opener || /\s/.test(opener))
+        return 0;
+      let PAIRS = { "[": "]", "(": ")", "{": "}", "<": ">" };
+      let closer = PAIRS[opener] || opener;
+      let paired = closer !== opener;
+      let depth = 1;
+      let i = 3;
+      while (i < this.chunk.length && depth > 0) {
+        let ch = this.chunk[i];
+        if (ch === "\\") {
+          i += 2;
+          continue;
+        }
+        if (paired && ch === opener)
+          depth++;
+        if (ch === closer)
+          depth--;
+        if (depth > 0)
+          i++;
+      }
+      if (depth !== 0)
+        return 0;
+      let content = this.chunk.slice(3, i);
+      let total = i + 1;
+      let words = [];
+      if (content.trim()) {
+        let raw = content.trim().split(/(?<!\\)\s+/);
+        for (let w of raw) {
+          words.push(w.replace(/\\ /g, " "));
+        }
+      }
+      this.emit("[", "[", { len: total });
+      for (let j = 0;j < words.length; j++) {
+        if (j > 0)
+          this.emit(",", ",");
+        this.emit("STRING", `"${words[j]}"`);
+      }
+      this.emit("]", "]");
+      return total;
+    }
     literalToken() {
+      let wl = this.wordLiteral();
+      if (wl)
+        return wl;
       let match = OPERATOR_RE.exec(this.chunk);
       let val = match ? match[0] : this.chunk.charAt(0);
       let tag = val;
@@ -4294,14 +4341,24 @@ ${blockFactoriesCode}return ${lines.join(`
       }
       if (Array.isArray(head)) {
         if (Array.isArray(head[0]) && head[0][0] === "." && (head[0][2] === "__clsx" || head[0][2] instanceof String && head[0][2].valueOf() === "__clsx")) {
-          const tag2 = typeof head[0][1] === "string" ? head[0][1] : head[0][1].valueOf();
+          const tagExpr = head[0][1];
           const classExprs = head.slice(1);
+          if (Array.isArray(tagExpr)) {
+            const { tag: tag3, classes: classes2, id: id2 } = this.collectTemplateClasses(tagExpr);
+            if (tag3) {
+              const staticArgs = classes2.map((c) => `"${c}"`);
+              return this.generateDynamicTag(tag3, classExprs, rest, staticArgs, id2);
+            }
+          }
+          const tag2 = typeof tagExpr === "string" ? tagExpr : tagExpr.valueOf();
           return this.generateDynamicTag(tag2, classExprs, rest);
         }
         const { tag, classes, id } = this.collectTemplateClasses(head);
         if (tag && this.isHtmlTag(tag)) {
-          if (classes.length === 1 && classes[0] === "__clsx") {
-            return this.generateDynamicTag(tag, rest, []);
+          if (classes.length > 0 && classes[classes.length - 1] === "__clsx") {
+            const staticClasses = classes.slice(0, -1);
+            const staticArgs = staticClasses.map((c) => `"${c}"`);
+            return this.generateDynamicTag(tag, rest, [], staticArgs, id);
           }
           return this.generateTag(tag, classes, rest, id);
         }
@@ -4436,15 +4493,17 @@ ${blockFactoriesCode}return ${lines.join(`
       this._emitAutoWire(elVar, autoWireClaimed);
       return elVar;
     };
-    proto.generateDynamicTag = function(tag, classExprs, children) {
+    proto.generateDynamicTag = function(tag, classExprs, children, staticClassArgs, id) {
       const elVar = this.newElementVar();
       if (SVG_TAGS.has(tag) || this._svgDepth > 0) {
         this._createLines.push(`${elVar} = document.createElementNS('${SVG_NS}', '${tag}');`);
       } else {
         this._createLines.push(`${elVar} = document.createElement('${tag}');`);
       }
+      if (id)
+        this._createLines.push(`${elVar}.id = '${id}';`);
       const autoWireClaimed = this._claimAutoWire(elVar);
-      const classArgs = classExprs.map((e) => this.generateInComponent(e, "value"));
+      const classArgs = [...staticClassArgs || [], ...classExprs.map((e) => this.generateInComponent(e, "value"))];
       const prevClassArgs = this._pendingClassArgs;
       const prevClassEl = this._pendingClassEl;
       this._pendingClassArgs = classArgs;
@@ -8785,8 +8844,8 @@ globalThis.zip    ??= (...a) => a[0].map((_, i) => a.map(b => b[i]));
     return new CodeGenerator({}).getComponentRuntime();
   }
   // src/browser.js
-  var VERSION = "3.13.90";
-  var BUILD_DATE = "2026-03-04@06:22:39GMT";
+  var VERSION = "3.13.91";
+  var BUILD_DATE = "2026-03-04@21:40:01GMT";
   if (typeof globalThis !== "undefined") {
     if (!globalThis.__rip)
       new Function(getReactiveRuntime())();