argoyle
5dc29141d5
Adds a new Federation Graph page to display subgraphs and their schemas. Implements loading state and error handling. Enhances coverage reporting by including 'lcov' format for better insights into test coverage metrics.
Unbound Schemas - Web UI
A Nuxt 4 application with Vuetify for viewing and managing federated GraphQL schemas.
Features
- 📊 Dashboard with schema statistics and recent updates
- 📝 View all published schemas by ref (production, staging, etc.)
- 🔍 Search and filter schemas
- 📄 View schema SDL (Schema Definition Language)
- 📥 Download and copy schemas
- 🌳 View merged supergraphs for each ref
- 🎨 Modern Material Design UI with Vuetify
Environment Variables
Create a .env file in the root directory:
NUXT_PUBLIC_API_BASE=http://localhost:8080
The API base URL points to your GraphQL Schema Registry backend service.
Setup
Make sure to install dependencies:
# npm
npm install
# pnpm
pnpm install
# yarn
yarn install
# bun
bun install
Development Server
Start the development server on http://localhost:3500:
# npm
npm run dev
# pnpm
pnpm dev
# yarn
yarn dev
# bun
bun run dev
Production
Build the application for production:
# npm
npm run build
# pnpm
pnpm build
# yarn
yarn build
# bun
bun run build
Locally preview production build:
# npm
npm run preview
# pnpm
pnpm preview
# yarn
yarn preview
# bun
bun run preview
Check out the deployment documentation for more information.