Diff Navigator dla GitHub w Chrome z OffiDocs

OPIS

Kod dostępny pod adresem: https://github.

com/daattali/github-diff-navigator-extension/ Opis ========= To jest rozszerzenie Chrome, które pozwala łatwo poruszać się po zmianach w pliku, który był edytowany na GitHub.

Być może zauważyłeś, że po edycji pliku za pośrednictwem GitHub i wyświetleniu podglądu zmian nie ma łatwego sposobu poruszania się po zmianach w miły sposób „następna/poprzednia zmiana”.

Większość formatów plików pokazuje tylko linie, które zostały zmienione i kilka otaczających linii, więc zwykle nie jest to straszna niedogodność, ale w przypadku każdego dokumentu przeceny (.

md) sytuacja jest inna.

GitHub pokazuje cały dokument przeceny podczas podglądu wprowadzonych zmian, co oznacza, że ​​jeśli wprowadzasz kilka drobnych zmian w dużym dokumencie, bardzo trudno jest je znaleźć i zobaczyć, co się zmieniło.

Rmarkdown (.

Rmd) zachowują się podobnie i potencjalnie także inne dokumenty typu przeceny.

Wpisz: GitHub Diff Navigator.

Motywacja ========= Pomysł na to rozszerzenie pojawił się, gdy czytałem książkę Hadleya Wickhama Advanced R.

Za każdym razem, gdy znalazłem kilka literówek w rozdziale (który jest pojedynczym dokumentem przeceny), edytowałem go na GitHub i wysyłałem żądanie ściągnięcia.

Aby upewnić się, że nie zrobiłem z siebie idioty, chciałem dwukrotnie sprawdzić moje zmiany w zakładce Podgląd, ale zauważyłem problem opisany powyżej.

Nie ufałem własnym oczom w znalezieniu kilku zmian w tak dużych plikach i skończyło się na użyciu konsoli DOM + JavaScript, która pomogła mi znaleźć miejsce edycji.

Wtedy stwierdziłem, że granie w konsoli JavaScript to za mało i postanowiłem spędzić kolejne dwa dni na stworzeniu rozszerzenia, które pomoże mi szybko znaleźć takie zmiany w przyszłości.

Cechy ========= - GitHub Diff Navigator jest nieinwazyjny i pojawi się tylko podczas przeglądania podglądu zmian dokonanych w pliku za pomocą GitHub.

- GitHub Diff Navigator nie zajmie żadnych zasobów ani nie pojawi się w Menedżerze zadań Chrome, jeśli nie masz otwartej prawidłowej edytowanej strony GitHub.

- Działa z wieloma kartami GitHub, które są otwarte jednocześnie (za każdym razem, gdy przełączasz karty, rozszerzenie zaktualizuje się, aby pokazać zmiany na tej karcie).

- Automatycznie wykrywaj, czy edytowany plik jest typu przeceny, czy nie, i bezproblemowo działa dla obu.

- Przejrzysty i intuicyjny interfejs użytkownika z pomocnymi komunikatami wyświetlanymi, gdy nie znaleziono żadnych zmian.

Zastrzeżenie ========= Nie radzę używać mojego kodu jako szablonu lub źródła do nauki pisania rozszerzeń Chrome.

Nauczyłem się pisać rozszerzenie i w pełni je zbudowałem w ciągu dwóch dni, więc nie jestem pewien, jakie są najlepsze praktyki i jak prawidłowo zorganizować kod.

To był tylko pretekst do przetestowania działania rozszerzeń Chrome.

Zostawiłem tam też trochę brzydkiego kodu - proszę, nie oceniaj :)

Dodatkowe informacje:

- Oferowane przez deanattali.com
- Średnia ocena: 5 gwiazdek (bardzo mi się podobało)
- Deweloper Ten adres pocztowy jest chroniony przed spamowaniem. W przeglądarce musi być włączona obsługa JavaScript, żeby go zobaczyć.

Diff Navigator dla sieci GitHub extension zintegrowany z OffiDocs Chromium Online