@tanstack/devtools-vite 0.3.2 → 0.3.3

package/src/inject-source.ts

@@ -228,7 +228,7 @@ export function addSourceToJsx(code: string, id: string) {
     })
     const didTransform = transform(ast, location)
     if (!didTransform) {
-      return { code }
+      return
     }
     return gen(ast, {
       sourceMaps: true,
@@ -237,6 +237,6 @@ export function addSourceToJsx(code: string, id: string) {
       sourceFileName: filePath,
     })
   } catch (e) {
-    return { code }
+    return
   }
 }

package/src/plugin.ts

@@ -1,12 +1,14 @@
 import { ServerEventBus } from '@tanstack/devtools-event-bus/server'
+import { normalizePath } from 'vite'
+import chalk from 'chalk'
 import { handleDevToolsViteRequest } from './utils'
 import { DEFAULT_EDITOR_CONFIG, handleOpenSource } from './editor'
 import { removeDevtools } from './remove-devtools'
 import { addSourceToJsx } from './inject-source'
 import { enhanceConsoleLog } from './enhance-logs'
+import type { Plugin } from 'vite'
 import type { EditorConfig } from './editor'
 import type { ServerEventBusConfig } from '@tanstack/devtools-event-bus/server'
-import type { Plugin } from 'vite'
 
 export type TanStackDevtoolsViteConfig = {
   /**
@@ -32,6 +34,12 @@ export type TanStackDevtoolsViteConfig = {
    * @default true
    */
   removeDevtoolsOnBuild?: boolean
+
+  /**
+   * Whether to log information to the console.
+   * @default true
+   */
+  logging?: boolean
   /**
    * Configuration for source injection.
    */
@@ -49,6 +57,7 @@ export const defineDevtoolsConfig = (config: TanStackDevtoolsViteConfig) =>
 
 export const devtools = (args?: TanStackDevtoolsViteConfig): Array<Plugin> => {
   let port = 5173
+  const logging = args?.logging ?? true
   const enhancedLogsConfig = args?.enhancedLogs ?? { enabled: true }
   const injectSourceConfig = args?.injectSource ?? { enabled: true }
   const removeDevtoolsOnBuild = args?.removeDevtoolsOnBuild ?? true
@@ -68,7 +77,7 @@ export const devtools = (args?: TanStackDevtoolsViteConfig): Array<Plugin> => {
           id.includes('dist') ||
           id.includes('build')
         )
-          return code
+          return
 
         return addSourceToJsx(code, id)
       },
@@ -135,9 +144,15 @@ export const devtools = (args?: TanStackDevtoolsViteConfig): Array<Plugin> => {
           id.includes('dist') ||
           id.includes('build')
         )
-          return code
-
-        return removeDevtools(code, id)
+          return
+        const transform = removeDevtools(code, id)
+        if (!transform) return
+        if (logging) {
+          console.log(
+            `\n${chalk.greenBright(`[@tanstack/devtools-vite]`)} Removed devtools code from: ${id.replace(normalizePath(process.cwd()), '')}\n`,
+          )
+        }
+        return transform
       },
     },
     {
@@ -152,13 +167,11 @@ export const devtools = (args?: TanStackDevtoolsViteConfig): Array<Plugin> => {
           id.includes('node_modules') ||
           id.includes('?raw') ||
           id.includes('dist') ||
-          id.includes('build')
+          id.includes('build') ||
+          !code.includes('console.')
         )
-          return code
+          return
 
-        if (!code.includes('console.')) {
-          return code
-        }
         return enhanceConsoleLog(code, id, port)
       },
     },

package/src/remove-devtools.test.ts

@@ -53,7 +53,7 @@ export default function DevtoolsExample() {
 
         `,
         'test.jsx',
-      ).code,
+      )!.code,
     )
     expect(output).toBe(
       removeEmptySpace(`
@@ -125,7 +125,7 @@ export default function DevtoolsExample() {
 
         `,
         'test.jsx',
-      ).code,
+      )!.code,
     )
     expect(output).toBe(
       removeEmptySpace(`
@@ -197,7 +197,7 @@ export default function DevtoolsExample() {
 
         `,
         'test.jsx',
-      ).code,
+      )!.code,
     )
     expect(output).toBe(
       removeEmptySpace(`
@@ -268,7 +268,7 @@ export default function DevtoolsExample() {
   )
 }`,
         'test.jsx',
-      ).code,
+      )!.code,
     )
 
     expect(output).toBe(
@@ -325,7 +325,7 @@ export default function DevtoolsExample() {
   )
 }`,
           'test.jsx',
-        ).code,
+        )!.code,
       )
 
       expect(output).toBe(
@@ -372,7 +372,7 @@ export default function DevtoolsExample() {
   )
 }`,
           'test.jsx',
-        ).code,
+        )!.code,
       )
 
       expect(output).toBe(
@@ -416,7 +416,7 @@ export default function DevtoolsExample() {
   )
 }`,
           'test.jsx',
-        ).code,
+        )!.code,
       )
 
       expect(output).toBe(
@@ -458,7 +458,7 @@ export default function DevtoolsExample() {
   )
 }`,
           'test.jsx',
-        ).code,
+        )!.code,
       )
 
       expect(output).toBe(
@@ -500,7 +500,7 @@ export default function DevtoolsExample() {
   )
 }`,
           'test.jsx',
-        ).code,
+        )!.code,
       )
 
       expect(output).toBe(
@@ -542,7 +542,7 @@ export default function DevtoolsExample() {
   )
 }`,
           'test.jsx',
-        ).code,
+        )!.code,
       )
 
       expect(output).toBe(

package/src/remove-devtools.ts

@@ -180,7 +180,7 @@ export function removeDevtools(code: string, id: string) {
     })
     const didTransform = transform(ast)
     if (!didTransform) {
-      return { code }
+      return
     }
     return gen(ast, {
       sourceMaps: true,
@@ -189,6 +189,6 @@ export function removeDevtools(code: string, id: string) {
       sourceFileName: filePath,
     })
   } catch (e) {
-    return { code }
+    return
   }
 }