GitHub - yksanjo/diff-focus-chrome: 🎯 Focus on what matters in code reviews. Highlight important changes and filter noise in diffs.

1 min read Original article ↗

Repository files navigation

Diff-Focus Chrome Extension

JavaScript GitHub stars GitHub forks GitHub issues Last commit

Chrome extension for GitHub PR context. Analyze code diffs directly on GitHub Pull Request pages and get instant context cards with risk assessment.

Features

  • 🔍 GitHub Integration: Works directly on GitHub PR pages
  • 🎯 Risk Assessment: Instant risk level categorization
  • 📋 Context Cards: Beautiful inline cards showing analysis results
  • 🚩 Smart Flags: Automatic detection of dangerous operations and patterns

Installation

From Source

  1. Clone this repository
  2. Open Chrome and navigate to chrome://extensions/
  3. Enable "Developer mode" (toggle in top right)
  4. Click "Load unpacked"
  5. Select the diff-focus-chrome directory

Usage

  1. Navigate to any GitHub Pull Request page
  2. Click the Diff-Focus extension icon in your toolbar
  3. Click "Analyze Current PR"
  4. View the analysis card that appears on the PR page

Building Icons

You'll need to create icon files:

  • icons/icon16.png (16x16)
  • icons/icon48.png (48x48)
  • icons/icon128.png (128x128)

Or use a placeholder icon generator tool.

Development

The extension uses:

  • Manifest V3: Modern Chrome extension format
  • Content Scripts: Injected into GitHub PR pages
  • Popup UI: Extension popup for triggering analysis

License

MIT

About

🎯 Focus on what matters in code reviews. Highlight important changes and filter noise in diffs.

Topics

Resources

Readme

Activity

Stars

1 star

Watchers

0 watching

Forks

0 forks