Diff Navigator para GitHub em Chrome com OffiDocs

DESCRIÇÃO

Código disponível em: https://github.

com/daattali/github-diff-navigator-extension/ Descrição ========= Esta é uma extensão do Chrome que permite navegar facilmente pelas alterações em um arquivo que foi editado no GitHub.

Você deve ter notado que depois de editar um arquivo por meio do GitHub e visualizar suas alterações, não há uma maneira fácil de navegar pelas alterações de uma maneira agradável de "alteração anterior/próxima".

A maioria dos formatos de arquivo mostra apenas as linhas que foram alteradas e várias linhas adjacentes, portanto, geralmente não é uma inconveniência terrível, mas para qualquer documento de remarcação (.

md) a situação é diferente.

O GitHub mostra todo o documento markdown ao visualizar as alterações feitas, o que significa que, se você estiver fazendo algumas pequenas edições em um documento grande, será muito difícil encontrar essas edições e ver o que mudou.

Rmarkdown (.

Rmd) se comportam de maneira semelhante e, possivelmente, outros documentos do tipo markdown também.

Digite: GitHub Diff Navigator.

Motivação ========= A ideia para esta extensão surgiu quando eu estava lendo o livro Advanced R de Hadley Wickham.

Toda vez que encontrava alguns erros de digitação em um capítulo (que é um único documento de remarcação), eu o editava no GitHub e fazia uma solicitação pull.

Para ter certeza de que não fiz papel de idiota, queria verificar novamente minhas edições na guia Visualização, mas notei o problema descrito acima.

Não confiei em meus olhos para encontrar as poucas edições em arquivos tão grandes e acabei usando o console DOM + JavaScript para me ajudar a encontrar onde estavam as edições.

Então decidi que jogar no console JavaScript não era hardcore o suficiente e decidi passar os próximos dois dias fazendo uma extensão que me ajudará a encontrar essas mudanças rapidamente no futuro.

Recursos ========= - GitHub Diff Navigator não é intrusivo e só aparecerá ao olhar para a visualização das edições feitas em um arquivo usando o GitHub.

- O GitHub Diff Navigator não ocupará nenhum recurso ou aparecerá no Gerenciador de Tarefas do Chrome quando você não tiver uma página editada do GitHub válida aberta.

- Funciona com várias guias do GitHub abertas simultaneamente (toda vez que você alternar as guias, a extensão será atualizada para mostrar as edições nessa guia).

- Detecta automaticamente se o arquivo que está sendo editado é do tipo markdown ou não, e funciona perfeitamente para ambos.

- UI limpa e intuitiva com mensagens úteis mostradas quando nenhuma edição é encontrada.

Isenção de responsabilidade ========= Não aconselho usar meu código como modelo ou recurso para aprender a escrever extensões do Chrome.

Aprendi a escrever a extensão e a construí completamente em dois dias, então não tenho certeza de quais são as práticas recomendadas e de como organizar o código adequadamente.

Foi apenas uma desculpa para testar como funcionam as extensões do Chrome.

Também deixei um pouco de código feio lá - por favor, não julgue :)

Informação adicional:

- Oferecido por deanattali.com
- Avaliação média: 5 estrelas (adorei)
- Desenvolvedor Este endereço de e-mail está protegido contra spambots. Você deve habilitar o JavaScript para visualizá-lo.

Diff Navigator para GitHub web extension integrado com o OffiDocs Chromium online