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 00:02:32 +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,102 @@
+import type { RightSidebarSection } from "@/libs/resume/section";
+import { Fragment, useCallback, useRef } from "react";
+import { match } from "ts-pattern";
+import { Button } from "@reactive-resume/ui/components/button";
+import { ScrollArea } from "@reactive-resume/ui/components/scroll-area";
+import { Separator } from "@reactive-resume/ui/components/separator";
+import { Copyright } from "@/components/ui/copyright";
+import { getSectionIcon, getSectionTitle, rightSidebarSections } from "@/libs/resume/section";
+import { BuilderSidebarEdge } from "../../-components/edge";
+import { useBuilderSidebar } from "../../-store/sidebar";
+import { DesignSectionBuilder } from "./sections/design";
+import { ExportSectionBuilder } from "./sections/export";
+import { InformationSectionBuilder } from "./sections/information";
+import { LayoutSectionBuilder } from "./sections/layout";
+import { NotesSectionBuilder } from "./sections/notes";
+import { PageSectionBuilder } from "./sections/page";
+import { ResumeAnalysisSectionBuilder } from "./sections/resume-analysis";
+import { SharingSectionBuilder } from "./sections/sharing";
+import { StatisticsSectionBuilder } from "./sections/statistics";
+import { TemplateSectionBuilder } from "./sections/template";
+import { TypographySectionBuilder } from "./sections/typography";
+
+function getSectionComponent(type: RightSidebarSection) {
+	return match(type)
+		.with("template", () => <TemplateSectionBuilder />)
+		.with("layout", () => <LayoutSectionBuilder />)
+		.with("typography", () => <TypographySectionBuilder />)
+		.with("design", () => <DesignSectionBuilder />)
+		.with("page", () => <PageSectionBuilder />)
+		.with("notes", () => <NotesSectionBuilder />)
+		.with("sharing", () => <SharingSectionBuilder />)
+		.with("statistics", () => <StatisticsSectionBuilder />)
+		.with("analysis", () => <ResumeAnalysisSectionBuilder />)
+		.with("export", () => <ExportSectionBuilder />)
+		.with("information", () => <InformationSectionBuilder />)
+		.exhaustive();
+}
+
+export function BuilderSidebarRight() {
+	const scrollAreaRef = useRef<HTMLDivElement | null>(null);
+
+	return (
+		<>
+			<SidebarEdge scrollAreaRef={scrollAreaRef} />
+
+			<ScrollArea
+				ref={scrollAreaRef}
+				className="@container h-[calc(100svh-3.5rem)] overflow-hidden bg-background sm:me-12"
+			>
+				<div className="space-y-4 p-4">
+					{rightSidebarSections.map((section) => (
+						<Fragment key={section}>
+							{getSectionComponent(section)}
+							<Separator />
+						</Fragment>
+					))}
+
+					<Copyright className="mx-auto py-2 text-center" />
+				</div>
+			</ScrollArea>
+		</>
+	);
+}
+
+type SidebarEdgeProps = {
+	scrollAreaRef: React.RefObject<HTMLDivElement | null>;
+};
+
+function SidebarEdge({ scrollAreaRef }: SidebarEdgeProps) {
+	const toggleSidebar = useBuilderSidebar((state) => state.toggleSidebar);
+
+	const scrollToSection = useCallback(
+		(section: RightSidebarSection) => {
+			if (!scrollAreaRef.current) return;
+			toggleSidebar("right", true);
+
+			const sectionElement = scrollAreaRef.current.querySelector(`#sidebar-${section}`);
+			sectionElement?.scrollIntoView({ block: "nearest", inline: "nearest", behavior: "smooth" });
+		},
+		[toggleSidebar, scrollAreaRef],
+	);
+
+	return (
+		<BuilderSidebarEdge side="right">
+			<div className="no-scrollbar min-h-0 w-full flex-1 overflow-y-auto overflow-x-hidden">
+				<div className="flex min-h-full flex-col items-center justify-center gap-y-2">
+					{rightSidebarSections.map((section) => (
+						<Button
+							key={section}
+							size="icon"
+							variant="ghost"
+							title={getSectionTitle(section)}
+							onClick={() => scrollToSection(section)}
+						>
+							{getSectionIcon(section)}
+						</Button>
+					))}
+				</div>
+			</div>
+		</BuilderSidebarEdge>
+	);
+}