Show HN: TTSC, TypeScript v7 ToolChain, plugin and codegraph reducing 90% tokens

Samchon released TTSC, a TypeScript v7 toolchain that includes a compiler-powered plugin system, a type-safe executor (ttsx), a lint tool (@ttsc/lint), and an MCP code graph (@ttsc/graph) that reduces token usage for coding agents by up to 86%. The toolchain supports multiple bundlers and includes VS Code integration, aiming to improve developer productivity and AI-assisted coding efficiency.

A typescript-go toolchain for compiler-powered plugins and type-safe execution. : build, check, and transform. ttsc : execute TypeScript with type checking. ttsx : lint violations as compiler errors. @ttsc/lint : MCP code graph that reduce token usage. @ttsc/graph plugin support : compiler-powered libraries, such as typia . Install ttsc , @ttsc/lint , and the native TypeScript compiler: npm install -D ttsc @ttsc/lint typescript Run TypeScript directly with ttsx CLI command : npx ttsx src/index.ts Build, check, or watch the project with ttsc : npx ttsc npx ttsc --noEmit npx ttsc --watch Rewrite source files in place with the @ttsc/lint format rules: npx ttsc format Use @ttsc/unplugin when a bundler owns your build. It runs ttsc plugins inside supported bundlers. npm install -D ttsc @ttsc/lint typescript npm install -D @ttsc/unplugin Minimal Vite setup: python // vite.config.ts import ttsc from "@ttsc/unplugin/vite"; import { defineConfig } from "vite"; export default defineConfig { plugins: ttsc , } ; Supported bundlers: - Vite - Rollup - Rolldown - esbuild - Webpack - Rspack - Next.js - Farm - Bun See @ttsc/unplugin https://github.com/samchon/ttsc/tree/master/packages/unplugin for full setup and adapter options. React Native and Expo bundle with Metro, so the ttsc CLI and @ttsc/unplugin never run. @ttsc/metro is a Metro transformer that runs ttsc plugins on each TypeScript file, then hands the result to your existing Expo or React-Native Babel transformer. npm install -D ttsc @ttsc/lint typescript npm install -D @ttsc/metro Wrap your Metro config CommonJS, the standard for metro.config.js : js // metro.config.js Expo const { getDefaultConfig } = require "expo/metro-config" ; const { withTtsc } = require "@ttsc/metro" ; module.exports = withTtsc getDefaultConfig dirname ; For bare React Native, wrap getDefaultConfig from @react-native/metro-config instead. See @ttsc/metro https://github.com/samchon/ttsc/tree/master/packages/metro for options and the v1 caveats. Install the VS Code extension for live TypeScript-Go editor features plus saved-state ttsc plugin diagnostics and actions. Install it from the VS Code Marketplace by searching ttsc , or run: npx @ttsc/vscode Then turn on format-on-save in .vscode/settings.json : " typescript typescriptreact ": { "editor.defaultFormatter": "samchon.ttsc", "editor.formatOnSave": true } Lint fixes stay off-save by default; opt in with "editor.codeActionsOnSave": { "source.fixAll.ttsc": "explicit" } . See @ttsc/vscode https://github.com/samchon/ttsc/tree/master/packages/vscode for requirements and settings. @ttsc/graph gives a coding agent a checker-resolved map of your project, over MCP. It answers what relates to a symbol and what a change affects, straight from the type checker, so the agent stops grepping and re-reading files. It also carries the project's full diagnostics: type errors, @ttsc/lint violations, and plugin findings. They are fused onto the graph, so an agent sees a change's reach over what is already broken before editing. npm install -D ttsc @ttsc/graph typescript Point your agent's MCP client at it. For Claude Code: { "mcpServers": { "ttsc-graph": { "command": "npx", "args": "-y", "@ttsc/graph" } } } On codegraph's own agent-cost benchmark, Claude agents answer reading zero files, cutting tokens by 77% to 86% and tool calls by 94% to 95%. See @ttsc/graph https://github.com/samchon/ttsc/tree/master/packages/graph and the benchmark https://ttsc.dev/docs/benchmark/graph . Your agent picks the tools up from the MCP handshake and uses them on its own. See Setup https://ttsc.dev/docs/setup coding-agents-ttscgraph for the full walk-through. Plugins let libraries add compile-time checks, transforms, and type-driven code generation to normal ttsc and ttsx runs. compile npx ttsc execute npx ttsx src/index.ts A transform uses TypeScript types to generate JavaScript before runtime. python import typia, { tags } from "typia"; import { v4 } from "uuid"; const matched: boolean = typia.is<IMember { id: v4 , email: "samchon.github@gmail.com", age: 30, } ; console.log matched ; // true interface IMember { id: string & tags.Format<"uuid" ; email: string & tags.Format<"email" ; age: number & tags.Type<"uint32" & tags.ExclusiveMinimum<19 & tags.Maximum<100 ; } The transform replaces typia.is<IMember with dedicated JavaScript checks at build time: python import typia from "typia"; import as typia transform isFormatEmail from "typia/lib/internal/ isFormatEmail"; import as typia transform isFormatUuid from "typia/lib/internal/ isFormatUuid"; import as typia transform isTypeUint32 from "typia/lib/internal/ isTypeUint32"; import { v4 } from "uuid"; const matched = = { const io0 = input = "string" === typeof input.id && typia transform isFormatUuid. isFormatUuid input.id && "string" === typeof input.email && typia transform isFormatEmail. isFormatEmail input.email && "number" === typeof input.age && typia transform isTypeUint32. isTypeUint32 input.age && 19 < input.age && input.age <= 100; return input = "object" === typeof input && null == input && io0 input ; } { id: v4 , email: "samchon.github@gmail.com", age: 30, } ; console.log matched ; // true Embed ttsc from another Node tool with the TtscCompiler class: js import { TtscCompiler } from "ttsc"; const compiler = new TtscCompiler { cwd: "./project" } ; const result = compiler.compile ; if result.type === "success" { for const path, text of Object.entries result.output { // path is project-relative "dist/index.js", "dist/index.d.ts", ... console.log path, text.length ; } } else if result.type === "failure" { for const d of result.diagnostics { console.error ${d.file}:${d.line}:${d.character} ${d.messageText} ; } } When one process transforms a project's files repeatedly a watch server, an editor, a codegen tool , TtscService keeps the compiler host warm instead of recompiling per call. It compiles the project once, then answers per-file transform requests, and reflects in-memory edits through updateFile : js import { TtscService } from "ttsc"; const service = new TtscService { cwd: "./project" } ; try { const code = await service.transformFile "src/index.ts" ; await service.updateFile "src/index.ts", "export const x: number = 2;\n" ; const next = await service.transformFile "src/index.ts" ; } finally { service.dispose ; } TtscService runs through the linked-plugin host, so the project must declare at least one transform-stage plugin. See the Programmatic API guide https://ttsc.dev/docs/ttsc/api for the full lifecycle, plugin overrides, and patterns. For browser embedding, see @ttsc/wasm https://github.com/samchon/ttsc/tree/master/packages/wasm and the higher-level package. https://github.com/samchon/ttsc/tree/master/packages/playground @ttsc/playground ttsc ships a few small utility plugins in this repository. : adds @ttsc/banner @packageDocumentation JSDoc banners.: lints and formats TypeScript source. @ttsc/lint : MCP server exposing a checker-resolved code graph and diagnostics to coding agents. @ttsc/graph : rewrites source path aliases so JS and declaration emit receive relative imports. @ttsc/paths : removes configured calls and @ttsc/strip debugger statements.: runs @ttsc/unplugin ttsc plugins inside bundlers supported by unplugin .: runs @ttsc/metro ttsc plugins inside Metro for React Native and Expo. Plugin authors should start from the Guide Documents https://ttsc.dev/docs . Ecosystem plugins are listed below; PRs adding ttsc plugins are welcome. : generates NestJS routes, OpenAPI, and SDKs. nestia : generates validators, serializers, and type-driven runtime code. typia Thanks for your support. Your donation https://github.com/sponsors/samchon encourages ttsc development.