sidebranch
Herramienta visual basada en Git para comparar interfaces de ramas lado a lado en worktrees aislados
Acerca de sidebranch
sidebranch es una herramienta visual de diferencias basada en Git. Elige cualquier rama en la página y la herramienta construirá su servidor de desarrollo en un worktree aislado; después podrás ver las interfaces lado a lado en dos paneles en tiempo real o resaltar los cambios de UI con los modos de diferencias blend y onion. No depende de un framework concreto: se puede usar con aplicaciones como Next, Vite, Django y Rails siempre que respondan a HTTP mediante un puerto. La herramienta usa funciones integradas de Node y no necesita paquetes externos; para instalarla por tu cuenta, usa npm install --save-dev sidebranch y añade widget a la compilación de desarrollo.
Ideal para
Mejores casos de uso
Cambiar entre ramas de Git y comparar sus interfaces
Revisar lado a lado las diferencias entre dos interfaces en tiempo real
Resaltar cambios de interfaz con el modo blend u onion
Ejecutar el servidor de desarrollo de una rama en un worktree aislado
Funciones
Cambio de rama en la página
Selecciona una rama en la página e inicia su servidor de desarrollo en un worktree aislado.
Vista de diferencias lado a lado
Mantén ambos paneles en tiempo real y resalta los cambios de la interfaz con los modos blend u onion.
Independiente del framework
Funciona con Next, Vite, Django, Rails y otras aplicaciones que respondan a HTTP mediante un puerto.
Cero dependencias externas
La herramienta está compuesta completamente por funciones integradas de Node y no depende de paquetes externos.
Ventajas
- Admite numerosos frameworks y aplicaciones HTTP
- Ofrece vistas de diferencias lado a lado, blend y onion
- No toca el worktree actual
- No requiere dependencias de paquetes externos
Limitaciones
- La aplicación debe responder a HTTP en un puerto