How to use the react-diff-view.markCharacterEdits function in react-diff-view
To help you get started, we’ve selected a few react-diff-view examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
theforeman / foreman / webpack / assets / javascripts / react_app / components / DiffView / DiffView.js View on Github 
const DiffView = ({ oldText, newText, viewType, patch }) => {
const markEdits = markCharacterEdits({
threshold: 30,
markLongDistanceDiff: true,
});
// old,new Text
if (patch === '') {
const gitDiff = getDiff(oldText, newText);
const files = parseDiff(gitDiff);
const hunk = files[0].hunks;
return (
hunk &&
);
}
// Patch
const files = parseDiff(react-diff-view
A git diff component to consume the git unified diff output.
Package Health Score
78 / 100Popular react-diff-view functions
- react-diff-view.expandCollapsedBlockBy
- react-diff-view.expandFromRawCode
- react-diff-view.getChangeKey
- react-diff-view.getCollapsedLinesCountBetween
- react-diff-view.markCharacterEdits
- react-diff-view.markEdits
- react-diff-view.markWordEdits
- react-diff-view.parseDiff
- react-diff-view.tokenize
- react-diff-view.useChangeSelect
- react-diff-view.useMinCollapsedLines
- react-diff-view.useSourceExpansion
- react-diff-view.useTokenizeWorker
- react-diff-view/tokenize.markEdits
- react-diff-view/tokenize.markWord
- react-diff-view/tokenize.tokenize
- react-diff-view/utils.parseDiff