Reference · developer tooling
VS Code
The Presolve extension connects VS Code to the compiler installed in your application. It adds framework-specific diagnostics and explanation without replacing the TypeScript server or maintaining a second TSX analyzer.
Install
code --install-extension fierstdev.presolve-vscodeOpen the project root created by pnpm create presolve, then run pnpm install. The extension resolves node_modules/.bin/presolve from that workspace, so editor results use the same release train as checks and builds.
Compiler diagnostics
On save, the extension asks the project-local compiler to check the active TypeScript or TSX file and publishes its exact diagnostic code, message, severity, and source range into VS Code’s Problems view.
Disable automatic checks with presolve.checkOnSave, or opt into checks when a file opens with presolve.checkOnOpen.
Compiler-derived CodeLens
Each compiler-recognized component gets a Presolve component · Explain lens. It comes from presolve explain, so a class that merely resembles a component does not acquire framework identity.
Presolve component · Explainexport class Counter extends Component { … }Select the lens or run Presolve: Explain Active File to open the compiler’s JSON explanation beside the source. The result includes source size, component classes, routes, class declarations, render methods, and source diagnostics.
Commands
Show Workspace StatusOpen a quick action menu and show installed release status.Check WorkspaceRun the canonical application check and reveal compiler output.Check Active FileRefresh exact Presolve diagnostics for the current source.Explain Active FileOpen compiler-owned source facts as formatted JSON.Build Production PublicationRun the project-local production build.Run DoctorInspect the installed toolchain and project environment.Open DocumentationOpen the current Presolve guides.Status bar
The status item distinguishes disabled, unconfigured, checking, failing, and clean states. Select it to access the most common compiler commands without leaving the editor.
Configuration
presolve.enableEnable all extension workspace integration. Default: true.
presolve.checkOnSaveRun compiler diagnostics after saving a Presolve source. Default: true.
presolve.checkOnOpenCheck source immediately when it opens. Default: false.
presolve.codeLensShow compiler-derived component explanation lenses. Default: true.
Troubleshooting
- Open the repository folderA loose TSX file has no project-local compiler or configuration authority.
- Install dependenciesConfirm
node_modules/.bin/presolveexists. - Use the scaffolded TypeScriptKeep the supported version and generated
tsconfig.json. - Run DoctorInspect the exact project environment from the command palette.
- Compare the terminal
pnpm checkremains the canonical workspace-wide release gate.
The extension never parses emitted JavaScript, suppresses TypeScript errors, or fabricates component identities. Hover, definition, reference, and symbol expansion beyond native TypeScript will be added only through versioned compiler query products.