VS Code
Deprecation strikethroughs, hovers, and completions in VS Code.
@ts-kizuna/typescript-plugin shows deprecations as you type. A deprecated route or field is struck through everywhere the contract's types flow, client.deleteUser(...) at the call site and user.email on a response alike. Hovering shows the migration message, and completions strike through deprecated entries.
pnpm add -D @ts-kizuna/typescript-pluginbun add -d @ts-kizuna/typescript-pluginnpm install --save-dev @ts-kizuna/typescript-pluginDeclare the plugin
{
"compilerOptions": {
"plugins": [
{
"name": "@ts-kizuna/typescript-plugin"
}
]
}
}Use the workspace TypeScript version
Run TypeScript: Select TypeScript Version from the command palette and pick Use Workspace Version, the copy of TypeScript that has the plugin. Cursor, Windsurf, and the other forks work the same way.
Restart the TypeScript server
Run TypeScript: Restart TS Server from the command palette. Deprecated routes and fields are struck through from here on, and every later tsconfig.json change needs the same restart.
How it works
The plugin reads the deprecated declarations on your routes and schemas through the type checker, so it follows them through z.infer, generic wrappers, and the client's types. It stays inert in projects that don't use ts-kizuna.