Packages

raxol

0.6.0
2.6.0 2.4.0 2.3.0 2.2.0 2.1.0 2.0.1 2.0.0 1.5.4 1.4.1 1.0.1 1.0.0 0.9.0 0.6.0 0.5.0 0.4.0 0.3.0 0.2.0 0.1.0

Multi-surface application runtime for Elixir. One TEA module renders to terminal, browser (LiveView), SSH, and MCP (agents). 30+ widgets, flexbox + CSS grid, AI agent runtime, distributed swarm with CRDTs, time-travel debugging, session recording, sandboxed REPL, and agentic commerce.

HexDocs

Current section

Files

Jump to
Readme
18 Versions
40 Dependencies
2 Dependants
Files
Activity
raxol lib raxol_web live playground_live.html.heex
Raw

lib/raxol_web/live/playground_live.html.heex 

<div class="playground-container">

  <div class="playground-header">

    <h1>Code Playground</h1>

    <div class="language-selector">

      <select phx-change="change_language" name="language">

        <option value="elixir" selected={@language == "elixir"}>Elixir</option>

        <option value="javascript" selected={@language == "javascript"}>JavaScript</option>

        <option value="python" selected={@language == "python"}>Python</option>

      </select>

    </div>

  </div>



  <div class="playground-content">

    <div class="editor-section">

      <textarea

        phx-change="update_code"

        name="code"

        placeholder="Write your code here..."

        class="code-editor"

      ><%= @code %></textarea>

      <button phx-click="run_code" class="run-button">Run Code</button>

    </div>



    <div class="output-section">

      <%= if @error do %>

        <div class="error-output">

          <h3>Error:</h3>

          <pre><%= @error %></pre>

        </div>

      <% end %>



      <%= if @output do %>

        <div class="success-output">

          <h3>Output:</h3>

          <pre><%= @output %></pre>

        </div>

      <% end %>

    </div>

  </div>

</div>