rip-lang 3.13.107 → 3.13.109

package/CHANGELOG.md

@@ -7,6 +7,12 @@ All notable changes to Rip will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [Unreleased]
+
+### Breaking — Merge Assign Operator
+
+- **`*>` replaces `*` for merge assignment** — The merge-assign form is now `*>target = value` (including `*>@ = props`). The old `*target = value` form is removed.
+
 ## [3.13.16] - 2026-02-25
 
 ### Breaking — Merge `@rip-lang/api` into `@rip-lang/server`

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.107-blue.svg" alt="Version"></a>
+  <a href="CHANGELOG.md"><img src="https://img.shields.io/badge/version-3.13.109-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>
@@ -229,7 +229,7 @@ All use `globalThis` with `??=` — override any by redeclaring locally.
 | `not in` | `x not in arr` | Negated membership test |
 | `not of` | `k not of obj` | Negated key existence |
 | `.=` (method assign) | `x .= trim()` | `x = x.trim()` — compound method assignment |
-| `*` (merge assign) | `*obj = {a: 1}` | `Object.assign(obj, {a: 1})` |
+| `*>` (merge assign) | `*>obj = {a: 1}` | `Object.assign(obj, {a: 1})` |
 | `or return` | `x = get() or return err` | Guard clause (Ruby-style) |
 | `?? throw` | `x = get() ?? throw err` | Nullish guard |
 

package/docs/RIP-LANG.md

@@ -326,7 +326,7 @@ Multiple lines
 | `<` `<=` | Chained comparison | `1 < x < 10` | `(1 < x) && (x < 10)` |
 | `\|>` | Pipe | `x \|> fn` or `x \|> fn(y)` | `fn(x)` or `fn(x, y)` |
 | `.=` | Method assign | `x .= trim()` | `x = x.trim()` |
-| `*` | Merge assign | `*obj = {a: 1}` | `Object.assign(obj, {a: 1})` |
+| `*>` | Merge assign | `*>obj = {a: 1}` | `Object.assign(obj, {a: 1})` |
 | `not in` | Not in | `x not in arr` | Negated membership test |
 | `not of` | Not of | `k not of obj` | Negated key existence |
 | `<=>` | Two-way bind | `value <=> name` | Bidirectional reactive binding (render blocks) |
@@ -535,37 +535,37 @@ str.=trim()            # compact (no spaces)
 str .=trim()           # mixed
 ```
 
-## Merge Assignment (`*`)
+## Merge Assignment (`*>`)
 
 A Rip original. Merge properties into an existing object without repeating
 its name:
 
 ```coffee
-# Without * — repeat the object name or use verbose Object.assign
+# Without *> — repeat the object name or use verbose Object.assign
 Object.assign config,
   host: "localhost"
   port: 3000
   debug: true
 
-# With * — clean and direct
-*config =
+# With *> — clean and direct
+*>config =
   host: "localhost"
   port: 3000
   debug: true
 
 # Single line
-*opts = {method: "POST", body: data}
+*>opts = {method: "POST", body: data}
 
 # Dotted paths
-*el.style =
+*>el.style =
   color: "red"
   fontSize: "14px"
 
 # Merge user overrides into defaults
-*defaults = userConfig
+*>defaults = userConfig
 ```
 
-`*target = value` compiles to `Object.assign(target, value)`. The `*` reads
+`*>target = value` compiles to `Object.assign(target, value)`. The `*>` reads
 as "spread these into" — the same concept as `...` spread but as an
 assignment. This is unique to Rip.
 

package/docs/dist/rip.js

@@ -314,12 +314,13 @@
         j++;
         continue;
       }
-      if (depth === 1 && (t[0] === "PROPERTY" || t[0] === "IDENTIFIER")) {
+      let isProperty = t[0] === "PROPERTY" || t[0] === "IDENTIFIER" || depth === 1 && /^[a-zA-Z_$]/.test(t[1]) && tokens[j + 1]?.[0] === "TYPE_ANNOTATION";
+      if (depth === 1 && isProperty) {
         let propName = t[1];
         let optional = false;
         let readonly = false;
         j++;
-        if (propName === "readonly" && (tokens[j]?.[0] === "PROPERTY" || tokens[j]?.[0] === "IDENTIFIER")) {
+        if (propName === "readonly" && tokens[j] && (tokens[j][0] === "PROPERTY" || tokens[j][0] === "IDENTIFIER" || /^[a-zA-Z_$]/.test(tokens[j][1]) && tokens[j + 1]?.[0] === "TYPE_ANNOTATION")) {
           readonly = true;
           propName = tokens[j][1];
           if (tokens[j].data?.predicate)
@@ -452,15 +453,29 @@
     }
     let emitBlock = (prefix, body, suffix) => {
       if (body.startsWith("{ ") && body.endsWith(" }")) {
-        let props = body.slice(2, -2).split("; ").filter((p) => p.trim());
-        if (props.length > 0) {
-          lines.push(`${indent()}${prefix}{`);
-          indentLevel++;
-          for (let prop of props)
-            lines.push(`${indent()}${prop};`);
-          indentLevel--;
-          lines.push(`${indent()}}${suffix}`);
-          return;
+        let depth = 0, firstTopClose = -1;
+        for (let c = 0;c < body.length; c++) {
+          if (body[c] === "{")
+            depth++;
+          else if (body[c] === "}") {
+            depth--;
+            if (depth === 0) {
+              firstTopClose = c;
+              break;
+            }
+          }
+        }
+        if (firstTopClose === body.length - 1) {
+          let props = body.slice(2, -2).split("; ").filter((p) => p.trim());
+          if (props.length > 0) {
+            lines.push(`${indent()}${prefix}{`);
+            indentLevel++;
+            for (let prop of props)
+              lines.push(`${indent()}${prop};`);
+            indentLevel--;
+            lines.push(`${indent()}}${suffix}`);
+            return;
+          }
         }
       }
       lines.push(`${indent()}${prefix}${body}${suffix}`);
@@ -1020,7 +1035,7 @@
     let preamble = [];
     if (usesSignal) {
       preamble.push("interface Signal<T> { value: T; read(): T; lock(): Signal<T>; free(): Signal<T>; kill(): T; }");
-      preamble.push("declare function __state<T>(value: T): Signal<T>;");
+      preamble.push("declare function __state<T>(value: T | Signal<T>): Signal<T>;");
     }
     if (usesComputed) {
       preamble.push("interface Computed<T> { readonly value: T; read(): T; lock(): Computed<T>; free(): Computed<T>; kill(): T; }");
@@ -1145,6 +1160,9 @@
         if (!hasDefault)
           hasRequired = true;
         publicProps.push(`    ${propName}${opt}: ${typeStr};`);
+        if (mHead === "state") {
+          publicProps.push(`    __bind_${propName}__?: Signal<${typeStr}>;`);
+        }
       }
       lines.push(`${exp}declare class ${name} {`);
       if (publicProps.length > 0) {
@@ -1461,7 +1479,7 @@
   var UNARY_MATH = new Set(["!", "~"]);
   var IDENTIFIER_RE = /^(?!\d)((?:(?!\s)[$\w\x7f-\uffff])+(?:!(?!\?)|[?](?![.?![(]))?)([^\n\S]*:(?![=:>]))?/;
   var NUMBER_RE = /^0b[01](?:_?[01])*n?|^0o[0-7](?:_?[0-7])*n?|^0x[\da-f](?:_?[\da-f])*n?|^\d+(?:_\d+)*n|^(?:\d+(?:_\d+)*)?\.?\d+(?:_\d+)*(?:e[+-]?\d+(?:_\d+)*)?/i;
-  var OPERATOR_RE = /^(?:<=>|::|[-=]>|~>|~=|:>|:=|=!|===|!==|!\?|\?\!|\?\?|=~|\|>|[-+*\/%<>&|^!?=]=|>>>=?|([-+:])\1|([&|<>*\/%])\2=?|\?\.?|\.{2,3})/;
+  var OPERATOR_RE = /^(?:<=>|::|\*>|[-=]>|~>|~=|:>|:=|=!|===|!==|!\?|\?\!|\?\?|=~|\|>|[-+*\/%<>&|^!?=]=|>>>=?|([-+:])\1|([&|<>*\/%])\2=?|\?\.?|\.{2,3})/;
   var WHITESPACE_RE = /^[^\n\S]+/;
   var NEWLINE_RE = /^(?:\n[^\n\S]*)+/;
   var COMMENT_RE = /^(\s*)###([^#][\s\S]*?)(?:###([^\n\S]*)|###$)|^((?:\s*#(?!##[^#]).*)+)/;
@@ -2241,9 +2259,10 @@
         this.emit("PROPERTY", "prototype");
         this.emit(".", ".");
         return 2;
-      } else if (val === "::")
+      } else if (val === "::") {
         tag = "TYPE_ANNOTATION";
-      else if (val === "~=")
+        this.inTypeAnnotation = true;
+      } else if (val === "~=")
         tag = "COMPUTED_ASSIGN";
       else if (val === ":=")
         tag = "REACTIVE_ASSIGN";
@@ -2257,8 +2276,8 @@
       } else if (val === "=!") {
         tag = "READONLY_ASSIGN";
         this.inTypeAnnotation = false;
-      } else if (val === "*" && (!prev || prev[0] === "TERMINATOR" || prev[0] === "INDENT" || prev[0] === "OUTDENT") && (/^[a-zA-Z_$]/.test(this.chunk[1] || "") || this.chunk[1] === "@")) {
-        let rest = this.chunk.slice(1);
+      } else if (val === "*>" && (!prev || prev[0] === "TERMINATOR" || prev[0] === "INDENT" || prev[0] === "OUTDENT") && (/^[a-zA-Z_$]/.test(this.chunk[2] || "") || this.chunk[2] === "@")) {
+        let rest = this.chunk.slice(2);
         let mAt = /^@(\s*)=(?!=)/.exec(rest);
         if (mAt) {
           let space = mAt[1];
@@ -2268,7 +2287,7 @@
           t.spaced = true;
           this.emit("@", "@");
           this.emit(",", ",");
-          return 1 + 1 + space.length + 1;
+          return 2 + 1 + space.length + 1;
         }
         let m = /^((?:(?!\s)[$\w\x7f-\uffff])+(?:\.[a-zA-Z_$][\w]*)*)(\s*)=(?!=)/.exec(rest);
         if (m) {
@@ -2294,7 +2313,7 @@
           this.emit(",", ",");
           let comma = this.prev();
           comma.mergeClose = true;
-          return 1 + target.length + space.length + 1;
+          return 2 + target.length + space.length + 1;
         }
       } else if (val === "*" && prev?.[0] === "EXPORT")
         tag = "EXPORT_ALL";
@@ -4357,6 +4376,7 @@ Expecting ${expected.join(", ")}, got '${this.tokenNames[symbol] || symbol}'`;
           const ts = expandType(type);
           const opt = required ? "" : "?";
           propEntries.push(`${name}${opt}: ${ts || "any"}`);
+          propEntries.push(`__bind_${name}__?: Signal<${ts || "any"}>`);
         }
         for (const { name, type, isPublic } of readonlyVars) {
           if (!isPublic)
@@ -4451,6 +4471,7 @@ Expecting ${expected.join(", ")}, got '${this.tokenNames[symbol] || symbol}'`;
         }
         if (renderBlock) {
           const constructions = [];
+          let constructionIdx = 0;
           const extractProps = (args) => {
             const props = [];
             for (const arg of args) {
@@ -4467,10 +4488,62 @@ Expecting ${expected.join(", ")}, got '${this.tokenNames[symbol] || symbol}'`;
               }
               if (obj) {
                 for (let j = 1;j < obj.length; j++) {
-                  const [key, value] = obj[j];
-                  if (typeof key === "string" && !key.startsWith("@") && !key.startsWith("__bind_")) {
+                  const pair = obj[j];
+                  const [key, value] = pair;
+                  if (typeof key === "string" && !key.startsWith("@")) {
+                    const srcLine = pair.loc?.r ?? obj.loc?.r;
+                    if (key.startsWith("__bind_") && key.endsWith("__")) {
+                      const member = typeof value === "string" && this.reactiveMembers?.has(value) ? `this.${value}` : this.generateInComponent(value, "value");
+                      props.push({ code: `${key}: ${member}`, srcLine });
+                    } else {
+                      const val = this.generateInComponent(value, "value");
+                      props.push({ code: `${key}: ${val}`, srcLine });
+                    }
+                  }
+                }
+              }
+            }
+            return props;
+          };
+          const extractIntrinsicProps = (args) => {
+            const props = [];
+            for (const arg of args) {
+              let obj = null;
+              if (this.is(arg, "object")) {
+                obj = arg;
+              } else if (Array.isArray(arg) && (arg[0] === "->" || arg[0] === "=>") && this.is(arg[2], "block")) {
+                for (let k = 1;k < arg[2].length; k++) {
+                  if (this.is(arg[2][k], "object")) {
+                    obj = arg[2][k];
+                    break;
+                  }
+                }
+              }
+              if (obj) {
+                for (let j = 1;j < obj.length; j++) {
+                  const pair = obj[j];
+                  if (!Array.isArray(pair) || pair.length < 2)
+                    continue;
+                  const [key, value] = pair;
+                  const srcLine = pair.loc?.r ?? obj.loc?.r;
+                  if (Array.isArray(key) && key[0] === "." && key[1] === "this") {
+                    let memberName = typeof key[2] === "string" ? key[2] : key[2]?.valueOf?.();
+                    if (!memberName)
+                      continue;
+                    const eventKey = "@" + memberName.split(".")[0];
                     const val = this.generateInComponent(value, "value");
-                    props.push(`${key}: ${val}`);
+                    props.push({ code: `'${eventKey}': ${val}`, srcLine });
+                  } else if (typeof key === "string") {
+                    if (key === "key")
+                      continue;
+                    if (key.startsWith("__bind_") && key.endsWith("__")) {
+                      const propName = key.slice(7, -2);
+                      const val = this.generateInComponent(value, "value");
+                      props.push({ code: `${propName}: ${val}`, srcLine });
+                    } else {
+                      const val = this.generateInComponent(value, "value");
+                      props.push({ code: `${key}: ${val}`, srcLine });
+                    }
                   }
                 }
               }
@@ -4483,7 +4556,53 @@ Expecting ${expected.join(", ")}, got '${this.tokenNames[symbol] || symbol}'`;
             const head2 = node[0]?.valueOf?.() ?? node[0];
             if (typeof head2 === "string" && /^[A-Z]/.test(head2)) {
               const props = extractProps(node.slice(1));
-              constructions.push(`    new ${head2}({${props.join(", ")}});`);
+              const varName = `_${constructionIdx++}`;
+              const propsType = `ConstructorParameters<typeof ${head2}>[0] & {}`;
+              if (props.length === 0) {
+                const tagLine = node.loc?.r;
+                constructions.push(`    const ${varName}: ${propsType} = {};` + (tagLine != null ? ` // @rip-src:${tagLine}` : ""));
+              } else if (props.length === 1) {
+                const srcLine = node.loc?.r ?? props[0].srcLine;
+                constructions.push(`    const ${varName}: ${propsType} = {${props[0].code}};` + (srcLine != null ? ` // @rip-src:${srcLine}` : ""));
+              } else {
+                const tagLine = node.loc?.r;
+                const distinctLines = new Set(props.map((p) => p.srcLine).filter((l) => l != null));
+                if (distinctLines.size <= 1) {
+                  const srcLine = props[0].srcLine ?? tagLine;
+                  constructions.push(`    const ${varName}: ${propsType} = {${props.map((p) => p.code).join(", ")}};` + (srcLine != null ? ` // @rip-src:${srcLine}` : ""));
+                } else {
+                  constructions.push(`    const ${varName}: ${propsType} = {` + (tagLine != null ? ` // @rip-src:${tagLine}` : ""));
+                  for (const p of props) {
+                    constructions.push(`      ${p.code},` + (p.srcLine != null ? ` // @rip-src:${p.srcLine}` : ""));
+                  }
+                  constructions.push(`    };`);
+                }
+              }
+            } else if (typeof head2 === "string" && head2 !== "object" && head2 !== "switch" && TEMPLATE_TAGS.has(head2.split(/[.#]/)[0])) {
+              const tagName = head2.split(/[.#]/)[0];
+              const iProps = extractIntrinsicProps(node.slice(1));
+              const tagLine = node.loc?.r;
+              const srcMarker = tagLine != null ? ` // @rip-src:${tagLine}` : "";
+              if (iProps.length === 0) {
+                constructions.push(`    __ripEl('${tagName}');${srcMarker}`);
+              } else if (iProps.length === 1) {
+                const srcLine = iProps[0].srcLine ?? tagLine;
+                const marker = srcLine != null ? ` // @rip-src:${srcLine}` : "";
+                constructions.push(`    __ripEl('${tagName}', {${iProps[0].code}});${marker}`);
+              } else {
+                const distinctLines = new Set(iProps.map((p) => p.srcLine).filter((l) => l != null));
+                if (distinctLines.size <= 1) {
+                  const srcLine = iProps[0].srcLine ?? tagLine;
+                  const marker = srcLine != null ? ` // @rip-src:${srcLine}` : "";
+                  constructions.push(`    __ripEl('${tagName}', {${iProps.map((p) => p.code).join(", ")}});${marker}`);
+                } else {
+                  constructions.push(`    __ripEl('${tagName}', {${srcMarker}`);
+                  for (const p of iProps) {
+                    constructions.push(`      ${p.code},` + (p.srcLine != null ? ` // @rip-src:${p.srcLine}` : ""));
+                  }
+                  constructions.push(`    });`);
+                }
+              }
             }
             for (let i = 1;i < node.length; i++)
               walkRender(node[i]);
@@ -9353,8 +9472,8 @@ globalThis.zip    ??= (...a) => a[0].map((_, i) => a.map(b => b[i]));
     return new CodeGenerator({}).getComponentRuntime();
   }
   // src/browser.js
-  var VERSION = "3.13.107";
-  var BUILD_DATE = "2026-03-12@20:23:34GMT";
+  var VERSION = "3.13.109";
+  var BUILD_DATE = "2026-03-14@08:22:53GMT";
   if (typeof globalThis !== "undefined") {
     if (!globalThis.__rip)
       new Function(getReactiveRuntime())();
@@ -9655,6 +9774,8 @@ ${indented}`);
   var __batch;
   var __effect;
   var __state;
+  var _ariaBindDialog;
+  var _ariaBindPopover;
   var _ariaListNav;
   var _ariaLockScroll;
   var _ariaModalStack;
@@ -10828,6 +10949,66 @@ ${indented}`);
       return window.removeEventListener("scroll", onScroll, true);
     };
   };
+  _ariaBindPopover = function(open, popover, setOpen, source = null) {
+    let desired, el, get, onToggle, opts, shown, src;
+    get = function(x) {
+      return typeof x === "function" ? x() : x;
+    };
+    el = get(popover);
+    if (!el)
+      return;
+    if (!Object.hasOwn(HTMLElement.prototype, "togglePopover"))
+      return;
+    onToggle = function(e) {
+      return setOpen?.(e.newState === "open");
+    };
+    el.addEventListener("toggle", onToggle);
+    shown = el.matches(":popover-open");
+    desired = !!open;
+    if (shown !== desired) {
+      src = get(source);
+      opts = src && desired ? { force: desired, source: src } : { force: desired };
+      try {
+        el.togglePopover(opts);
+      } catch {}
+    }
+    return function() {
+      return el.removeEventListener("toggle", onToggle);
+    };
+  };
+  _ariaBindDialog = function(open, dialog, setOpen, dismissable = true) {
+    let el, get, onCancel, onClose;
+    get = function(x) {
+      return typeof x === "function" ? x() : x;
+    };
+    el = get(dialog);
+    if (!el?.showModal)
+      return;
+    onCancel = function(e) {
+      if (!dismissable) {
+        e.preventDefault();
+        return;
+      }
+      return setOpen?.(false);
+    };
+    onClose = function() {
+      return setOpen?.(false);
+    };
+    el.addEventListener("cancel", onCancel);
+    el.addEventListener("close", onClose);
+    if (open && !el.open) {
+      try {
+        el.showModal();
+      } catch {}
+    }
+    if (!open && el.open) {
+      el.close();
+    }
+    return function() {
+      el.removeEventListener("cancel", onCancel);
+      return el.removeEventListener("close", onClose);
+    };
+  };
   _ariaRovingNav = function(e, h, orientation = "vertical") {
     let horz, vert;
     if (e.isComposing)
@@ -10938,7 +11119,7 @@ ${indented}`);
       return window.scrollTo(0, scrollY);
     }
   };
-  globalThis.__aria ??= { listNav: _ariaListNav, rovingNav: _ariaRovingNav, popupDismiss: _ariaPopupDismiss, positionBelow: _ariaPositionBelow, trapFocus: _ariaTrapFocus, wireAria: _ariaWireAria, lockScroll: _ariaLockScroll, unlockScroll: _ariaUnlockScroll };
+  globalThis.__aria ??= { listNav: _ariaListNav, rovingNav: _ariaRovingNav, popupDismiss: _ariaPopupDismiss, bindPopover: _ariaBindPopover, bindDialog: _ariaBindDialog, positionBelow: _ariaPositionBelow, trapFocus: _ariaTrapFocus, wireAria: _ariaWireAria, lockScroll: _ariaLockScroll, unlockScroll: _ariaUnlockScroll };
   globalThis.ARIA ??= globalThis.__aria;
 
   // docs/dist/_entry.js