Image to Calendar

Drop in an event poster or image --> get a calendar event.

\n\n \n

\n \n \n

\n\n \n

\n $\"Camera\"$ \n

\n Drop an image here, paste, or click to browse\n Tap to choose or take photo\n

\n \n

\n $\"Preview\"$ \n

\n \n

\n\n \n

\n \n \n

\n \n

\n\n

Analyzing...

\n\n\n

\n \n

Why?

I love going out to music shows, art events, lectures, and community gatherings. But if something isn't in my calendar it's impossible for me to remember it exists. And people post their events to Instagram these days for some unspeakable reason. So I end up with a screenshot of a post and it goes to my camera roll, forgotten forever. Or I try to put it in my calendar and put it on the wrong day. Great.

\n\n

But my suffering has come to an end. Now I can turn any event image into a calendar event. Instagram post? Calendar! Poster in cafe? Calendar! Newsletter with list of interesting lectures? Calendar! Existential crisis? Calendar!

\n \n

But of course I won't keep it to myself. I imagine there are other people out there like me. Is it you? I want your suffering to end too.

If anyone wants to help me figure out how to do this without ML, maybe OCR or another solution, hit me up!

\n\n\n\n

\n\n

If you use this tool and want to help keep it online you can donate here. Any amount is appreciated and will go to running the tool.

\n \n

\n \n \n $\"\"$ \n Donate once\n \n \n $\"\"$ $3/month\n \n

\n \n\n\n\n \n\n`;\n\nexport default async function (req: Request): Promise {\n if (req.method === \"GET\") {\n return new Response(HTML_FORM, {\n headers: { \"Content-Type\": \"text/html\" },\n });\n }\n\n if (req.method === \"POST\") {\n try {\n const body = await req.json();\n\n if (body.type === \"text\") {\n if (!body.text) {\n return Response.json({ error: \"No text provided\" }, { status: 400 });\n }\n\n try {\n const events = await extractEventInfoFromText(body.text);\n\n // Ensure it's always an array\n const eventsArray = Array.isArray(events) ? events : [events];\n\n console.log(\"Events array:\", eventsArray);\n\n // Filter out invalid events and generate links\n const eventsWithLinks = eventsArray\n .filter((event) => event && event.title)\n .map((event) => ({\n ...event,\n calendar_link: makeGcalLink(event),\n ics_content: generateICS(event),\n }));\n\n if (eventsWithLinks.length === 0) {\n return Response.json({\n error:\n \"No valid events could be extracted. Please check the format.\",\n }, { status: 400 });\n }\n\n return Response.json({ events: eventsWithLinks });\n } catch (error) {\n console.error(\"Extraction error:\", error);\n return Response.json({\n error: `Failed to extract events: ${error.message}`,\n }, { status: 500 });\n }\n } else if (body.type === \"image\") {\n if (!body.imageData || !body.mediaType) {\n return Response.json({ error: \"No image data provided\" }, {\n status: 400,\n });\n }\n\n try {\n const events = await extractEventInfo(body.imageData, body.mediaType);\n\n // Ensure it's always an array\n const eventsArray = Array.isArray(events) ? events : [events];\n\n console.log(\"Events array:\", eventsArray);\n\n // Filter out invalid events and generate links\n const eventsWithLinks = eventsArray\n .filter((event) => event && event.title)\n .map((event) => ({\n ...event,\n calendar_link: makeGcalLink(event),\n ics_content: generateICS(event),\n }));\n\n if (eventsWithLinks.length === 0) {\n return Response.json({\n error:\n \"No valid events could be extracted. Please check the format.\",\n }, { status: 400 });\n }\n\n return Response.json({ events: eventsWithLinks });\n } catch (error) {\n console.error(\"Extraction error:\", error);\n return Response.json({\n error: `Failed to extract events: ${error.message}`,\n }, { status: 500 });\n }\n } else {\n return Response.json({ error: \"Invalid request type\" }, {\n status: 400,\n });\n }\n } catch (err) {\n return Response.json(\n { error: err instanceof Error ? err.message : \"Unknown error\" },\n { status: 500 },\n );\n }\n }\n\n return new Response(\"Method not allowed\", { status: 405 });\n}","deleted","label","children",[],[155],"files",[153],"counts",{"_176":32,"_177":178,"_179":32,"_180":181},"pulls","branches",1,"forks","envVars",{"_182":178,"_183":32},"count","emptyCount","contents",[186],{"_103":154,"_96":155,"_156":116,"_157":-5,"_158":141,"_159":140,"_160":118,"_105":187,"_100":162,"_163":164,"_165":166,"_167":22,"_168":-5,"_99":188},["D",1765312900075],[155],"file","upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name._index",{"_94":95,"_96":97,"_98":-7,"_100":-7,"_101":198,"_184":203,"_206":-7,"_207":-5,"_208":-5,"_172":209,"_213":210,"_214":-5,"_215":-5,"_216":22,"_217":22},{"_103":104,"_96":97,"_105":199,"_107":-5,"_108":22,"_109":110,"_111":-5,"_112":113,"_14":114,"_115":116,"_117":118,"_119":118,"_120":-5,"_121":32,"_16":122,"_123":124,"_125":124,"_126":127,"_128":127,"_129":127,"_130":124,"_131":124,"_23":200,"_135":201,"_138":202,"_150":22},["D",1763742623363],{"_94":95,"_133":134},{"_94":95,"_137":134,"_14":114},{"_100":140,"_96":44,"_103":141,"_142":104,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":-5,"_148":97,"_149":95},[204],{"_103":154,"_96":155,"_156":116,"_157":-5,"_158":141,"_159":140,"_160":118,"_105":187,"_100":162,"_163":164,"_165":166,"_167":22,"_168":-5,"_99":205},[155],"readme","upstream","pull",[210],{"_103":154,"_96":155,"_156":116,"_157":-5,"_158":141,"_159":140,"_160":118,"_105":161,"_100":162,"_163":164,"_165":166,"_167":22,"_168":-5,"_169":211,"_99":212},[],[155],"preview","ahead","behind","showHomeCustomizationHint","showHTTPPreviewSettingsHint","actionData","errors"]

omarieclaire

image-to-cal