v5.1.0 (#2970)

* chore(release): v5.1.0 * feat: implement resume thumbnails * fix: remove unused mcp tools * docs: fix formatting of docs
2026-08-26 08:12:20 +10:00 · 2026-05-07 15:12:33 +02:00
parent 51c366310e
commit 50ba37a27f
1015 changed files with 106087 additions and 141872 deletions
@@ -0,0 +1,199 @@
+import type { MessageDescriptor } from "@lingui/core";
+import { msg } from "@lingui/core/macro";
+import { useLingui } from "@lingui/react";
+import { Trans } from "@lingui/react/macro";
+import {
+	BrainIcon,
+	GearSixIcon,
+	KeyIcon,
+	ReadCvLogoIcon,
+	ShieldCheckIcon,
+	UserCircleIcon,
+	WarningIcon,
+} from "@phosphor-icons/react";
+import { Link } from "@tanstack/react-router";
+import { AnimatePresence, motion } from "motion/react";
+import { Avatar, AvatarFallback, AvatarImage } from "@reactive-resume/ui/components/avatar";
+import { BrandIcon } from "@reactive-resume/ui/components/brand-icon";
+import {
+	Sidebar,
+	SidebarContent,
+	SidebarFooter,
+	SidebarGroup,
+	SidebarGroupContent,
+	SidebarGroupLabel,
+	SidebarHeader,
+	SidebarMenu,
+	SidebarMenuButton,
+	SidebarMenuItem,
+	SidebarRail,
+	SidebarSeparator,
+	useSidebarState,
+} from "@reactive-resume/ui/components/sidebar";
+import { getInitials } from "@reactive-resume/utils/string";
+import { Copyright } from "@/components/ui/copyright";
+import { UserDropdownMenu } from "@/components/user/dropdown-menu";
+
+type SidebarItem = {
+	icon: React.ReactNode;
+	label: MessageDescriptor;
+	href: React.ComponentProps<typeof Link>["to"];
+};
+
+const appSidebarItems = [
+	{
+		icon: <ReadCvLogoIcon />,
+		label: msg`Resumes`,
+		href: "/dashboard/resumes",
+	},
+] as const satisfies SidebarItem[];
+
+const settingsSidebarItems = [
+	{
+		icon: <UserCircleIcon />,
+		label: msg`Profile`,
+		href: "/dashboard/settings/profile",
+	},
+	{
+		icon: <GearSixIcon />,
+		label: msg`Preferences`,
+		href: "/dashboard/settings/preferences",
+	},
+	{
+		icon: <ShieldCheckIcon />,
+		label: msg`Authentication`,
+		href: "/dashboard/settings/authentication",
+	},
+	{
+		icon: <KeyIcon />,
+		label: msg`API Keys`,
+		href: "/dashboard/settings/api-keys",
+	},
+	{
+		icon: <BrainIcon />,
+		label: msg`Integrations`,
+		href: "/dashboard/settings/integrations",
+	},
+	{
+		icon: <WarningIcon />,
+		label: msg`Danger Zone`,
+		href: "/dashboard/settings/danger-zone",
+	},
+] as const satisfies SidebarItem[];
+
+type SidebarItemListProps = {
+	items: readonly SidebarItem[];
+};
+
+function SidebarItemList({ items }: SidebarItemListProps) {
+	const { i18n } = useLingui();
+
+	return (
+		<SidebarMenu>
+			{items.map((item) => (
+				<SidebarMenuItem key={item.href}>
+					<SidebarMenuButton
+						title={i18n.t(item.label)}
+						render={
+							<Link to={item.href} activeProps={{ className: "bg-sidebar-accent" }}>
+								{item.icon}
+								<span className="shrink-0 transition-[margin,opacity] duration-200 ease-in-out group-data-[collapsible=icon]:-ms-8 group-data-[collapsible=icon]:opacity-0">
+									{i18n.t(item.label)}
+								</span>
+							</Link>
+						}
+					/>
+				</SidebarMenuItem>
+			))}
+		</SidebarMenu>
+	);
+}
+
+export function DashboardSidebar() {
+	const { state } = useSidebarState();
+
+	return (
+		<Sidebar variant="floating" collapsible="icon">
+			<SidebarHeader>
+				<SidebarMenu>
+					<SidebarMenuItem>
+						<SidebarMenuButton
+							className="h-auto justify-center"
+							render={
+								<Link to="/">
+									<BrandIcon variant="icon" className="size-6" />
+									<h1 className="sr-only">Reactive Resume</h1>
+								</Link>
+							}
+						/>
+					</SidebarMenuItem>
+				</SidebarMenu>
+			</SidebarHeader>
+
+			<SidebarSeparator />
+
+			<SidebarContent>
+				<SidebarGroup>
+					<SidebarGroupLabel>
+						<Trans>App</Trans>
+					</SidebarGroupLabel>
+					<SidebarGroupContent>
+						<SidebarItemList items={appSidebarItems} />
+					</SidebarGroupContent>
+				</SidebarGroup>
+
+				<SidebarGroup>
+					<SidebarGroupLabel>
+						<Trans>Settings</Trans>
+					</SidebarGroupLabel>
+					<SidebarGroupContent>
+						<SidebarItemList items={settingsSidebarItems} />
+					</SidebarGroupContent>
+				</SidebarGroup>
+			</SidebarContent>
+
+			<SidebarSeparator />
+
+			<SidebarFooter className="gap-y-0">
+				<SidebarMenu>
+					<SidebarMenuItem>
+						<UserDropdownMenu>
+							{({ session }) => (
+								<SidebarMenuButton className="h-auto gap-x-3 group-data-[collapsible=icon]:p-1!">
+									<Avatar className="size-8 shrink-0 transition-all group-data-[collapsible=icon]:size-6">
+										<AvatarImage src={session.user.image ?? undefined} />
+										<AvatarFallback className="group-data-[collapsible=icon]:text-[0.5rem]">
+											{getInitials(session.user.name)}
+										</AvatarFallback>
+									</Avatar>
+
+									<div className="transition-[margin,opacity] duration-200 ease-in-out group-data-[collapsible=icon]:-ms-8 group-data-[collapsible=icon]:opacity-0">
+										<p className="font-medium">{session.user.name}</p>
+										<p className="text-muted-foreground text-xs">{session.user.email}</p>
+									</div>
+								</SidebarMenuButton>
+							)}
+						</UserDropdownMenu>
+					</SidebarMenuItem>
+				</SidebarMenu>
+
+				<AnimatePresence>
+					{state === "expanded" && (
+						<motion.div
+							key="copyright"
+							className="will-change-[transform,opacity]"
+							initial={{ y: 12, opacity: 0 }}
+							animate={{ y: 0, opacity: 1 }}
+							exit={{ y: 12, opacity: 0 }}
+							transition={{ duration: 0.2, ease: "easeOut" }}
+						>
+							<Copyright className="wrap-break-word shrink-0 whitespace-normal p-2" />
+						</motion.div>
+					)}
+				</AnimatePresence>
+			</SidebarFooter>
+
+			<SidebarRail />
+		</Sidebar>
+	);
+}