rip-lang 3.13.32 → 3.13.34

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.32-blue.svg" alt="Version"></a>
+  <a href="CHANGELOG.md"><img src="https://img.shields.io/badge/version-3.13.34-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="LICENSE"><img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License"></a>

package/bin/rip

@@ -42,7 +42,7 @@ Options:
   -v, --version       Show version number
 
 Subcommands:
-  rip serve [flags] [app]       Start server (watches *.rip, HTTPS, mDNS)
+  rip server [flags] [app]      Start server (watches *.rip, HTTPS, mDNS)
   rip check [dir]               Type-check all .rip files in directory
 
 Serve flags:
@@ -56,9 +56,9 @@ Examples:
   rip                           # Interactive REPL (terminal)
   rip script.rip                # Execute script directly
   rip script.rip arg1 arg2      # Execute with arguments
-  rip serve                     # Serve ./index.rip (watches *.rip)
-  rip serve http                # Serve HTTP-only
-  rip serve myapp               # Serve with mDNS name
+  rip server                    # Serve ./index.rip (watches *.rip)
+  rip server http               # Serve HTTP-only
+  rip server myapp              # Serve with mDNS name
   rip -c example.rip            # Compile and show JavaScript
   rip -o output.js example.rip  # Compile and save to file
   rip -s example.rip            # Show ONLY s-expressions
@@ -128,7 +128,7 @@ async function main() {
     process.exit(exitCode);
   }
 
-  if (args[0] === 'serve') {
+  if (args[0] === 'server') {
     let serverPath;
     try {
       serverPath = fileURLToPath(import.meta.resolve('@rip-lang/server/server'));

package/docs/RIP-LANG.md

@@ -1278,7 +1278,7 @@ bun add @rip-lang/csv            # CSV parser + writer
 
 ## @rip-lang/server — Web Framework & Production Server
 
-Sinatra-style routing with `@` context magic and built-in validators. Run with `rip serve` for multi-worker production deployment with hot reload, HTTPS, and mDNS.
+Sinatra-style routing with `@` context magic and built-in validators. Run with `rip server` for multi-worker production deployment with hot reload, HTTPS, and mDNS.
 
 ```coffee
 import { get, post, use, read, start, notFound } from '@rip-lang/server'
@@ -1315,10 +1315,10 @@ start port: 3000
 ### Serving
 
 ```bash
-rip serve                 # Start (uses ./index.rip)
-rip serve --static        # No watching, no hot reload (production)
-rip serve myapp           # Named (accessible at myapp.local)
-rip serve http:3000       # HTTP on specific port
+rip server                 # Start (uses ./index.rip)
+rip server --static        # No watching, no hot reload (production)
+rip server myapp           # Named (accessible at myapp.local)
+rip server http:3000       # HTTP on specific port
 ```
 
 ### read() Validators

package/docs/dist/rip.js

@@ -3801,23 +3801,36 @@ Expecting ${expected.join(", ")}, got '${this.tokenNames[symbol] || symbol}'`;
         tag = "div";
       return { tag, classes, id };
     };
+    const _str = (s) => typeof s === "string" ? s : s instanceof String ? s.valueOf() : null;
+    const _transferMeta = (from, to) => {
+      if (!(from instanceof String))
+        return to;
+      const s = new String(to);
+      if (from.predicate)
+        s.predicate = true;
+      if (from.await)
+        s.await = true;
+      return s.predicate || s.await ? s : to;
+    };
     proto.transformComponentMembers = function(sexpr) {
       const self = this._self;
       if (!Array.isArray(sexpr)) {
-        if (typeof sexpr === "string" && this.reactiveMembers && this.reactiveMembers.has(sexpr)) {
-          return [".", [".", self, sexpr], "value"];
+        const sv = _str(sexpr);
+        if (sv && this.reactiveMembers && this.reactiveMembers.has(sv)) {
+          return [".", [".", self, sv], _transferMeta(sexpr, "value")];
         }
-        if (typeof sexpr === "string" && this.componentMembers && this.componentMembers.has(sexpr)) {
-          return [".", self, sexpr];
+        if (sv && this.componentMembers && this.componentMembers.has(sv)) {
+          return [".", self, _transferMeta(sexpr, sv)];
         }
         return sexpr;
       }
-      if (sexpr[0] === "." && sexpr[1] === "this" && typeof sexpr[2] === "string") {
-        const memberName = sexpr[2];
+      if (sexpr[0] === "." && sexpr[1] === "this" && _str(sexpr[2]) != null) {
+        const prop = sexpr[2];
+        const memberName = _str(prop);
         if (this.reactiveMembers && this.reactiveMembers.has(memberName)) {
-          return [".", [".", self, memberName], "value"];
+          return [".", [".", self, memberName], _transferMeta(prop, "value")];
         }
-        return this._factoryMode ? [".", self, sexpr[2]] : sexpr;
+        return this._factoryMode ? [".", self, prop] : sexpr;
       }
       if (sexpr[0] === "." || sexpr[0] === "?.") {
         return [sexpr[0], this.transformComponentMembers(sexpr[1]), sexpr[2]];
@@ -3937,7 +3950,7 @@ Expecting ${expected.join(", ")}, got '${this.tokenNames[symbol] || symbol}'`;
         lines.push(isPublic ? `    this.${name} = __state(props.__bind_${name}__ ?? props.${name} ?? ${val});` : `    this.${name} = __state(${val});`);
       }
       for (const { name, expr } of derivedVars) {
-        if (this.is(expr, "block") && expr.length > 2) {
+        if (this.is(expr, "block")) {
           const transformed = this.transformComponentMembers(expr);
           const body2 = this.generateFunctionBody(transformed);
           lines.push(`    this.${name} = __computed(() => ${body2});`);
@@ -3949,7 +3962,7 @@ Expecting ${expected.join(", ")}, got '${this.tokenNames[symbol] || symbol}'`;
       for (const effect of effects) {
         const effectBody = effect[2];
         const isAsync = this.containsAwait(effectBody) ? "async " : "";
-        if (this.is(effectBody, "block") && effectBody.length > 2) {
+        if (this.is(effectBody, "block")) {
           const transformed = this.transformComponentMembers(effectBody);
           const body2 = this.generateFunctionBody(transformed, [], true);
           lines.push(`    __effect(${isAsync}() => ${body2});`);
@@ -4113,6 +4126,12 @@ ${blockFactoriesCode}return ${lines.join(`
           this._pushEffect(`${textVar2}.data = ${this._self}.${str}.value;`);
           return textVar2;
         }
+        if (str === "slot" && this.componentMembers) {
+          const s = this._self;
+          const slotVar = this.newElementVar("slot");
+          this._createLines.push(`${slotVar} = ${s}.children instanceof Node ? ${s}.children : (${s}.children != null ? document.createTextNode(String(${s}.children)) : document.createComment(''));`);
+          return slotVar;
+        }
         const [tagStr, idStr] = str.split("#");
         const elVar = this.newElementVar();
         const actualTag = tagStr || "div";
@@ -4439,7 +4458,11 @@ ${blockFactoriesCode}return ${lines.join(`
               this._createLines.push(`if (${valueCode}) ${elVar}.setAttribute('${key}', '');`);
             }
           } else if (this.hasReactiveDeps(value)) {
-            this._pushEffect(`${elVar}.setAttribute('${key}', ${valueCode});`);
+            if (Array.isArray(value) && value[0] === "presence") {
+              this._pushEffect(`{ const __v = ${valueCode}; __v == null ? ${elVar}.removeAttribute('${key}') : ${elVar}.setAttribute('${key}', __v); }`);
+            } else {
+              this._pushEffect(`${elVar}.setAttribute('${key}', ${valueCode});`);
+            }
           } else {
             this._createLines.push(`${elVar}.setAttribute('${key}', ${valueCode});`);
           }
@@ -8594,7 +8617,7 @@ globalThis.zip    ??= (...a) => a[0].map((_, i) => a.map(b => b[i]));
   }
   // src/browser.js
   var VERSION = "3.13.32";
-  var BUILD_DATE = "2026-02-26@09:33:18GMT";
+  var BUILD_DATE = "2026-02-26@17:50:29GMT";
   if (typeof globalThis !== "undefined") {
     if (!globalThis.__rip)
       new Function(getReactiveRuntime())();