Skip to content

Render the build graph with the Fallout graph control instead of Mermaid#30

Draft
ChrisonSimtian wants to merge 1 commit into
feature/vscode-extension-pocfrom
feature/graph-in-extension
Draft

Render the build graph with the Fallout graph control instead of Mermaid#30
ChrisonSimtian wants to merge 1 commit into
feature/vscode-extension-pocfrom
feature/graph-in-extension

Conversation

@ChrisonSimtian

Copy link
Copy Markdown
Owner

Stacked on feature/vscode-extension-poc; depends on Fallout-build#526 (the @fallout/graph-control package). Diff here is the one swap commit.

Replaces the webview's Mermaid renderer with the Fallout-branded graph control.

  • graphPanel posts the raw BuildGraph to FalloutGraph.mount instead of a Mermaid string; re-posting on a file change reconciles in place, so the live refresh is unchanged.
  • The control's self-contained IIFE is vendored into media/ at build time by scripts/copy-control.mjs (builds the sibling graph-control package) — same pattern that vendored mermaid.min.js. Bundle is gitignored.
  • Drops the mermaid dependency and toMermaid(); the control owns layout.
  • CSP keeps style-src 'unsafe-inline' for the control's runtime <style> injection.

Verified: extension type-checks clean; the message-driven mount path renders end-to-end in a webview simulation (all edge types, unlisted/default styling, null descriptions, live-status-ready).

Once the extension track and Fallout-build#526 land on core, this re-targets main.

Swaps the webview's Mermaid renderer for @fallout/graph-control (PR Fallout-build#526) — the
Fallout-branded, GitHub-Actions-style graph. The panel now posts the raw
BuildGraph to FalloutGraph.mount instead of a Mermaid string; re-posting on a
file change reconciles in place, so the live refresh is unchanged.

- graphPanel loads the control's self-contained IIFE from media/, vendored at
  build time by scripts/copy-control.mjs (which builds the sibling graph-control
  package) — the same pattern that vendored mermaid.min.js.
- Drops the mermaid dependency and toMermaid(); the control owns layout now.
- CSP keeps style-src 'unsafe-inline' for the control's runtime <style> injection.

Depends on Fallout-build#526 (the graph-control package). The vendored bundle is gitignored;
`npm run compile` rebuilds and copies it.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
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