Continuation of a simple and beautiful text diff viewer component made with diff and React. Latest version: 4.2.0, last published: a day ago. Start using react-diff-viewer-continued in your project by running `npm i react-diff-viewer-continued`. ...

A simple and beautiful text diff viewer for React

Inspired from Github diff viewer, it includes features like split view, inline view, word diff, line highlight and more. It is highly customizable and it supports almost all languages.

A simple and beautiful text diff viewer component made with Diff and React. - Aeolun/react-diff-viewer-continued

May 22, 2020 - Inspired from Github diff viewer, it includes features like split view, inline view, word diff, line highlight and more. It is highly customizable and it supports almost all languages. ... resetCodeBlocks() - Resets the expanded code blocks to it's initial state. Return true on successful reset and false during unsuccessful reset. Syntax highlighting is a bit tricky when combined with diff. Here, React Diff Viewer provides a simple render prop API to handle syntax highlighting.

AboutA simple and beautiful text diff viewer component made with diff and React202,512Weekly Downloads

Inspired from Github's diff viewer, it includes features like split view, inline view, word diff, line highlight and more. It is highly customizable and it supports almost all languages.

July 24, 2025 - Add a react-diff-view/parse module providing 2 named exports: parseDiff and addStubHunk, this can be used on web workers.

2 : Number.MAX_SAFE_INTEGER; // react-diff-view, awesome as it is, does not accept unidiff format, you must add a git header section return `diff --git a/${i.name} b/${i.name} index 6829b8a2..4c565f1b 100644 ${formatLines(diffLines(i.a, i.b), {context, aname: `a/${name}}`, bname: `b/${i.name}`})}`; }) .join('\n'); // assume that if you only have one file, we don't need the file path const whiteBox = props.states.length > 1 ?

April 30, 2025 - Inspired from Github diff viewer, it includes features like split view, inline view, word diff, line highlight and more. It is highly customizable and it supports almost all languages.

May 7, 2024 - react-diff-viewer-continued-DEMO by christ_cogni_con using antd, loader-utils, react, react-diff-view, react-diff-viewer-continued, react-dom, react-scripts

For example, [L-2, L-3, L-4, L-5] will highlight the lines 2-5 in the left pane. ... Shows only the diffed lines and folds the unchanged lines. ... Number of extra unchanged lines surrounding the diff. Works along with showDiffOnly. ... Render Prop API to render code fold message. (totalFoldedLines: number, leftStartLineNumber: number, rightStartLineNumber: number) => ReactElement...

Add a react-diff-view/parse module providing 2 named exports: parseDiff and addStubHunk, this can be used on web workers.

February 15, 2024 - To enhance the user experience, React Diff Viewer allows developers to render code fold messages for expanded code blocks. This is particularly useful when dealing with large diffs where only a subset of changes is relevant to the user.

React component to view difference between two Json based API documents - udamir/api-diff-viewer

Most credit goes to Pranesh Ravi who created the original diff viewer. I've just made a few modifications and updated the dependencies so they work with modern stacks. yarn add react-diff-viewer-continued # or npm i react-diff-viewer-continued # or pnpm add react-diff-viewer-continued

A Diff View component for React / Vue / Solid / Svelte / Ink, same as Github - MrWangJustToDo/git-diff-view

A simple and beautiful text diff viewer component made with diff and React · reviewcode-reviewdiffdiff-viewergithubreactreact-componentui1.0.2 • Published 6 years ago