feat: use hackclub cdn for modal uploads

README.md

···
 API_URL="https://casual-renewing-reptile.ngrok-free.app"
 SENTRY_DSN="https://[e-mail]/xxxx"
 DATABASE_URL="postgres://username:password@host:5432/smokie"
+CDN_TOKEN="cdn_token"
 ```
 
 ## 📜 License

src/features/takes/handlers/settings.ts

···
 	HACKATIME_VERSIONS,
 	type HackatimeVersion,
 } from "../../../libs/hackatime";
+import { deployToHackClubCDN } from "../../../libs/cdn";
 
 export async function handleSettings(
 	triggerID: string,
···
 		const values = payload.view.state.values;
 		const userId = body.user.id;
 
-		const file = values.project_banner?.project_banner_input
-			?.files?.[0] as UploadedFile;
+		const file = [
+			values.project_banner?.project_banner_input?.files?.[0]
+				?.url_private_download as string,
+		];
 		try {
-			// If file is already public, use it directly
-			const fileData = file.is_public
-				? file
-				: (
-						await slackClient.files.sharedPublicURL({
-							file: file.id,
-							token: process.env.SLACK_USER_TOKEN,
-						})
-					).file;
-
-			const html = await (
-				await fetch(fileData?.permalink_public as string)
-			).text();
-			const projectBannerUrl = html.match(
-				/https:\/\/files.slack.com\/files-pri\/[^"]+pub_secret=([^"&]*)/,
-			)?.[0];
+			const projectBannerUrl = await deployToHackClubCDN(file).then(
+				(res) => res.files[0]?.deployedUrl,
+			);
 
 			const hackatimeVersion = values.hackatime_version
 				?.hackatime_version_input?.selected_option

src/libs/cdn.ts

···
+export type DeployedFile = {
+	deployedUrl: string;
+	file: string;
+	sha: string;
+	size: number;
+};
+
+export type DeployResponse = {
+	files: DeployedFile[];
+	cdnBase: string;
+};
+
+/**
+ * Deploys files to the Hack Club CDN
+ * @param fileUrls Array of URLs to deploy
+ * @param token Authorization token
+ * @param downloadToken Download authorization token
+ * @returns Promise that resolves to the deployment response
+ */
+export async function deployToHackClubCDN(
+	fileUrls: string[],
+): Promise<DeployResponse> {
+	const response = await fetch("https://cdn.hackclub.com/api/v3/new", {
+		method: "POST",
+		headers: {
+			Authorization: `Bearer ${process.env.CDN_TOKEN}`,
+			"X-Download-Authorization": `Bearer ${process.env.SLACK_BOT_TOKEN}`,
+			"Content-Type": "application/json",
+		},
+		body: JSON.stringify(fileUrls),
+	});
+
+	if (!response.ok) {
+		throw new Error(`Failed to deploy files: ${response.statusText}`);
+	}
+
+	return response.json();
+}