npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

devdiff

v1.0.6

Published

Privacy-first, BYOAI inline changelog intelligence for VS Code

Readme

DevDiff VS Code Extension

Privacy-first, BYOAI (Bring Your Own AI) inline changelog intelligence for Visual Studio Code.


DevDiff explains your Git diffs directly inside VS Code. It is built from the ground up for developers who care about security, privacy, and understanding what changes are entering their codebase.

📖 Want to learn more? Read the full setup guides, configuration options, and architectural deep-dives at our official documentation site: devdiff.vercel.app.


📦 Installation Options

Option 1: VS Code Marketplace (Recommended)

Search for DevDiff in the Extensions view (Ctrl+Shift+X or Cmd+Shift+X) and click Install.

Option 2: Install from packaged VSIX

For offline development, air-gapped environments, or pre-release verification, you can install the extension from the packaged VSIX file:

  1. Download the packaged artifact: devdiff-1.0.3.vsix (also available on GitHub Releases)
  2. Open VS Code.
  3. Open the Extensions view (Ctrl+Shift+X or Cmd+Shift+X).
  4. Click the ... (More Actions) button in the upper-right corner of the Extensions view.
  5. Select Install from VSIX...
  6. Select the downloaded devdiff-1.0.3.vsix file and click Install.
  7. Reload VS Code if prompted.

🚀 Key Features

  • Inline Explanations: Generate detailed explanations for staged changes with a single click.
  • Privacy-First Design: Zero telemetry, zero analytics tracking, and zero third-party source code exposure. Your code stays on your machine.
  • Local-First AI: Connects out-of-the-box to local models using Ollama (Llama 3.2, Llama 3.1, CodeLlama) so no code leaves your machine.
  • Multi-Agent Consensus: Orchestrates a swarm of specialized local agents (Architect, Security, Performance, and Docs) to build consensus on code impact. Learn more in the Multi-Agent Swarms Guide.
  • Vibe-Coding Resilience: Automatically takes pre-AI checkpoints and enables recovery if routed providers fail. Learn more in the Vibe-Coding Mode Guide.

🛠️ Usage Guide

1. Initialize the Workspace

Before using the extension, initialize DevDiff in your repository root:

npx devdiff init

This generates your local .devdiff.config.js configuration file. For advanced configuration options, see the Configuration Guide.

2. VS Code Commands

Open the VS Code Command Palette (Ctrl+Shift+P or Cmd+Shift+P) to run:

  • DevDiff: Explain Staged Changes — Analyzes staged changes and generates explanations.
  • DevDiff: Show Changelog — Displays the list of generated changelogs.
  • DevDiff: Toggle Auto-Watch — Toggles automatic background analysis.
  • DevDiff: Show Output Panel — Displays the DevDiff diagnostic logs.

⚙️ Configuration Settings

Customize DevDiff under Settings (Ctrl+, or Cmd+,) by searching for devdiff:

| Setting | Type | Default | Description | Documentation Link | | ------------------------------- | --------- | ------------- | --------------------------------------------------------------------------------------------- | ------------------ | | devdiff.persona | string | "developer" | Choose from: developer, ceo, educator, pm, or compliance to change the perspective. | Personas | | devdiff.autoGenerate | boolean | false | Automatically analyze changes when staged in Git. | Configuration | | devdiff.showGutterAnnotations | boolean | true | Display subtle inline decorations in the editor gutter for changed lines. | Configuration |


🔒 Security, Privacy & Sandboxing

DevDiff includes a strict sandboxing layer that limits file access to your workspace boundary.

What This Package Accesses

| Resource | Why | Default | Can Disable | Docs | | --------------- | ------------------------------------------ | ------- | ------------------ | ---- | | File System | Reads git repositories, writes changelogs | Yes | No (core function) | Security Model | | Shell | Executes local git commands, detects tools | Yes | Yes | Security Model | | Network | Resolves cloud AI endpoints (optional) | No | Yes (default off) | Network Guard |

Auditable Logs

Every operation is fully auditable. You can inspect all past commands, network checks, and AI accesses locally:

npx devdiff audit --package @eldrex/vscode

📖 Helpful Links & Guides