react-diff-view - A git diff component

  •        366

A git diff component to consume the git unified diff output. Run npm start to enjoy a full featured demo with diff display, collapsed code expansion, code comment and large diff lazy load.

https://github.com/otakustay/react-diff-view#readme

Dependencies:

classnames : ^2.2.5
diff : ^3.4.0
gitdiff-parser : 0.0.8
leven : ^2.1.0
lodash.escape : ^4.0.1
lodash.findlastindex : ^4.6.0
lodash.mapvalues : ^4.6.0
warning : ^3.0.0

Tags
Implementation
License
Platform

   




Related Projects

rn-diff-purge - Easier React Native upgrades by clearly exposing changes from a version to another

  •    Shell

This repository exposes an untouched React Native app generated with the CLI npx react-native init RnDiffApp. Each new React Native release causes a new project to be created, removing the old one, and getting a diff between them. This way, the diff is always clean, always in sync with the changes of the init template. See table below for the complete list.

upgrade-helper - ⚛️ A web interface to support React Native developers in upgrading their apps.

  •    Javascript

This repository exposes an untouched React Native app generated with the CLI react-native init RnDiffApp. Each new React Native release causes a new project to be created, removing the old one, and getting a diff between them. This way, the diff is always clean, always in sync with the changes of the init template. This will help you see what changes you need to do in your code.

spaceman-diff - diff images from the command line

  •    Shell

spaceman-diff is a quick drop in to git-diff. The idea is that you can just git diff like normal and, if you've changed an image file, spaceman-diff will render your images in a colorful ASCII approximation in your shell along with helpful data like file size changes. The goal is that spaceman-diff gives you a quick way of verifying that yes, the image you're committing is the image you want to commit, and yes, the image you're committing isn't accidentally 20 terabytes in size or something foolish like that.

diff-so-fancy - Good-lookin' diffs. Actually… nah… The best-lookin' diffs. :tada:

  •    Perl

diff-so-fancy strives to make your diff's human readable instead of machine readable. This helps improve code quality and help you spot defects faster. Installation is as simple as downloading the diff-so-fancy script to a directory in your path. Windows users may need to install the Windows subsystem for Linux.

YamUI - Reusable component framework for Yammer.com

  •    TypeScript

This is the UI component framework for Yammer.com.It is built with React on top of Office UI Fabric components. Unit tests are run through Jest, isolated development environment and documentation is provided by Styleguidist, and visual diff regression is done with Puppeteer and pixelmatch. Visual diff tasks run within a Docker container to ensure consistency between local development environments and CI.


committia.vim - A Vim plugin for more pleasant editing on commit messages

  •    Vim

When you type git commit, Vim starts and opens a commit buffer. This plugin improves the commit buffer. committia.vim splits the buffer into 3 windows; edit window, status window and diff window. You no longer need to repeat scroll and back to the former position in order to see a long commit diff. If the width of Vim window is too narrow (160 characters by default), committia.vim falls back to single column mode, which has 2 windows; edit window and diff window.

Mergely - Web Application to View and Merge Changes in Documents

  •    Javascript

Mergely is a web application to view and merge changes in documents. Mergely shows you changes to documents side-by-side so you can clearly see what changed from one version to the next. It can be used as a diff tool (read-only) or as both a diff and merge tool for plain text, CSS, HTML, XML, javascript, PHP, C, C++, etc.

appr - Open React Native PR Builds instantly on device

  •    Javascript

appr builds and deploys pull requests in your create-react-native-app (and other Expo-based) projects, and replies with a link you can open directly on your device or emulator.Mature technical organizations peer-review their code. Reviewing code on GitHub is simple enough: for most well-crafted pull requests, you can review the code diff in your browser, and either approve the changes, or request further improvements.

vim-gitgutter - A Vim plugin which shows a git diff in the gutter (sign column) and stages/undoes hunks

  •    Vim

A Vim plugin which shows a git diff in the 'gutter' (sign column). It shows whether each line has been added, modified, and where lines have been removed. You can also stage and undo individual hunks. If you work with other version control systems, I recommend vim-signify.

goship - A simple tool for deploying code to servers.

  •    Go

A simple tool for deploying code to servers. GoShip SSHes into the machines that you list in ETCD and gets the latest revision from the specified git repository. It then compares that to the latest revision on GitHub and, if they differ, shows a link to the diff as well as a Deploy button. You can then deploy by clicking the button, and will show you the output of the deployment command, as well as save the output, diff, and whether the command succeeded.

vim-diff-enhanced - Better Diff options for Vim

  •    Vim

This plugin allows you to make use of the Patience diff algorithm for generating diffs to use with Vim. This needs the git command line tool available. You can also customize your setup to use any other tool to generated diffs (e.g. mercurial) Read the help on how to configure the plugin accordingly.

snapshot-diff - Diffing snapshot utility for Jest

  •    Javascript

Diffing snapshot utility for Jest. Takes two values, and return their difference as a string, ready to be snapshotted with toMatchSnapshot(). Especially helpful when testing the difference between different React component states.

diff - Diff implementation

  •    PHP

Diff implementation for PHP, factored out of PHPUnit into a stand-alone component. This is default builder, which generates the output close to udiff and is used by PHPUnit.

vim-fugitive - fugitive.vim: a Git wrapper so awesome, it should be illegal

  •    Vim

View any blob, tree, commit, or tag in the repository with :Gedit (and :Gsplit, :Gvsplit, :Gtabedit, ...). Edit a file in the index and write to it to stage the changes. Use :Gdiff to bring up the staged version of the file side by side with the working tree version and use Vim's diff handling capabilities to stage a subset of the file's changes. :Gblame brings up an interactive vertical split with git blame output. Press enter on a line to edit the commit where the line changed, or o to open it in a split. When you're done, use :Gedit in the historic buffer to go back to the work tree version.

GitGutter - A Sublime Text 2/3 plugin to see git diff in gutter

  •    Python

The diff popup shows the orignal content from the commit or the differences between it and the working content. The toolbar provides some commands to interact with or modify the changes.

Meld - Visual Diff and Merge Tool

  •    Python

Meld is a gnome2 diff and merge tool with pluggable support for version control systems such as cvs, subversion, bzr, darcs, mercurial, monotone, tla. Meld helps you review code changes and understand patches.

N-way Folder Diff

  •    Java

N-way Folder Diff is a simple, platform independent tool to compare multiple folders. It differs from usual diff tools because it is possible to do n-way (upto 10 way) diff as compared to the usual 2-way diff.

container-diff - container-diff: Diff your Docker containers

  •    Go

These analyses can be performed on a single image, or a diff can be performed on two images to compare. The tool can help users better understand what is changing inside their images, and give them a better look at what their images contain. By default, with no --type flag specified, container-diff will run Apt package analysis.