Squashed commit of the following:

commit b2b0470a1d9267d042ec0ac66523c6635bf5b199 Author: Amruth Pillai <im.amruth@gmail.com> Date: Tue May 19 13:13:38 2026 +0200 chore: update .gitignore to include .vite-hooks and modify pnpm-lock.yaml for dependencies commit d28fadb5cd8706c874e616102878b4a394ec84c1 Author: Amruth Pillai <im.amruth@gmail.com> Date: Tue May 19 13:08:04 2026 +0200 fix: remove timestamp conflict guard commit c6998d9dbab19d09d3c8054feef1d2e4117555eb Author: Amruth Pillai <im.amruth@gmail.com> Date: Tue May 19 12:11:51 2026 +0200 chore(release): v5.1.5 commit f33d168711804880e1f12e88d24290aae16cc258 Author: Amruth Pillai <im.amruth@gmail.com> Date: Tue May 19 11:58:35 2026 +0200 revert: compose.yml commit d961e6535811a10c335525fb33a08d03e737278d Author: Amruth Pillai <im.amruth@gmail.com> Date: Tue May 19 11:58:08 2026 +0200 refactor(agent): replace 'revert' terminology with 'restore' for clarity, resolves #3086 commit 17f351171be218e33f01c469d95e4164d4c8dc57 Author: Amruth Pillai <im.amruth@gmail.com> Date: Tue May 19 11:10:41 2026 +0200 refactor(pdf): simplify sidebar section filtering and update summary feature logic commit d55179b9d76879e3204de185e8b53fadd0a107ed Author: Amruth Pillai <im.amruth@gmail.com> Date: Tue May 19 09:53:37 2026 +0200 chore: update pnpm-lock.yaml and turbo.json commit 7cade6980e1a04352536bd44ef773f338c4ef599 Author: Amruth Pillai <im.amruth@gmail.com> Date: Tue May 19 09:38:30 2026 +0200 fix(polyfill): add tested polyfill for Map Upsert methods commit 26d175bb9c53d93225d1e907678445252c13d660 Merge: 1cf33dc6c 5b1297fa2 Author: Amruth Pillai <im.amruth@gmail.com> Date: Tue May 19 09:23:29 2026 +0200 Merge remote-tracking branch 'origin/main' into feat/explore-hono-orpc-migration # Conflicts: # packages/api/src/services/agent-url.ts # packages/runtime-externals/package.json commit 1cf33dc6c9d81735730ad656e16dab6501c6d6a1 Author: Amruth Pillai <im.amruth@gmail.com> Date: Tue May 19 09:22:12 2026 +0200 chore: preserve branch changes before main sync commit b380a4b00fdbcdd81ff4f8ef72b330fd027ccda5 Author: Amruth Pillai <im.amruth@gmail.com> Date: Mon May 18 07:50:28 2026 +0200 chore: lot of fixes for monorepo migration commit 8fcf0ec64e1c29572ebaff494338368bfcf75760 Author: Amruth Pillai <im.amruth@gmail.com> Date: Fri May 15 13:57:17 2026 +0200 chore: update knip version and refine web app routing with new SEO endpoints commit 234e68086ff15610a93877354c98e2c020364533 Author: Amruth Pillai <im.amruth@gmail.com> Date: Fri May 15 12:10:06 2026 +0200 refactor(auth): update OAuth routes to include API prefix and remove unused schema endpoint commit 91c84b9a8496b0ce21d71cae9f8b2a027638c9ac Author: Amruth Pillai <im.amruth@gmail.com> Date: Fri May 15 11:54:29 2026 +0200 chore: update dependencies and enhance PWA metadata in web app commit 150117d4a5a9dd6cd92c64891aad8cae90f6a7af Author: Amruth Pillai <im.amruth@gmail.com> Date: Fri May 15 11:12:35 2026 +0200 docs: revise manifest-only pwa testing scope commit 6b939a55661aec9dd8122b184e4b60a5c7325fb5 Author: Amruth Pillai <im.amruth@gmail.com> Date: Fri May 15 11:11:33 2026 +0200 docs: add manifest-only pwa design commit 1422e1fc96c400948b273210a1067251087d15d4 Author: Amruth Pillai <im.amruth@gmail.com> Date: Fri May 15 11:05:04 2026 +0200 chore(dev): simplify server proxy config commit bc2ff5a9f6fda41e6c40333c8f163aa23a6c5e48 Author: Amruth Pillai <im.amruth@gmail.com> Date: Fri May 15 11:04:50 2026 +0200 docs: add unsafe oauth redirect plan commit 445359ebe9b96c1515bf1c4c3f73ba8a8448ec12 Author: Amruth Pillai <im.amruth@gmail.com> Date: Fri May 15 11:04:34 2026 +0200 feat(auth): add unsafe oauth redirect flag commit 73fffdd24598e56b2793f7657919bc794835892e Author: Amruth Pillai <im.amruth@gmail.com> Date: Fri May 15 10:55:02 2026 +0200 docs: design unsafe oauth redirect flag commit c0066aa19c15fc8a4c8e5179ed49889c117519f4 Author: Amruth Pillai <im.amruth@gmail.com> Date: Fri May 15 10:22:04 2026 +0200 chore: update translation source paths commit 9033da082418d252aafd6c2eed72f71f014be3d9 Author: Amruth Pillai <im.amruth@gmail.com> Date: Fri May 15 10:09:25 2026 +0200 refactor(arch): react spa + hono migration commit 6f27936c11bda895977dc63ee550c3346d4ce24b Author: Amruth Pillai <im.amruth@gmail.com> Date: Fri May 15 01:10:47 2026 +0200 docs: add docker nightly tagging design commit ecc1fd9a88a0ee1dca2f1977dfc17f74527fe1da Author: Amruth Pillai <im.amruth@gmail.com> Date: Thu May 14 20:05:44 2026 +0200 feat: migrate to hono spa server
2026-08-25 07:42:20 +10:00 · 2026-05-19 13:14:21 +02:00
parent 5b1297fa2b
commit 62f8270b3e
518 changed files with 29398 additions and 26871 deletions
@@ -0,0 +1,217 @@
+import type { CSSProperties } from "react";
+import type { PreviewPageSize, ResolvedResumePreviewProps } from "./preview.shared";
+import { AnimatePresence, motion } from "motion/react";
+import { useEffect, useRef, useState } from "react";
+import { cn } from "@reactive-resume/utils/style";
+import { createResumePdfBlob } from "@/features/resume/export/pdf-document";
+import { useResumeData } from "../builder/draft";
+import { PdfCanvasDocument, PdfCanvasPage } from "./pdf-canvas";
+import { getResumePreviewGapValue, getResumePreviewPageCount, ResumePreviewLoader } from "./preview.shared";
+
+type PreviewPdf = {
+	file: Blob;
+	id: number;
+	numPages: number;
+	pageSizes: Record<number, PreviewPageSize>;
+	phase: "active" | "exiting" | "staged";
+	renderedPages: number[];
+};
+
+const UPDATE_DEBOUNCE_MS = 100;
+const CROSSFADE_DURATION_MS = 180;
+
+const createPreviewPdf = (file: Blob, id: number, hasExistingPreview: boolean): PreviewPdf => ({
+	file,
+	id,
+	numPages: 0,
+	pageSizes: {},
+	phase: hasExistingPreview ? "staged" : "active",
+	renderedPages: [],
+});
+
+const addPreviewLayer = (layers: PreviewPdf[], nextPdf: PreviewPdf) => {
+	const activeLayers = layers.filter((layer) => layer.phase === "active");
+	return activeLayers.length === 0 ? [nextPdf] : [...activeLayers, nextPdf];
+};
+
+const getActivePreviewLayer = (layers: PreviewPdf[]) => layers.find((layer) => layer.phase === "active") ?? null;
+
+const setPreviewPageCount = (layers: PreviewPdf[], layerId: number, numPages: number) =>
+	layers.map((layer) => (layer.id === layerId ? { ...layer, numPages } : layer));
+
+const setPreviewPageSize = (layers: PreviewPdf[], layerId: number, pageNumber: number, pageSize: PreviewPageSize) =>
+	layers.map((layer) =>
+		layer.id === layerId
+			? {
+					...layer,
+					pageSizes: {
+						...layer.pageSizes,
+						[pageNumber]: pageSize,
+					},
+				}
+			: layer,
+	);
+
+const markPreviewPageRendered = (layers: PreviewPdf[], layerId: number, pageNumber: number) => {
+	let shouldPromoteLayer = false;
+
+	const nextLayers = layers.map((layer) => {
+		if (layer.id !== layerId || layer.renderedPages.includes(pageNumber)) return layer;
+
+		const renderedPages = [...layer.renderedPages, pageNumber];
+		const nextLayer = { ...layer, renderedPages };
+
+		if (layer.phase === "staged" && renderedPages.length >= layer.numPages) {
+			shouldPromoteLayer = true;
+			return { ...nextLayer, phase: "active" as const };
+		}
+
+		return nextLayer;
+	});
+
+	if (!shouldPromoteLayer) return nextLayers;
+
+	return nextLayers.map((layer) => {
+		if (layer.id === layerId) return layer;
+		if (layer.phase === "active") return { ...layer, phase: "exiting" as const };
+
+		return layer;
+	});
+};
+
+const removePreviewLayer = (layers: PreviewPdf[], layerId: number) => layers.filter((layer) => layer.id !== layerId);
+
+export function ResumePreviewClient({
+	className,
+	data,
+	pageGap = 16,
+	pageLayout,
+	pageScale,
+	pageClassName,
+	showPageNumbers,
+}: ResolvedResumePreviewProps) {
+	const builderResumeData = useResumeData();
+	const resumeData = data ?? builderResumeData;
+
+	const [previewLayers, setPreviewLayers] = useState<PreviewPdf[]>([]);
+
+	const pdfIdRef = useRef(0);
+	const requestIdRef = useRef(0);
+	const hasPreviewRef = useRef(false);
+
+	useEffect(() => {
+		if (!resumeData) return;
+
+		let cancelled = false;
+		const requestId = ++requestIdRef.current;
+		const delay = hasPreviewRef.current ? UPDATE_DEBOUNCE_MS : 0;
+
+		const generatePdfPreview = async () => {
+			try {
+				const blob = await createResumePdfBlob(resumeData);
+
+				if (cancelled || requestId !== requestIdRef.current) return;
+
+				const nextPdf = createPreviewPdf(blob, pdfIdRef.current++, hasPreviewRef.current);
+
+				hasPreviewRef.current = true;
+				setPreviewLayers((current) => addPreviewLayer(current, nextPdf));
+			} catch {}
+		};
+
+		const timeoutId = window.setTimeout(() => {
+			void generatePdfPreview();
+		}, delay);
+
+		return () => {
+			cancelled = true;
+			window.clearTimeout(timeoutId);
+		};
+	}, [resumeData]);
+
+	if (!resumeData) return null;
+
+	const visiblePdf = getActivePreviewLayer(previewLayers);
+	const resolvedPageGap = getResumePreviewGapValue(pageGap);
+
+	if (!visiblePdf) {
+		return (
+			<ResumePreviewLoader
+				pageCount={getResumePreviewPageCount(resumeData)}
+				pageClassName={pageClassName}
+				pageGap={pageGap}
+				pageLayout={pageLayout}
+				pageScale={pageScale}
+				showPageNumbers={showPageNumbers}
+			/>
+		);
+	}
+
+	return (
+		<div className={cn("grid", className)}>
+			<AnimatePresence initial={false}>
+				{previewLayers.map((visiblePdf) => (
+					<motion.div
+						key={visiblePdf.id}
+						aria-hidden={visiblePdf.phase !== "active"}
+						style={{ "--resume-preview-page-gap": resolvedPageGap } as CSSProperties}
+						className={cn("col-start-1 row-start-1", visiblePdf.phase !== "active" && "pointer-events-none")}
+						initial={{ opacity: visiblePdf.phase === "active" ? 1 : 0 }}
+						animate={{ opacity: visiblePdf.phase === "active" ? 1 : 0 }}
+						exit={{ opacity: 0 }}
+						transition={{ duration: CROSSFADE_DURATION_MS / 1000, ease: "easeOut" }}
+						onAnimationComplete={() => {
+							if (visiblePdf.phase !== "exiting") return;
+							setPreviewLayers((current) => removePreviewLayer(current, visiblePdf.id));
+						}}
+					>
+						<PdfCanvasDocument
+							file={visiblePdf.file}
+							onLoadSuccess={(document) => {
+								setPreviewLayers((current) => setPreviewPageCount(current, visiblePdf.id, document.numPages));
+							}}
+						>
+							{(document) => (
+								<div
+									className={cn(
+										"flex justify-start gap-(--resume-preview-page-gap)",
+										pageLayout === "horizontal" ? "flex-row items-start" : "flex-col items-center",
+									)}
+								>
+									{Array.from({ length: visiblePdf.numPages }, (_, index) => {
+										const pageNumber = index + 1;
+										const totalPages = visiblePdf.numPages;
+										const pageSize = visiblePdf.pageSizes[pageNumber];
+
+										return (
+											<PdfCanvasPage
+												key={`${visiblePdf.id}-${pageNumber}`}
+												document={document}
+												pageSize={pageSize}
+												pageNumber={pageNumber}
+												pageScale={pageScale}
+												totalPages={totalPages}
+												className={pageClassName}
+												showPageNumbers={showPageNumbers}
+												onLoadSuccess={(_, pageSize) => {
+													setPreviewLayers((current) =>
+														setPreviewPageSize(current, visiblePdf.id, pageNumber, pageSize),
+													);
+												}}
+												onRenderSuccess={() => {
+													if (visiblePdf.phase !== "staged") return;
+
+													setPreviewLayers((current) => markPreviewPageRendered(current, visiblePdf.id, pageNumber));
+												}}
+											/>
+										);
+									})}
+								</div>
+							)}
+						</PdfCanvasDocument>
+					</motion.div>
+				))}
+			</AnimatePresence>
+		</div>
+	);
+}