• TypeScript all the way 🚀
• TypeScript transformer
• Vibe Code Your jscodeshift Codemod 🤖
• Installation
• Run a codemod
• Test
• Test and Debug with Vitest
• Behind the scenes
• Resources & Inspiration
• Awesome lists

Example usage of jscodeshift for TypeScript with TypeScript:

• TypeScript target files *.ts
• TypeScript transformer
• TypeScript test files
• TypeScript fixtures

Strongly typed code and code completion with @types/jscodeshift

code-completion

With .github/copilot-instructions.md and .github/prompts/new-transformer.prompt.md you can vibe code your jscodeshift codemod.

Example prompt to create a new transform with tests:

Create a new transform to add a post-fix "funny" to class name
before:
```ts
class Foo {}
```
after:
```ts
class FooFunny {}
```

npm i

npx jscodeshift -t ./src/simple-rename.ts --extensions=ts --parser=ts **/*.ts --print --dry

Omit --dry to write the transformed source back to disk.

npm test

Install the Vitest VSCode extension to test and debug your transformer.

jscodeshift-vitest

Use @typescript-eslint/parser in https://astexplorer.net when working with the jscodeshift's parser="ts"

By default jscodeshift will use the babel parser (@babel/parser)

• https://github.com/facebook/jscodeshift/tree/master/sample
• https://github.com/facebook/jscodeshift/blob/master/recipes/retain-first-comment.md
• https://github.com/elliottsj/jscodeshift-typescript-example
• https://astexplorer.net

• https://github.com/rajasegar/awesome-codemods
• https://github.com/sejoker/awesome-jscodeshift