[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_315":316,"_317":318},"routes/_app.x.$handle.$name",{"_97":96,"_32":46,"_105":87,"_27":106,"_13":14,"_107":-5,"_11":108,"_109":110,"_111":112,"_113":114,"_115":116,"_20":-5,"_117":-5,"_118":-5,"_119":25,"_120":121,"_122":59,"_123":-5,"_124":-5,"_125":126},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":59,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":80,"_81":82,"_83":84,"_85":25},"version",16,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","backend/routes/upload.ts","latestPath","fileId","9eb35632-9caa-11f0-8f29-0224a6c84d84","name","upload.ts","fileType","script","content","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { blob } from \"https://esm.town/v/std/blob\";\nimport { extractEventFromImage } from \"../utils/ai.ts\";\nimport type { UploadResponse, ExtractedEvent } from \"../../shared/types.ts\";\n\nconst upload = new Hono();\n\nupload.post(\"/\", async (c) => {\n try {\n const formData = await c.req.formData();\n const file = formData.get(\"photo\") as File;\n \n if (!file) {\n return c.json({ \n success: false, \n error: \"No photo uploaded\" \n }, 400);\n }\n\n // Validate file type\n if (!file.type.startsWith(\"image/\")) {\n return c.json({ \n success: false, \n error: \"File must be an image\" \n }, 400);\n }\n\n // Generate unique ID for this photo\n const photoId = `photo_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;\n \n // Convert to base64 for AI analysis\n const arrayBuffer = await file.arrayBuffer();\n const base64 = btoa(String.fromCharCode(...new Uint8Array(arrayBuffer)));\n \n // Store the original image\n await blob.set(photoId, arrayBuffer);\n \n // Extract event information using AI\n const extraction = await extractEventFromImage(base64);\n \n if (!extraction.title || !extraction.date) {\n return c.json({\n success: false,\n error: \"Could not extract event title and date from the image. Please make sure the image shows a clear flyer or poster with event information.\"\n }, 400);\n }\n\n const photoUrl = `${new URL(c.req.url).origin}/api/photo/${photoId}`;\n \n const event: ExtractedEvent = {\n title: extraction.title,\n date: extraction.date,\n photoUrl,\n photoId\n };\n\n return c.json({\n success: true,\n event\n });\n\n } catch (error) {\n console.error(\"Upload error:\", error);\n return c.json({ \n success: false, \n error: \"Failed to process image\" \n }, 500);\n }\n});\n\n// Serve uploaded photos\nupload.get(\"/photo/:id\", async (c) => {\n const photoId = c.req.param(\"id\");\n \n try {\n const imageData = await blob.get(photoId);\n if (!imageData) {\n return c.notFound();\n }\n\n return new Response(imageData, {\n headers: {\n \"Content-Type\": \"image/jpeg\",\n \"Cache-Control\": \"public, max-age=31536000\"\n }\n });\n } catch (error) {\n console.error(\"Error serving photo:\", error);\n return c.notFound();\n }\n});\n\nexport default upload;","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { blob } from \"https://esm.town/v/std/blob\";\nimport { extractEventFromImage } from \"../utils/ai.ts\";\nimport { arrayBufferToBase64 } from \"../utils/image.ts\";\nimport type { UploadResponse, ExtractedEvent } from \"../../shared/types.ts\";\n\nconst upload = new Hono();\n\nupload.post(\"/\", async (c) => {\n try {\n const formData = await c.req.formData();\n const file = formData.get(\"photo\") as File;\n \n if (!file) {\n return c.json({ \n success: false, \n error: \"No photo uploaded\" \n }, 400);\n }\n\n // Validate file type\n if (!file.type.startsWith(\"image/\")) {\n return c.json({ \n success: false, \n error: \"File must be an image\" \n }, 400);\n }\n\n // Generate unique ID for this photo\n const photoId = `photo_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;\n \n // Convert to base64 for AI analysis\n const arrayBuffer = await file.arrayBuffer();\n const base64 = btoa(String.fromCharCode(...new Uint8Array(arrayBuffer)));\n \n // Store the original image\n await blob.set(photoId, arrayBuffer);\n \n // Extract event information using AI\n const extraction = await extractEventFromImage(base64);\n \n if (!extraction.title || !extraction.date) {\n return c.json({\n success: false,\n error: \"Could not extract event title and date from the image. Please make sure the image shows a clear flyer or poster with event information.\"\n }, 400);\n }\n\n const photoUrl = `${new URL(c.req.url).origin}/api/photo/${photoId}`;\n \n const event: ExtractedEvent = {\n title: extraction.title,\n date: extraction.date,\n photoUrl,\n photoId\n };\n\n return c.json({\n success: true,\n event\n });\n\n } catch (error) {\n console.error(\"Upload error:\", error);\n return c.json({ \n success: false, \n error: \"Failed to process image\" \n }, 500);\n }\n});\n\n// Serve uploaded photos\nupload.get(\"/photo/:id\", async (c) => {\n const photoId = c.req.param(\"id\");\n \n try {\n const imageData = await blob.get(photoId);\n if (!imageData) {\n return c.notFound();\n }\n\n return new Response(imageData, {\n headers: {\n \"Content-Type\": \"image/jpeg\",\n \"Cache-Control\": \"public, max-age=31536000\"\n }\n });\n } catch (error) {\n console.error(\"Error serving photo:\", error);\n return c.notFound();\n }\n});\n\nexport default upload;","createdAt",["D",1759091836801],"branchVersion","branchId","a36f93ee-9ca9-11f0-a12e-0224a6c84d84","id","a36f3fe8-9ca9-11f0-a12e-0224a6c84d84","photocal",["D",1759091285382],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","cea41dc4-b4c3-4a38-8ee6-ee9b5960fda2","pinnedFileId","ad4bbbf8-9caa-11f0-ad17-0224a6c84d84","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","dbeafde9-66b9-4cff-8625-2da1195a1c5d","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_97":96,"_104":100},"org",{"_97":96,"_98":-5,"_99":100,"_18":55,"_101":102,"_103":25},"branch",{"_13":86,"_32":87,"_44":43,"_88":45,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":46,"_95":96},"isOwned",20,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","halffullheart","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaGQyZVFDeXM0U3YzNkpjdHpudnBqcHRtOGQifQ","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_44":45,"_32":46,"_39":311,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":59,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":312,"_81":313,"_83":314,"_85":25},"tree",[170,178,186,188],"files",[170,171,172,173,174,175,176,177,178,179,180,181,182,183,184,185,186,187,188],"counts",{"_160":63,"_161":135,"_162":63,"_163":164,"_165":166},"contents",[127,128,129,130],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_44":154,"_32":155,"_30":156,"_134":-5,"_42":43,"_41":157,"_136":59,"_39":158,"_13":63,"_34":146,"_36":-5,"_24":25,"_139":-5,"_27":159},{"_44":148,"_32":149,"_30":150,"_134":-5,"_42":43,"_41":151,"_136":59,"_39":152,"_13":63,"_34":146,"_36":-5,"_24":25,"_139":-5,"_27":153},{"_44":141,"_32":142,"_30":143,"_134":-5,"_42":43,"_41":144,"_136":59,"_39":145,"_13":63,"_34":146,"_36":-5,"_24":25,"_139":-5,"_27":147},{"_44":131,"_32":132,"_30":133,"_134":-5,"_42":43,"_41":135,"_136":25,"_39":137,"_13":63,"_34":20,"_36":138,"_24":25,"_139":-5,"_27":140},"7d7857e2-9caa-11f0-9259-0224a6c84d84","README.md","7d7858aa-9caa-11f0-9259-0224a6c84d84","parentId",1,"latest",["D",1759091651182],"# Event Extractor App\n\nA mobile-optimized app that extracts event information from photos of flyers and posters.\n\n## Features\n\n- Mobile-optimized photo upload (camera or gallery)\n- Automatic image resizing for storage efficiency\n- AI-powered title and date extraction from flyers/posters\n- Calendar event generation (.ics file download)\n- Photo storage and viewing\n\n## Project Structure\n\n```\n├── backend/\n│ ├── index.ts # Main Hono server\n│ ├── routes/\n│ │ ├── upload.ts # Photo upload and processing\n│ │ ├── calendar.ts # ICS file generation\n│ │ └── static.ts # Static file serving\n│ └── utils/\n│ ├── image.ts # Image processing utilities\n│ └── ai.ts # AI analysis utilities\n├── frontend/\n│ ├── index.html # Main HTML template\n│ ├── index.tsx # Frontend React app\n│ ├── components/\n│ │ ├── App.tsx # Main app component\n│ │ ├── UploadForm.tsx # Photo upload form\n│ │ └── EventDisplay.tsx # Event details display\n│ └── style.css # Custom styles\n└── shared/\n └── types.ts # Shared TypeScript types\n```\n\n## Usage\n\n1. Open the app on mobile\n2. Take a photo or upload an image of a flyer/poster\n3. Wait for AI analysis to extract title and date\n4. Review the extracted information\n5. Tap \"Add to Calendar\" to download the .ics file","label",[132],"806a49f6-9caa-11f0-a6b2-0224a6c84d84","shared","c4306f65-0021-4a8a-96b8-9ddc64a048fd",2,["D",1759091656118],"directory",[142],"b5ba3490-9caa-11f0-975e-0224a6c84d84","frontend","543c874c-b61a-42f9-bb22-1d20809564a8",8,["D",1759091745567],[149],"87f8cddc-9caa-11f0-99aa-0224a6c84d84","backend","cc64b794-b9c7-44ca-b584-0d039686f47a",3,["D",1759091668796],[155],"pulls","branches","forks","envVars",{"_167":63,"_169":63},"connections",{"_167":63,"_168":63},"count","unfilledCount","emptyCount",{"_44":154,"_32":155,"_30":156,"_134":-5,"_42":43,"_41":157,"_136":59,"_39":308,"_13":63,"_34":146,"_36":-5,"_24":25,"_139":-5,"_190":309,"_27":310},{"_44":303,"_32":294,"_30":290,"_134":156,"_42":43,"_41":304,"_136":59,"_39":305,"_13":63,"_34":146,"_36":-5,"_24":25,"_139":-5,"_190":306,"_27":307},{"_44":295,"_32":296,"_30":297,"_134":290,"_42":43,"_41":298,"_136":59,"_39":299,"_13":63,"_34":35,"_36":300,"_24":25,"_139":-5,"_190":301,"_27":302},{"_44":289,"_32":33,"_30":31,"_134":290,"_42":43,"_41":14,"_136":25,"_39":291,"_13":135,"_34":35,"_36":38,"_24":25,"_139":-5,"_190":292,"_27":293},{"_44":285,"_32":276,"_30":270,"_134":156,"_42":43,"_41":157,"_136":59,"_39":286,"_13":63,"_34":146,"_36":-5,"_24":25,"_139":-5,"_190":287,"_27":288},{"_44":277,"_32":278,"_30":279,"_134":270,"_42":43,"_41":280,"_136":59,"_39":281,"_13":63,"_34":35,"_36":282,"_24":25,"_139":-5,"_190":283,"_27":284},{"_44":267,"_32":268,"_30":269,"_134":270,"_42":43,"_41":271,"_136":59,"_39":272,"_13":135,"_34":35,"_36":273,"_24":25,"_139":-5,"_190":274,"_27":275},{"_44":259,"_32":260,"_30":57,"_134":156,"_42":43,"_41":261,"_136":59,"_39":262,"_13":135,"_34":263,"_36":264,"_24":25,"_139":-5,"_190":265,"_27":266},{"_44":148,"_32":149,"_30":150,"_134":-5,"_42":43,"_41":151,"_136":59,"_39":256,"_13":63,"_34":146,"_36":-5,"_24":25,"_139":-5,"_190":257,"_27":258},{"_44":252,"_32":235,"_30":229,"_134":150,"_42":43,"_41":230,"_136":59,"_39":253,"_13":63,"_34":146,"_36":-5,"_24":25,"_139":-5,"_190":254,"_27":255},{"_44":244,"_32":245,"_30":246,"_134":229,"_42":43,"_41":247,"_136":59,"_39":248,"_13":63,"_34":35,"_36":249,"_24":25,"_139":-5,"_190":250,"_27":251},{"_44":236,"_32":237,"_30":238,"_134":229,"_42":43,"_41":239,"_136":59,"_39":240,"_13":63,"_34":35,"_36":241,"_24":25,"_139":-5,"_190":242,"_27":243},{"_44":226,"_32":227,"_30":228,"_134":229,"_42":43,"_41":230,"_136":25,"_39":231,"_13":63,"_34":35,"_36":232,"_24":25,"_139":-5,"_190":233,"_27":234},{"_44":219,"_32":220,"_30":221,"_134":150,"_42":43,"_41":151,"_136":59,"_39":222,"_13":63,"_34":20,"_36":223,"_24":25,"_139":-5,"_190":224,"_27":225},{"_44":211,"_32":212,"_30":213,"_134":150,"_42":43,"_41":214,"_136":59,"_39":215,"_13":63,"_34":35,"_36":216,"_24":25,"_139":-5,"_190":217,"_27":218},{"_44":203,"_32":204,"_30":205,"_134":150,"_42":43,"_41":206,"_136":59,"_39":207,"_13":63,"_34":20,"_36":208,"_24":25,"_139":-5,"_190":209,"_27":210},{"_44":141,"_32":142,"_30":143,"_134":-5,"_42":43,"_41":144,"_136":59,"_39":200,"_13":63,"_34":146,"_36":-5,"_24":25,"_139":-5,"_190":201,"_27":202},{"_44":193,"_32":194,"_30":195,"_134":143,"_42":43,"_41":144,"_136":59,"_39":196,"_13":63,"_34":35,"_36":197,"_24":25,"_139":-5,"_190":198,"_27":199},{"_44":131,"_32":132,"_30":133,"_134":-5,"_42":43,"_41":135,"_136":25,"_39":189,"_13":63,"_34":20,"_36":138,"_24":25,"_139":-5,"_190":191,"_27":192},["D",1759091651182],"children",[],[132],"806a4276-9caa-11f0-a6b2-0224a6c84d84","types.ts","806a432a-9caa-11f0-a6b2-0224a6c84d84",["D",1759091656118],"export interface ExtractedEvent {\n title: string;\n date: string; // ISO date string\n photoUrl: string;\n photoId: string;\n}\n\nexport interface UploadResponse {\n success: boolean;\n event?: ExtractedEvent;\n error?: string;\n}\n\nexport interface CalendarEvent {\n title: string;\n date: string;\n photoUrl: string;\n}",[],[142,194],["D",1759091656118],[187],[142],"bad247ba-9caa-11f0-8ec8-0224a6c84d84","style.css","bad24918-9caa-11f0-8ec8-0224a6c84d84",9,["D",1759091754056],"/* Additional custom styles */\n\n/* Ensure proper mobile touch targets */\nbutton, input[type=\"file\"] {\n min-height: 44px;\n}\n\n/* Hide file input visually but keep it accessible */\n.file-input-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n}\n\n/* Error message styling */\n.error-message {\n background-color: #fed7d7;\n color: #c53030;\n padding: 1rem;\n border-radius: 0.5rem;\n margin: 1rem 0;\n border-left: 4px solid #e53e3e;\n}\n\n/* Success message styling */\n.success-message {\n background-color: #c6f6d5;\n color: #2d7d32;\n padding: 1rem;\n border-radius: 0.5rem;\n margin: 1rem 0;\n border-left: 4px solid #38a169;\n}\n\n/* Mobile-specific adjustments */\n@media (max-width: 640px) {\n .container {\n padding: 0.5rem;\n }\n \n .event-card {\n padding: 1rem;\n }\n \n h1 {\n font-size: 1.5rem;\n }\n \n h2 {\n font-size: 1.25rem;\n }\n}",[],[149,204],"d9181312-9caa-11f0-9795-0224a6c84d84","index.tsx","d91813b2-9caa-11f0-9795-0224a6c84d84",13,["D",1759091804899],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from 'https://esm.sh/react@18.2.0?deps=react@18.2.0';\nimport { createRoot } from 'https://esm.sh/react-dom@18.2.0/client?deps=react@18.2.0';\nimport App from './components/App.tsx';\n\nconst root = createRoot(document.getElementById('root')!);\nroot.render();",[],[149,212],"b5ba273e-9caa-11f0-975e-0224a6c84d84","index.html","b5ba27de-9caa-11f0-975e-0224a6c84d84",["D",1759091745567],"\n\n\n \n \n Event Extractor\n \n \n \n \n\n\n

\n \n\n",[],[149,220],"c60eface-9caa-11f0-b194-0224a6c84d84","UploadForm.tsx","c60efba0-9caa-11f0-b194-0224a6c84d84","d9bbe8f3-b67c-4104-8aa9-40f795c3ef0f",10,["D",1759091772962],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useRef } from 'https://esm.sh/react@18.2.0';\nimport type { UploadResponse, ExtractedEvent } from '../../shared/types.ts';\n\ninterface UploadFormProps {\n onEventExtracted: (event: ExtractedEvent) => void;\n}\n\nexport default function UploadForm({ onEventExtracted }: UploadFormProps) {\n const [isUploading, setIsUploading] = useState(false);\n const [error, setError] = useState(null);\n const [dragOver, setDragOver] = useState(false);\n const fileInputRef = useRef(null);\n\n const handleFileSelect = async (file: File) => {\n if (!file.type.startsWith('image/')) {\n setError('Please select an image file');\n return;\n }\n\n setIsUploading(true);\n setError(null);\n\n try {\n const formData = new FormData();\n formData.append('photo', file);\n\n const response = await fetch('/api/upload', {\n method: 'POST',\n body: formData,\n });\n\n const result: UploadResponse = await response.json();\n\n if (result.success && result.event) {\n onEventExtracted(result.event);\n } else {\n setError(result.error || 'Failed to process image');\n }\n } catch (err) {\n console.error('Upload error:', err);\n setError('Failed to upload image. Please try again.');\n } finally {\n setIsUploading(false);\n }\n };\n\n const handleFileInputChange = (e: React.ChangeEvent) => {\n const file = e.target.files?.[0];\n if (file) {\n handleFileSelect(file);\n }\n };\n\n const handleDrop = (e: React.DragEvent) => {\n e.preventDefault();\n setDragOver(false);\n \n const file = e.dataTransfer.files[0];\n if (file) {\n handleFileSelect(file);\n }\n };\n\n const handleDragOver = (e: React.DragEvent) => {\n e.preventDefault();\n setDragOver(true);\n };\n\n const handleDragLeave = (e: React.DragEvent) => {\n e.preventDefault();\n setDragOver(false);\n };\n\n const handleClick = () => {\n fileInputRef.current?.click();\n };\n\n return (\n

\n 📅 Event Extractor\n

\n \n

\n Upload Event Flyer\n

\n \n \n \n \n {isUploading ? (\n

\n Analyzing image...\n

\n ) : (\n

📸

\n Take Photo or Upload Image\n

\n Upload a photo of an event flyer or poster\n

\n )}\n

\n\n {error && (\n

\n Error: {error}\n

\n )}\n\n

📱 Optimized for mobile • 🤖 AI-powered extraction

\n \n );\n}",[],[149,235,227],"components","d0c4dbc8-9caa-11f0-86b0-0224a6c84d84","EventDisplay.tsx","d0c4dc9a-9caa-11f0-86b0-0224a6c84d84",11,["D",1759091790904],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from 'https://esm.sh/react@18.2.0';\nimport type { ExtractedEvent, CalendarEvent } from '../../shared/types.ts';\n\ninterface EventDisplayProps {\n event: ExtractedEvent;\n onBack: () => void;\n}\n\nexport default function EventDisplay({ event, onBack }: EventDisplayProps) {\n const [isDownloading, setIsDownloading] = useState(false);\n\n const formatDate = (dateString: string) => {\n try {\n const date = new Date(dateString);\n return date.toLocaleDateString('en-US', {\n weekday: 'long',\n year: 'numeric',\n month: 'long',\n day: 'numeric'\n });\n } catch {\n return dateString;\n }\n };\n\n const handleAddToCalendar = async () => {\n setIsDownloading(true);\n \n try {\n const calendarEvent: CalendarEvent = {\n title: event.title,\n date: event.date,\n photoUrl: event.photoUrl\n };\n\n const response = await fetch('/api/calendar/download', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify(calendarEvent),\n });\n\n if (response.ok) {\n const blob = await response.blob();\n const url = window.URL.createObjectURL(blob);\n const a = document.createElement('a');\n a.href = url;\n a.download = `${event.title.replace(/[^a-zA-Z0-9]/g, '_')}.ics`;\n document.body.appendChild(a);\n a.click();\n document.body.removeChild(a);\n window.URL.revokeObjectURL(url);\n } else {\n throw new Error('Failed to generate calendar file');\n }\n } catch (error) {\n console.error('Calendar download error:', error);\n alert('Failed to generate calendar file. Please try again.');\n } finally {\n setIsDownloading(false);\n }\n };\n\n return (\n

\n {/* Header */}\n

\n \n ← Back\n \n

Event Extracted! 🎉

\n\n {/* Event Details */}\n

\n {event.title}\n

\n 📅\n {formatDate(event.date)}\n

\n\n {/* Photo */}\n

\n Original Photo\n

\n \n

\n\n {/* Add to Calendar Button */}\n \n {isDownloading ? (\n \n

\n Generating...\n \n ) : (\n \n 📅 Add to Calendar\n \n )}\n \n\n

This will download an .ics file that you can open with your calendar app

\n\n {/* Instructions */}\n

📱 How to add to your calendar:

1. Tap \"Add to Calendar\" above
2. Open the downloaded .ics file
3. Choose your calendar app (iOS Calendar, Google Calendar, etc.)
4. Confirm to add the event

\n );\n}",[],[149,235,237],"d62fff7a-9caa-11f0-ab67-0224a6c84d84","App.tsx","d630002e-9caa-11f0-ab67-0224a6c84d84",12,["D",1759091800024],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from 'https://esm.sh/react@18.2.0';\nimport UploadForm from './UploadForm.tsx';\nimport EventDisplay from './EventDisplay.tsx';\nimport type { ExtractedEvent } from '../../shared/types.ts';\n\nexport default function App() {\n const [extractedEvent, setExtractedEvent] = useState(null);\n\n const handleEventExtracted = (event: ExtractedEvent) => {\n setExtractedEvent(event);\n };\n\n const handleBack = () => {\n setExtractedEvent(null);\n };\n\n return (\n

\n {extractedEvent ? (\n \n ) : (\n \n )}\n

\n );\n}",[],[149,235,245],"c60f0a78-9caa-11f0-b194-0224a6c84d84",["D",1759091772962],[180,181,182],[149,235],["D",1759091745567],[179,183,184,185],[149],"db94ee12-9caa-11f0-a02c-0224a6c84d84","index.ts",14,["D",1759091809071],"http","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport upload from \"./routes/upload.ts\";\nimport calendar from \"./routes/calendar.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err) => Promise.reject(err));\n\n// API routes\napp.route(\"/api/upload\", upload);\napp.route(\"/api/calendar\", calendar);\napp.route(\"/api\", upload); // Also serve photos at /api/photo/:id\n\n// Serve static files\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Serve main page\napp.get(\"/\", async c => {\n const html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\nexport default app.fetch;",[],[155,260],"e792874c-9caa-11f0-8336-0224a6c84d84","image.ts","87f8c558-9caa-11f0-99aa-0224a6c84d84","823a2978-450c-4904-b2d1-17c4f4a68ef8",15,["D",1759091829192],"/**\n * Convert ArrayBuffer to base64 string\n */\nexport function arrayBufferToBase64(buffer: ArrayBuffer): string {\n const bytes = new Uint8Array(buffer);\n let binary = '';\n for (let i = 0; i < bytes.byteLength; i++) {\n binary += String.fromCharCode(bytes[i]);\n }\n return btoa(binary);\n}\n\n/**\n * Check if image needs resizing based on file size\n * For now, we'll store images as-is and let the client handle resizing if needed\n */\nexport function shouldResizeImage(fileSize: number, maxSizeBytes: number = 5 * 1024 * 1024): boolean {\n return fileSize > maxSizeBytes;\n}",[],[155,276,268],"utils","8fb94c36-9caa-11f0-a38f-0224a6c84d84","ai.ts","8fb94cea-9caa-11f0-a38f-0224a6c84d84",4,["D",1759091681809],"import { OpenAI } from \"https://esm.town/v/std/openai\";\n\nexport interface EventExtraction {\n title: string | null;\n date: string | null; // ISO date string\n confidence: number;\n}\n\n/**\n * Extract event title and date from image using OpenAI Vision\n */\nexport async function extractEventFromImage(base64Image: string): Promise {\n const openai = new OpenAI();\n \n try {\n const response = await openai.chat.completions.create({\n model: \"gpt-4o-mini\",\n messages: [\n {\n role: \"user\",\n content: [\n {\n type: \"text\",\n text: `Analyze this image of a flyer or poster and extract the event information. \n \n Please provide:\n 1. The main title/name of the event\n 2. The date of the event (convert to ISO format YYYY-MM-DD if possible)\n \n Respond with a JSON object in this exact format:\n {\n \"title\": \"Event Title Here\",\n \"date\": \"2024-01-15\",\n \"confidence\": 0.9\n }\n \n If you cannot find clear title or date information, set those fields to null.\n Set confidence between 0-1 based on how clear the information is.`\n },\n {\n type: \"image_url\",\n image_url: {\n url: `data:image/jpeg;base64,${base64Image}`\n }\n }\n ]\n }\n ],\n max_tokens: 300,\n temperature: 0.1\n });\n\n const content = response.choices[0]?.message?.content;\n if (!content) {\n throw new Error(\"No response from OpenAI\");\n }\n\n // Parse JSON response\n const parsed = JSON.parse(content) as EventExtraction;\n \n // Validate the response structure\n if (typeof parsed.title !== 'string' && parsed.title !== null) {\n parsed.title = null;\n }\n if (typeof parsed.date !== 'string' && parsed.date !== null) {\n parsed.date = null;\n }\n if (typeof parsed.confidence !== 'number') {\n parsed.confidence = 0.5;\n }\n\n return parsed;\n } catch (error) {\n console.error(\"Error extracting event from image:\", error);\n return {\n title: null,\n date: null,\n confidence: 0\n };\n }\n}",[],[155,276,278],"87f8d07a-9caa-11f0-99aa-0224a6c84d84",["D",1759091668796],[175,176],[155,276],"ec1bbfcc-9caa-11f0-a0dc-0224a6c84d84","b61931ff-d8b7-4ae8-85dd-c239dd8abd0a",["D",1759091836801],[],[155,294,33],"routes","a87f3780-9caa-11f0-9ad5-0224a6c84d84","calendar.ts","a87f3870-9caa-11f0-9ad5-0224a6c84d84",6,["D",1759091723368],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport type { CalendarEvent } from \"../../shared/types.ts\";\n\nconst calendar = new Hono();\n\n/**\n * Generate ICS file content for calendar event\n */\nfunction generateICS(event: CalendarEvent): string {\n const now = new Date();\n const eventDate = new Date(event.date);\n \n // Format dates for ICS (YYYYMMDDTHHMMSSZ)\n const formatDate = (date: Date) => {\n return date.toISOString().replace(/[-:]/g, '').split('.')[0] + 'Z';\n };\n \n const dtStamp = formatDate(now);\n const dtStart = formatDate(eventDate);\n const uid = `event-${Date.now()}@eventextractor.val.town`;\n \n const icsContent = [\n 'BEGIN:VCALENDAR',\n 'VERSION:2.0',\n 'PRODID:-//Event Extractor//Event Extractor App//EN',\n 'BEGIN:VEVENT',\n `UID:${uid}`,\n `DTSTAMP:${dtStamp}`,\n `DTSTART:${dtStart}`,\n `SUMMARY:${event.title}`,\n `DESCRIPTION:Event extracted from flyer. View photo: ${event.photoUrl}`,\n `URL:${event.photoUrl}`,\n 'STATUS:TENTATIVE',\n 'END:VEVENT',\n 'END:VCALENDAR'\n ].join('\\r\\n');\n \n return icsContent;\n}\n\ncalendar.post(\"/download\", async (c) => {\n try {\n const eventData = await c.req.json() as CalendarEvent;\n \n if (!eventData.title || !eventData.date) {\n return c.json({ error: \"Missing required event data\" }, 400);\n }\n\n const icsContent = generateICS(eventData);\n const filename = `${eventData.title.replace(/[^a-zA-Z0-9]/g, '_')}.ics`;\n \n return new Response(icsContent, {\n headers: {\n 'Content-Type': 'text/calendar; charset=utf-8',\n 'Content-Disposition': `attachment; filename=\"${filename}\"`,\n 'Cache-Control': 'no-cache'\n }\n });\n \n } catch (error) {\n console.error(\"Calendar generation error:\", error);\n return c.json({ error: \"Failed to generate calendar file\" }, 500);\n }\n});\n\nexport default calendar;",[],[155,294,296],"9eb364e2-9caa-11f0-8f29-0224a6c84d84",5,["D",1759091706931],[172,173],[155,294],["D",1759091668796],[171,174,177],[155],["D",1759091285382],{"_97":96,"_104":100},{"_97":96,"_98":-5,"_99":100,"_18":55,"_101":102,"_103":25},{"_13":86,"_32":87,"_44":43,"_88":45,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":46,"_95":96},"ctx",{"_79":-5,"_124":348,"_349":350,"_351":352,"_353":25,"_354":25,"_355":25,"_356":59,"_357":-5,"_358":-7,"_359":-7,"_360":63,"_361":25,"_362":25,"_363":-5,"_364":25,"_365":25,"_366":25,"_367":-5},"ENV",{"_319":320,"_321":322,"_323":87,"_324":325,"_326":327,"_328":329,"_330":331,"_332":333,"_334":335,"_336":337,"_338":339,"_340":341,"_342":343,"_344":345,"_346":347},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v16