içinde GitHub için Diff Navigator Chrome OffiDocs ile

TANIM

Kod şu adreste mevcuttur: https://github.

com/daattali/github-diff-navigator-extension/ Açıklama ========= Bu, GitHub'da düzenlenmiş bir dosyadaki değişiklikler arasında kolayca gezinmenizi sağlayan bir Chrome uzantısıdır.

GitHub aracılığıyla bir dosyayı düzenledikten ve değişikliklerinizi önizledikten sonra, değişiklikler arasında güzel bir "sonraki/önceki değişiklik" tarzında gezinmenin kolay bir yolu olmadığını fark etmiş olabilirsiniz.

Çoğu dosya formatı yalnızca değiştirilen satırları ve çevreleyen birkaç satırı gösterir, bu nedenle bu genellikle çok büyük bir rahatsızlık değildir, ancak herhangi bir işaretleme belgesi (.

md) durum farklıdır.

GitHub, yapılan değişiklikleri önizlerken işaretleme belgesinin tamamını gösterir; bu, büyük bir belgede birkaç küçük düzenleme yapıyorsanız, bu düzenlemeleri bulmanın ve nelerin değiştiğini görmenin çok zor olduğu anlamına gelir.

Yeniden işaretleme (.

Rmd) belgeleri ve potansiyel olarak diğer indirim tipi belgeler de benzer şekilde davranır.

Girin: GitHub Diff Navigator.

Motivasyon ========= Bu uzantı fikri, Hadley Wickham'ın Advanced R kitabını okurken geldi.

Bir bölümde (tek bir işaretleme belgesi olan) birkaç yazım hatası bulduğumda, onu GitHub'da düzenler ve bir çekme isteğinde bulunurdum.

Kendimi aptal durumuna düşürmediğimden emin olmak için Önizleme sekmesindeki düzenlemelerimi iki kez kontrol etmek istedim, ancak yukarıda açıklanan sorunu fark ettim.

Bu kadar büyük dosyalarda birkaç düzenleme bulma konusunda gözlerime güvenmedim ve sonunda düzenlemelerin nerede olduğunu bulmama yardımcı olması için DOM + JavaScript konsolunu kullandım.

Sonra, JavaScript konsolunda oynamanın yeterince zor olmadığına karar verdim ve sonraki iki günü, gelecekte bu tür değişiklikleri hızlı bir şekilde bulmama yardımcı olacak bir uzantı yaparak geçirmeye karar verdim.

Özellikler ========= - GitHub Diff Navigator müdahaleci değildir ve yalnızca GitHub kullanılarak bir dosyada yapılan düzenlemelerin Önizlemesine bakıldığında görünecektir.

- Açık bir GitHub düzenlenmiş sayfanız olmadığında, GitHub Diff Navigator herhangi bir kaynak kullanmayacak veya Chrome'un Görev Yöneticisi'nde görünmeyecek.

- Aynı anda açık olan birden çok GitHub sekmesiyle çalışır (sekmeleri her değiştirdiğinizde, uzantı size o sekmedeki düzenlemeleri gösterecek şekilde güncellenir).

- Düzenlenmekte olan dosyanın işaretleme türünde olup olmadığını otomatik olarak algılar ve her ikisi için de sorunsuz çalışır.

- Hiçbir düzenleme bulunmadığında gösterilen yararlı mesajlarla temiz ve sezgisel kullanıcı arayüzü.

Sorumluluk Reddi ========= Chrome uzantılarının nasıl yazılacağını öğrenmek için kodumu şablon veya kaynak olarak kullanmanızı önermem.

Uzantıyı nasıl yazacağımı öğrendim ve iki gün içinde tamamen oluşturdum, bu nedenle en iyi uygulamaların neler olduğundan ve kodu nasıl düzgün bir şekilde düzenleyeceğimden emin değilim.

Chrome uzantılarının nasıl çalıştığını test etmek için sadece bir bahaneydi.

Ayrıca orada biraz çirkin kod bıraktım - lütfen yargılamayın :)

Ek bilgi:

- deanattali.com tarafından sunulmaktadır
- Ortalama puan: 5 yıldız (beğendim)
- Geliştirici Bu e-posta adresi spam robotlarından korunuyor. Sen, görüntülüyebilmek için JavaScript etkinleştirilmelidir gerekir.

GitHub web için Diff Navigator extension OffiDocs ile entegre Chromium Online