Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>Pipeline Hook LensNew to Visual Studio Code? Get it now.
Pipeline Hook Lens

Pipeline Hook Lens

JoeMoyerClarity

|
3 installs
| (0) | Free
Identifies hooks and overrides within PHX
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Pipeline Hooks Lens

Version Installs Rating

A Visual Studio Code extension that helps you quickly discover pipeline hooks in backend C# projects and detect overridden files in Remix frontend projects.
It provides inline annotations, gutter icons, CodeLens integration, and hover tooltips for smooth navigation.


Features

Backend (C#)

  • Detects pipeline classes and all related hook classes (InputAlteration, Condition, Prehook, DefaultHook, Hook, etc.).
  • Shows the number of hooks inline next to the class definition.
  • Adds gutter icons for pipelines.
  • Hover over a pipeline to see a clickable list of related hooks.
  • Optional CodeLens above pipelines for quick navigation.

Frontend (Remix overrides in TS/JS/TSX/JSX)

  • Detects overridden files in app/overrides/ that match app/plugins/.
  • Shows an annotation after the first export line if an override exists.
  • Adds gutter icons for overridden files.
  • Hover to see a clickable link to the override file.

Settings

The extension is highly configurable under pipelineHooksLens.*:

  • General
    • pipelineHooksLens.gutter.enabled → Show gutter icons.
    • pipelineHooksLens.gutter.fileName → Path to gutter icon (absolute or relative).
    • pipelineHooksLens.text.margin → CSS margin for inline decorations.
  • Backend (C#)
    • pipelineHooksLens.backend.enabled → Enable backend pipeline detection.
    • pipelineHooksLens.backend.hookNames → List of recognized hook suffixes.
    • pipelineHooksLens.backend.message.* → Customize hook messages, colors, weight, and style.
  • Frontend (Remix)
    • pipelineHooksLens.frontend.enabled → Enable frontend override detection.
    • pipelineHooksLens.frontend.message.* → Customize override message text, color, weight, and style.
  • CodeLens
    • pipelineHooksLens.codelens.enabled → Enable/disable CodeLens above pipelines.

Commands

  • Pipeline Hooks Lens: Reload Indexes
    Manually rebuilds both backend and frontend indexes (useful if files are moved or renamed).

Installation

  1. Install via the VS Code Marketplace:
    Pipeline Hooks Lens

  2. Or install manually from a .vsix file:

    code --install-extension pipeline-hooks-lens-x.y.z.vsix
    
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft