Diff Navigator para sa GitHub sa Chrome kasama ang OffiDocs

DESCRIPTION

Available ang code sa: https://github.

com/daattali/github-diff-navigator-extension/ Paglalarawan ========= Ito ay isang extension ng Chrome na nagbibigay-daan sa iyong madaling mag-navigate sa mga pagbabago sa isang file na na-edit sa GitHub.

Maaaring napansin mo na pagkatapos i-edit ang isang file sa pamamagitan ng GitHub at i-preview ang iyong mga pagbabago, walang madaling paraan upang mag-navigate sa mga pagbabago sa isang magandang "susunod/nakaraang pagbabago" na paraan.

Karamihan sa mga format ng file ay nagpapakita lamang ng mga linyang binago at ilang nakapaligid na linya, kaya karaniwan ay hindi ito isang kakila-kilabot na abala, ngunit para sa anumang markdown na dokumento (.

md) iba ang sitwasyon.

Ipinapakita ng GitHub ang buong markdown na dokumento kapag pini-preview ang mga pagbabagong ginawa, na nangangahulugang kung gagawa ka ng ilang maliliit na pag-edit sa isang malaking dokumento, napakahirap hanapin ang mga pag-edit na iyon at makita kung ano ang nagbago.

Rmarkdown (.

Rmd) na mga dokumento ay kumikilos nang katulad, at potensyal na iba pang mga markdown-type na mga dokumento pati na rin.

Ipasok ang: GitHub Diff Navigator.

Pagganyak ========= Dumating ang ideya para sa extension na ito noong binabasa ko ang Advanced R na libro ni Hadley Wickham.

Sa tuwing makakahanap ako ng ilang typo sa isang kabanata (na isang solong markdown na dokumento), ie-edit ko ito sa GitHub at gagawa ng pull request.

Upang matiyak na hindi ako gumawa ng isang tulala sa aking sarili, gusto kong i-double-check ang aking mga pag-edit sa tab na Preview, ngunit napansin ko ang problemang inilarawan sa itaas.

Hindi ako nagtiwala sa aking mga mata sa paghahanap ng ilang mga pag-edit sa gayong malalaking file, at natapos ko ang paggamit ng DOM + JavaScript console upang matulungan akong mahanap kung nasaan ang mga pag-edit.

Pagkatapos ay nagpasya ako na ang paglalaro sa JavaScript console ay hindi sapat na hardcore at nagpasya akong gumugol sa susunod na dalawang araw sa paggawa ng extension na tutulong sa akin na mahanap ang mga naturang pagbabago nang mabilis sa hinaharap.

Mga Tampok ========= - Ang GitHub Diff Navigator ay hindi mapanghimasok at lalabas lamang kapag tinitingnan ang Preview ng mga pag-edit na ginawa sa isang file gamit ang GitHub.

- Hindi kukuha ang GitHub Diff Navigator ng anumang mga mapagkukunan o lalabas sa Task Manager ng Chrome kapag wala kang nakabukas na valid na page na na-edit ng GitHub.

- Gumagana sa maraming tab ng GitHub na bukas nang sabay-sabay (sa tuwing lilipat ka ng mga tab, mag-a-update ang extension upang ipakita sa iyo ang mga pag-edit sa tab na iyon).

- Awtomatikong makita kung ang file na ini-edit ay markdown-type o hindi, at walang putol na gumagana para sa pareho.

- Malinis at madaling gamitin na UI na may mga kapaki-pakinabang na mensahe na ipinapakita kapag walang nakitang mga pag-edit.

Disclaimer ========= Hindi ko ipapayo na gamitin ang aking code bilang isang template o mapagkukunan para sa pag-aaral kung paano magsulat ng mga extension ng Chrome.

Natutunan ko kung paano isulat ang extension at ganap itong binuo sa loob ng dalawang araw, kaya hindi ako sigurado kung ano ang mga pinakamahusay na kagawian at kung paano maayos na ayusin ang code.

Isa lamang itong dahilan upang subukan kung paano gumagana ang mga extension ng Chrome.

Nag-iwan din ako ng kaunting pangit na code doon -- please dont judge :)

Karagdagang impormasyon:

- Inaalok ng deanattali.com
- Average na rating: 5 bituin (nagustuhan ito)
- Developer Ang e-mail address ay protektado mula sa spambots. Kailangan mo enable ang JavaScript upang tingnan ito.

Diff Navigator para sa GitHub web extension isinama sa OffiDocs Chromium online