Eine React-basierte Benutzeroberfläche für den CFC Orchestrator mit Material UI, die es ermöglicht, MonoRepo-Orchestrierungsprozesse direkt über eine GitHub Page zu starten.
- 🔐 GitHub OAuth Integration für sicheren API-Zugriff
- 🔍 Repository-Suche mit Autovervollständigung
- 📋 Konfigurationsformular für MonoRepo-Erstellung
- 🚀 API-Integration mit dem CFC Orchestrator Workflow
- 🎨 Material UI Design für moderne Benutzeroberfläche
- React.js: Frontend-Framework
- Vite: Build-Tool und Entwicklungsserver
- Material UI: UI-Komponenten
- GitHub API v4: GraphQL API für Repository-Suche
- GitHub REST API: Für Workflow-Dispatch
- OAuth 2.0: Für sichere Authentifizierung
# Repository klonen
git clone https://github.com/spirit-wiegmann/cfc-orchestrator-ui.git
cd cfc-orchestrator-ui
# Abhängigkeiten installieren
npm install
# Entwicklungsserver starten
npm run devDie Anwendung benötigt die folgenden Umgebungsvariablen:
VITE_GITHUB_CLIENT_ID=deine_client_id
VITE_REDIRECT_URI=https://deine-github-page.github.io/callback
VITE_ORCHESTRATOR_REPO=spirit-wiegmann/cfc-orchestrator
Erstelle eine Datei .env.local im Stammverzeichnis des Projekts mit diesen Werten.
- Öffne die GitHub Page
- Authentifiziere dich mit deinem GitHub-Konto
- Suche nach Repositories, die du in ein MonoRepo integrieren möchtest
- Konfiguriere die MonoRepo-Einstellungen
- Starte den Workflow-Prozess
Die GitHub App benötigt die folgenden OAuth-Scopes:
repo: Für Zugriff auf private Repositories (falls erforderlich)workflow: Zum Auslösen des Orchestrator-Workflowsread:org: Für Zugriff auf Organisationsrepositories (falls erforderlich)
Die Anwendung wird automatisch auf GitHub Pages deployt, wenn Änderungen in den main-Branch gepusht werden. Siehe die GitHub Actions-Konfiguration für Details.
# ESLint ausführen
npm run lint
# Vite-Vorschau starten
npm run preview
# Produktionsbuild erstellen
npm run buildDieses Projekt steht unter der MIT-Lizenz. Siehe LICENSE für Details.