feat: just redirect to image

manifest.yaml

···
 display_information:
-  name: Tacy
+  name: tacy
   description: Automatically uploads files to R2 and provides public URLs
-  background_color: "#16302b"
+  background_color: "#0e2d52"
 features:
   bot_user:
     display_name: Tacy
···
       - files:read
       - reactions:write
       - chat:write
+      - im:history
+      - channels:history
 settings:
   event_subscriptions:
     request_url: https://l4.dunkirk.sh/slack/events
     bot_events:
       - message.channels
-      - message.groups
       - message.im
-      - message.mpim
   org_deploy_enabled: false
   socket_mode_enabled: false
   token_rotation_enabled: false

src/index.ts

···
 		return new Response("Not found", { status: 404 });
 	}
 
-	// Prevent infinite loops
-	if (/image-resizing/.test(request.headers.get("via") || "")) {
-		const object = await env.IMAGES.get(imageKey);
-		if (!object) {
-			return new Response("Not found", { status: 404 });
-		}
-		return new Response(object.body, {
-			headers: {
-				"Content-Type":
-					object.httpMetadata?.contentType || "application/octet-stream",
-				"Cache-Control": "public, max-age=31536000",
-			},
-		});
-	}
-
-	// Parse transformation params
-	const width = url.searchParams.get("w");
-	const height = url.searchParams.get("h");
-	const quality = url.searchParams.get("q") || "85";
-	const format = url.searchParams.get("f") || "auto";
-	const fit = url.searchParams.get("fit") || "scale-down";
-
-	// Check cache first
-	const cacheKey = new Request(url.toString(), request);
-	const cache = caches.default;
-	let response = await cache.match(cacheKey);
-	if (response) {
-		return response;
-	}
-
-	// Fetch from R2
-	const object = await env.IMAGES.get(imageKey);
+	// Verify object exists before redirecting
+	const object = await env.IMAGES.head(imageKey);
 	if (!object) {
 		return new Response("Not found", { status: 404 });
 	}
 
-	// In local dev, Cloudflare image transformations don't work
-	// So we just serve the original image
-	const isLocalDev =
-		url.hostname === "localhost" || url.hostname.includes("127.0.0.1");
-
-	if (isLocalDev) {
-		const headers = new Headers();
-		headers.set(
-			"Content-Type",
-			object.httpMetadata?.contentType || "image/png",
-		);
-		headers.set("Cache-Control", "public, max-age=31536000");
-		return new Response(object.body, { headers });
-	}
-
-	// Build image transformation options
-	const imageOptions: any = {
-		quality: parseInt(quality),
-		format,
-		fit,
-	};
-
-	if (width) imageOptions.width = parseInt(width);
-	if (height) imageOptions.height = parseInt(height);
-
-	// Determine format based on Accept header if auto
-	if (format === "auto") {
-		const accept = request.headers.get("accept") || "";
-		if (/image\/avif/.test(accept)) {
-			imageOptions.format = "avif";
-		} else if (/image\/webp/.test(accept)) {
-			imageOptions.format = "webp";
-		}
-	}
-
-	// Fetch and transform
-	const imageResponse = await fetch(request.url, {
-		cf: {
-			image: imageOptions,
-		},
-	});
-
-	// Clone response with cache headers
-	response = new Response(imageResponse.body, imageResponse);
-	response.headers.set(
-		"Cache-Control",
-		"public, max-age=31536000, s-maxage=86400",
-	);
-	response.headers.set("Vary", "Accept");
-
-	// Cache asynchronously
-	ctx.waitUntil(cache.put(cacheKey, response.clone()));
-
-	return response;
+	// Redirect to R2 public URL - much more efficient than proxying
+	const r2PublicUrl = `${env.R2_PUBLIC_URL}/${imageKey}`;
+	return Response.redirect(r2PublicUrl, 307);
 }
 
 async function handleImageUpload(
···
 	IMAGES: R2Bucket;
 	AUTH_TOKEN: string;
 	PUBLIC_URL: string;
+	R2_PUBLIC_URL: string;
 	ALLOWED_CHANNELS?: string;
 }

wrangler.toml

···
 
 [vars]
 PUBLIC_URL = "https://l4.dunkirk.sh"
+R2_PUBLIC_URL = "https://pub-3a6e58e5ca3b4847b3247131f8e7b413.r2.dev"
 ALLOWED_CHANNELS = "C08EKUY7QVA"  # Comma-separated channel IDs
 
 # Set secrets: