rip-lang 3.13.89 → 3.13.91

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.89-blue.svg" alt="Version"></a>
+  <a href="CHANGELOG.md"><img src="https://img.shields.io/badge/version-3.13.91-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}
@@ -2062,6 +2064,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.88";
-  var BUILD_DATE = "2026-03-04@05:54:21GMT";
+  var VERSION = "3.13.91";
+  var BUILD_DATE = "2026-03-04@21:40:01GMT";
   if (typeof globalThis !== "undefined") {
     if (!globalThis.__rip)
       new Function(getReactiveRuntime())();
@@ -8973,13 +9032,17 @@ ${c.js}
       es.addEventListener("reload", (e) => {
         if (e.data === "styles") {
           const t = Date.now();
+          let refreshed = 0;
           document.querySelectorAll('link[rel="stylesheet"]').forEach((l) => {
             if (new URL(l.href).origin !== location.origin)
               return;
             const url = new URL(l.href);
             url.searchParams.set("_r", t);
             l.href = url.toString();
+            refreshed++;
           });
+          if (!refreshed)
+            location.reload();
         } else {
           location.reload();
         }