Skip to content

Commit 42b6309

Browse files
autofix-ci[bot]autofix-ci[bot]
authored
ci: apply automated fixes
1 parent 7ec3ade commit 42b6309

11 files changed

Lines changed: 232 additions & 195 deletions

File tree

‎examples/react/basic/src/setup.tsx‎

Lines changed: 71 additions & 50 deletions
Original file line numberDiff line numberDiff line change
@@ -1,65 +1,86 @@
1-
import { ReactQueryDevtoolsPanel } from '@tanstack/react-query-devtools';
2-
import { TanStackRouterDevtoolsPanel } from '@tanstack/react-router-devtools';
3-
import { Link, Outlet, RouterProvider, createRootRoute, createRoute, createRouter } from '@tanstack/react-router';
4-
import { TanStackDevtools } from '@tanstack/react-devtools';
5-
import { PackageJsonPanel } from './package-json-panel';
1+
import { ReactQueryDevtoolsPanel } from '@tanstack/react-query-devtools'
2+
import { TanStackRouterDevtoolsPanel } from '@tanstack/react-router-devtools'
3+
import {
4+
Link,
5+
Outlet,
6+
RouterProvider,
7+
createRootRoute,
8+
createRoute,
9+
createRouter,
10+
} from '@tanstack/react-router'
11+
import { TanStackDevtools } from '@tanstack/react-devtools'
12+
import { PackageJsonPanel } from './package-json-panel'
613

714
const rootRoute = createRootRoute({
8-
component: () => <>
9-
<div className="p-2 flex gap-2">
10-
<Link to="/" className="[&.active]:font-bold">
11-
Home
12-
</Link>{' '}
13-
<Link to="/about" className="[&.active]:font-bold">
14-
About
15-
</Link>
16-
</div>
17-
<hr />
18-
<Outlet />
19-
</>
20-
});
15+
component: () => (
16+
<>
17+
<div className="p-2 flex gap-2">
18+
<Link to="/" className="[&.active]:font-bold">
19+
Home
20+
</Link>{' '}
21+
<Link to="/about" className="[&.active]:font-bold">
22+
About
23+
</Link>
24+
</div>
25+
<hr />
26+
<Outlet />
27+
</>
28+
),
29+
})
2130
const indexRoute = createRoute({
2231
getParentRoute: () => rootRoute,
2332
path: '/',
2433
component: function Index() {
25-
return <div className="p-2">
26-
<h3>Welcome Home!</h3>
27-
</div>;
28-
}
29-
});
34+
return (
35+
<div className="p-2">
36+
<h3>Welcome Home!</h3>
37+
</div>
38+
)
39+
},
40+
})
3041
function About() {
31-
return <div className="p-2">
32-
<h3>Hello from About!</h3>
33-
</div>;
42+
return (
43+
<div className="p-2">
44+
<h3>Hello from About!</h3>
45+
</div>
46+
)
3447
}
3548
const aboutRoute = createRoute({
3649
getParentRoute: () => rootRoute,
3750
path: '/about',
38-
component: About
39-
});
40-
const routeTree = rootRoute.addChildren([indexRoute, aboutRoute]);
51+
component: About,
52+
})
53+
const routeTree = rootRoute.addChildren([indexRoute, aboutRoute])
4154
const router = createRouter({
42-
routeTree
43-
});
55+
routeTree,
56+
})
4457
export default function DevtoolsExample() {
45-
return <>
46-
<TanStackDevtools eventBusConfig={{
47-
connectToServerBus: true
48-
}} plugins={[
49-
{
50-
name: 'TanStack Query',
51-
render: <ReactQueryDevtoolsPanel />
52-
}, {
53-
name: 'TanStack Router',
54-
render: <TanStackRouterDevtoolsPanel router={router} />
55-
}, {
56-
name: 'Package.json',
57-
render: () => <PackageJsonPanel />
58-
}
59-
/* {
58+
return (
59+
<>
60+
<TanStackDevtools
61+
eventBusConfig={{
62+
connectToServerBus: true,
63+
}}
64+
plugins={[
65+
{
66+
name: 'TanStack Query',
67+
render: <ReactQueryDevtoolsPanel />,
68+
},
69+
{
70+
name: 'TanStack Router',
71+
render: <TanStackRouterDevtoolsPanel router={router} />,
72+
},
73+
{
74+
name: 'Package.json',
75+
render: () => <PackageJsonPanel />,
76+
},
77+
/* {
6078
name: "The actual app",
6179
render: <iframe style={{ width: '100%', height: '100%' }} src="http://localhost:3005" />,
62-
} */,]} />
63-
<RouterProvider router={router} />
64-
</>;
65-
}
80+
} */
81+
]}
82+
/>
83+
<RouterProvider router={router} />
84+
</>
85+
)
86+
}

‎package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -85,4 +85,4 @@
8585
"@tanstack/solid-devtools": "workspace:*",
8686
"@tanstack/devtools-vite": "workspace:*"
8787
}
88-
}
88+
}

‎packages/devtools/package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -75,4 +75,4 @@
7575
"tsup-preset-solid": "^2.2.0",
7676
"vite-plugin-solid": "^2.11.8"
7777
}
78-
}
78+
}

‎packages/devtools/src/context/devtools-context.tsx‎

Lines changed: 8 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -39,11 +39,11 @@ export interface TanStackDevtoolsPlugin {
3939
* ```
4040
*/
4141
name:
42-
| string
43-
| ((
44-
el: HTMLHeadingElement,
45-
theme: DevtoolsStore['settings']['theme'],
46-
) => void)
42+
| string
43+
| ((
44+
el: HTMLHeadingElement,
45+
theme: DevtoolsStore['settings']['theme'],
46+
) => void)
4747
/**
4848
* Unique identifier for the plugin.
4949
* If not provided, it will be generated based on the name.
@@ -76,7 +76,9 @@ interface ContextProps {
7676
children: JSX.Element
7777
plugins?: Array<TanStackDevtoolsPlugin>
7878
config?: TanStackDevtoolsConfig
79-
onSetPlugins?: (setPlugins: (plugins: Array<TanStackDevtoolsPlugin>) => void) => void
79+
onSetPlugins?: (
80+
setPlugins: (plugins: Array<TanStackDevtoolsPlugin>) => void,
81+
) => void
8082
}
8183

8284
const getSettings = () => {

‎packages/devtools/src/tabs/marketplace/plugin-card.tsx‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -73,7 +73,8 @@ export const PluginCardComponent = (props: PluginCardComponentProps) => {
7373
? `Active in your devtools`
7474
: card.actionType === 'version-mismatch'
7575
? card.versionInfo?.reason || 'Version incompatible'
76-
: card.metadata?.description || `For ${card.requiredPackageName}`}
76+
: card.metadata?.description ||
77+
`For ${card.requiredPackageName}`}
7778
</p>
7879
<Show when={card.versionInfo}>
7980
<p class={styles().pluginMarketplaceCardVersionInfo}>

‎packages/devtools/src/tabs/marketplace/plugin-section.tsx‎

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -12,9 +12,7 @@ interface PluginSectionComponentProps {
1212
onCardAction: (card: PluginCard) => void
1313
}
1414

15-
export const PluginSectionComponent = (
16-
props: PluginSectionComponentProps,
17-
) => {
15+
export const PluginSectionComponent = (props: PluginSectionComponentProps) => {
1816
const styles = useStyles()
1917

2018
return (

‎packages/devtools/src/tabs/marketplace/tag-filters.tsx‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -19,8 +19,9 @@ export const TagFilters = (props: TagFiltersProps) => {
1919
<button
2020
class={styles().pluginMarketplaceTagButton}
2121
classList={{
22-
[styles().pluginMarketplaceTagButtonActive]:
23-
props.selectedTags().has(tag),
22+
[styles().pluginMarketplaceTagButtonActive]: props
23+
.selectedTags()
24+
.has(tag),
2425
}}
2526
onClick={() => props.onToggleTag(tag)}
2627
>

0 commit comments

Comments
 (0)