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-24 23:32:19 +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,182 @@
+import type z from "zod";
+import type { DialogProps } from "@/dialogs/store";
+import { t } from "@lingui/core/macro";
+import { Trans } from "@lingui/react/macro";
+import { PencilSimpleLineIcon, PlusIcon } from "@phosphor-icons/react";
+import { useStore } from "@tanstack/react-form";
+import { languageItemSchema } from "@reactive-resume/schema/resume/data";
+import { Button } from "@reactive-resume/ui/components/button";
+import {
+	DialogContent,
+	DialogDescription,
+	DialogFooter,
+	DialogHeader,
+	DialogTitle,
+} from "@reactive-resume/ui/components/dialog";
+import { FormControl, FormDescription, FormItem, FormLabel, FormMessage } from "@reactive-resume/ui/components/form";
+import { Slider } from "@reactive-resume/ui/components/slider";
+import { useUpdateResumeData } from "@/components/resume/use-resume";
+import { useDialogStore } from "@/dialogs/store";
+import { useFormBlocker } from "@/hooks/use-form-blocker";
+import { makeSectionItem } from "@/libs/resume/make-section-item";
+import { createSectionItem, updateSectionItem } from "@/libs/resume/section-actions";
+import { useAppForm, withForm } from "@/libs/tanstack-form";
+
+const formSchema = languageItemSchema;
+
+type FormValues = z.infer<typeof formSchema>;
+
+const defaultValues: FormValues = {
+	id: "",
+	hidden: false,
+	language: "",
+	fluency: "",
+	level: 0,
+};
+
+export function CreateLanguageDialog({ data }: DialogProps<"resume.sections.languages.create">) {
+	const closeDialog = useDialogStore((state) => state.closeDialog);
+	const updateResumeData = useUpdateResumeData();
+
+	const form = useAppForm({
+		defaultValues: makeSectionItem(defaultValues, data?.item),
+		validators: { onSubmit: formSchema },
+		onSubmit: async ({ value }) => {
+			updateResumeData((draft) => {
+				createSectionItem(draft, "languages", value, data?.customSectionId);
+			});
+			closeDialog();
+		},
+	});
+
+	const { requestClose } = useFormBlocker(form);
+	const isSubmitting = useStore(form.store, (state) => state.isSubmitting);
+
+	return (
+		<DialogContent>
+			<DialogHeader>
+				<DialogTitle className="flex items-center gap-x-2">
+					<PlusIcon />
+					<Trans>Create a new language</Trans>
+				</DialogTitle>
+				<DialogDescription />
+			</DialogHeader>
+
+			<form
+				className="grid gap-4 sm:grid-cols-2"
+				onSubmit={(event) => {
+					event.preventDefault();
+					event.stopPropagation();
+					void form.handleSubmit();
+				}}
+			>
+				<LanguageForm form={form} />
+
+				<DialogFooter className="sm:col-span-full">
+					<Button variant="ghost" onClick={requestClose}>
+						<Trans>Cancel</Trans>
+					</Button>
+
+					<Button type="submit" disabled={isSubmitting}>
+						<Trans>Create</Trans>
+					</Button>
+				</DialogFooter>
+			</form>
+		</DialogContent>
+	);
+}
+
+export function UpdateLanguageDialog({ data }: DialogProps<"resume.sections.languages.update">) {
+	const closeDialog = useDialogStore((state) => state.closeDialog);
+	const updateResumeData = useUpdateResumeData();
+
+	const form = useAppForm({
+		defaultValues: data.item,
+		validators: { onSubmit: formSchema },
+		onSubmit: async ({ value }) => {
+			updateResumeData((draft) => {
+				updateSectionItem(draft, "languages", value, data?.customSectionId);
+			});
+			closeDialog();
+		},
+	});
+
+	const { requestClose } = useFormBlocker(form);
+	const isSubmitting = useStore(form.store, (state) => state.isSubmitting);
+
+	return (
+		<DialogContent>
+			<DialogHeader>
+				<DialogTitle className="flex items-center gap-x-2">
+					<PencilSimpleLineIcon />
+					<Trans>Update an existing language</Trans>
+				</DialogTitle>
+				<DialogDescription />
+			</DialogHeader>
+
+			<form
+				className="grid gap-4 sm:grid-cols-2"
+				onSubmit={(event) => {
+					event.preventDefault();
+					event.stopPropagation();
+					void form.handleSubmit();
+				}}
+			>
+				<LanguageForm form={form} />
+
+				<DialogFooter className="sm:col-span-full">
+					<Button variant="ghost" onClick={requestClose}>
+						<Trans>Cancel</Trans>
+					</Button>
+
+					<Button type="submit" disabled={isSubmitting}>
+						<Trans>Save Changes</Trans>
+					</Button>
+				</DialogFooter>
+			</form>
+		</DialogContent>
+	);
+}
+
+const LanguageForm = withForm({
+	defaultValues,
+	render: ({ form }) => {
+		return (
+			<>
+				<form.AppField name="language">{(field) => <field.TextField label={<Trans>Language</Trans>} />}</form.AppField>
+
+				<form.AppField name="fluency">{(field) => <field.TextField label={<Trans>Fluency</Trans>} />}</form.AppField>
+
+				<form.Field name="level">
+					{(field) => (
+						<FormItem
+							className="gap-4 sm:col-span-full"
+							hasError={field.state.meta.isTouched && field.state.meta.errors.length > 0}
+						>
+							<FormLabel>
+								<Trans>Level</Trans>
+							</FormLabel>
+							<FormControl
+								render={
+									<Slider
+										min={0}
+										max={5}
+										step={1}
+										value={[field.state.value]}
+										onValueChange={(value) => {
+											field.handleChange(Array.isArray(value) ? value[0] : value);
+										}}
+									/>
+								}
+							/>
+							<FormMessage errors={field.state.meta.errors} />
+							<FormDescription>
+								{Number(field.state.value) === 0 ? t`Hidden` : `${field.state.value} / 5`}
+							</FormDescription>
+						</FormItem>
+					)}
+				</form.Field>
+			</>
+		);
+	},
+});