Merge branch 'feat/remove-from-rpod' of https://github.com/TanStack/devtools into feat/remove-from-rpod

Author: AlemTuzlak

examples/react/basic/vite.config.ts

@@ -7,7 +7,7 @@ import Inspect from 'vite-plugin-inspect'
 export default defineConfig({
   plugins: [
     devtools({
-      removeDevtoolsOnBuild: true
+      removeDevtoolsOnBuild: true,
     }),
     Inspect(),
     react({

packages/devtools-vite/src/plugin.ts

@@ -128,7 +128,7 @@ export const devtools = (args?: TanStackDevtoolsViteConfig): Array<Plugin> => {
       apply(_, { command }) {
         return command === 'build' && removeDevtoolsOnBuild
       },
-      enforce: "pre",
+      enforce: 'pre',
       transform(code, id) {
         if (
           id.includes('node_modules') ||

packages/devtools-vite/src/remove-devtools.test.ts

@@ -1,12 +1,12 @@
-import { describe, expect, test } from "vitest";
-import { removeDevtools } from "./remove-devtools";
+import { describe, expect, test } from 'vitest'
+import { removeDevtools } from './remove-devtools'
 
 const removeEmptySpace = (str: string) => {
   return str.replace(/\s/g, '').trim()
 }
 
-describe("remove-devtools", () => {
-  test("it removes devtools if Imported directly", () => {
+describe('remove-devtools', () => {
+  test('it removes devtools if Imported directly', () => {
     const output = removeEmptySpace(
       removeDevtools(
         `
@@ -78,7 +78,7 @@ export default function DevtoolsExample() {
 
         `),
     )
-  });
+  })
 
   test("it removes devtools if Imported and renamed with 'as' ", () => {
     const output = removeEmptySpace(
@@ -152,9 +152,9 @@ export default function DevtoolsExample() {
 
         `),
     )
-  });
+  })
 
-  test("it removes devtools if Imported as * then used as a subcomponent ", () => {
+  test('it removes devtools if Imported as * then used as a subcomponent ', () => {
     const output = removeEmptySpace(
       removeDevtools(
         `
@@ -226,5 +226,5 @@ export default function DevtoolsExample() {
 
         `),
     )
-  });
-})
+  })
+})

packages/devtools-vite/src/remove-devtools.ts

@@ -1,25 +1,28 @@
-
 import { gen, parse, trav } from './babel'
-import type { t } from './babel';
-import type { types as Babel, } from '@babel/core'
+import type { t } from './babel'
+import type { types as Babel } from '@babel/core'
 import type { ParseResult } from '@babel/parser'
 
 const isTanStackDevtoolsImport = (source: string) =>
-  source === '@tanstack/react-devtools' || source === "@tanstack/devtools" || source === "@tanstack/solid-devtools"
+  source === '@tanstack/react-devtools' ||
+  source === '@tanstack/devtools' ||
+  source === '@tanstack/solid-devtools'
 
 const getImportedNames = (importDecl: t.ImportDeclaration) => {
   return importDecl.specifiers.map((spec) => spec.local.name)
 }
 
-const transform = (ast: ParseResult<Babel.File>,) => {
+const transform = (ast: ParseResult<Babel.File>) => {
   let didTransform = false
   const devtoolsComponentNames = new Set()
 
   trav(ast, {
     ImportDeclaration(path) {
       const importSource = path.node.source.value
       if (isTanStackDevtoolsImport(importSource)) {
-        getImportedNames(path.node).forEach((name) => devtoolsComponentNames.add(name))
+        getImportedNames(path.node).forEach((name) =>
+          devtoolsComponentNames.add(name),
+        )
         path.remove()
         didTransform = true
       }
@@ -34,14 +37,15 @@ const transform = (ast: ParseResult<Babel.File>,) => {
         didTransform = true
       }
 
-      if (opening.name.type === 'JSXMemberExpression' &&
+      if (
+        opening.name.type === 'JSXMemberExpression' &&
         opening.name.object.type === 'JSXIdentifier' &&
         devtoolsComponentNames.has(opening.name.object.name)
       ) {
         path.remove()
         didTransform = true
       }
-    }
+    },
   })
 
   return didTransform
@@ -55,7 +59,7 @@ export function removeDevtools(code: string, id: string) {
       sourceType: 'module',
       plugins: ['jsx', 'typescript'],
     })
-    const didTransform = transform(ast,)
+    const didTransform = transform(ast)
     if (!didTransform) {
       return { code }
     }