Monaco Diff Checker

Сравнивайте два фрагмента кода или текста в быстром редакторе различий в стиле VS Code, который целиком работает в браузере. Каждая добавленная, удалённая и изменённая строка видна сразу — с полной подсветкой синтаксиса, движком сравнения, учитывающим порядок строк, и экспортом в один клик.

Features

• Сравнение уровня VS Code — на движке редактора Monaco, с подсветкой изменений прямо в строках и синхронной прокруткой.
• Просмотр рядом и в одну колонку — переключайте раскладку одним нажатием.
• 10 встроенных примеров — клик загружает готовое сравнение на разных языках и сразу выставляет нужную подсветку синтаксиса.
• 90+ языков с поиском — начните печатать, чтобы найти любой язык, который поддерживает Monaco (JavaScript, TypeScript, Python, Go, Rust, C#, SQL, YAML, Markdown и десятки других). Список берётся из самого Monaco, поэтому всегда полный.
• Обе панели редактируемы — вставляйте или правьте текст с любой стороны, и различия пересчитываются на лету.
• Точная статистика — реальный подсчёт добавленных / удалённых / неизменённых строк и процент схожести, вычисленные по алгоритму наибольшей общей подпоследовательности (с учётом порядка).
• Игнорирование пробелов и регистра — включите, чтобы видеть только значимые правки (пробелы обрабатываются построчно, так что файл никогда не схлопывается в одну строку).
• Загрузка файлов — подгружайте файлы в любую из панелей (до 2 МБ).
• Навигация по изменениям — переходите между различиями кнопками «Назад»/«Вперёд» или клавишами F7/F8, со счётчиком изменений в реальном времени.
• Экспорт — скопируйте unified-diff, скачайте файл .patch или поделитесь ссылкой, в которой сравнение зашито прямо в адрес.
• Светлая и тёмная тема — подстраивается под вашу тему автоматически.

How to use

1. Загрузите содержимое — выберите один из 10 готовых примеров (JavaScript, Python, TypeScript, JSON, HTML, CSS, SQL, Java, Go, YAML — каждый сам переключает язык), вставьте текст в обе панели или загрузите файлы (Left / Right).
2. Выберите язык — начните печатать в поле языка и выберите нужный из списка с поиском.
3. Сравните — различия и статистика обновляются автоматически по мере правок.
4. Перемещайтесь — используйте Prev/Next или F7/F8, чтобы проходить по изменениям.
5. Поделитесь или экспортируйте — нажмите Copy для unified-diff, скачайте .patch или отправьте ссылку через Share.

Keyboard shortcuts

• F8 — следующее различие
• F7 — предыдущее различие

Privacy

Вся обработка идёт локально в браузере — ничего не отправляется на сервер. Когда вы пользуетесь кнопкой Share, сравнение кодируется только во фрагменте URL (после #).

Use cases

• Код-ревью и сравнение пул-реквестов
• Анализ «до и после» рефакторинга
• Сравнение конфигов, JSON и YAML
• Сопоставление логов и отладочного вывода
• Сравнение версий и разбор конфликтов слияния

FAQ

Какие языки поддерживаются? Все, что идут в комплекте с редактором Monaco — больше 90, — доступные через поле поиска.

Отправляется ли мой код куда-либо? Нет. Сравнение выполняется полностью на стороне клиента; ссылки для обмена держат данные во фрагменте URL, который браузеры не передают на сервер.

Как считается схожесть? По наибольшей общей подпоследовательности на уровне строк: unchanged / (added + removed + unchanged), в процентах.