rip-lang 3.4.5 → 3.5.0

package/CHANGELOG.md

@@ -7,6 +7,15 @@ 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.5.0] - 2026-02-10
+
+### Browser Runtime Enhancements
+
+- **`importRip(url)`** — New function to fetch, compile, and import `.rip` files as ES modules via blob URL. Registered on `globalThis` for use in `<script type="text/rip">` blocks.
+- **Async `<script type="text/rip">`** — `processRipScripts` now wraps compiled code in an async IIFE, enabling `await` (Rip's `!` operator) in inline scripts.
+- **Eager reactive runtime** — `globalThis.__rip` is registered when `rip.browser.js` loads, making reactive primitives available to framework code without the compiler needing to detect reactive operators.
+- **`compileToJS` on globalThis** — The compiler function is now globally accessible, enabling auto-detection by framework code like `launch()`.
+
 ## [3.4.3] - 2026-02-09
 
 ### Source Maps & IDE Intelligence

package/README.md

@@ -9,7 +9,7 @@
 </p>
 
 <p align="center">
-  <a href="CHANGELOG.md"><img src="https://img.shields.io/badge/version-3.4.3-blue.svg" alt="Version"></a>
+  <a href="CHANGELOG.md"><img src="https://img.shields.io/badge/version-3.5.0-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-1140%2F1140-brightgreen.svg" alt="Tests"></a>
   <a href="LICENSE"><img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License"></a>
@@ -242,7 +242,7 @@ Counter = component
 
 Two keywords — `component` and `render` — are all the language adds. Everything else (`:=` state, `~=` computed, methods, lifecycle) is standard Rip.
 
-See [@rip-lang/ui](packages/ui/) for the full framework: Virtual File System, file-based router, reactive stash, and component renderer.
+See [@rip-lang/ui](packages/ui/) for the full framework: file-based router, reactive stash, parts system, and component renderer.
 
 ---
 
@@ -299,9 +299,9 @@ Simple arrays (with `.loc`) instead of AST node classes. The compiler is self-ho
 | Grammar | `src/grammar/grammar.rip` | 935 |
 | Parser Generator | `src/grammar/solar.rip` | 916 |
 | REPL | `src/repl.js` | 707 |
-| Browser Entry | `src/browser.js` | 80 |
+| Browser Entry | `src/browser.js` | 107 |
 | Tags | `src/tags.js` | 63 |
-| **Total** | | **10,298** |
+| **Total** | | **~10,325** |
 
 ---
 
@@ -311,11 +311,11 @@ Rip includes optional packages for full-stack development:
 
 | Package | Version | Purpose |
 |---------|---------|---------|
-| [rip-lang](https://www.npmjs.com/package/rip-lang) | 3.4.4 | Core language compiler |
+| [rip-lang](https://www.npmjs.com/package/rip-lang) | 3.5.0 | Core language compiler |
 | [@rip-lang/api](packages/api/) | 1.1.4 | HTTP framework (Sinatra-style routing, 37 validators) |
 | [@rip-lang/server](packages/server/) | 1.1.3 | Multi-worker app server (hot reload, HTTPS, mDNS) |
 | [@rip-lang/db](packages/db/) | 1.1.2 | DuckDB server with official UI (pure Bun FFI) |
-| [@rip-lang/ui](packages/ui/) | 0.1.2 | Zero-build reactive web framework (VFS, router, components) |
+| [@rip-lang/ui](packages/ui/) | 0.2.0 | Zero-build reactive web framework (stash, router, components) |
 | [@rip-lang/swarm](packages/swarm/) | 1.1.1 | Parallel job runner with worker pool |
 | [@rip-lang/csv](packages/csv/) | 1.1.1 | CSV parser + writer |
 | [@rip-lang/schema](packages/schema/) | 0.1.0 | ORM + validation |

package/docs/RIP-GUIDE.md

@@ -448,22 +448,33 @@ start port: 3000
 
 ### @rip-lang/ui — Reactive Web Framework
 
-Zero-build framework. Ships the 40KB compiler to the browser and compiles `.rip` components on demand.
+Zero-build framework. The browser loads the Rip compiler, compiles the UI
+framework, fetches an app bundle, and renders. No build step, no bundler.
 
 ```coffee
-# Server setup (index.rip)
+# Server (index.rip)
 import { get, use, start, notFound } from '@rip-lang/api'
 import { ripUI } from '@rip-lang/ui/serve'
 
 dir = import.meta.dir
-use ripUI pages: "#{dir}/pages", watch: true
+use ripUI dir: dir, watch: true, title: 'My App'
+get '/css/*', -> @send "#{dir}/css/#{@req.path.slice(5)}"
 notFound -> @send "#{dir}/index.html", 'text/html; charset=UTF-8'
 start port: 3000
 ```
 
+```html
+<!-- index.html -->
+<script type="module" src="/rip/browser.js"></script>
+<script type="text/rip">
+  { launch } = importRip! '/rip/ui.rip'
+  launch()
+</script>
+```
+
 ```coffee
-# Component (pages/counter.rip)
-Counter = component
+# Component (parts/counter.rip)
+export Counter = component
   @count := 0
   doubled ~= @count * 2
 

package/docs/RIP-LANG.md

@@ -1,6 +1,6 @@
 <img src="https://raw.githubusercontent.com/shreeve/rip-lang/main/docs/rip.png" style="width:50px" /> <br>
 
-# Rip 3.0 Language Reference
+# Rip Language Reference
 
 Rip is a modern reactive language that compiles to ES2022 JavaScript. It combines CoffeeScript's elegant syntax with built-in reactivity primitives. Zero dependencies, self-hosting, ~10,300 LOC.
 

package/docs/dist/rip.browser.js

@@ -1810,7 +1810,7 @@ class Lexer {
     let indent = null;
     let outdent = null;
     let condition = (token, i) => {
-      return token[1] !== ";" && SINGLE_CLOSERS.has(token[0]) && !(token[0] === "TERMINATOR" && EXPRESSION_CLOSE.has(this.tokens[i + 1]?.[0])) && !(token[0] === "ELSE" && starter !== "THEN") || token[0] === "INDENT" && !token.generated && (starter === "->" || starter === "=>") || token[0] === "," && (starter === "->" || starter === "=>") && !this.commaInImplicitCall(i) || CALL_CLOSERS.has(token[0]) && (this.tokens[i - 1]?.newLine || this.tokens[i - 1]?.[0] === "OUTDENT");
+      return token[1] !== ";" && SINGLE_CLOSERS.has(token[0]) && !(token[0] === "TERMINATOR" && EXPRESSION_CLOSE.has(this.tokens[i + 1]?.[0])) && !(token[0] === "ELSE" && starter !== "THEN") || token[0] === "INDENT" && !token.generated && (starter === "->" || starter === "=>") || token[0] === "," && (starter === "->" || starter === "=>") && !this.commaInImplicitCall(i) && !this.commaInImplicitObject(i) || CALL_CLOSERS.has(token[0]) && (this.tokens[i - 1]?.newLine || this.tokens[i - 1]?.[0] === "OUTDENT");
     };
     let action = (token, i) => {
       let idx = this.tokens[i - 1]?.[0] === "," ? i - 1 : i;
@@ -2275,6 +2275,30 @@ class Lexer {
     }
     return false;
   }
+  commaInImplicitObject(i) {
+    let levels = 0;
+    for (let j = i - 1;j >= 0; j--) {
+      let tag = this.tokens[j][0];
+      if (EXPRESSION_END.has(tag)) {
+        levels++;
+        continue;
+      }
+      if (EXPRESSION_START.has(tag)) {
+        levels--;
+        if (levels < 0)
+          return false;
+        continue;
+      }
+      if (levels > 0)
+        continue;
+      if (tag === ":" && j > 0 && this.tokens[j - 1][0] === "PROPERTY") {
+        return this.looksObjectish(i + 1);
+      }
+      if (LINE_BREAK.has(tag))
+        return false;
+    }
+    return false;
+  }
   looksObjectish(j) {
     if (!this.tokens[j])
       return false;
@@ -7536,8 +7560,11 @@ function getComponentRuntime() {
   return new CodeGenerator({}).getComponentRuntime();
 }
 // src/browser.js
-var VERSION = "3.4.5";
-var BUILD_DATE = "2026-02-09@14:23:53GMT";
+var VERSION = "3.5.0";
+var BUILD_DATE = "2026-02-10@20:22:29GMT";
+if (typeof globalThis !== "undefined" && !globalThis.__rip) {
+  new Function(getReactiveRuntime())();
+}
 var dedent = (s) => {
   const m = s.match(/^[ \t]*(?=\S)/gm);
   const i = Math.min(...(m || []).map((x) => x.length));
@@ -7551,7 +7578,9 @@ async function processRipScripts() {
     try {
       const ripCode = dedent(script.textContent);
       const jsCode = compileToJS(ripCode);
-      (0, eval)(jsCode);
+      await (0, eval)(`(async()=>{
+${jsCode}
+})()`);
       script.setAttribute("data-rip-processed", "true");
     } catch (error) {
       console.error("Error compiling Rip script:", error);
@@ -7566,6 +7595,21 @@ if (typeof document !== "undefined") {
     processRipScripts();
   }
 }
+async function importRip(url) {
+  const source = await fetch(url).then((r) => {
+    if (!r.ok)
+      throw new Error(`importRip: ${url} (${r.status})`);
+    return r.text();
+  });
+  const js = compileToJS(source);
+  const blob = new Blob([js], { type: "application/javascript" });
+  const blobUrl = URL.createObjectURL(blob);
+  try {
+    return await import(blobUrl);
+  } finally {
+    URL.revokeObjectURL(blobUrl);
+  }
+}
 function rip(code) {
   try {
     const js = compileToJS(code);
@@ -7582,11 +7626,14 @@ function rip(code) {
 }
 if (typeof globalThis !== "undefined") {
   globalThis.rip = rip;
+  globalThis.importRip = importRip;
+  globalThis.compileToJS = compileToJS;
 }
 export {
   rip,
   processRipScripts,
   parser,
+  importRip,
   getReactiveRuntime,
   getComponentRuntime,
   formatSExpr,