Skip to content

Minimal CLI-first redesign + real in-browser gate demo#14

Merged
HomenShum merged 1 commit into
mainfrom
codex/webcontainer-live-demo
Jul 6, 2026
Merged

Minimal CLI-first redesign + real in-browser gate demo#14
HomenShum merged 1 commit into
mainfrom
codex/webcontainer-live-demo

Conversation

@HomenShum

Copy link
Copy Markdown
Owner

Summary

  • Replaces the fabricated dashboard-mockup hero with the real install command + a real recorded CLI transcript, matching how bun.sh/resend.com actually market CLI tools.
  • Adds a "Run it for real" button: boots an actual WebContainer, npm-installs the real published proofloop package, and runs real init/gate against a tiny fixture app inside the visitor's own browser. No fabricated output, no server-side execution. Falls back to the static transcript on unsupported browsers.
  • Rewrites tests/site.test.ts to check real invariants (install commands present, honesty-boundary phrases intact, no forms/fetch/XHR, page version matches package.json) instead of the old page's exact copy.

Note on WebContainers licensing

StackBlitz's WebContainers API is free for open-source/prototype use; this qualifies (proofloop is MIT, this is the OSS marketing site). Commercial production use of the hosted-runs concept mentioned on the page would need a conversation with StackBlitz before scaling — flagged, not blocking this ship.

Test plan

  • npm test — 78/78 passing
  • Verified locally with COOP/COEP headers set: clicked "Run it for real", watched it install the real npm package and print a real passing gate
  • Verify on live production after merge (COOP/COEP headers actually served by Vercel's edge, not just locally)

🤖 Generated with Claude Code

Replace the fabricated dashboard-mockup hero (fake trace waterfall,
fake receipts, fake token counts) with the real install command and a
real recorded CLI transcript -- matching how bun.sh/resend.com/raycast
actually market CLI tools: lead with the install command, never a
staged product screenshot.

Adds a "Run it for real" button that boots an actual WebContainer,
npm-installs the real published `proofloop` package from the registry,
and runs real `init`/`gate` against a tiny fixture app inside the
visitor's own browser -- no server execution, no fabricated output.
Falls back to the static transcript on unsupported (non-Chromium)
browsers or boot failure.

- public/index.html, styles.css, app.js: minimal single-column layout,
  live-run UI wired to the bundle, unused dashboard SVG removed
- site-src/webcontainer-demo.js + scripts/build-site.mjs: new esbuild
  step bundling @webcontainer/api + @xterm/xterm, folded into `build`
- vercel.json: COOP/COEP headers required for WebContainers; dropped
  two stale /start /how rewrites from the removed page sections
- tests/site.test.ts: rewritten to check the real invariants (install
  commands present, honesty-boundary phrases intact, no forms/fetch/
  XHR, page version matches package.json) instead of exact old copy
@vercel

vercel Bot commented Jul 6, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
proofloop Ready Ready Preview, Comment Jul 6, 2026 11:56pm

Request Review

@HomenShum
HomenShum merged commit aa13246 into main Jul 6, 2026
4 checks passed
@HomenShum
HomenShum deleted the codex/webcontainer-live-demo branch July 6, 2026 23:57
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant