Skip to content

chore(deps): update dependency prettier-plugin-classnames to ^0.8.0 #521

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 3 commits into from
Jul 18, 2025
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
Expand Up @@ -74,7 +74,7 @@
"lint-staged": "^16.0.0",
"msw": "^2.8.4",
"prettier": "3.6.2",
"prettier-plugin-classnames": "^0.7.8",
"prettier-plugin-classnames": "^0.8.0",
"prettier-plugin-merge": "^0.8.0",
"prettier-plugin-tailwindcss": "^0.6.12",
"tar": "^7.4.3",
Expand Down
20 changes: 13 additions & 7 deletions pnpm-lock.yaml

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

4 changes: 2 additions & 2 deletions renderer/src/common/components/empty-state.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -29,8 +29,8 @@ export function EmptyState({
}) {
return (
<div
className="mx-auto flex max-w-[40rem] flex-col items-center justify-center py-32
text-center text-balance"
className="mx-auto flex max-w-[40rem] flex-col items-center justify-center
py-32 text-center text-balance"
>
<Illustration className="mb-4 size-32" />
<h4 className="text-foreground mb-2 text-3xl font-bold">{title}</h4>
Expand Down
15 changes: 12 additions & 3 deletions renderer/src/common/components/error/base-error-screen.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -30,14 +30,23 @@ export function BaseErrorScreen({
return (
<>
<TopNavMinimal />
<div className="mt-[64px] flex h-[calc(100vh-5rem-64px)] items-center justify-center px-8">
<Card className="mt-10 flex max-h-[min(600px,_100%)] w-full max-w-md flex-col">
<div
className="mt-[64px] flex h-[calc(100vh-5rem-64px)] items-center
justify-center px-8"
>
<Card
className="mt-10 flex max-h-[min(600px,_100%)] w-full max-w-md
flex-col"
>
<CardHeader className="text-center">
<div className="mb-4 flex justify-center">{icon}</div>
<CardTitle className="text-xl font-semibold">{title}</CardTitle>
</CardHeader>

<CardContent className="text-muted-foreground min-h-0 flex-1 space-y-4 overflow-y-auto px-8">
<CardContent
className="text-muted-foreground min-h-0 flex-1 space-y-4
overflow-y-auto px-8"
>
{children}
</CardContent>

Expand Down
102 changes: 64 additions & 38 deletions renderer/src/common/components/layout/top-nav/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -24,54 +24,74 @@ function TopNavLinks() {
<NavigationMenuList className="gap-0">
<NavigationMenuItem>
<NavigationMenuLink
className="app-region-no-drag text-muted-foreground hover:text-foreground
focus:text-foreground data-[status=active]:text-foreground
data-[status=active]:before:bg-foreground focus-visible:ring-ring/50 relative
px-3 py-2 text-sm transition-all outline-none hover:bg-transparent
focus:bg-transparent focus-visible:ring-[3px] focus-visible:outline-1
data-[status=active]:bg-transparent data-[status=active]:before:absolute
data-[status=active]:before:right-3 data-[status=active]:before:bottom-[-14px]
data-[status=active]:before:left-3 data-[status=active]:before:h-0.5
className="app-region-no-drag text-muted-foreground
hover:text-foreground focus:text-foreground
data-[status=active]:text-foreground
data-[status=active]:before:bg-foreground
focus-visible:ring-ring/50 relative px-3 py-2 text-sm
transition-all outline-none hover:bg-transparent
focus:bg-transparent focus-visible:ring-[3px]
focus-visible:outline-1 data-[status=active]:bg-transparent
data-[status=active]:before:absolute
data-[status=active]:before:right-3
data-[status=active]:before:bottom-[-14px]
data-[status=active]:before:left-3
data-[status=active]:before:h-0.5
data-[status=active]:before:rounded-t-[1px]
data-[status=active]:before:opacity-90 data-[status=active]:before:content-['']
data-[status=active]:before:opacity-90
data-[status=active]:before:content-['']
data-[status=active]:hover:bg-transparent
data-[status=active]:focus:bg-transparent data-[status=hover]:bg-transparent"
data-[status=active]:focus:bg-transparent
data-[status=hover]:bg-transparent"
asChild
>
<LinkViewTransition to="/">MCP Servers</LinkViewTransition>
</NavigationMenuLink>
</NavigationMenuItem>
<NavigationMenuItem>
<NavigationMenuLink
className="app-region-no-drag text-muted-foreground hover:text-foreground
focus:text-foreground data-[status=active]:text-foreground
data-[status=active]:before:bg-foreground focus-visible:ring-ring/50 relative
px-3 py-2 text-sm transition-all outline-none hover:bg-transparent
focus:bg-transparent focus-visible:ring-[3px] focus-visible:outline-1
data-[status=active]:bg-transparent data-[status=active]:before:absolute
data-[status=active]:before:right-3 data-[status=active]:before:bottom-[-14px]
data-[status=active]:before:left-3 data-[status=active]:before:h-0.5
className="app-region-no-drag text-muted-foreground
hover:text-foreground focus:text-foreground
data-[status=active]:text-foreground
data-[status=active]:before:bg-foreground
focus-visible:ring-ring/50 relative px-3 py-2 text-sm
transition-all outline-none hover:bg-transparent
focus:bg-transparent focus-visible:ring-[3px]
focus-visible:outline-1 data-[status=active]:bg-transparent
data-[status=active]:before:absolute
data-[status=active]:before:right-3
data-[status=active]:before:bottom-[-14px]
data-[status=active]:before:left-3
data-[status=active]:before:h-0.5
data-[status=active]:before:rounded-t-[1px]
data-[status=active]:before:opacity-90 data-[status=active]:before:content-['']
data-[status=active]:before:opacity-90
data-[status=active]:before:content-['']
data-[status=active]:hover:bg-transparent
data-[status=active]:focus:bg-transparent data-[status=hover]:bg-transparent"
data-[status=active]:focus:bg-transparent
data-[status=hover]:bg-transparent"
asChild
>
<LinkViewTransition to="/registry">Registry</LinkViewTransition>
</NavigationMenuLink>
</NavigationMenuItem>
<NavigationMenuItem>
<NavigationMenuLink
className="app-region-no-drag text-muted-foreground hover:text-foreground
focus:text-foreground data-[status=active]:text-foreground
data-[status=active]:before:bg-foreground focus-visible:ring-ring/50 relative
px-3 py-2 text-sm transition-all outline-none hover:bg-transparent
focus:bg-transparent focus-visible:ring-[3px] focus-visible:outline-1
data-[status=active]:bg-transparent data-[status=active]:before:absolute
data-[status=active]:before:right-3 data-[status=active]:before:bottom-[-14px]
data-[status=active]:before:left-3 data-[status=active]:before:h-0.5
className="app-region-no-drag text-muted-foreground
hover:text-foreground focus:text-foreground
data-[status=active]:text-foreground
data-[status=active]:before:bg-foreground
focus-visible:ring-ring/50 relative px-3 py-2 text-sm
transition-all outline-none hover:bg-transparent
focus:bg-transparent focus-visible:ring-[3px]
focus-visible:outline-1 data-[status=active]:bg-transparent
data-[status=active]:before:absolute
data-[status=active]:before:right-3
data-[status=active]:before:bottom-[-14px]
data-[status=active]:before:left-3
data-[status=active]:before:h-0.5
data-[status=active]:before:rounded-t-[1px]
data-[status=active]:before:opacity-90 data-[status=active]:before:content-['']
data-[status=active]:before:opacity-90
data-[status=active]:before:content-['']
data-[status=active]:hover:bg-transparent
data-[status=active]:focus:bg-transparent"
asChild
Expand All @@ -81,16 +101,22 @@ function TopNavLinks() {
</NavigationMenuItem>
<NavigationMenuItem>
<NavigationMenuLink
className="app-region-no-drag text-muted-foreground hover:text-foreground
focus:text-foreground data-[status=active]:text-foreground
data-[status=active]:before:bg-foreground focus-visible:ring-ring/50 relative
px-3 py-2 text-sm transition-all outline-none hover:bg-transparent
focus:bg-transparent focus-visible:ring-[3px] focus-visible:outline-1
data-[status=active]:bg-transparent data-[status=active]:before:absolute
data-[status=active]:before:right-3 data-[status=active]:before:bottom-[-14px]
data-[status=active]:before:left-3 data-[status=active]:before:h-0.5
className="app-region-no-drag text-muted-foreground
hover:text-foreground focus:text-foreground
data-[status=active]:text-foreground
data-[status=active]:before:bg-foreground
focus-visible:ring-ring/50 relative px-3 py-2 text-sm
transition-all outline-none hover:bg-transparent
focus:bg-transparent focus-visible:ring-[3px]
focus-visible:outline-1 data-[status=active]:bg-transparent
data-[status=active]:before:absolute
data-[status=active]:before:right-3
data-[status=active]:before:bottom-[-14px]
data-[status=active]:before:left-3
data-[status=active]:before:h-0.5
data-[status=active]:before:rounded-t-[1px]
data-[status=active]:before:opacity-90 data-[status=active]:before:content-['']
data-[status=active]:before:opacity-90
data-[status=active]:before:content-['']
data-[status=active]:hover:bg-transparent
data-[status=active]:focus:bg-transparent"
asChild
Expand Down
14 changes: 10 additions & 4 deletions renderer/src/common/components/layout/top-nav/window-controls.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -34,21 +34,26 @@ export function WindowControls() {
<Button
variant="ghost"
size="icon"
className="hover:bg-accent/50 hover:text-accent-foreground h-8 w-12 rounded-none"
className="hover:bg-accent/50 hover:text-accent-foreground h-8 w-12
rounded-none"
onClick={handleMinimize}
>
<Minus className="size-4" />
</Button>
<Button
variant="ghost"
size="icon"
className="hover:bg-accent/50 hover:text-accent-foreground h-8 w-12 rounded-none"
className="hover:bg-accent/50 hover:text-accent-foreground h-8 w-12
rounded-none"
onClick={handleMaximize}
>
{isMaximized ? (
<div className="relative size-4">
<div className="absolute inset-0 size-3 border border-current" />
<div className="bg-background absolute top-1 left-1 size-3 border border-current" />
<div
className="bg-background absolute top-1 left-1 size-3 border
border-current"
/>
</div>
) : (
<Square className="size-4" />
Expand All @@ -57,7 +62,8 @@ export function WindowControls() {
<Button
variant="ghost"
size="icon"
className="hover:bg-destructive hover:text-destructive-foreground h-8 w-12 rounded-none"
className="hover:bg-destructive hover:text-destructive-foreground h-8
w-12 rounded-none"
onClick={handleClose}
>
<X className="size-4" />
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -67,14 +67,17 @@ export function FormComboboxSecretStore<
aria-label="Secrets store"
>
<Command>
<div className="grid w-full grid-cols-[auto_calc(var(--spacing)_*_9)] items-end">
<div
className="grid w-full
grid-cols-[auto_calc(var(--spacing)_*_9)] items-end"
>
<CommandInput
placeholder="Search secrets..."
className="h-9"
/>
<div
className="ml-auto flex size-9 shrink-0 grow-0 items-center justify-center self-end
border-b"
className="ml-auto flex size-9 shrink-0 grow-0 items-center
justify-center self-end border-b"
>
<RefreshButton refresh={refetch} className="size-7" />
</div>
Expand Down
8 changes: 4 additions & 4 deletions renderer/src/common/components/theme/theme-toggle.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -24,12 +24,12 @@ export function ThemeToggle({ className }: { className?: string }) {
<DropdownMenuTrigger asChild className={className}>
<Button variant="ghost" size="icon" className="cursor-pointer">
<Sun
className="text-muted-foreground size-4 scale-100 rotate-0 transition-all dark:scale-0
dark:-rotate-90"
className="text-muted-foreground size-4 scale-100 rotate-0
transition-all dark:scale-0 dark:-rotate-90"
/>
<Moon
className="text-muted-foreground absolute size-4 scale-0 rotate-90 transition-all
dark:scale-100 dark:rotate-0"
className="text-muted-foreground absolute size-4 scale-0 rotate-90
transition-all dark:scale-100 dark:rotate-0"
/>
<span className="sr-only">Toggle theme</span>
</Button>
Expand Down
4 changes: 2 additions & 2 deletions renderer/src/common/components/ui/alert.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -55,8 +55,8 @@ function AlertDescription({
<div
data-slot="alert-description"
className={cn(
`text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm
[&_p]:leading-relaxed`,
`text-muted-foreground col-start-2 grid justify-items-start gap-1
text-sm [&_p]:leading-relaxed`,
className
)}
{...props}
Expand Down
9 changes: 5 additions & 4 deletions renderer/src/common/components/ui/card.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -7,8 +7,8 @@ function Card({ className, ...props }: React.ComponentProps<'div'>) {
<div
data-slot="card"
className={cn(
`bg-card text-card-foreground flex flex-col gap-3 rounded-md border border-none
py-4 shadow-none outline-none`,
`bg-card text-card-foreground flex flex-col gap-3 rounded-md border
border-none py-4 shadow-none outline-none`,
className
)}
{...props}
Expand All @@ -21,8 +21,9 @@ function CardHeader({ className, ...props }: React.ComponentProps<'div'>) {
<div
data-slot="card-header"
className={cn(
`@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start
gap-1.5 px-4 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6`,
`@container/card-header grid auto-rows-min grid-rows-[auto_auto]
items-start gap-1.5 px-4
has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6`,
className
)}
{...props}
Expand Down
7 changes: 4 additions & 3 deletions renderer/src/common/components/ui/checkbox.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -17,16 +17,17 @@ function Checkbox({
dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary
focus-visible:border-ring focus-visible:ring-ring/50
aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40
aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs
transition-shadow outline-none focus-visible:ring-[3px]
aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border
shadow-xs transition-shadow outline-none focus-visible:ring-[3px]
disabled:cursor-not-allowed disabled:opacity-50`,
className
)}
{...props}
>
<CheckboxPrimitive.Indicator
data-slot="checkbox-indicator"
className="flex items-center justify-center text-current transition-none"
className="flex items-center justify-center text-current
transition-none"
>
<CheckIcon className="size-3.5" />
</CheckboxPrimitive.Indicator>
Expand Down
Loading
Loading