Support automatically updating URL import references when using `new URL(<file>, import.meta.url)`

Bug Report

🔎 Search Terms

import.meta.url

🕗 Version & Regression Information

• This is the behavior in every version I tried, and I reviewed the FAQ for entries about 4.3.0

⏯ Playground Link

Workbench repo

💻 Code

Given the following files:

folder/file1.ts

console.log('file1');

export const foo = 42;

different-folder/file2.ts

new URL('../folder/file1.js', import.meta.url);
import('../folder/file1.js');

export const bar = 5;

1. Create a new directory sub-folder/ in root
2. Move different-folder/ into sub-folder/ so that the layout becomes sub-folder/different-folder/file2.ts
3. When prompted for "Update imports for 'different-folder'?" click "Yes"

🙁 Actual behavior

sub-folder/different-folder/file2.ts

new URL('../folder/file1.js', import.meta.url);
import('../../folder/file1.js');

export const bar = 5;

The same is true if folder/file1.js is moved to a different location.

🙂 Expected behavior

Similar to the dynamic import, a file reference based on import.meta.url that points to a different TypeScript file should correctly be renamed accordingly.

sub-folder/different-folder/file2.ts

new URL('../../folder/file1.js', import.meta.url);
import('../../folder/file1.js');

export const bar = 5;

VS Code supports the standard dynamic import to handle file renaming. Since import.meta.url and URL are a standard way of resolving files, I would expect VS Code to natively support it as well. For example, Parcel compatibility is implemented in https://github.com/parcel-bundler/parcel/issues/5473, is implemented in Webpack 5 https://github.com/webpack/webpack/pull/11075 and is scheduled for implementation in ESBuild https://github.com/evanw/esbuild/issues/312#issuecomment-800730525

This issue was originally filed at https://github.com/microsoft/vscode/issues/121391

Comienza con la reproducción vinculada de Workbench usando new URL(<file>, import.meta.url) y compárala con el comportamiento de actualización de las importaciones dinámicas descrito en el informe. Sigue la ruta de renombrado de imports de VS Code que gestiona la operación de movimiento. Se considera terminado cuando mover cualquiera de los archivos referenciados actualiza la referencia de URL relativa al mismo destino, igual que las importaciones dinámicas.