Skip to content

feat(dashboard): add fwiz dashboard command with live MF runtime graph#17

Open
fotopixel wants to merge 1 commit into
mainfrom
feat/dashboard
Open

feat(dashboard): add fwiz dashboard command with live MF runtime graph#17
fotopixel wants to merge 1 commit into
mainfrom
feat/dashboard

Conversation

@fotopixel

Copy link
Copy Markdown
Contributor

Summary

  • Adds fwiz dashboard CLI command that loads fwiz.config.yaml and starts the Vite + React dashboard on port 5000
  • Replaces the dashboard Nx welcome screen with a react-flow graph of hosts, remotes, and shared dependencies, plus node detail panel, dark mode, and JSON/PNG export
  • Implements @federation-wizards/mf-plugins runtime inspector plugin that introspects __FEDERATION__ and streams live share-scope/remote data to the dashboard API

Closes #7

Test plan

  • pnpm nx test @federation-wizards/mf-plugins
  • pnpm nx test @federation-wizards/dashboard
  • pnpm nx test @federation-wizards/fwiz
  • pnpm nx build @federation-wizards/dashboard
  • pnpm nx build @federation-wizards/fwiz
  • Manual: run fwiz init in a sample repo, then fwiz dashboard --open
  • Manual: register createRuntimeInspectorPlugin() in a host MF 2.0 config and verify live runtime panel updates

Runtime limitations

  • Live runtime data requires the host app to register createRuntimeInspectorPlugin() and set FWIZ_DASHBOARD_URL; the dashboard cannot read cross-origin browser runtime state directly
  • Runtime introspection depends on MF 2.0 exposing globalThis.__FEDERATION__.__INSTANCES__; webpack MF 1.x or apps without the plugin show static graph only
  • fwiz dashboard currently resolves the dashboard app from the fwiz monorepo install path (not yet bundled into the published CLI tarball)

Made with Cursor

Introduce a react-flow federation dashboard on port 5000, MF 2.0 runtime
inspector plugin, and CLI command to launch the dev server from fwiz.config.yaml.

Co-authored-by: Cursor <cursoragent@cursor.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.

Implement fwiz dashboard Command

1 participant