Let users select the file name with running the 'Move to file' refactoring

[octref]

microsoft/vscode#50486

Currently if the new file cannot be resolved, it would be newFile.ts. Later I would have to manually update the filename. And in the case when updateImportsOnFileMove.enabled is set to falsey, I'll have to rename the references to the new files too.
Would be better to show an input for filename when no reasonable guess for the new file name exists.

[clarkio]

Maybe show this ability to name the file always?

If I'm refactoring code out of another file I'll most likely want to rename it something different than the class/function/variable name. Maybe this could be put into a setting to always prompt for file name?

[josteink]

I also think this makes sense from a consistency-perspective.

When you extract a function inside a file, you're asked for a function-name - you don't have to accept a default name, and then apply the rename-refactoring.

The same should apply to this. Support for this should ideally be present in tsserver so this behaviour can easily be replicated in other editors too.

[sevenryze]

I suggest one more request, that for quick refactoring and consistency, we could use a flag like - nameStrategy: [common name strategy] - to quick move function to a new file.

Also, i think for now, the new files are always located in the current folder aside as original file, could we set a different file path when using the filename open box?

[jrnail23]

I'm with @sevenryze here... We prefer to use kebab-casing for our file names, so I'd like to have that as a setting when moving a function to a new file.

[tommck]

We could also use formatting in a setting like we do with the window-title

  "window.title": "${dirty}${activeEditorMedium}${separator}${rootPath}"

not sure exactly how we'd say stuff like "IFoo" => "foo.interface.ts" or something... would require some regex capture-style stuff with built-in functions like "table case", "camelCase", "dashify" or whatever.

Would love to have the dialog prompt minimally though. Right now I have to rename the file every time

[andreialecu]

Would be great if this could show an input with predefined options in both pascal case and kebab case for quick picking, but also allow manual changes.

So for example, initiating a move of class SomeClassName to a new file would show a VSCode native input box (such as the command pallette one) that lets you pick from SomeClassName.ts and some-class-name.ts or allow you to type your own.

Possibly helpful:
https://www.npmjs.com/package/dasherize

[andreialecu]

Upon digging further it seems the new file name comes from typescript itself which doesn't offer the possiblity of overriding the file name. An issue might need to be opened in the TS repo as well.

https://github.com/microsoft/TypeScript/blob/master/src/services/refactors/moveToNewFile.ts#L50-L54

[hcharley]

Since it's been a while, I'd like to express my interest in having this feature. It would be a big help to me to kebab case new file names automatically.

[bobbyg603]

You might consider adding a comment/thumbs up to this issue in the TypeScript repo

[victorcrbt]

I'm currently refactoring a bunch of files in our project, and definitely having a prompt to chose the file name would be of great help.

[walidvb]

I'd love to be able to set te path to which the file will be saved, too. Couldn't find an issue open for that?

[mjbvz]

Moving this to TS as it would require a new TSServer API to support this feature

Also somewhat related to #29988

[simeyla]

This feature behaves very oddly when you have multiple symbols selected.
I selected a number of lines of code, one of which (not the first) was const NODE_ID = .....
It named the new file NODE_ID which was unexpected and not helpful.
Oddly I had previously done a search for NODE_ID which was still highlighted in my 'find' window.

[kellyrmilligan]

+1

[space11]

I think now you can use refactor code: "Move to file" and from there select "Enter new file path...".
This allows you to enter a file name manually. Work good for me.

[hugoblanc]

The "Move to file" trick is not available on other language like python sadly