Skip to content

Commit 2d4b21f

Browse files
chore(deps): update dependency prettier-plugin-classnames to ^0.8.0 (#521)
* chore(deps): update dependency prettier-plugin-classnames to ^0.8.0 * style: apply new classname formatting rules (prettier) --------- Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: Daniel Kantor <[email protected]>
1 parent a7aba23 commit 2d4b21f

35 files changed

+314
-201
lines changed

package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -74,7 +74,7 @@
7474
"lint-staged": "^16.0.0",
7575
"msw": "^2.8.4",
7676
"prettier": "3.6.2",
77-
"prettier-plugin-classnames": "^0.7.8",
77+
"prettier-plugin-classnames": "^0.8.0",
7878
"prettier-plugin-merge": "^0.8.0",
7979
"prettier-plugin-tailwindcss": "^0.6.12",
8080
"tar": "^7.4.3",

pnpm-lock.yaml

Lines changed: 13 additions & 7 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

renderer/src/common/components/empty-state.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -29,8 +29,8 @@ export function EmptyState({
2929
}) {
3030
return (
3131
<div
32-
className="mx-auto flex max-w-[40rem] flex-col items-center justify-center py-32
33-
text-center text-balance"
32+
className="mx-auto flex max-w-[40rem] flex-col items-center justify-center
33+
py-32 text-center text-balance"
3434
>
3535
<Illustration className="mb-4 size-32" />
3636
<h4 className="text-foreground mb-2 text-3xl font-bold">{title}</h4>

renderer/src/common/components/error/base-error-screen.tsx

Lines changed: 12 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -30,14 +30,23 @@ export function BaseErrorScreen({
3030
return (
3131
<>
3232
<TopNavMinimal />
33-
<div className="mt-[64px] flex h-[calc(100vh-5rem-64px)] items-center justify-center px-8">
34-
<Card className="mt-10 flex max-h-[min(600px,_100%)] w-full max-w-md flex-col">
33+
<div
34+
className="mt-[64px] flex h-[calc(100vh-5rem-64px)] items-center
35+
justify-center px-8"
36+
>
37+
<Card
38+
className="mt-10 flex max-h-[min(600px,_100%)] w-full max-w-md
39+
flex-col"
40+
>
3541
<CardHeader className="text-center">
3642
<div className="mb-4 flex justify-center">{icon}</div>
3743
<CardTitle className="text-xl font-semibold">{title}</CardTitle>
3844
</CardHeader>
3945

40-
<CardContent className="text-muted-foreground min-h-0 flex-1 space-y-4 overflow-y-auto px-8">
46+
<CardContent
47+
className="text-muted-foreground min-h-0 flex-1 space-y-4
48+
overflow-y-auto px-8"
49+
>
4150
{children}
4251
</CardContent>
4352

renderer/src/common/components/layout/top-nav/index.tsx

Lines changed: 64 additions & 38 deletions
Original file line numberDiff line numberDiff line change
@@ -24,54 +24,74 @@ function TopNavLinks() {
2424
<NavigationMenuList className="gap-0">
2525
<NavigationMenuItem>
2626
<NavigationMenuLink
27-
className="app-region-no-drag text-muted-foreground hover:text-foreground
28-
focus:text-foreground data-[status=active]:text-foreground
29-
data-[status=active]:before:bg-foreground focus-visible:ring-ring/50 relative
30-
px-3 py-2 text-sm transition-all outline-none hover:bg-transparent
31-
focus:bg-transparent focus-visible:ring-[3px] focus-visible:outline-1
32-
data-[status=active]:bg-transparent data-[status=active]:before:absolute
33-
data-[status=active]:before:right-3 data-[status=active]:before:bottom-[-14px]
34-
data-[status=active]:before:left-3 data-[status=active]:before:h-0.5
27+
className="app-region-no-drag text-muted-foreground
28+
hover:text-foreground focus:text-foreground
29+
data-[status=active]:text-foreground
30+
data-[status=active]:before:bg-foreground
31+
focus-visible:ring-ring/50 relative px-3 py-2 text-sm
32+
transition-all outline-none hover:bg-transparent
33+
focus:bg-transparent focus-visible:ring-[3px]
34+
focus-visible:outline-1 data-[status=active]:bg-transparent
35+
data-[status=active]:before:absolute
36+
data-[status=active]:before:right-3
37+
data-[status=active]:before:bottom-[-14px]
38+
data-[status=active]:before:left-3
39+
data-[status=active]:before:h-0.5
3540
data-[status=active]:before:rounded-t-[1px]
36-
data-[status=active]:before:opacity-90 data-[status=active]:before:content-['']
41+
data-[status=active]:before:opacity-90
42+
data-[status=active]:before:content-['']
3743
data-[status=active]:hover:bg-transparent
38-
data-[status=active]:focus:bg-transparent data-[status=hover]:bg-transparent"
44+
data-[status=active]:focus:bg-transparent
45+
data-[status=hover]:bg-transparent"
3946
asChild
4047
>
4148
<LinkViewTransition to="/">MCP Servers</LinkViewTransition>
4249
</NavigationMenuLink>
4350
</NavigationMenuItem>
4451
<NavigationMenuItem>
4552
<NavigationMenuLink
46-
className="app-region-no-drag text-muted-foreground hover:text-foreground
47-
focus:text-foreground data-[status=active]:text-foreground
48-
data-[status=active]:before:bg-foreground focus-visible:ring-ring/50 relative
49-
px-3 py-2 text-sm transition-all outline-none hover:bg-transparent
50-
focus:bg-transparent focus-visible:ring-[3px] focus-visible:outline-1
51-
data-[status=active]:bg-transparent data-[status=active]:before:absolute
52-
data-[status=active]:before:right-3 data-[status=active]:before:bottom-[-14px]
53-
data-[status=active]:before:left-3 data-[status=active]:before:h-0.5
53+
className="app-region-no-drag text-muted-foreground
54+
hover:text-foreground focus:text-foreground
55+
data-[status=active]:text-foreground
56+
data-[status=active]:before:bg-foreground
57+
focus-visible:ring-ring/50 relative px-3 py-2 text-sm
58+
transition-all outline-none hover:bg-transparent
59+
focus:bg-transparent focus-visible:ring-[3px]
60+
focus-visible:outline-1 data-[status=active]:bg-transparent
61+
data-[status=active]:before:absolute
62+
data-[status=active]:before:right-3
63+
data-[status=active]:before:bottom-[-14px]
64+
data-[status=active]:before:left-3
65+
data-[status=active]:before:h-0.5
5466
data-[status=active]:before:rounded-t-[1px]
55-
data-[status=active]:before:opacity-90 data-[status=active]:before:content-['']
67+
data-[status=active]:before:opacity-90
68+
data-[status=active]:before:content-['']
5669
data-[status=active]:hover:bg-transparent
57-
data-[status=active]:focus:bg-transparent data-[status=hover]:bg-transparent"
70+
data-[status=active]:focus:bg-transparent
71+
data-[status=hover]:bg-transparent"
5872
asChild
5973
>
6074
<LinkViewTransition to="/registry">Registry</LinkViewTransition>
6175
</NavigationMenuLink>
6276
</NavigationMenuItem>
6377
<NavigationMenuItem>
6478
<NavigationMenuLink
65-
className="app-region-no-drag text-muted-foreground hover:text-foreground
66-
focus:text-foreground data-[status=active]:text-foreground
67-
data-[status=active]:before:bg-foreground focus-visible:ring-ring/50 relative
68-
px-3 py-2 text-sm transition-all outline-none hover:bg-transparent
69-
focus:bg-transparent focus-visible:ring-[3px] focus-visible:outline-1
70-
data-[status=active]:bg-transparent data-[status=active]:before:absolute
71-
data-[status=active]:before:right-3 data-[status=active]:before:bottom-[-14px]
72-
data-[status=active]:before:left-3 data-[status=active]:before:h-0.5
79+
className="app-region-no-drag text-muted-foreground
80+
hover:text-foreground focus:text-foreground
81+
data-[status=active]:text-foreground
82+
data-[status=active]:before:bg-foreground
83+
focus-visible:ring-ring/50 relative px-3 py-2 text-sm
84+
transition-all outline-none hover:bg-transparent
85+
focus:bg-transparent focus-visible:ring-[3px]
86+
focus-visible:outline-1 data-[status=active]:bg-transparent
87+
data-[status=active]:before:absolute
88+
data-[status=active]:before:right-3
89+
data-[status=active]:before:bottom-[-14px]
90+
data-[status=active]:before:left-3
91+
data-[status=active]:before:h-0.5
7392
data-[status=active]:before:rounded-t-[1px]
74-
data-[status=active]:before:opacity-90 data-[status=active]:before:content-['']
93+
data-[status=active]:before:opacity-90
94+
data-[status=active]:before:content-['']
7595
data-[status=active]:hover:bg-transparent
7696
data-[status=active]:focus:bg-transparent"
7797
asChild
@@ -81,16 +101,22 @@ function TopNavLinks() {
81101
</NavigationMenuItem>
82102
<NavigationMenuItem>
83103
<NavigationMenuLink
84-
className="app-region-no-drag text-muted-foreground hover:text-foreground
85-
focus:text-foreground data-[status=active]:text-foreground
86-
data-[status=active]:before:bg-foreground focus-visible:ring-ring/50 relative
87-
px-3 py-2 text-sm transition-all outline-none hover:bg-transparent
88-
focus:bg-transparent focus-visible:ring-[3px] focus-visible:outline-1
89-
data-[status=active]:bg-transparent data-[status=active]:before:absolute
90-
data-[status=active]:before:right-3 data-[status=active]:before:bottom-[-14px]
91-
data-[status=active]:before:left-3 data-[status=active]:before:h-0.5
104+
className="app-region-no-drag text-muted-foreground
105+
hover:text-foreground focus:text-foreground
106+
data-[status=active]:text-foreground
107+
data-[status=active]:before:bg-foreground
108+
focus-visible:ring-ring/50 relative px-3 py-2 text-sm
109+
transition-all outline-none hover:bg-transparent
110+
focus:bg-transparent focus-visible:ring-[3px]
111+
focus-visible:outline-1 data-[status=active]:bg-transparent
112+
data-[status=active]:before:absolute
113+
data-[status=active]:before:right-3
114+
data-[status=active]:before:bottom-[-14px]
115+
data-[status=active]:before:left-3
116+
data-[status=active]:before:h-0.5
92117
data-[status=active]:before:rounded-t-[1px]
93-
data-[status=active]:before:opacity-90 data-[status=active]:before:content-['']
118+
data-[status=active]:before:opacity-90
119+
data-[status=active]:before:content-['']
94120
data-[status=active]:hover:bg-transparent
95121
data-[status=active]:focus:bg-transparent"
96122
asChild

renderer/src/common/components/layout/top-nav/window-controls.tsx

Lines changed: 10 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -34,21 +34,26 @@ export function WindowControls() {
3434
<Button
3535
variant="ghost"
3636
size="icon"
37-
className="hover:bg-accent/50 hover:text-accent-foreground h-8 w-12 rounded-none"
37+
className="hover:bg-accent/50 hover:text-accent-foreground h-8 w-12
38+
rounded-none"
3839
onClick={handleMinimize}
3940
>
4041
<Minus className="size-4" />
4142
</Button>
4243
<Button
4344
variant="ghost"
4445
size="icon"
45-
className="hover:bg-accent/50 hover:text-accent-foreground h-8 w-12 rounded-none"
46+
className="hover:bg-accent/50 hover:text-accent-foreground h-8 w-12
47+
rounded-none"
4648
onClick={handleMaximize}
4749
>
4850
{isMaximized ? (
4951
<div className="relative size-4">
5052
<div className="absolute inset-0 size-3 border border-current" />
51-
<div className="bg-background absolute top-1 left-1 size-3 border border-current" />
53+
<div
54+
className="bg-background absolute top-1 left-1 size-3 border
55+
border-current"
56+
/>
5257
</div>
5358
) : (
5459
<Square className="size-4" />
@@ -57,7 +62,8 @@ export function WindowControls() {
5762
<Button
5863
variant="ghost"
5964
size="icon"
60-
className="hover:bg-destructive hover:text-destructive-foreground h-8 w-12 rounded-none"
65+
className="hover:bg-destructive hover:text-destructive-foreground h-8
66+
w-12 rounded-none"
6167
onClick={handleClose}
6268
>
6369
<X className="size-4" />

renderer/src/common/components/secrets/form-combobox-secrets-store.tsx

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -67,14 +67,17 @@ export function FormComboboxSecretStore<
6767
aria-label="Secrets store"
6868
>
6969
<Command>
70-
<div className="grid w-full grid-cols-[auto_calc(var(--spacing)_*_9)] items-end">
70+
<div
71+
className="grid w-full
72+
grid-cols-[auto_calc(var(--spacing)_*_9)] items-end"
73+
>
7174
<CommandInput
7275
placeholder="Search secrets..."
7376
className="h-9"
7477
/>
7578
<div
76-
className="ml-auto flex size-9 shrink-0 grow-0 items-center justify-center self-end
77-
border-b"
79+
className="ml-auto flex size-9 shrink-0 grow-0 items-center
80+
justify-center self-end border-b"
7881
>
7982
<RefreshButton refresh={refetch} className="size-7" />
8083
</div>

renderer/src/common/components/theme/theme-toggle.tsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -24,12 +24,12 @@ export function ThemeToggle({ className }: { className?: string }) {
2424
<DropdownMenuTrigger asChild className={className}>
2525
<Button variant="ghost" size="icon" className="cursor-pointer">
2626
<Sun
27-
className="text-muted-foreground size-4 scale-100 rotate-0 transition-all dark:scale-0
28-
dark:-rotate-90"
27+
className="text-muted-foreground size-4 scale-100 rotate-0
28+
transition-all dark:scale-0 dark:-rotate-90"
2929
/>
3030
<Moon
31-
className="text-muted-foreground absolute size-4 scale-0 rotate-90 transition-all
32-
dark:scale-100 dark:rotate-0"
31+
className="text-muted-foreground absolute size-4 scale-0 rotate-90
32+
transition-all dark:scale-100 dark:rotate-0"
3333
/>
3434
<span className="sr-only">Toggle theme</span>
3535
</Button>

renderer/src/common/components/ui/alert.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -55,8 +55,8 @@ function AlertDescription({
5555
<div
5656
data-slot="alert-description"
5757
className={cn(
58-
`text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm
59-
[&_p]:leading-relaxed`,
58+
`text-muted-foreground col-start-2 grid justify-items-start gap-1
59+
text-sm [&_p]:leading-relaxed`,
6060
className
6161
)}
6262
{...props}

renderer/src/common/components/ui/card.tsx

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -7,8 +7,8 @@ function Card({ className, ...props }: React.ComponentProps<'div'>) {
77
<div
88
data-slot="card"
99
className={cn(
10-
`bg-card text-card-foreground flex flex-col gap-3 rounded-md border border-none
11-
py-4 shadow-none outline-none`,
10+
`bg-card text-card-foreground flex flex-col gap-3 rounded-md border
11+
border-none py-4 shadow-none outline-none`,
1212
className
1313
)}
1414
{...props}
@@ -21,8 +21,9 @@ function CardHeader({ className, ...props }: React.ComponentProps<'div'>) {
2121
<div
2222
data-slot="card-header"
2323
className={cn(
24-
`@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start
25-
gap-1.5 px-4 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6`,
24+
`@container/card-header grid auto-rows-min grid-rows-[auto_auto]
25+
items-start gap-1.5 px-4
26+
has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6`,
2627
className
2728
)}
2829
{...props}

0 commit comments

Comments
 (0)