Using ttypescript

[Namchee]

I would like to use a custom transformer to transform my TypeScript files. I tried to write out a plugin for it like

import ts from 'typescript';
import myTransformer from './myTransformer';

import type { Plugin } from 'vite';

export default function(): Plugin {
  return {
    name: 'myPlugin',
    enforce: 'pre',
    transform: (code: string, filename: string) => {
      if (/\.ts$/.test(filename)) {
        const program = ts.createProgram({
          rootNames: [filename],
          options: {
            module: ts.ModuleKind.ES2015,
          },
        });

        const transformed = ts.transpileModule(code, {
          transformers: {
            before: [myTransformer(program)],
          },
          fileName: filename,
          compilerOptions: {
            module: ts.ModuleKind.ES2015,
          },
        });

        return {
          code: transformed.outputText,
        };
      }
    }
  }
}

However, it seems that the transformer isn't applied at all at compile time. The easier way to do this is to use ttypescript. Is it possible to use ttypescript with Vite?

[RowRocka]

You can use the @rollup/plugin-typescript plugin like this:

import typescript from '@rollup/plugin-typescript';
import ttypescript from 'ttypescript'

export default defineConfig({
    plugins: [
        typescript({
            typescript: ttypescript,
        }),
    ],
})

[say8425]

Works great with ts-transformer-keys. Thanks!

[AG-Labs]

hey @say8425 is there any more docs on this. im new to vite and cannot seem to get this to work with the info available on these links.

[az-oolloow]

@AG-Labs did you ever find anything? Want to use ts-transformer-keys with vite

[AG-Labs]

nah I gave up in the end, sorry @az-oolloow

[HK47196]

Works with ts-patch(replacement? for ttypescript):

import typescript from '@rollup/plugin-typescript';

export default defineConfig({
    plugins: [
        typescript(),
    ],
})

Had to add "outDir": "./dist", to my tsconfig.json file.