Open Diff

This project is based on pi-diff-review.

A modern diff review tool for OpenCode with Svelte + Monaco Editor.

Features

• Git Diff Review: Review working tree changes against HEAD
• Last Commit Review: Review the last commit against its parent
• All Files View: Browse all files in the repository
• Monaco Editor: Full-featured diff editor with syntax highlighting
• Comments: Add inline comments and overall feedback
• File Tree: Collapsible sidebar with search and progress tracking

Installation

Via NPM (Recommended)

npm install -g open-diff

Then register the command and add to your OpenCode configuration:

curl -fsSL https://raw.githubusercontent.com/yourusername/open-diff/main/scripts/install.sh | bash

Add to your OpenCode config:

{
  "plugin": ["open-diff"]
}

Local Development

For developing or testing open-diff locally:

git clone https://github.com/yourusername/open-diff.git
cd open-diff
./scripts/install-local.sh

This will:

• Build the project
• Copy the plugin to ~/.config/opencode/plugins/open-diff/
• Register the /diff-review command

Then add to OpenCode:

{
  "plugin": ["open-diff"]
}

Usage

Once installed, use the slash command in OpenCode:

/diff-review

This will:

1. Open a review window in your browser
2. Show all changed files in a sidebar
3. Let you review diffs with full syntax highlighting
4. Add comments on specific lines or overall
5. Submit feedback back to your OpenCode session

Commands

• /diff-review - Open the diff review UI for current git changes

Development

Start Dev Server

npm run dev

Opens at http://localhost:5173

Build for Production

npm run build

Creates compiled backend in dist/ and bundled frontend in dist/web/

Type Checking

npm run check

Requirements

• Node.js 18+
• Git repository
• OpenCode

Keywords

opencode, opencode-plugin, diff, review, git, code-review, monaco-editor, svelte