rip-lang 3.8.10 → 3.9.1

package/CHANGELOG.md

@@ -7,6 +7,54 @@ 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).
 
+## [3.9.1] - 2026-02-18
+
+### Runtime — Reactivity & Reconciliation
+
+- **Auto-batching in event handlers** — DOM event callbacks now automatically batch reactive updates, preventing redundant renders during multi-stash mutations.
+- **Fixed list reconciliation** — Keyed list diffing now handles insert/remove/reorder correctly, resolving issues with fragment teardown and stale nodes.
+- **Fixed fragment teardown** — Components with multiple root elements now clean up all nodes on removal.
+- **Multi-statement computed blocks** — Computed properties can now contain multiple statements, not just a single expression.
+
+### Lexer — Render Rewriter Fix
+
+- **Fixed `STRING_END` in render rewriter** — Template strings inside render blocks now correctly handle the closing delimiter, fixing parse errors in components with interpolated template literals.
+
+### UI Framework
+
+- **`importRip` race fix** — Concurrent `importRip()` calls no longer produce duplicate module evaluations.
+- **ISO-8601 week numbers** — Added week number utilities for calendar-based components.
+- **Bare dot shorthand for div** — `.className` at the start of a line now implies `div.className`.
+
+### VS Code Extension (0.3.2)
+
+- **HTML injection grammar** — `<script type="text/rip">` blocks in HTML files now get Rip syntax highlighting automatically.
+
+### Documentation & Examples
+
+- **Sierpinski Triangle demo** — Interactive fractal demo showcasing reactive rendering at `docs/sierpinski.html`.
+- **Playground reorganization** — Consolidated playground into `docs/index.html` with Example tab, active nav highlighting, and View Source panel.
+- **Renamed `apps/` to `demos/`** — Clearer naming for example applications.
+
+## [3.9.0] - 2026-02-17
+
+### Architecture — Render Rewriter Extraction
+
+- **Extracted `rewriteRender()` from lexer into component system** — The ~330-line render block rewriter, which handles implicit div, `#id` combining, `<=>` binding, `@event` modifiers, `.__clsx` dynamic classes, `->` nesting injection, and hyphenated attributes, now lives in `src/components.js` via `installComponentSupport(CodeGenerator, Lexer)`. This matches the existing `installTypeSupport(Lexer)` pattern from `src/types.js`. The core lexer (`src/lexer.js`) no longer contains any UI/template transformation code, and uses `this.rewriteRender?.()` to gracefully skip render rewriting when component support is not installed.
+
+### Lexer — Render Block Fixes
+
+- **Fixed `startsWithTag` backward scan** — The helper that determines if a line starts with a template tag now correctly skips over balanced parenthetical expressions (function calls, grouped args) instead of stopping at `)` or `CALL_END`. This fixes cases where template elements with parenthesized arguments were not recognized for implicit nesting.
+- **Added `isClsxCallEnd` handling** — Dynamic class expressions (`.('card', active && 'active')`) followed by indented children now correctly wrap in an outer call, producing the right AST shape for the component compiler.
+
+### Build — Simplified Browser Bundles
+
+- **Reduced dist output from 10 files to 4** — The browser build now produces only `rip.browser.min.js` + `.br` (compiler only) and `rip-ui.min.js` + `.br` (compiler + UI). Intermediate artifacts (`rip.browser.js`, `ui.rip`, `ui.rip.br`, `ui.js`, `ui.min.js`, `ui.min.js.br`) eliminated. Build script reduced from 154 to 58 lines.
+
+### Streamline App
+
+- **Updated Streamline Swim School components** — Revised layout, auth, bookings, profile, booking/confirm, and booking/time components. Removed standalone `app.css` in favor of inline styles.
+
 ## [3.8.10] - 2026-02-17
 
 ### Compiler — Bug Fix

package/README.md

@@ -9,15 +9,15 @@
 </p>
 
 <p align="center">
-  <a href="CHANGELOG.md"><img src="https://img.shields.io/badge/version-3.8.10-blue.svg" alt="Version"></a>
+  <a href="CHANGELOG.md"><img src="https://img.shields.io/badge/version-3.9.1-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%2C242%2F1%2C242-brightgreen.svg" alt="Tests"></a>
+  <a href="#"><img src="https://img.shields.io/badge/tests-1%2C243%2F1%2C243-brightgreen.svg" alt="Tests"></a>
   <a href="LICENSE"><img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License"></a>
 </p>
 
 ---
 
-Rip is a modern language inspired by CoffeeScript. It compiles to **ES2022** (classes, `?.`, `??`, modules), adds about a **dozen new operators**, includes **built-in reactivity**, and sports a self-hosting compiler with **zero dependencies** — all in under 10,000 lines of code.
+Rip is a modern language inspired by CoffeeScript. It compiles to **ES2022** (classes, `?.`, `??`, modules), adds about a **dozen new operators**, includes **built-in reactivity**, and sports a self-hosting compiler with **zero dependencies** — all in about 11,000 lines of code.
 
 > **No imports. No hooks. No dependency arrays. Just write code.**
 
@@ -262,7 +262,7 @@ Rip's reactivity is framework-agnostic — use it with React, Vue, Svelte, or va
 
 ## Rip UI
 
-Ship the ~47KB Rip compiler to the browser. Components are `.rip` source files, compiled on demand, rendered with fine-grained reactivity. No build step. No bundler.
+Load `rip-ui.min.js` (~52KB Brotli) — the Rip compiler and pre-compiled UI framework in one file. Components are `.rip` source files, compiled on demand, rendered with fine-grained reactivity. No build step. No bundler.
 
 ```coffee
 Counter = component
@@ -326,25 +326,25 @@ await rip("res = fetch! 'https://api.example.com/todos/1'; res.json!")  // → {
 
 ```
 Source  ->  Lexer  ->  emitTypes  ->  Parser  ->  S-Expressions  ->  Codegen  ->  JavaScript
-           (2,024)    (types.js)     (359)       ["=", "x", 42]     (3,431)      + source map
+           (1,761)    (types.js)     (359)       ["=", "x", 42]     (3,291)      + source map
 ```
 
 Simple arrays (with `.loc`) instead of AST node classes. The compiler is self-hosting — `bun run parser` rebuilds from source.
 
 | Component | File | Lines |
 |-----------|------|-------|
-| Lexer + Rewriter | `src/lexer.js` | 2,024 |
-| Compiler + Codegen | `src/compiler.js` | 3,431 |
+| Lexer + Rewriter | `src/lexer.js` | 1,761 |
+| Compiler + Codegen | `src/compiler.js` | 3,291 |
 | Type System | `src/types.js` | 1,099 |
-| Component System | `src/components.js` | 1,281 |
+| Component System | `src/components.js` | 1,645 |
 | Source Maps | `src/sourcemaps.js` | 121 |
 | Parser (generated) | `src/parser.js` | 359 |
 | Grammar | `src/grammar/grammar.rip` | 944 |
 | Parser Generator | `src/grammar/solar.rip` | 929 |
-| REPL | `src/repl.js` | 582 |
-| Browser Entry | `src/browser.js` | 125 |
+| REPL | `src/repl.js` | 601 |
+| Browser Entry | `src/browser.js` | 150 |
 | Tags | `src/tags.js` | 62 |
-| **Total** | | **~10,957** |
+| **Total** | | **~10,962** |
 
 ---
 
@@ -354,15 +354,15 @@ Rip includes optional packages for full-stack development:
 
 | Package | Version | Purpose |
 |---------|---------|---------|
-| [rip-lang](https://www.npmjs.com/package/rip-lang) | 3.8.10 | Core language compiler |
+| [rip-lang](https://www.npmjs.com/package/rip-lang) | 3.9.1 | Core language compiler |
 | [@rip-lang/api](packages/api/) | 1.1.6 | HTTP framework (Sinatra-style routing, 37 validators) |
 | [@rip-lang/server](packages/server/) | 1.1.5 | Multi-worker app server (hot reload, HTTPS, mDNS) |
-| [@rip-lang/db](packages/db/) | 1.1.4 | DuckDB server with official UI (pure Bun FFI) |
+| [@rip-lang/db](packages/db/) | 1.1.5 | DuckDB server with official UI (pure Bun FFI) |
 | [@rip-lang/ui](packages/ui/) | 0.3.2 | Zero-build reactive web framework (stash, router, hash routing) |
 | [@rip-lang/swarm](packages/swarm/) | 1.1.3 | Parallel job runner with worker pool |
 | [@rip-lang/csv](packages/csv/) | 1.1.3 | CSV parser + writer |
 | [@rip-lang/schema](packages/schema/) | 0.2.0 | Unified schema → TypeScript types, SQL DDL, validation, ORM |
-| [VS Code Extension](packages/vscode/) | 0.3.1 | Syntax highlighting, type intelligence, source maps |
+| [VS Code Extension](packages/vscode/) | 0.3.2 | Syntax highlighting, type intelligence, source maps |
 
 ```bash
 bun add -g @rip-lang/db    # Installs everything (rip-lang + api + db)

package/docs/RIP-LANG.md

@@ -708,6 +708,15 @@ Rip's reactive features are **language-level operators**, not library imports.
 | `~>` | Effect | "always calls" | Side effect on dependency change |
 | `=!` | Readonly | "equals, dammit!" | Constant (`const`) |
 
+## Reactive Behavior
+
+|  | `:=` state | `~=` computed | `~>` effect |
+|---|---|---|---|
+| **Purpose** | Hold a mutable value | Derive a value | Perform a side effect |
+| **When it runs** | On write | Lazily, on read | Eagerly, on dependency change |
+| **Caching** | N/A (stores directly) | Yes, memoized | No, always re-runs |
+| **Returns** | A readable/writable value | A readable value | A cleanup function (optional) |
+
 ## State (`:=`)
 
 ```coffee
@@ -1530,4 +1539,4 @@ Each would need design discussion before building.
 
 ---
 
-*Rip 3.8 — 1,241 tests passing — Zero dependencies — Self-hosting — ~11,000 LOC*
+*Rip 3.9 — 1,241 tests passing — Zero dependencies — Self-hosting — ~11,000 LOC*