diffr
diffr copied to clipboard
💎 Create and share diffs with Diffr, the privacy focused online text diffing tool.
![The Diffr logo: two slightly overlapping diamond shapes](https://github.com/loilo/diffr/raw/master/logo.png)
Diffr
Create and share diffs with Diffr, the privacy focused online text diffing tool.
This is the source code repository of the Diffr app. You can find the app at loilo.github.io/diffr.
Technologies
The core technologies this project uses are:
Technology | Purpose |
---|---|
Monaco Editor | A text/code editor by Microsoft, used for the editing and diffing area itself. |
Nuxt | An application framework for Vue.js, used for prerendering, PWA support and overall application structure. |
lz-string |
A quick and space-efficient compression algorithm, used for serializing the current app state in the URL anchor in as few characters as possible. |
GitHub Pages | This app does (purposefully) not generate any income. Therefore, free hosting is essential to keep it running. |
Setup
Clone this repository and install its dependencies using npm.
npm ci
Local Development
Start a local dev server with hot reloading:
npm run dev
Generate Production Site
Create a production-ready site in the dist
folder:
npm run generate
Set the BASE_URL
environment variable to create a build that can be hosted in a subfolder of a domain, e.g.:
BASE_URL=/diffr/ npm run generate