ci: apply automated fixes

Author: autofix-ci[bot]

.changeset/rare-moles-rest.md

@@ -5,4 +5,4 @@
 
 added optional trigger component in config
 
-removed trigger image setting completely
+removed trigger image setting completely

examples/solid/basic/src/index.tsx

@@ -20,9 +20,7 @@ function App() {
 
       <TanStackDevtools
         config={{
-          customTrigger: () => <h1>
-            hello world
-          </h1>
+          customTrigger: () => <h1>hello world</h1>,
         }}
         plugins={[
           {

packages/devtools/src/components/trigger.tsx

@@ -26,7 +26,6 @@ export const Trigger = (props: {
     if (triggerComponent && el) {
       triggerComponent(el, {
         theme: settings().theme,
-
       })
     }
   })
@@ -41,15 +40,11 @@ export const Trigger = (props: {
       >
         <Show
           when={settings().customTrigger}
-          fallback={
-            <img src={TanStackLogo} alt="TanStack Devtools" />
-          }
+          fallback={<img src={TanStackLogo} alt="TanStack Devtools" />}
         >
           <div ref={setContainerRef} />
         </Show>
-
       </button>
-
     </Show>
   )
 }

packages/devtools/src/devtools.tsx

@@ -100,10 +100,10 @@ export default function DevTools() {
       run()
 
       if (typeof window !== 'undefined') {
-        ; (pip().pipWindow ?? window).addEventListener('resize', run)
+        ;(pip().pipWindow ?? window).addEventListener('resize', run)
 
         return () => {
-          ; (pip().pipWindow ?? window).removeEventListener('resize', run)
+          ;(pip().pipWindow ?? window).removeEventListener('resize', run)
           if (rootEl()?.parentElement && typeof previousValue === 'string') {
             setRootEl((prev) => {
               // prev!.parentElement!.style.paddingBottom = previousValue
@@ -175,10 +175,7 @@ export default function DevTools() {
                   : true
             }
           >
-            <Trigger
-              isOpen={isOpen}
-              setIsOpen={toggleOpen}
-            />
+            <Trigger isOpen={isOpen} setIsOpen={toggleOpen} />
             <MainPanel isResizing={isResizing} isOpen={isOpen}>
               <ContentPanel
                 ref={(ref) => (panelRef = ref)}

packages/react-devtools/src/devtools.tsx

@@ -14,7 +14,6 @@ type PluginRender =
 
 type TriggerProps = {
   theme: 'dark' | 'light'
-
 }
 
 type TriggerRender =
@@ -179,23 +178,23 @@ export const TanStackDevtools = ({
             typeof plugin.name === 'string'
               ? plugin.name
               : (e, theme) => {
-                const id = e.getAttribute('id')!
-                const target = e.ownerDocument.getElementById(id)
+                  const id = e.getAttribute('id')!
+                  const target = e.ownerDocument.getElementById(id)
 
-                if (target) {
-                  setTitleContainers((prev) => ({
-                    ...prev,
-                    [id]: e,
-                  }))
-                }
+                  if (target) {
+                    setTitleContainers((prev) => ({
+                      ...prev,
+                      [id]: e,
+                    }))
+                  }
 
-                convertRender(
-                  plugin.name as PluginRender,
-                  setTitleComponents,
-                  e,
-                  theme,
-                )
-              },
+                  convertRender(
+                    plugin.name as PluginRender,
+                    setTitleComponents,
+                    e,
+                    theme,
+                  )
+                },
           render: (e, theme) => {
             const id = e.getAttribute('id')!
             const target = e.ownerDocument.getElementById(id)
@@ -221,9 +220,9 @@ export const TanStackDevtools = ({
         ...coreConfig,
         customTrigger: customTrigger
           ? (el, props) => {
-            setTriggerContainer(el)
-            convertTrigger(customTrigger, setTriggerComponent, el, props)
-          }
+              setTriggerContainer(el)
+              convertTrigger(customTrigger, setTriggerComponent, el, props)
+            }
           : undefined,
       },
       eventBusConfig,
@@ -258,14 +257,14 @@ export const TanStackDevtools = ({
 
       {hasPlugins
         ? Object.entries(pluginContainers).map(([key, pluginContainer]) =>
-          createPortal(<>{PluginComponents[key]}</>, pluginContainer),
-        )
+            createPortal(<>{PluginComponents[key]}</>, pluginContainer),
+          )
         : null}
 
       {hasTitles
         ? Object.entries(titleContainers).map(([key, titleContainer]) =>
-          createPortal(<>{TitleComponents[key]}</>, titleContainer),
-        )
+            createPortal(<>{TitleComponents[key]}</>, titleContainer),
+          )
         : null}
 
       {triggerContainer && TriggerComponent

packages/solid-devtools/src/core.tsx

@@ -17,9 +17,9 @@ import type {
 type SolidPluginRender =
   | JSX.Element
   | ((
-    el: HTMLDivElement | HTMLHeadingElement,
-    theme: 'dark' | 'light',
-  ) => JSX.Element)
+      el: HTMLDivElement | HTMLHeadingElement,
+      theme: 'dark' | 'light',
+    ) => JSX.Element)
 const convertRender = (
   el: HTMLDivElement | HTMLHeadingElement,
   Component: SolidPluginRender,
@@ -105,7 +105,9 @@ export interface TanStackDevtoolsInit {
     /**
      * An optional custom function to render the dev tools trigger component.
      */
-    customTrigger?: ((el: HTMLElement, props: TriggerProps) => JSX.Element) | JSX.Element
+    customTrigger?:
+      | ((el: HTMLElement, props: TriggerProps) => JSX.Element)
+      | JSX.Element
   }
   /**
    * Configuration for the TanStack Devtools client event bus.
@@ -126,8 +128,8 @@ export default function SolidDevtoolsCore({
         typeof plugin.name === 'string'
           ? plugin.name
           : // The check above confirms that `plugin.name` is of Render type
-          (el, theme) =>
-            convertRender(el, plugin.name as SolidPluginRender, theme),
+            (el, theme) =>
+              convertRender(el, plugin.name as SolidPluginRender, theme),
       render: (el: HTMLDivElement, theme: 'dark' | 'light') =>
         convertRender(el, plugin.render, theme),
     })),
@@ -136,7 +138,11 @@ export default function SolidDevtoolsCore({
   const convertTrigger = (el: HTMLElement, props: TriggerProps) => {
     const Trigger = config?.customTrigger
 
-    return <Portal mount={el}>{typeof Trigger === 'function' ? Trigger(el, props) : Trigger}</Portal>
+    return (
+      <Portal mount={el}>
+        {typeof Trigger === 'function' ? Trigger(el, props) : Trigger}
+      </Portal>
+    )
   }
   const [devtools] = createSignal(
     new TanStackDevtoolsCore({
@@ -155,7 +161,7 @@ export default function SolidDevtoolsCore({
       config: {
         ...config,
         customTrigger: (el, props) => convertTrigger(el, props),
-      }
+      },
     })
   })