Victauri for VS Code

X-ray vision for Tauri apps. See your app's DOM tree, IPC traffic, window state, memory usage, and performance metrics — all live inside VS Code. Click elements, take screenshots, run accessibility audits, and generate tests without leaving your editor.

Works with any Tauri 2.x app. Framework-agnostic — tested with React, Vue, Svelte, and vanilla JS.

Quick Start

1. Add victauri-plugin to your Tauri app (one-line setup)
2. Run your app in debug mode
3. The extension auto-connects when it detects tauri.conf.json in your workspace

That's it. The sidebar populates with live app state, the DOM tree, and IPC traffic.

Features

Activity Bar — Three Live Views

Screenshot Panel

Victauri: Take Screenshot captures the app window into an inline webview panel. Refresh or save to disk without leaving VS Code.

CodeLens — Test Generation

Every #[tauri::command] function in Rust files gets a "Generate Victauri test" lens. Click it to scaffold an e2e_test! block that invokes the command and verifies the result.

DOM Interactions

Right-click any element in the DOM Explorer:

• Click Element — trigger a click in the running app
• Highlight Element — draw a colored overlay on the element
• Inspect Styles — dump computed CSS to the Output panel
• Copy Ref ID — copy the element's ref handle
• Generate Test — scaffold a test for the element

Accessibility Audit

Victauri: Audit Accessibility runs a comprehensive WCAG check — missing alt text, unlabeled inputs, heading hierarchy, color contrast, ARIA validity — and reports violations in the Output panel.

Performance Metrics

Victauri: Performance Metrics shows navigation timing, JS heap usage, DOM stats, long task count, and resource loading details.

Diagnostics

Victauri: Run Diagnostics checks for compatibility issues — CSP problems, missing bridge methods, shadow DOM, service workers.

Commands

Configuration

How It Works

Victauri runs an HTTP server inside your Tauri app's process. This extension talks to its REST API, giving it simultaneous access to the webview DOM, Rust backend state, IPC traffic, and native window state — something external tools like Playwright can't do.

The plugin is gated behind #[cfg(debug_assertions)] — zero cost in release builds. It compiles away completely.

Requirements

• A Tauri 2.x app with victauri-plugin enabled
• The plugin starts an HTTP server on 127.0.0.1:7373 that this extension connects to
• Port discovery reads victauri.port from the temp directory if the default port is taken

Compatibility

Tested against 5 real-world open-source Tauri apps (867/895 tests passing = 96.9%):

License

Apache-2.0