chore: fix issue with dist and build matching (#354)

AlemTuzlak · autofix-ci[bot] · web-flow · commit bded93b8aa15 · 2026-02-26T10:12:58.000+01:00
* chore: fix issue with dist and build matching

* chore: fix path

* ci: apply automated fixes

---------

Co-authored-by: autofix-ci[bot] &lt;114827586+autofix-ci[bot]@users.noreply.github.com&gt;
diff --git a/.changeset/soft-bats-ask.md b/.changeset/soft-bats-ask.md
@@ -0,0 +1,5 @@
+---
+'@tanstack/devtools-vite': patch
+---
+
+fix an issue with dist and build matching
diff --git a/.gitignore b/.gitignore
@@ -58,4 +58,4 @@ vite.config.ts.timestamp-*
 .angular
 .nitro
 .sonda
- 
+*settings.local.json
diff --git a/packages/devtools-vite/src/plugin.ts b/packages/devtools-vite/src/plugin.ts
@@ -126,16 +126,15 @@ export const devtools = (args?: TanStackDevtoolsViteConfig): Array<Plugin> => {
       apply(config) {
         return config.mode === 'development' && injectSourceConfig.enabled
       },
-      transform(code, id) {
-        if (
-          id.includes('node_modules') ||
-          id.includes('?raw') ||
-          id.includes('dist') ||
-          id.includes('build')
-        )
-          return
-
-        return addSourceToJsx(code, id, args?.injectSource?.ignore)
+      transform: {
+        filter: {
+          id: {
+            exclude: [/node_modules/, /\?raw/, /\/dist\//, /\/build\//],
+          },
+        },
+        handler(code, id) {
+          return addSourceToJsx(code, id, args?.injectSource?.ignore)
+        },
       },
     },
     {
@@ -550,43 +549,39 @@ export const devtools = (args?: TanStackDevtoolsViteConfig): Array<Plugin> => {
           (consolePipingConfig.enabled ?? true)
         )
       },
-      transform(code, id) {
-        // Inject the console pipe code into entry files
-        if (
-          id.includes('node_modules') ||
-          id.includes('dist') ||
-          id.includes('?') ||
-          !id.match(/\.(tsx?|jsx?)$/)
-        ) {
-          return
-        }
-
-        // Only inject once - check if already injected
-        if (code.includes('__tsdConsolePipe')) {
-          return
-        }
-
-        // Check if this is a root entry file (with <html> JSX or client entry points)
-        // In SSR frameworks, this file runs on BOTH server (SSR) and client (hydration)
-        // so our runtime check (typeof window === 'undefined') handles both environments
-        const isRootEntry =
-          /<html[\s>]/i.test(code) ||
-          code.includes('StartClient') ||
-          code.includes('hydrateRoot') ||
-          code.includes('createRoot') ||
-          (code.includes('solid-js/web') && code.includes('render('))
-
-        if (isRootEntry) {
-          const viteServerUrl = `http://localhost:${port}`
-          const inlineCode = generateConsolePipeCode(
-            consolePipingLevels,
-            viteServerUrl,
-          )
+      transform: {
+        filter: {
+          id: {
+            include: /\.(tsx?|jsx?)$/,
+            exclude: [/node_modules/, /\/dist\//, /\?/],
+          },
+          code: {
+            exclude: /__tsdConsolePipe/, // avoid transforming files that already contain the console pipe code
+          },
+        },
+        handler(code) {
+          // Check if this is a root entry file (with <html> JSX or client entry points)
+          // In SSR frameworks, this file runs on BOTH server (SSR) and client (hydration)
+          // so our runtime check (typeof window === 'undefined') handles both environments
+          const isRootEntry =
+            /<html[\s>]/i.test(code) ||
+            code.includes('StartClient') ||
+            code.includes('hydrateRoot') ||
+            code.includes('createRoot') ||
+            (code.includes('solid-js/web') && code.includes('render('))
+
+          if (isRootEntry) {
+            const viteServerUrl = `http://localhost:${port}`
+            const inlineCode = generateConsolePipeCode(
+              consolePipingLevels,
+              viteServerUrl,
+            )
 
-          return `${inlineCode}\n${code}`
-        }
+            return `${inlineCode}\n${code}`
+          }
 
-        return undefined
+          return undefined
+        },
       },
     },
     {
@@ -595,18 +590,18 @@ export const devtools = (args?: TanStackDevtoolsViteConfig): Array<Plugin> => {
       apply(config) {
         return config.mode === 'development' && enhancedLogsConfig.enabled
       },
-      transform(code, id) {
-        // Ignore anything external
-        if (
-          id.includes('node_modules') ||
-          id.includes('?raw') ||
-          id.includes('dist') ||
-          id.includes('build') ||
-          !code.includes('console.')
-        )
-          return
-
-        return enhanceConsoleLog(code, id, port)
+      transform: {
+        filter: {
+          id: {
+            exclude: [/node_modules/, /\?raw/, /\/dist\//, /\/build\//],
+          },
+          code: {
+            include: 'console.',
+          },
+        },
+        handler(code, id) {
+          return enhanceConsoleLog(code, id, port)
+        },
       },
     },
     {

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +'@tanstack/devtools-vite': patch
 +---
++
 +fix an issue with dist and build matching