untsx

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![Unit Test][unit-test-src]][unit-test-href]

Universal TypeScript extension for all popular toolchains.

Install

``bash
npm i untsx
`

Features

- ✅ Parser - Supports Acorn, Babel, espree, ESLint-TypeScript, and more parsers.
- ✅ TypeScript - Full type support with transformations.
- ✅ Bundler - Seamless integration with Vite and other bundlers via unplugin.
- ✅ Prettier - Code formatting support.
- ✅ ESLint - Linting with proper syntax recognition.
- ✅ Development - Hot reload and dev server support powered by Vite.

Usage

$3

To integrate with Vite, configure your vite.config.ts as follows:

`ts
// vite.config.ts
import Foo from 'untsx-foo/unplugin'
import { defineConfig } from 'vite'

export default defineConfig({
plugins: [Foo.vite()],
})
`

$3

For proper syntax highlighting and IntelliSense support, install the TS Macro extension in VS Code.

Alternatively, search for "TS Macro" in the VS Code Extensions marketplace.

Then, configure your ts-macro.config.ts:

`typescript
// ts-macro.config.ts
import Foo from 'untsx-foo/volar'

export default {
plugins: [Foo()],
}
`

$3

To enable Prettier support, configure your prettier.config.js as follows:

`js
// prettier.config.js
import { fileURLToPath } from 'node:url'

export default {
// ...
plugins: [fileURLToPath(import.meta.resolve('untsx-foo/prettier'))],
}
`

$3

To enable ESLint support, configure your eslint.config.js as follows:

`js
// eslint.config.js

import { jsParser, tsParser } from 'untsx-foo/eslint'

export default [
{
files: ['*/.ts'],
languageOptions: { parser: tsParser },
},
{
files: ['*/.js'],
languageOptions: { parser: jsParser },
},
]
``

Sponsors

License

MIT License © 2025 Kevin Deng

[npm-version-src]: https://img.shields.io/npm/v/untsx.svg
[npm-version-href]: https://npmjs.com/package/untsx
[npm-downloads-src]: https://img.shields.io/npm/dm/untsx
[npm-downloads-href]: https://www.npmcharts.com/compare/untsx?interval=30
[unit-test-src]: https://github.com/sxzz/untsx/actions/workflows/unit-test.yml/badge.svg
[unit-test-href]: https://github.com/sxzz/untsx/actions/workflows/unit-test.yml