From dc49eb961fc0998c6972fc7cec0d1cbb2d5c214e Mon Sep 17 00:00:00 2001
From: Dylan Pizzo <dylan@dylanpizzo.email>
Date: Wed, 8 Jan 2025 19:19:21 -0800
Subject: [PATCH] account for preview when sizing the title

---
 src/cards.ts |  2 +-
 src/draw.ts  | 10 ++++++++--
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/cards.ts b/src/cards.ts
index 81800dd..b013932 100644
--- a/src/cards.ts
+++ b/src/cards.ts
@@ -103,7 +103,7 @@ export const cards: DominionCard[] = [
 		image: "",
 		artist: "",
 		author: "Dylan",
-		version: "0.1",
+		version: "0.2",
 		cost: "$3",
 		preview: "$?",
 		expansionIcon,
diff --git a/src/draw.ts b/src/draw.ts
index 4009a08..95d4af9 100644
--- a/src/draw.ts
+++ b/src/draw.ts
@@ -290,10 +290,16 @@ const drawStandardCard = async (
 	context.drawImage(colorImage(getImage("card-brown"), "#ff9911"), 0, 0);
 	// Draw the name
 	context.fillStyle = colors.titleText;
+	context.font = "90pt DominionText";
+	const previewMeasure = await measureDominionText(
+		context,
+		parse(card.preview ?? "")
+	);
 	size = 78;
 	context.font = `${size}pt DominionTitle`;
 	while (
-		(await measureDominionText(context, parse(card.title))).width > 1050
+		(await measureDominionText(context, parse(card.title))).width >
+		1050 - previewMeasure.width * 1.5
 	) {
 		size -= 1;
 		context.font = `${size}pt DominionTitle`;
@@ -356,7 +362,7 @@ const drawStandardCard = async (
 		await renderDominionText(context, parse(card.preview), 200, 210);
 		await renderDominionText(context, parse(card.preview), w - 200, 210);
 	}
-	// Draw the icon
+	// Draw the expansion icon
 	// Draw the author credit
 	context.fillStyle = "white";
 	context.font = "31pt DominionText";