sidebranch
Ferramenta visual baseada em Git para comparar UIs de branches lado a lado em worktrees isolados
Sobre sidebranch
sidebranch é uma ferramenta visual de diferenças baseada em Git. Escolha qualquer branch na página, e a ferramenta criará um servidor de desenvolvimento próprio para ela em um worktree isolado; depois, veja as interfaces lado a lado em dois painéis em tempo real ou destaque mudanças na UI com os modos de diferença blend e onion. Ela não depende de um framework específico: aplicações como Next, Vite, Django e Rails podem usá-la desde que respondam a HTTP por uma porta. A ferramenta usa recursos nativos do Node e não precisa de pacotes externos; para instalar por conta própria, use npm install --save-dev sidebranch e adicione widget ao build de desenvolvimento.
Ideal para
Melhores casos de uso
Alternar entre branches do Git e comparar suas UIs
Inspecionar lado a lado as diferenças entre duas interfaces em tempo real
Destacar mudanças na interface com o modo blend ou onion
Executar o servidor de desenvolvimento de uma branch em um worktree isolado
Funcionalidades
Troca de branch na página
Escolha uma branch na página e inicie o servidor de desenvolvimento correspondente em um worktree isolado.
Visualização de diferenças lado a lado
Mantenha os dois painéis em tempo real e destaque mudanças na UI com os modos blend ou onion.
Independente de framework
Funciona com Next, Vite, Django, Rails e outras aplicações que respondam a HTTP por uma porta.
Zero dependências externas
A ferramenta é composta inteiramente por recursos nativos do Node e não depende de pacotes externos.
Vantagens
- Compatível com vários frameworks e aplicações HTTP
- Oferece visualizações de diferenças lado a lado, blend e onion
- Não toca no worktree atual
- Não exige dependências de pacotes externos
Limitações
- A aplicação precisa responder a HTTP em uma porta