CodeDiff

Readable unified and split comparisons with line numbers and explicit limits.

src/search.ts+1 added · −1 removeda1 → b2

export function normalizeQuery(value: string) {

− return value.toLowerCase();

+ return value.trim().toLocaleLowerCase("en-US");

}

Loading example…

Interactions use local sample data.

Usage and props

Supply immutable text versions and access state. Copy is read-only; the host owns patch application. Optional HighlightedCodeDiff uses the /highlight entry.

Supported inputs

This is the public signature used by this example. Open Code to see how the values and callbacks fit together.

path · before · after · baseVersion · nextVersion · status? · error? · copyable? · renderLine?

How state and callbacks work

These are the main props for the example. The package's TypeScript declarations include the full API.

CodeDiff

CodeDiff preview

Usage and props

Supported inputs

Customize and use with a keyboard

Customization

Keyboard