Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tiagofilipenunes/git-image-diff
Extension that improves the image diff view on GitHub.
https://github.com/tiagofilipenunes/git-image-diff
chrome-extension chrome-extensions github github-api image image-comparison image-diff image-difference
Last synced: 22 days ago
JSON representation
Extension that improves the image diff view on GitHub.
- Host: GitHub
- URL: https://github.com/tiagofilipenunes/git-image-diff
- Owner: tiagofilipenunes
- License: mit
- Created: 2024-04-21T16:53:19.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-09-30T18:53:39.000Z (about 2 months ago)
- Last Synced: 2024-10-04T21:09:49.562Z (about 1 month ago)
- Topics: chrome-extension, chrome-extensions, github, github-api, image, image-comparison, image-diff, image-difference
- Language: TypeScript
- Homepage: https://chromewebstore.google.com/detail/better-github-image-diff/gceenhdnmfioemgpkjaknhjofmojfeli
- Size: 557 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Better GitHub image diff
The `Better Github Image Diff` Chromium/Firefox extension improves the image diff experience on GitHub `Files Changed` view.
## Features
Difference between the two images are shown in different ways:
- **Overlay** : shows the different pixels overlayed on the new image
- **Difference** : shows the different pixels in a new image
### Customization
The extension allows to customize the highlight color in the pop-up settings.
## Development
To run the extension in development mode, run the following commands:
```zsh
pnpm dev:chromium
```
```zsh
pnpm dev:firefox
```
## Building
To build the extension, run the following commands:
```zsh
pnpm build:chromium
```
```zsh
pnpm build:firefox
```
## Running
To run the extension after building, run the following commands, for Google Chromium and Mozilla Firefox respectively:
```zsh
pnpm start:chromium
```
```zsh
pnpm start:firefox
```
## Installation
### Chromium
1. Clone the repository and install the dependencies using `npm i`
2. Run `pnpm build:chromium` to build the extension
3. Open a Chromium-based browser and go to `chrome://extensions/`
4. Enable `Developer mode`
5. Click on `Load unpacked` and select the `dist` folder
### Firefox
1. Clone the repository and install the dependencies using `npm i`
2. Run `pnpm build:firefox` to build the extension and `pnpm pack:firefox` to prepare it for installation
3. Open Firefox and go to `about:debugging#/runtime/this-firefox`
4. Click on `Load Temporary Add-on...` and select the .zip package in the `web-ext-artifacts` folder
## License
[MIT license](LICENSE)