Diff Navigator pentru GitHub în Chrome cu OffiDocs

DESCRIERE

Cod disponibil la: https://github.

com/daattali/github-diff-navigator-extension/ Descriere ========= Aceasta este o extensie Chrome care vă permite să navigați cu ușurință prin modificările dintr-un fișier care a fost editat pe GitHub.

Este posibil să fi observat că, după editarea unui fișier prin GitHub și previzualizarea modificărilor, nu există o modalitate ușoară de a naviga prin modificări într-un mod plăcut „modificarea următoare/anterioră”.

Majoritatea formatelor de fișiere arată doar liniile care au fost modificate și câteva linii înconjurătoare, așa că de obicei nu este un inconvenient teribil, dar pentru orice document de reducere (.

md) situatia este alta.

GitHub afișează întregul document de reducere la previzualizare a modificărilor făcute, ceea ce înseamnă că, dacă efectuați câteva modificări minuscule unui document mare, este foarte greu să găsiți acele modificări și să vedeți ce s-a schimbat.

Rmarkdown (.

Documentele Rmd) se comportă în mod similar și, potențial, alte documente de tip markdown.

Introduceți: GitHub Diff Navigator.

Motivație ========= Ideea acestei extensii a venit când citeam cartea Advanced R a lui Hadley Wickham.

De fiecare dată când am găsit câteva greșeli de scriere într-un capitol (care este un singur document de reducere), îl editam pe GitHub și făceam o cerere de extragere.

Pentru a mă asigura că nu am făcut un idiot din mine, am vrut să-mi verific editările din fila Previzualizare, dar am observat problema descrisă mai sus.

Nu am avut încredere în ochii mei pentru a găsi cele câteva editări în fișiere atât de mari și am ajuns să folosesc consola DOM + JavaScript pentru a mă ajuta să găsesc unde au fost editările.

Apoi am decis că jocul în consola JavaScript nu este suficient de greu și am decis să petrec următoarele două zile făcând o extensie care să mă ajute să găsesc rapid astfel de modificări în viitor.

Caracteristici ========= - GitHub Diff Navigator este non-intruziv și va apărea numai când se va uita la Previzualizarea editărilor făcute pe un fișier folosind GitHub.

- GitHub Diff Navigator nu va ocupa resurse și nu va apărea în Managerul de activități Chrome atunci când nu aveți deschisă o pagină validă editată GitHub.

- Funcționează cu mai multe file GitHub care sunt deschise simultan (de fiecare dată când schimbați filele, extensia se va actualiza pentru a vă afișa editările din acea filă).

- Detectează automat dacă fișierul care este editat este de tip markdown sau nu și funcționează perfect pentru ambele.

- Interfață de utilizare curată și intuitivă, cu mesaje utile afișate atunci când nu sunt găsite modificări.

Exonerare de responsabilitate ========= Nu aș sfătui să folosiți codul meu ca șablon sau resursă pentru a învăța cum să scrieți extensii Chrome.

Am învățat cum să scriu extensia și am construit-o complet în două zile, așa că nu sunt sigur care sunt cele mai bune practici și cum să organizez corect codul.

A fost doar o scuză pentru a testa cum funcționează extensiile Chrome.

Am lăsat și un pic de cod urât acolo -- vă rog să nu judeca :)

Informații suplimentare:

- Oferit de deanattali.com
- Evaluare medie: 5 stele (mi-a placut)
- Dezvoltator Această adresă de e-mail este protejată de spamboți. Aveți nevoie de activarea JavaScript-ului pentru ao vizualiza.

Diff Navigator pentru web GitHub extension integrat cu OffiDocs Chromium on-line