fix(devtools-vite): emit correct source positions for enhanced logs

console-pipe-transform prepends a multi-line IIFE to root entry files
before better-console-logs runs. Because both plugins are enforce:'pre'
and execute in array order, enhanceConsoleLog was parsing the
post-prepend source and reporting line numbers shifted past the end of
the user's file -- 'Go to Source' links pointed nowhere.

Swap the two plugin entries so enhanceConsoleLog sees the original
source. Add a regression test asserting better-console-logs is
registered before console-pipe-transform.

Author: AlemTuzlak

packages/devtools-vite/src/plugin.ts

@@ -540,6 +540,30 @@ export const devtools = (args?: TanStackDevtoolsViteConfig): Array<Plugin> => {
         }
       },
     },
+    // Enhanced logs must run BEFORE console-pipe-transform: the latter
+    // prepends a multi-line IIFE to root entry files, which would shift
+    // every line number computed by the oxc-parser AST and produce
+    // "Go to Source" links pointing past the end of the user's file.
+    {
+      name: '@tanstack/devtools:better-console-logs',
+      enforce: 'pre',
+      apply(config) {
+        return config.mode === 'development' && enhancedLogsConfig.enabled
+      },
+      transform: {
+        filter: {
+          id: {
+            exclude: [/node_modules/, /\?raw/, /\/dist\//, /\/build\//],
+          },
+          code: {
+            include: 'console.',
+          },
+        },
+        handler(code, id) {
+          return enhanceConsoleLog(code, id, port)
+        },
+      },
+    },
     // Inject console piping code into entry files (both client and server)
     {
       name: '@tanstack/devtools:console-pipe-transform',
@@ -586,26 +610,6 @@ export const devtools = (args?: TanStackDevtoolsViteConfig): Array<Plugin> => {
         },
       },
     },
-    {
-      name: '@tanstack/devtools:better-console-logs',
-      enforce: 'pre',
-      apply(config) {
-        return config.mode === 'development' && enhancedLogsConfig.enabled
-      },
-      transform: {
-        filter: {
-          id: {
-            exclude: [/node_modules/, /\?raw/, /\/dist\//, /\/build\//],
-          },
-          code: {
-            include: 'console.',
-          },
-        },
-        handler(code, id) {
-          return enhanceConsoleLog(code, id, port)
-        },
-      },
-    },
     {
       name: '@tanstack/devtools:inject-plugin',
       apply(config, { command }) {

packages/devtools-vite/tests/index.test.ts

@@ -420,5 +420,19 @@ describe('devtools plugin', () => {
       )
       expect(plugin).toBeDefined()
     })
+
+    it('runs better-console-logs before console-pipe-transform', () => {
+      // Both plugins are enforce: 'pre' and run in array order. console-pipe
+      // prepends a multi-line IIFE to root entry files; if better-console-logs
+      // ran after, its AST line numbers would be shifted past the end of the
+      // user's file and "Go to Source" links would miss the actual source.
+      const plugins = devtools()
+      const names = plugins.map((p) => p.name)
+      const betterLogsIdx = names.indexOf('@tanstack/devtools:better-console-logs')
+      const pipeIdx = names.indexOf('@tanstack/devtools:console-pipe-transform')
+      expect(betterLogsIdx).toBeGreaterThanOrEqual(0)
+      expect(pipeIdx).toBeGreaterThanOrEqual(0)
+      expect(betterLogsIdx).toBeLessThan(pipeIdx)
+    })
   })
 })