Text Diff View

A simple diff viewer that only compares what is entered in the left and right text boxes.

• Motivation
• Usage
• Demo
• Download
• Support platform
• Screenshots
  • Theme
• Recommended IDE Setup
• Project Setup
  • Install
  • Development
  • Build

Motivation

1. simple tool to compare left and right text
2. works offline (no server required.)
3. multi-platform support (Windows, macOS, Linux)

The difference calculation is done using monaco editor (microsoft/monaco-editor), I just built the layout and the electron app.

Usage (use example_texts)

Basically, just type the text on the left and right and you're done.

Use this explanation when you want to see large diff.

1. Copy the contents of example_texts/freebsd_sbin_route/left_82641e1.txt from this repository to your clipboard and paste it into the text box on the left.
2. Copy the contents of example_texts/freebsd_sbin_route/right_158f319.txt from this repository to your clipboard and paste it into the text box on the right.

Demo

https://sandbox.saino.me/text-diff-view/

If you don't want to download the electron app, try the web version.

also provide docker image.

Download

• Download from releases

Support platform

• Windows
• Linux
• macOS

Screenshots

Theme

light	dark

Development

Recommended IDE Setup

• VSCode + devcontainer

Install

$ yarn

Development

$ yarn dev

Build

# For windows
$ yarn build:win

# For macOS
$ yarn build:mac

# For Linux
$ yarn build:linux

Thanks

• Monaco Editor
• electron-vite
• @vscode/codicons
• suren-atoyan/monaco-react