DiffLens

A clean, secure, and privacy-focused git diff viewer that processes everything client-side.

Features

• Privacy First: All processing happens locally in your browser
• Lightning Fast: No server round trips required
• Clean Interface: Beautiful, easy-to-read diff visualization
• Responsive Design: Works perfectly on all devices
• Multiple View Modes: Side-by-side and unified diff views
• File Support: Upload diff files or paste content directly
• Syntax Highlighting: Clean code highlighting with line numbers
• Open Source: Free and open source forever

Live Demo

Visit DiffLens to try it out!

Local Development

DiffLens is a static website project. To run it locally:

1. Clone the repository:

   git clone https://github.com/nbslabs/difflense.git
   cd difflense

2. Serve the files using any web server:

   # Using Python
   python -m http.server 8000
   
   # Using Node.js
   npx serve .
   
   # Using PHP
   php -S localhost:8000

3. Open your browser and navigate to http://localhost:8000

How to Use

1. Generate a diff: Run git diff in your repository
2. Upload or paste: Copy the diff output or upload a diff file
3. Choose view mode: Select unified or side-by-side view
4. Analyze changes: Review your code changes with syntax highlighting

Technology Stack

• Frontend: Vanilla JavaScript (ES6+)
• Styling: TailwindCSS
• Architecture: Client-side only (no backend required)
• Hosting: GitHub Pages ready

Contributing

We welcome contributions! Here's how you can help:

1. Fork the repository
2. Create a feature branch: git checkout -b feature/amazing-feature
3. Make your changes
4. Commit: git commit -m 'Add amazing feature'
5. Push: git push origin feature/amazing-feature
6. Open a Pull Request

Development Guidelines

• Use modern JavaScript (ES6+)
• Follow consistent code formatting
• Maintain the privacy-first approach
• Test thoroughly across different browsers
• Keep the design clean and minimal

License

This project is licensed under the MIT License - see the LICENSE file for details.

Privacy & Security

DiffLens is designed with privacy as a core principle:

• No Data Collection: We don't collect, store, or track any of your data
• Client-Side Processing: Your diffs never leave your browser
• No Analytics: No tracking scripts or analytics tools
• Offline Capable: Works completely offline once loaded
• Open Source: Full transparency with open source code

Acknowledgments

• Thanks to all contributors who help make DiffLens better
• Inspired by the need for privacy-focused developer tools
• Built for the developer community

Support

• Report Issues
• Start a Discussion
• ⭐ Star the Repository

---

Made with ❤️ for developers who value privacy

DiffLens is a developer tool to visualize code changes from git diff. Upload a diff file or paste raw diff text to explore changes with a clean, structured view. Built for clarity, it helps developers review, analyze, and share code diffs more effectively.