sidebranch
Visuelles Git-Tool zum Vergleichen von Branch-Oberflächen nebeneinander in isolierten worktrees
Über sidebranch
sidebranch ist ein visueller Diff-Tool auf Git-Basis. Wähle auf der Seite einen beliebigen Branch; das Tool erstellt dafür in einem isolierten worktree einen eigenen Entwicklungsserver. Anschließend lassen sich die Oberflächen in zwei Live-Fenstern nebeneinander anzeigen oder UI-Änderungen mit Blend- und Onion-Diff-Modi hervorheben. Es ist framework-unabhängig: Apps wie Next, Vite, Django und Rails können verwendet werden, sofern sie über einen Port auf HTTP antworten. Das Tool nutzt Node-Bordmittel und benötigt keine externen Pakete; für eine eigene Installation npm install --save-dev sidebranch verwenden und widget in den Entwicklungs-Build aufnehmen.
Am besten geeignet
Beste Einsatzszenarien
Zwischen Git-Branches wechseln und ihre UIs vergleichen
Zwei Live-Oberflächen nebeneinander auf Unterschiede prüfen
Oberflächenänderungen mit Blend- oder Onion-Modus hervorheben
Einen Branch-Entwicklungsserver in einem isolierten worktree ausführen
Funktionen
Branch-Wechsel auf der Seite
Branch auf der Seite auswählen und den zugehörigen Entwicklungsserver in einem isolierten worktree starten.
Side-by-Side-Diff-Ansicht
Beide Fenster live halten und UI-Änderungen mit Blend- oder Onion-Modus hervorheben.
Framework-unabhängig
Next, Vite, Django, Rails und andere Apps funktionieren, sofern sie über einen Port auf HTTP antworten.
Keine externen Abhängigkeiten
Das Tool besteht vollständig aus Node-Bordmitteln und benötigt keine externen Pakete.
Vorteile
- Unterstützt viele Frameworks und HTTP-Apps
- Bietet Side-by-Side-, Blend- und Onion-Diff-Ansichten
- Berührt den aktuellen worktree nicht
- Keine externen Paketabhängigkeiten erforderlich
Nachteile
- Die App muss über einen Port auf HTTP antworten