⚡ Overview

Prism Diff Viewer compares two pieces of text or code and shows exactly what changed, the way you are used to seeing it on GitHub. It uses the Myers O(ND) algorithm for minimal diffs, pairs changed lines to highlight individual words, and exports a standard unified patch.

✨ Features

• Split view with paired lines and word-level del / ins highlights
• Unified view with old and new line numbers
• Patch view: standard unified diff with 3 lines of context
• Ignore whitespace / case options
• Open files from disk, rename sides, swap, copy patch
• Implemented with the Myers diff algorithm, no libraries

📸 Screenshots

🚀 Quick Start

Use it online: https://krishyaa06.github.io/prism-diff-viewer/

Run locally:

git clone https://github.com/krishyaa06/prism-diff-viewer.git
cd prism-diff-viewer
# open index.html in your browser, or serve it:
npx serve .

🛠️ Usage

1. Paste the original on the left and the changed version on the right (or Open files).
2. Pick Split, Unified or Patch.
3. Copy patch to share or git apply it.

📁 Project Structure

prism-diff-viewer/
├── assets/
│   ├── logo.png
│   └── logo.svg
├── css/
│   ├── app.css
│   └── prism.css
├── js/
│   ├── app.js   # UI rendering
│   ├── core.js   # Myers diff, rows, unified patch — tested in Node
│   └── prism.js
├── test/
│   └── core.test.js
├── .gitignore
├── LICENSE
├── README.md
├── index.html
└── package.json

🧪 Tests

npm test

Tests use the built-in node:test runner, so there is nothing to install. CI runs them on Node 20 and 22.

🤝 Contributing

1. Fork the repo and create a branch: git checkout -b feature/my-idea
2. Make your change and add a test in test/
3. Run npm test and open a Pull Request

🔷 Part of Prism Protocol

Prism Diff Viewer is one of the open-source tools built by Prism Protocol, a tech community where young builders learn, ship and compete together.

👤 Author

Soumya Bhandare Founder @ Prism Protocol

📄 License

Released under the MIT License.

If you like this project, consider giving it a ⭐
_{"Build. Create. Compete." · Made with ⚡ by Prism Protocol}