rip-lang 3.4.6 → 3.6.0

package/CHANGELOG.md

@@ -7,6 +7,17 @@ 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.6.0] - 2026-02-10
+
+### Browser Runtime — Full Async/Await Support
+
+- **`rip()` console REPL** — Wraps user code in a Rip `do ->` block, so the compiler handles implicit return and auto-async natively. Sync code returns values directly; async code returns a Promise (use `await rip("...")` in the console). Variables persist on `globalThis` across calls.
+- **`importRip(url)`** — 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` wraps compiled code in an async IIFE, enabling `await` (Rip's `!` operator) in inline scripts.
+- **Playground** — Run button uses async IIFE for `await` support. Cmd+Enter shortcut registered on Monaco editor.
+- **Eager reactive runtime** — `globalThis.__rip` is registered when `rip.browser.js` loads, making reactive primitives available to framework code.
+- **`compileToJS` on globalThis** — The compiler function is globally accessible for framework auto-detection.
+
 ## [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.6-blue.svg" alt="Version"></a>
+  <a href="CHANGELOG.md"><img src="https://img.shields.io/badge/version-3.6.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.
 
 ---
 
@@ -264,17 +264,25 @@ Smaller codebase, modern output, built-in reactivity.
 
 ## Browser
 
-Run Rip directly in the browser:
+Run Rip directly in the browser — inline scripts and the console REPL both support `await` via the `!` operator:
 
 ```html
-<script src="https://shreeve.github.io/rip-lang/docs/dist/rip.browser.min.js"></script>
+<script type="module" src="/rip/browser.js"></script>
 <script type="text/rip">
-  def greet(name)
-    console.log "Hello, #{name}!"
-  greet "World"
+  res = fetch! 'https://api.example.com/data'
+  data = res.json!
+  console.log data
 </script>
 ```
 
+The `rip()` function is available in the browser console:
+
+```javascript
+rip("42 * 10 + 8")                                         // → 428
+rip("(x * x for x in [1..5])")                             // → [1, 4, 9, 16, 25]
+await rip("res = fetch! 'https://api.example.com/todos/1'; res.json!")  // → {id: 1, ...}
+```
+
 **Try it live:** [shreeve.github.io/rip-lang](https://shreeve.github.io/rip-lang/)
 
 ---
@@ -299,9 +307,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 +319,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.6.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

@@ -7560,8 +7560,11 @@ function getComponentRuntime() {
   return new CodeGenerator({}).getComponentRuntime();
 }
 // src/browser.js
-var VERSION = "3.4.6";
-var BUILD_DATE = "2026-02-09@15:39:27GMT";
+var VERSION = "3.6.0";
+var BUILD_DATE = "2026-02-10@22:03:34GMT";
+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));
@@ -7575,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);
@@ -7590,12 +7595,36 @@ 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);
-    let persistentJs = js.replace(/^let\s+[^;]+;\s*\n\s*/m, "");
-    persistentJs = persistentJs.replace(/^const\s+/gm, "var ");
-    const result = (1, eval)(persistentJs);
+    const indented = code.replace(/^/gm, "  ");
+    const wrapped = compileToJS(`do ->
+${indented}`);
+    let js = wrapped.replace(/^let\s+[^;]+;\s*\n\s*/m, "");
+    js = js.replace(/^const\s+(\w+)\s*=/gm, "globalThis.$1 =");
+    const result = (0, eval)(js);
+    if (result && typeof result.then === "function") {
+      return result.then((v) => {
+        if (v !== undefined)
+          globalThis._ = v;
+        return v;
+      });
+    }
     if (result !== undefined)
       globalThis._ = result;
     return result;
@@ -7606,11 +7635,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,