Навігатор відмінностей для GitHub в Chrome за допомогою OffiDocs

ОПИС

Код доступний за адресою: https://github.

com/daattali/github-diff-navigator-extension/ Опис ========= Це розширення Chrome, яке дозволяє легко переміщатися між змінами у файлі, який було відредаговано на GitHub.

Можливо, ви помітили, що після редагування файлу через GitHub і попереднього перегляду внесених змін немає простого способу переходу між змінами у зручній манері «наступна/попередня зміна».

Більшість форматів файлів показують лише рядки, які були змінені, і кілька рядків навколо, тому зазвичай це не є страшною незручністю, але для будь-якого документа з уцінкою (.

md) ситуація інша.

GitHub показує весь документ уцінки під час попереднього перегляду внесених змін, а це означає, що якщо ви робите кілька невеликих редагувань у великому документі, дуже важко знайти ці правки та побачити, що змінилося.

Rmarkdown (.

Документи Rmd) поводяться подібним чином, і, можливо, також інші документи типу уцінки.

Введіть: GitHub Diff Navigator.

Мотивація ========= Ідея цього розширення виникла, коли я читав книгу Хедлі Вікхема Advanced R.

Кожного разу, коли я знаходив кілька друкарських помилок у розділі (який є одним документом уцінки), я редагував його на GitHub і робив запит на отримання.

Щоб переконатися, що я не роблю з себе ідіота, я хотів ще раз перевірити свої правки на вкладці «Попередній перегляд», але я помітив проблему, описану вище.

Я не довіряв своїм очам, знаходячи кілька редагувань у таких великих файлах, і зрештою скористався консоллю DOM + JavaScript, щоб допомогти мені знайти, де були правки.

Тоді я вирішив, що грати на консолі JavaScript недостатньо хардкорно, і вирішив витратити наступні два дні на створення розширення, яке допоможе мені швидко знаходити такі зміни в майбутньому.

Особливості ========= - GitHub Diff Navigator ненав'язливий і відображається лише під час попереднього перегляду редагувань, зроблених у файлі за допомогою GitHub.

- GitHub Diff Navigator не займатиме жодних ресурсів і не відображатиметься в диспетчері завдань Chrome, якщо у вас не відкрито дійсну відредаговану сторінку GitHub.

- Працює з кількома вкладками GitHub, відкритими одночасно (кожного разу, коли ви перемикаєте вкладки, розширення оновлюється, щоб відображати зміни на цій вкладці).

- Автоматично визначає, чи є файл, що редагується, типу уцінки чи ні, і бездоганно працює для обох.

- Чистий та інтуїтивно зрозумілий інтерфейс користувача з корисними повідомленнями, які відображаються, коли не знайдено жодних змін.

Застереження ========= Я б не радив використовувати свій код як шаблон або ресурс для навчання написанню розширень Chrome.

Я навчився писати розширення та повністю створив його протягом двох днів, тому я не впевнений, які найкращі практики та як правильно організувати код.

Це був лише привід перевірити, як працюють розширення Chrome.

Я також залишив там трохи потворного коду - будь ласка, не судіть :)

Додаткова інформація:

- Пропонує deanattali.com
- Середня оцінка: 5 зірок (сподобалось)
- Розробник Ця електронна адреса захищена від спам-ботів. Ботів, для його перегляду включений JavaScript.

Навігатор відмінностей для веб-сайту GitHub extension інтегровано з OffiDocs Chromium онлайн