ci: apply automated fixes

Author: autofix-ci[bot]

examples/react/basic/package.json

@@ -39,4 +39,4 @@
       "last 1 safari version"
     ]
   }
-}
+}

examples/solid/basic/package.json

@@ -34,4 +34,4 @@
       "last 1 safari version"
     ]
   }
-}
+}

examples/solid/basic/vite.config.ts

@@ -3,5 +3,5 @@ import solid from 'vite-plugin-solid'
 import { devtools } from '@tanstack/devtools-vite'
 // https://vite.dev/config/
 export default defineConfig({
-  plugins: [devtools(), solid({}),],
+  plugins: [devtools(), solid({})],
 })

packages/devtools-vite/src/babel.ts

@@ -1,18 +1,18 @@
-import { parse } from "@babel/parser"
-import * as t from "@babel/types"
-import generate from "@babel/generator"
-import traverse from "@babel/traverse"
+import { parse } from '@babel/parser'
+import * as t from '@babel/types'
+import generate from '@babel/generator'
+import traverse from '@babel/traverse'
 
 export { parse, t }
 
 export const trav =
-	typeof (traverse as any).default !== "undefined"
-		// eslint-disable-next-line @typescript-eslint/consistent-type-imports
-		? ((traverse as any).default as typeof import("@babel/traverse").default)
-		: traverse
+  typeof (traverse as any).default !== 'undefined'
+    ? // eslint-disable-next-line @typescript-eslint/consistent-type-imports
+      ((traverse as any).default as typeof import('@babel/traverse').default)
+    : traverse
 
 export const gen =
-	typeof (generate as any).default !== "undefined"
-		// eslint-disable-next-line @typescript-eslint/consistent-type-imports
-		? ((generate as any).default as typeof import("@babel/generator").default)
-		: generate
+  typeof (generate as any).default !== 'undefined'
+    ? // eslint-disable-next-line @typescript-eslint/consistent-type-imports
+      ((generate as any).default as typeof import('@babel/generator').default)
+    : generate

packages/devtools-vite/src/inject-source.ts

@@ -1,48 +1,52 @@
-import { normalizePath } from "vite";
-import { gen, parse, t, trav } from "./babel";
-import type { types as Babel } from "@babel/core"
-import type { ParseResult } from "@babel/parser"
-
+import { normalizePath } from 'vite'
+import { gen, parse, t, trav } from './babel'
+import type { types as Babel } from '@babel/core'
+import type { ParseResult } from '@babel/parser'
 
 const transform = (ast: ParseResult<Babel.File>, file: string) => {
-  let didTransform = false;
+  let didTransform = false
   trav(ast, {
-    JSXOpeningElement(path,) {
-      const loc = path.node.loc;
-      if (!loc) return;
-      const line = loc.start.line;
-      const column = loc.start.column;
+    JSXOpeningElement(path) {
+      const loc = path.node.loc
+      if (!loc) return
+      const line = loc.start.line
+      const column = loc.start.column
 
       // Inject data-source as a string: "<file>:<line>:<column>"
       path.node.attributes.push(
         t.jsxAttribute(
           t.jsxIdentifier('data-source'),
-          t.stringLiteral(`${file}:${line}:${column}`)
-        )
-      );
+          t.stringLiteral(`${file}:${line}:${column}`),
+        ),
+      )
 
-      didTransform = true;
-    }
+      didTransform = true
+    },
   })
 
   return didTransform
 }
 
-
 export function addSourceToJsx(code: string, id: string) {
-  const [filePath] = id.split("?")
+  const [filePath] = id.split('?')
   // eslint-disable-next-line @typescript-eslint/no-non-null-asserted-optional-chain
   const location = filePath?.replace(normalizePath(process.cwd()), '')!
 
   try {
-    const ast = parse(code, { sourceType: "module", plugins: ["jsx", "typescript"] });
+    const ast = parse(code, {
+      sourceType: 'module',
+      plugins: ['jsx', 'typescript'],
+    })
     const didTransform = transform(ast, location)
     if (!didTransform) {
       return { code }
     }
-    return gen(ast, { sourceMaps: true, filename: id, sourceFileName: filePath })
+    return gen(ast, {
+      sourceMaps: true,
+      filename: id,
+      sourceFileName: filePath,
+    })
   } catch (e) {
-
     return { code }
   }
-}
+}

packages/devtools-vite/src/plugin.ts

@@ -42,7 +42,7 @@ export const devtools = (args?: TanStackDevtoolsViteConfig): Array<Plugin> => {
 
   return [
     {
-      enforce: "pre",
+      enforce: 'pre',
       name: '@tanstack/devtools:inject-source',
       apply(config) {
         return config.mode === 'development'
@@ -57,7 +57,7 @@ export const devtools = (args?: TanStackDevtoolsViteConfig): Array<Plugin> => {
           return code
 
         return addSourceToJsx(code, id)
-      }
+      },
     },
     {
       enforce: 'pre',
@@ -107,11 +107,11 @@ export const devtools = (args?: TanStackDevtoolsViteConfig): Array<Plugin> => {
         )
       },
       transform(code) {
-        if (code.includes("__TSD_PORT__")) {
-          code = code.replace("__TSD_PORT__", String(port))
+        if (code.includes('__TSD_PORT__')) {
+          code = code.replace('__TSD_PORT__', String(port))
         }
         return code
-      }
+      },
     },
     {
       name: '@tanstack/devtools:better-console-logs',

packages/devtools/src/devtools.tsx

@@ -30,7 +30,7 @@ export default function DevTools() {
     setIsOpen(!open)
     setPersistOpen(!open)
   }
-  createEffect(() => { })
+  createEffect(() => {})
   // Used to resize the panel
   const handleDragStart = (
     panelElement: HTMLDivElement | undefined,
@@ -152,26 +152,28 @@ export default function DevTools() {
   })
 
   createEffect(() => {
-
     // this will only work with the Vite plugin
     const openSourceHandler = (e: Event) => {
-      const isShiftHeld = (e as KeyboardEvent).shiftKey;
-      const isCtrlHeld = (e as KeyboardEvent).ctrlKey || (e as KeyboardEvent).metaKey;
-      if (!isShiftHeld || !isCtrlHeld) return;
+      const isShiftHeld = (e as KeyboardEvent).shiftKey
+      const isCtrlHeld =
+        (e as KeyboardEvent).ctrlKey || (e as KeyboardEvent).metaKey
+      if (!isShiftHeld || !isCtrlHeld) return
 
       if (e.target instanceof HTMLElement) {
         const dataSource = e.target.getAttribute('data-source')
         window.getSelection()?.removeAllRanges()
         if (dataSource) {
           e.preventDefault()
           e.stopPropagation()
-          fetch(`http://localhost:__TSD_PORT__/__tsd/open-source?source=${dataSource}`).catch(() => { })
+          fetch(
+            `http://localhost:__TSD_PORT__/__tsd/open-source?source=${dataSource}`,
+          ).catch(() => {})
         }
       }
     }
-    window.addEventListener("click", openSourceHandler)
+    window.addEventListener('click', openSourceHandler)
     onCleanup(() => {
-      window.removeEventListener("click", openSourceHandler)
+      window.removeEventListener('click', openSourceHandler)
     })
   })