Skip to content

Build the Vibe platform example as a shared-component studio - #31

Open
MiguelsPizza wants to merge 3 commits into
mainfrom
alex/vibe-platform-studio
Open

Build the Vibe platform example as a shared-component studio#31
MiguelsPizza wants to merge 3 commits into
mainfrom
alex/vibe-platform-studio

Conversation

@MiguelsPizza

Copy link
Copy Markdown
Contributor

Why

The browser-hosted Vibe platform example had a bespoke DOM shell even though consumers use the shared MCP-B component system. Keeping the example on the same component stack makes it a more representative integration boundary without changing runtime behavior.

What changed

  • Replace the hand-built DOM page with React and shared FileTree, Button, WebPreview, Terminal, and CodeMirror surfaces.
  • Preserve the actor, editor, preview bridge, export, reload, and error-recovery flows.
  • Exercise createDurableObjectNamespace through its public generic Durable Object typing.
  • Release @mcp-b/do-runtime 0.3.7 so Rook can consume the exact repository state.

The component pins follow the current WebMCP design-system release: https://github.com/WebMCP-org/design-system/releases/tag/%40mcp-b%2Freact-components%400.46.3

Verification

  • Node 24 typecheck
  • 814 unit tests
  • 146 conformance tests across workerd, Node, and Chromium
  • Extension and Vibe platform E2E suites
  • workerd oracle validation
  • Publint, package typing, and packed-package smoke

Replace the hand-built DOM shell with React and the MCP-B design system so the example exercises the same component stack as consumers. Keep the browser-hosted actor, editor, preview, export, and reload behavior covered through the real example E2E path, and type the namespace test through the public Durable Object contract.
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