Loupe

A Zed extension that shows the latest available version of your dependencies inline, as inlay hints. Supports multiple package registries across ecosystems.

Each dependency gets an inlay hint at the end of its line showing whether it's up to date or a newer version is available.

package.json (npm):

"dependencies": {
  "vscode-languageserver": "^9.0.1",              ✓ 9.0.1
  "vscode-languageserver-textdocument": "^1.0.11", ⬆ 1.0.12 available
  "typescript": "^5.4.0",                          ⬆ 6.0.2 available
}

composer.json (Packagist):

"require": {
  "php": "^8.2",
  "laravel/framework": "^11.0",  ✓ 11.0.0
  "league/flysystem": "^3.0",    ⬆ 3.29.0 available
}

pyproject.toml — PEP 621 (PyPI):

[project]
dependencies = [
  "requests>=2.28.0",   ⬆ 2.32.3 available
  "flask>=3.0",         ✓ 3.0.3
  "click>=8.1",         ✓ 8.1.7
]

pyproject.toml — Poetry (PyPI):

[tool.poetry.dependencies]
python = "^3.11"
requests = "^2.28"  ⬆ 2.32.3 available
flask = "^3.0"      ✓ 3.0.3

Open the Extensions panel in Zed (cmd+shift+x), search for Loupe, and click Install.

Inlay hints are disabled in Zed by default. Enable them in your Zed settings (cmd+,):

{
  "inlay_hints": {
    "enabled": true
  }
}

Or to limit it to specific file types only:

{
  "languages": {
    "JSON": {
      "inlay_hints": {
        "enabled": true
      }
    },
    "TOML": {
      "inlay_hints": {
        "enabled": true
      }
    }
  }
}

Version hints are cached for 5 minutes and automatically refreshed every hour while the extension is running. To force an immediate refresh, simply save the file — Loupe detects the save, clears the cache for that file's registry, and fetches the latest versions straight away.

• Zed 0.205 or later
• An internet connection for registry lookups (results are cached for 5 minutes)

Contributions are welcome. The LSP server is modular — each package registry is a self-contained handler.

The source is structured as follows:

lsp/src/
  server.ts          ← LSP wiring, never needs to change
  types.ts           ← RegistryHandler interface + PackageInfo type
  cache.ts           ← reusable TTL version cache
  log.ts             ← shared logger
  registries/
    index.ts         ← list of active handlers (add yours here)
    npm.ts           ← npm / package.json handler (use as reference)
    packagist.ts     ← Packagist / composer.json handler
    pypi.ts          ← PyPI / pyproject.toml handler

To add support for a new registry:

1. Create lsp/src/registries/<name>.ts and implement the RegistryHandler interface:

import type { PackageInfo, RegistryHandler } from "../types";

export const myHandler: RegistryHandler = {
  matches(uri: string): boolean {
    // return true for the file(s) this handler covers
  },

  extractPackages(text: string, lines: string[]): PackageInfo[] {
    // parse the file and return a PackageInfo for each dependency
  },

  async fetchLatestVersion(name: string): Promise<string> {
    // fetch from your registry and return the latest version string
  },

  clearCache(): void {
    // clear the internal version cache (called on manual/auto refresh)
  },
};

2. Register it in lsp/src/registries/index.ts:

import { myHandler } from "./my-registry";

export const registries: RegistryHandler[] = [
  npmHandler,
  packagistHandler,
  pypiHandler,
  myHandler, // add here
];

3. Add the language name to extension.toml if it isn't already listed:

[language_servers.loupe-lsp]
name = "Loupe LSP"
languages = ["JSON", "TOML", "MyLanguage"]

That's it — server.ts requires no changes.

git clone https://github.com/stefanbc/loupe-zed
cd loupe-zed/lsp
npm install
npm run watch

Then load the extension as a dev extension in Zed via Extensions → Install Dev Extension.

MIT