Fix wrong offset with comments in dynamic imports

.changeset/proud-shoes-explode.md

@@ -0,0 +1,5 @@
+---
+'wmr': patch
+---
+
+Fix incorrectly transformed dynamic import statements when there was a comment in front of the specifier (`import(/* foo */ 'my-module')`)

packages/wmr/src/lib/transform-imports.js

@@ -80,11 +80,18 @@ export async function transformImports(code, id, { resolveImportMeta, resolveId,
 			// `slice(item.d, item.s)` gives us "import(" to implement this.
 
 			// Strip comments - these are usually Webpack magic comments.
+			let originalSpec = spec;
 			spec = spec
 				.replace(/\/\*[\s\S]*\*\//g, '')
 				.replace(/^\s*\/\/.*$/gm, '')
 				.trim();
 
+			// Update start position if we stripped leading characters
+			if (originalSpec.length !== spec.length) {
+				// @ts-ignore
+				item.s += originalSpec.indexOf(spec);
+			}
+
 			// For dynamic imports, spec is a JavaScript expression.
 			// We need to try to convert it to a specifier, or bail if it's not static.
 			quote = (spec.match(/^\s*(['"`])/) || [])[1];

packages/wmr/test/fixtures/_unit-transform-imports/dynamic-import-comment.expected.js

@@ -0,0 +1,2 @@
+// @ts-ignore
+const About = lazy(() => import(/* webpackChunkName: foo */ 'it_works'));

packages/wmr/test/fixtures/_unit-transform-imports/dynamic-import-comment.js

@@ -0,0 +1,2 @@
+// @ts-ignore
+const About = lazy(() => import(/* webpackChunkName: foo */ 'foo'));

packages/wmr/test/transform-imports.test.js

@@ -92,6 +92,19 @@ describe('transformImports', () => {
 			});
 			expect(result.code).toEqual(expected);
 		});
+
+		it('should transform imports with comments', async () => {
+			const code = await readFile('dynamic-import-comment.js');
+			const expected = await readFile('dynamic-import-comment.expected.js');
+			const result = await transformImports(code, 'my-test', {
+				resolveDynamicImport(id) {
+					if (id === 'foo') {
+						return 'it_works';
+					}
+				}
+			});
+			expect(result.code).toEqual(expected);
+		});
 	});
 
 	describe('import.meta', () => {