Diff Navigator untuk GitHub di Chrome dengan OffiDocs

DESKRIPSI

Kode tersedia di: https://github.

com/daattali/github-diff-navigator-extension/ Deskripsi ========= Ini adalah ekstensi Chrome yang memungkinkan Anda untuk dengan mudah menavigasi perubahan dalam file yang telah diedit di GitHub.

Anda mungkin telah memperhatikan bahwa setelah mengedit file melalui GitHub dan mempratinjau perubahan Anda, tidak ada cara mudah untuk menavigasi melalui perubahan dengan cara "perubahan berikutnya/sebelumnya" yang bagus.

Sebagian besar format file hanya menampilkan baris yang diubah dan beberapa baris di sekitarnya, jadi ini biasanya bukan ketidaknyamanan yang parah, tetapi untuk dokumen penurunan harga (.

md) situasinya berbeda.

GitHub menampilkan seluruh dokumen penurunan harga saat melihat pratinjau perubahan yang dibuat, yang berarti bahwa jika Anda membuat beberapa pengeditan kecil pada dokumen besar, sangat sulit untuk menemukan pengeditan tersebut dan melihat apa yang berubah.

Penurunan harga (.

Rmd) dokumen berperilaku serupa, dan mungkin juga dokumen jenis penurunan harga lainnya.

Masukkan: GitHub Diff Navigator.

Motivasi ========= Ide untuk ekstensi ini datang ketika saya sedang membaca buku Advanced R Hadley Wickham.

Setiap kali saya menemukan beberapa kesalahan ketik dalam satu bab (yang merupakan satu dokumen penurunan harga), saya akan mengeditnya di GitHub dan membuat pull request.

Untuk memastikan saya tidak membuat diri saya bodoh, saya ingin memeriksa ulang suntingan saya di tab Pratinjau, tetapi saya melihat masalah yang dijelaskan di atas.

Saya tidak memercayai mata saya untuk menemukan beberapa suntingan dalam file sebesar itu, dan akhirnya saya menggunakan konsol DOM + JavaScript untuk membantu saya menemukan di mana suntingan itu berada.

Kemudian saya memutuskan bahwa bermain di konsol JavaScript tidak cukup keras dan saya memutuskan untuk menghabiskan dua hari berikutnya membuat ekstensi yang akan membantu saya menemukan perubahan seperti itu dengan cepat di masa mendatang.

Fitur ========= - GitHub Diff Navigator tidak mengganggu dan hanya akan muncul saat melihat Pratinjau pengeditan yang dilakukan pada file menggunakan GitHub.

- GitHub Diff Navigator tidak akan menggunakan sumber daya apa pun atau muncul di Pengelola Tugas Chrome saat Anda tidak membuka halaman edit GitHub yang valid.

- Berfungsi dengan beberapa tab GitHub yang terbuka secara bersamaan (setiap kali Anda berpindah tab, ekstensi akan diperbarui untuk menampilkan hasil edit pada tab tersebut).

- Secara otomatis mendeteksi apakah file yang sedang diedit adalah tipe penurunan harga atau tidak, dan bekerja dengan mulus untuk keduanya.

- UI yang bersih dan intuitif dengan pesan bermanfaat yang ditampilkan saat tidak ada suntingan yang ditemukan.

Penafian ========= Saya tidak menyarankan menggunakan kode saya sebagai template atau sumber daya untuk mempelajari cara menulis ekstensi Chrome.

Saya belajar cara menulis ekstensi dan membuatnya sepenuhnya dalam dua hari, jadi saya tidak yakin apa praktik terbaiknya dan bagaimana mengatur kode dengan benar.

Itu hanya alasan untuk menguji cara kerja ekstensi Chrome.

Saya juga meninggalkan sedikit kode jelek di sana -- tolong jangan menilai :)

Informasi tambahan:

- Ditawarkan oleh deanattali.com
- Peringkat rata-rata: 5 bintang (menyukainya)
- Pengembang Alamat email ini dilindungi dari robot spam. Anda perlu mengaktifkan JavaScript untuk melihatnya.

Diff Navigator untuk web GitHub extension terintegrasi dengan OffiDocs Chromium secara online