feat: add support for injecting debug IDs

package.json

@@ -68,7 +68,7 @@
     "playwright-chromium": "^1.49.1",
     "premove": "^4.0.0",
     "prettier": "3.4.2",
-    "rollup": "^4.23.0",
+    "rollup": "^4.28.1",
     "rollup-plugin-esbuild": "^6.1.1",
     "simple-git-hooks": "^2.11.1",
     "tslib": "^2.8.1",

packages/vite/package.json

@@ -87,7 +87,7 @@
   "dependencies": {
     "esbuild": "^0.24.2",
     "postcss": "^8.4.49",
-    "rollup": "^4.23.0"
+    "rollup": "^4.28.1"
   },
   "optionalDependencies": {
     "fsevents": "~2.3.3"

packages/vite/src/node/plugins/importAnalysisBuild.ts

@@ -697,6 +697,8 @@ export function buildImportAnalysisPlugin(config: ResolvedConfig): Plugin {
                 chunk.map as RawSourceMap,
               ]) as SourceMap
               map.toUrl = () => genSourceMapUrl(map)
+
+              const originalDebugId = chunk.map.debugId
               chunk.map = map
 
               if (buildSourcemap === 'inline') {
@@ -706,6 +708,9 @@ export function buildImportAnalysisPlugin(config: ResolvedConfig): Plugin {
                 )
                 chunk.code += `\n//# sourceMappingURL=${genSourceMapUrl(map)}`
               } else {
+                if (originalDebugId) {
+                  map.debugId = originalDebugId
+                }
                 const mapAsset = bundle[chunk.fileName + '.map']
                 if (mapAsset && mapAsset.type === 'asset') {
                   mapAsset.source = map.toString()

playground/js-sourcemap/__tests__/js-sourcemap.spec.ts

@@ -9,7 +9,9 @@ import {
   findAssetFile,
   formatSourcemapForSnapshot,
   isBuild,
+  listAssets,
   page,
+  readFile,
   serverLogs,
 } from '~utils'
 
@@ -207,4 +209,34 @@ describe.runIf(isBuild)('build tests', () => {
       cwd: fileURLToPath(new URL('..', import.meta.url)),
     })
   })
+
+  test('source and sourcemap contain matching debug IDs', () => {
+    function getDebugIdFromString(input: string): string | undefined {
+      const match = input.match(/\/\/# debugId=([a-fA-F0-9-]+)/)
+      return match ? match[1] : undefined
+    }
+
+    const assets = listAssets().map((asset) => `dist/assets/${asset}`)
+    const jsAssets = assets.filter((asset) => asset.endsWith('.js'))
+
+    for (const jsAsset of jsAssets) {
+      const jsContent = readFile(jsAsset)
+      const sourceDebugId = getDebugIdFromString(jsContent)
+      expect(
+        sourceDebugId,
+        `Asset '${jsAsset}' did not contain a debug ID`,
+      ).toBeDefined()
+
+      const mapFile = jsAsset + '.map'
+      const mapContent = readFile(mapFile)
+
+      const mapObj = JSON.parse(mapContent)
+      const mapDebugId = mapObj.debugId
+
+      expect(
+        sourceDebugId,
+        'Debug ID in source didnt match debug ID in sourcemap',
+      ).toEqual(mapDebugId)
+    }
+  })
 })

playground/js-sourcemap/vite.config.js

@@ -30,6 +30,7 @@ export default defineConfig({
             return '#!/usr/bin/env node'
           }
         },
+        sourcemapDebugIds: true,
       },
     },
   },