From 5f653a4c9f7c76d461ee4377fb4e025771cff872 Mon Sep 17 00:00:00 2001
From: yyamashita <yyamashita@hetzner.yyamashita.com>
Date: Wed, 17 Jun 2026 22:27:47 +0900
Subject: Add image proxy endpoint to avoid mixed content issues

Serve external event images through /api/image?url=<encoded> so HTTP
image URLs from venue sites are fetched server-side and delivered over
HTTPS. Validates Content-Type is image/*, blocks private IPs (SSRF),
and caches responses in memory (24h TTL, 200-entry LRU).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 app/components/EventCard.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

(limited to 'app/components/EventCard.tsx')

diff --git a/app/components/EventCard.tsx b/app/components/EventCard.tsx
index 6651ff9..b23742d 100644
--- a/app/components/EventCard.tsx
+++ b/app/components/EventCard.tsx
@@ -1,5 +1,6 @@
 import { Link } from "react-router";
 import type { Event } from "~/lib/db.server";
+import { proxyImageUrl } from "~/lib/image-proxy";
 
 interface Props {
   event: Event;
@@ -16,7 +17,7 @@ export default function EventCard({ event }: Props) {
     >
       {event.image_url ? (
         <img
-          src={event.image_url}
+          src={proxyImageUrl(event.image_url)!}
           alt={event.title}
           className="h-36 w-full object-cover"
         />
-- 
cgit v1.2.3

