GitHub-userscripts - незаметные помощники для повседневной работы с GitHub

Как часто вы сталкивались с тем, что в GitHub не хватает какой-то мелкой, но важной функции? Например, быстро скопировать фрагмент кода или свернуть развернутые diff'ы. Решение есть — коллекция userscripts от Mottie, которая превращает стандартный интерфейс GitHub в швейцарский нож разработчика.

Что под капотом?

GitHub-userscripts — это набор из 30+ скриптов для браузерных расширений типа Tampermonkey, которые добавляют GitHub недостающую функциональность. Проект существует с 2016 года и активно поддерживается сообществом (почти 2k звезд на GitHub).

Топ-5 полезных скриптов:

1. GitHub Copy Code Snippet — одно нажатие для копирования любого фрагмента кода прямо из просмотра файла
2. GitHub Code Folding — сворачивание/разворачивание блоков кода как в IDE
3. GitHub Custom Hotkeys — добавляет клавиатурные сокращения для навигации
4. GitHub Diff Filename — показывает имена файлов прямо в diff'е, чтобы не скроллить вверх
5. GitHub in VSCode — быстрый переход к редактированию файла в VSCode прямо из интерфейса GitHub

Как это работает технически?

Каждый скрипт — это JavaScript-код, который встраивается в страницу GitHub через расширения вроде Tampermonkey. Скрипты используют DOM API для модификации интерфейса и добавления новых функций. Важно, что они работают полностью на стороне клиента и не требуют доступа к API GitHub.

// Пример кода из скрипта копирования фрагментов
document.addEventListener('click', function(e) {
  if (e.target.classList.contains('copy-snippet')) {
    const code = e.target.parentNode.querySelector('code').textContent;
    navigator.clipboard.writeText(code);
  }
});

Сценарии использования

• Для код-ревью: Diff File Toggle скрывает просмотренные файлы в пулл-реквесте
• Для работы с issues: Issue Add Details добавляет шаблоны для стандартных ответов
• Для навигации: Custom Navigation добавляет кнопки быстрого перехода между разделами
• Для презентаций: Code Colors подсвечивает синтаксис даже в plain-text diff'ах

Установка за 2 минуты

1. Установи Tampermonkey для Chrome/Firefox
2. Перейди на страницу скриптов
3. Нажми "Install" рядом с нужным скриптом

Вывод: стоит ли пробовать?

Если вы проводите больше часа в день на GitHub, эти скрипты сэкономят вам кучу времени. Они особенно полезны:

• Тимлидам, проводящим код-ревью
• Разработчикам, работающим с большими пулл-реквестами
• Менеджерам, ведущим множество issues

Главный плюс — можно установить только нужные скрипты, не перегружая браузер. Лично я не представляю работу без Code Folding и Copy Snippet — попробуйте и вы!