Use React Diff Viewer for diffs

rubberduck-ai / rubberduck-vscode

Use AI-powered code edits, explanations, code generation, error diagnosis, and chat in Visual Studio Code with the official OpenAI API.

https://marketplace.visualstudio.com/items?itemName=Rubberduck.rubberduck-vscode

MIT License

583 stars 72 forks source link

Use React Diff Viewer for diffs #11

Closed nicoespeon closed 1 year ago

nicoespeon commented 1 year ago

Use React Diff Viewer to simplify the code (no more need to compute diffs) and get some features such as split view, syntax highlighting, etc.

Syntax highlighting is achieved using Prism. I've only loaded the minimal Prism script, but we can definitely add more and iterate to support more languages.

The style should adapt to the VS Code theme.

Light theme

Before	After

Dark theme

Before	After

lgrammel commented 1 year ago

Awesome!!

lgrammel commented 1 year ago

The syntax highlighting is nice!