Quartus/Xilinx RPT Visualizer

Quartus/Xilinx RPT Visualizer is a VS Code custom editor for FPGA report files. Open a Quartus/Xilinx or Vivado-style .rpt report and get a structured, searchable view with fast navigation, message filtering, and clickable source references.

Highlights

• Structured report sections with fast section jumping
• Go to Section menu sourced from Table of Contents entries
• Message filtering for Info, Warning, Critical Warning, and Error
• Incremental search with next/previous navigation and active match highlighting
• Section-level search counts showing how many matching lines each section contains
• Full search-result rendering for large sections, even when a section has hundreds of matches
• Raw mode and structured mode toggle
• Drag-and-drop report loading in webpage/dev view
• Compact single-row top toolbar for faster navigation
• Clickable links:
  • Web URLs (https://..., www...)
  • File: ... Line: ... references
  • Filesystem-style paths (C:/..., /..., ./..., ../...)
• Smart non-link filtering for hierarchy-like text (for example paths containing |)
• File links open in the same VS Code editor group and jump to the target line
• Improved table readability with explicit non-gray table text styling
• Streaming parsing, section virtualization, and error boundaries for large report files

Search behavior

Search counts are line based. If a section says 12 matches, that means 12 lines in that section contain the search text. Multiple occurrences on the same line count as one matching line.

When search is active, sections with no matching lines are hidden. Large sections still show every matching line, so next/previous navigation can move through all results.

Usage

In VS Code

1. Open a .rpt file.
2. The custom editor opens automatically.
3. Use search, message filters, or Go to Section to navigate.
4. Click file/path links to open source files at the referenced location.

In webpage/dev mode

1. Run npm run dev.
2. Upload a .rpt file, or drag and drop it onto the page.

Development

1. Install dependencies: npm install
2. Build extension + webview bundle: npm run compile
3. Optional dev preview: npm run dev

Packaging

1. Build everything: npm run compile
2. Create VSIX: npm run package (or npx vsce package)
3. Install from VS Code command palette: Extensions: Install from VSIX...

Release checklist

1. Confirm package.json and package-lock.json have the same version.
2. Run npm run compile.
3. Run npm run package.