Сравнение TypeScript-кода
Код 1 оригинал
Код 2 изменённый
Сравнение и подсветка работают в браузере: код никуда не отправляется. Tab внутри поля делает отступ, Ctrl+Enter — сравнить.
Как сравнить два TS-файла?
Сравнение двух версий TypeScript-файла: изменившиеся типы в интерфейсах, добавленные опциональные поля, поправленные дженерики, новые перегрузки функций. Подсветка синтаксиса TS работает отдельно от JS, поэтому interface, type и модификаторы видны как отдельные токены.
Удобно смотреть правки в .d.ts-декларациях, сравнивать конфиг tsconfig.json между ветками и находить, после какого изменения поехала типизация.
- Загрузите оба .ts или .tsx файла — язык определится по расширению.
- Если правка задевает только переносы и отступы, включите «не считать пробелы».
- «Только различия» скрывает неизменную часть файла.
- Скачайте .patch, чтобы приложить diff к merge request.
Для JavaScript есть отдельная страница — там тот же движок и подсветка JS.
Сравнение кода: другие инструменты
Сравнить кодЛюбой язык, с подсветкой синтаксисаСравнить PHPФункции, условия, конфигиСравнить JavaScriptСкрипты и конфиги сборкиСравнить CSSСтили, SCSS, LessСравнить HTML и XMLРазметка, фиды, SVGСравнить JSONОтветы API и конфигиСравнить YAMLКонфиги, CI, compose-файлыСравнить SQLЗапросы, дампы, миграции