Something went wrong. Try again.
Monorepo for the nibling.run platform
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990<!doctype html><html lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="color-scheme" content="light dark"> <title>slopbox</title> <link rel="stylesheet" href="/slopbox.css"></head><body> <main id="catalog-view" class="catalog" hidden> <header class="catalog-head"> <h1 class="wordmark">slopbox</h1> <p class="lede">Node apps that run in this tab. Each one boots its own runtime and installs its packages from npm; nothing runs on a server.</p> </header> <p id="catalog-status" class="catalog-status" role="status">Loading apps…</p> <ul id="catalog" class="catalog-list"></ul> <footer class="store"> <span id="store-usage" class="meta">Package store: measuring…</span> <button id="store-clear" class="tool small" type="button" title="Delete every stored tarball and registry document, so the next install starts cold">Clear package cache</button> </footer> </main>
<div id="run-view" class="run" hidden> <header class="bar"> <a class="back" href="/" aria-label="Back to catalog"> <span aria-hidden="true">←</span> <span class="wordmark small">slopbox</span> </a> <span class="sep" aria-hidden="true">/</span> <h1 id="app-title" class="app-title">…</h1> <div class="status" aria-live="polite"> <span id="state" class="pill" data-state="booting">Booting</span> <span id="port" class="meta" hidden></span> <span id="restarts" class="meta">0 restarts</span> <span id="last-exit" class="meta" hidden></span> </div> <div class="tools" role="toolbar" aria-label="App controls"> <button id="reload" class="tool" type="button" title="Reload the app frame" disabled>Reload</button> <button id="restart" class="tool" type="button" title="Stop the process and start it again" disabled>Restart</button> <button id="cold" class="tool" type="button" title="Clear the package cache and kept directories and reload, to time a cold visit">Cold reload</button> <a id="open" class="tool" target="_blank" rel="noopener" aria-disabled="true" title="Open in a new tab. It works only while this tab stays open, because this tab runs the app.">Open ↗</a> </div> </header>
<section class="stage" aria-label="App"> <iframe id="app-frame" title="App" hidden></iframe> <div id="terminal" class="term-pane" hidden><div id="terminal-screen" class="term-screen"></div></div> <div id="overlay" class="overlay" data-tone="quiet"> <div class="overlay-card"> <p id="overlay-title" class="overlay-title">Booting the runtime</p> <p id="overlay-detail" class="overlay-detail"></p> <div class="overlay-actions"> <button id="overlay-restart" class="primary" type="button" hidden>Restart</button> <a id="overlay-back" class="secondary" href="/" hidden>Back to catalog</a> </div> </div> </div> </section>
<section class="console" aria-label="Output"> <header class="console-head"> <div class="tabs" role="tablist" aria-label="Output panel"> <button id="tab-console" class="tab" type="button" role="tab" aria-selected="true" aria-controls="console">Console</button> <button id="tab-shell" class="tab" type="button" role="tab" aria-selected="false" aria-controls="shell" disabled>Shell</button> </div> <span id="proc-status" class="meta">not started</span> <span class="spacer"></span> <button id="jump" class="tool small" type="button" hidden>New output ↓</button> <button id="clear" class="tool small" type="button">Clear</button> </header> <div id="console" class="console-body" role="tabpanel" aria-labelledby="tab-console" tabindex="0"></div> <div id="shell" class="shell-body" role="tabpanel" aria-labelledby="tab-shell" hidden> <div id="shell-screen" class="term-screen"></div> </div> </section> </div>
<script type="importmap"> { "imports": { "@nibling/kernel": "/dist/runtime/host.js" } } </script> <script type="module" src="/slopbox.js"></script></body></html>