An embeddable playground for Ruby using ruby.wasm

[hatemhosny]

Great project. Thank you!

Please allow me to introduce LiveCodes, a feature-rich, open-source, client-side, code playground that supports 80+ languages and frameworks. The announcement post gives a general overview.

Ruby has a first-class support in LiveCodes using ruby.wasm (and also Opal).

Ruby (wasm) starter template is available for a quick start:
https://livecodes.io/?template=ruby-wasm
(see all starter templates).

You can start an empty Ruby (wasm) project using this link: https://livecodes.io/?ruby-wasm

Projects can be shared, exported and deployed (to GitHub Pages).

Playgrounds can be embedded in any webpage, using a powerful, yet easy-to-use, SDK.

This is an example for an embedded Ruby (wasm) playground:

<script type="module">
  import { createPlayground } from "https://unpkg.com/livecodes";

  createPlayground("#container", {
    config: {
      activeEditor: "script",
      markup: { 
        language: "html",
        content: "<h1></h1>",
      },
      script: {
        language: "ruby-wasm",
        content: 'require "js"\ndocument = JS.global[:document]\ndocument.querySelector("h1")[:innerHTML] = "Hello, Ruby!"\n',
      },
    },
  });
</script>

Preview

Screenshot:

Please refer to the SDK documentations for details.

Comprehensive documentations are available with live demos, code samples and screenshots.

LiveCodes is free with unlimited usage, no ads and no account required. It can be easily self-hosted (if you want), and can be used for commercial projects (MIT license).

Disclosure: obviously, I'm the author of LiveCodes.

I thought you would be interested.
Thank you.

[Largo]

Looks interesting! Do you manually update the ruby.wasm version?

[hatemhosny]

Thank you

Yes, manually set. Currently using ruby-3_2-wasm-wasi@2.1.0

[hatemhosny]

Check LiveCodes docs for ruby.wasm here: https://livecodes.io/docs/languages/ruby-wasm