Support different moveToNewFile file name conventions

[bobbyg603]

Suggestion

Support additional file naming conventions when refactoring.

🔍 Search Terms

moveToNewFile move to file "move to a new file"

✅ Viability Checklist

My suggestion meets these guidelines:

• This wouldn't be a breaking change in existing TypeScript/JavaScript code
• This wouldn't change the runtime behavior of existing JavaScript code
• This could be implemented without emitting different JS based on the types of the expressions
• This isn't a runtime feature (e.g. library functionality, non-ECMAScript syntax with JavaScript output, new syntax sugar for JS, etc.)
• This feature would agree with the rest of TypeScript's Design Goals.

⭐ Suggestion

Specify project file naming conventions in tsconfig.json and use the rule here.

📃 Motivating Example

Angular projects use the file name convention some-example.component.ts. The refactor action "Move to a new file" uses the convention SomeNewFile.ts. Ideally, there would be a way to specify the naming convention of the new file. In this case, some-new-file.ts would be the desirable outcome.

💻 Use Cases

1. Create a TS interface in the same file where it's being used called SomeExampleInterface
2. Extract the interface using "Move to a new file" in VS Code
3. Notice the created file is SomeExampleInterface.ts, which needs to be renamed to some-example-interface.ts to follow project naming conventions

[rtablada]

This would be great if it could be supported!

[ImLunaHey]

To save others time trying to find this issue.

Related: microsoft/vscode#81835

[bobbyg603]

This issue has been resolved. You can choose an arbitrary file name via "Move to File" then "Enter a new file path".

move-to-file.mov

[BartaG512]

This issue has been resolved. You can choose an arbitrary file name via "Move to File" then "Enter a new file path".

move-to-file.mov

I would not say it is completed. You need to type in the file name, but the original request was about adding file name conventions, so you can do refactor faster without typing.

[bobbyg603]

@BartaG512 Allowing the user to specify a file name seems like an elegant and satisfactory way to solve the problem I originally reported. Please feel free to open a new issue if the solution isn't satisfactory for your use case.

[ImLunaHey]

This should be reopened as this does not fix the issue stated in the OP.

[chad-schwab]

I always want my filename to be the kebab case version of my function name. The solution as stated is hardly different than Move to new file -> rename. In fact, with autocomplete it's worse, as it's easy to accidentally move to an existing file with a similar name.

[ImLunaHey]

That's exactly what I'm after @chad-schwab. Since I work a lot with react and want my components to be capitalised in code but kebab case in the file name.