Skip to content

playonweb/ruby-wasm

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

💎 Ruby WASM Todo Showcase

A "Future Scalable" Todo application showcasing the power of Ruby 4.0 running directly in the browser via WebAssembly (WASM) and WASI.

Ruby WASM WebAssembly Architecture

✨ Key Features

  • Sexy Premium Design: Dark mode with Glassmorphism and smooth micro-animations.
  • Modular Arch: Separation of concerns between JSON-driven UI (JS) and full business logic (Ruby).
  • Embedded Gems: Bundled Ruby gems like faker and rouge running entirely client-side.
  • Ruby REPL: Interactive Ruby terminal in your browser with syntax highlighting.
  • Full Stdlib: Support for Date, JSON, Time, and more.

🚀 Quick Start

# Serve the project (MIME types for WASM are required)
python3 -m http.server 8000

Then visit http://localhost:8000.

📂 Project Structure

  • /ruby: Contains the core models and logic.
  • /js: The bridge modules and UI rendering.
  • /css: Polished Vanilla CSS styling.
  • /wasm-build: Custom Wasm build artifacts.
  • /docs: Full technical documentation (built with Docsify).

📖 Documentation

For a deep dive into the architecture and gem packaging process, check out our Documentation.

💡 Showcase

This project proves that you can run production-grade Ruby logic in a web browser, making it possible to share 100% of your business rules between frontend and backend.