ci: apply automated fixes

Author: autofix-ci[bot]

examples/react/basic/src/index.tsx

@@ -16,31 +16,26 @@ queryPlugin.on('test', (event) => {
 })
 
 function App() {
-  const [value, setValue] = useState<any>(({
-    initial: "value",
-    should: "change",
+  const [value, setValue] = useState<any>({
+    initial: 'value',
+    should: 'change',
     in: 2,
-    array: [
-      1, 2, 3
-    ]
-  }))
+    array: [1, 2, 3],
+  })
   useEffect(() => {
     setTimeout(() => {
-      setValue(({ title: 'Test Event', description: 'This is a test event.' }))
+      setValue({ title: 'Test Event', description: 'This is a test event.' })
     }, 2000)
   }, [])
   // console.log('Current value:', value)
   return (
     <div>
       <h1>TanStack Devtools React Basic Example</h1>
-      <tsd-json-tree
-        value={JSON.stringify(value)}
-      />
+      <tsd-json-tree value={JSON.stringify(value)} />
       <Devtools />
     </div>
   )
 }
 
-
 const root = createRoot(document.getElementById('root')!)
 root.render(<App />)

examples/solid/basic/src/setup.tsx

@@ -22,7 +22,9 @@ const rootRoute = createRootRoute({
           About
         </Link>
       </div>
-      <tsd-json-tree value={{ title: 'Test Event', description: 'This is a test event.' }} />
+      <tsd-json-tree
+        value={{ title: 'Test Event', description: 'This is a test event.' }}
+      />
       <hr />
       <Outlet />
     </>
@@ -44,7 +46,6 @@ function About() {
   return (
     <div class="p-2">
       <h3>Hello from About!</h3>
-
     </div>
   )
 }

packages/devtools-ui/package.json

@@ -76,4 +76,4 @@
     "vite-plugin-solid": "^2.11.6",
     "@types/react": "19.1.10"
   }
-}
+}

packages/devtools-ui/src/components/tree.tsx

@@ -1,10 +1,9 @@
 import { For, Show, createEffect, createSignal } from 'solid-js'
 import clsx from 'clsx'
-import { customElement, noShadowDOM } from "solid-element"
+import { customElement, noShadowDOM } from 'solid-element'
 import { useStyles } from '../styles/use-styles'
 
 export function JsonTree(props: { value: any }) {
-
   return <JsonValue isRoot value={props.value} />
 }
 
@@ -168,32 +167,33 @@ const ObjectValue = ({
   )
 }
 
-
-export const registerJsonTreeComponent = (elName: string = "tsd-json-tree") => customElement(elName, { value: {}, }, (props, { element }) => {
-  noShadowDOM()
-  function getValue(value: any) {
-
-    if (typeof value === 'string') {
-      try {
-        const parsedValue = JSON.parse(value)
-        return parsedValue
-      } catch (e) {
-        return value
+export const registerJsonTreeComponent = (elName: string = 'tsd-json-tree') =>
+  customElement(elName, { value: {} }, (props, { element }) => {
+    noShadowDOM()
+    function getValue(value: any) {
+      if (typeof value === 'string') {
+        try {
+          const parsedValue = JSON.parse(value)
+          return parsedValue
+        } catch (e) {
+          return value
+        }
       }
+      return value
     }
-    return value
-  }
-  const [value, setValue] = createSignal(getValue(props.value))
+    const [value, setValue] = createSignal(getValue(props.value))
 
-  createEffect(() => {
-    element.addPropertyChangedCallback((name, value) => {
-      if (name === "value") {
-        const finalValue = getValue(value)
-        setValue(finalValue)
-      }
+    createEffect(() => {
+      element.addPropertyChangedCallback((name, value) => {
+        if (name === 'value') {
+          const finalValue = getValue(value)
+          setValue(finalValue)
+        }
+      })
     })
+    return (
+      <Show keyed when={value()}>
+        <JsonTree value={value()} />
+      </Show>
+    )
   })
-  return <Show keyed when={value()}><JsonTree value={value()} /></Show>
-})
-
-

packages/devtools-ui/src/types.ts

@@ -1,11 +1,11 @@
-import type { } from "react";
-import type { } from "solid-js";
+import type {} from 'react'
+import type {} from 'solid-js'
 
 declare module 'react' {
   // eslint-disable-next-line @typescript-eslint/no-namespace
   namespace JSX {
     interface IntrinsicElements {
-      'tsd-json-tree': { value: any, }
+      'tsd-json-tree': { value: any }
     }
   }
 }
@@ -20,4 +20,4 @@ declare module 'solid-js' {
 }
 
 type _ = string
-export type { _ }
+export type { _ }

packages/devtools-ui/vite.config.ts

@@ -19,7 +19,7 @@ const config = defineConfig({
 export default mergeConfig(
   config,
   tanstackViteConfig({
-    entry: ['./src/index.ts', "./src/types.ts"],
+    entry: ['./src/index.ts', './src/types.ts'],
     srcDir: './src',
   }),
 )

packages/devtools/src/core.tsx

@@ -10,7 +10,6 @@ import type {
   TanStackDevtoolsPlugin,
 } from './context/devtools-context'
 
-
 export interface TanStackDevtoolsInit {
   /**
    * Configuration for the devtools shell. These configuration options are used to set the
@@ -71,7 +70,7 @@ export class TanStackDevtoolsCore {
       const Devtools = this.#Component
       this.#eventBus = new ClientEventBus(this.#eventBusConfig)
       this.#eventBus.start()
-      registerJsonTreeComponent();
+      registerJsonTreeComponent()
       return (
         <DevtoolsProvider plugins={this.#plugins} config={this.#config}>
           <Portal mount={mountTo}>

packages/devtools/src/index.ts

@@ -1,4 +1,4 @@
-import type { _ } from "@tanstack/devtools-ui/types"
+import type { _ } from '@tanstack/devtools-ui/types'
 
 export { PLUGIN_CONTAINER_ID, PLUGIN_TITLE_CONTAINER_ID } from './constants'
 export { TanStackDevtoolsCore } from './core'

packages/react-devtools/src/index.ts

@@ -5,12 +5,11 @@ import * as Devtools from './devtools'
 export const TanStackDevtools: (typeof Devtools)['TanStackDevtools'] =
   process.env.NODE_ENV !== 'development'
     ? function () {
-      return null
-    }
+        return null
+      }
     : Devtools.TanStackDevtools
 
 export type {
   TanStackDevtoolsReactPlugin,
   TanStackDevtoolsReactInit,
-
 } from './devtools'

packages/solid-devtools/src/index.ts

@@ -4,7 +4,7 @@ import * as Devtools from './devtools'
 export const TanStackDevtools: (typeof Devtools)['TanStackDevtools'] = isDev
   ? Devtools.TanStackDevtools
   : function () {
-    return null
-  }
+      return null
+    }
 
 export type { TanStackDevtoolsSolidPlugin } from './core'