\n Side Project Saturday\n

Build something awesome every weekend

\n);\n\nexport const AddressWithMap = () => (\n

\n \n

325 Gold Street #503

Brooklyn, NY 11201

\n \n

\n \n \n

\n);\n\nexport const Details = ({ status }: { status: EventStatus }) => (\n

\n {getEventDateMessage(status.nextDate)}\n

9:00 AM - 12:00 PM

Brooklyn, NY

\n Bring your side project and join other developers for three focused hours of building, learning, and sharing.\n Coffee and good vibes included!\n

\n);\n\nexport const SignupForm = ({\n errors,\n values,\n}: {\n errors?: { name?: string[]; email?: string[] };\n values?: { name?: string; email?: string };\n}) => (\n

\n \n

\n \n Already signed up? Check your reservation →\n \n

\n);\n\nexport const Background = () => (\n

\n);\n\nexport const SignupSuccess = ({ status }: { status: EventStatus }) => {\n let message = \"\";\n\n if (!status.isScheduled) {\n message += \"We'll let you know when the next event is scheduled.\";\n } else if (status.isFull) {\n message += \"We're full this week, but you're on the list for next time!\";\n } else {\n const isThisWeek = status.nextDate && status.nextDate.getTime() - new Date().getTime() < 7 * 24 * 60 * 60 * 1000;\n message += `We'll see you ${isThisWeek ? \"this\" : \"next\"} Saturday!`;\n }\n\n return (\n

🎉

You're on the list!

{message}

\n {status.isScheduled && !status.isFull && status.nextDate && (\n

Next Event

\n {status.nextDate.toLocaleDateString(\"en-US\", {\n weekday: \"long\",\n month: \"long\",\n day: \"numeric\",\n })}\n

9:00 AM - 12:00 PM

\n \n

\n )}\n

\n \n ← Back to home\n \n

\n );\n};\n\nexport const Footer = () => (\n

\n \n Hosted\n {\" \"}\n with ♥ by{\" \"}\n \n Val.town\n \n

\n);\n\nexport const CheckReservation = ({\n error,\n}: {\n error?: string;\n}) => (\n

Check Your Reservation

Enter your email and we'll send you a link to your reservation

\n\n

\n);",[],[175],{"_103":183,"_95":184,"_156":185,"_158":-5,"_159":137,"_160":136,"_161":162,"_105":186,"_100":32,"_164":178,"_166":187,"_168":22,"_169":-5,"_170":188,"_98":189},"595e0876-e62e-11ef-9ee3-e6cdfca9ef9f","email.ts","c109192d-2724-4f18-8a39-b3aa631c4a4e",["D",1739027221365],"import { Resend } from \"resend\";\n\nconst resend = new Resend(Deno.env.get(\"RESEND_API_KEY\"));\n\n// resend.emails.send({\n// from: \"onboarding@resend.dev\",\n// to: \"git@just-be.dev\",\n// subject: \"Hello World\",\n// html: \"

Congrats on sending your first email!

\",\n// });\n\nexport function sendGuestProfileLink() {\n resend.emails.send({\n from: \"info@sideprojectsaturday\",\n });\n}",[],[184],{"_103":191,"_95":99,"_156":192,"_158":-5,"_159":137,"_160":136,"_161":162,"_105":193,"_100":32,"_164":194,"_166":195,"_168":22,"_169":-5,"_170":196,"_98":197},"595e0a1a-e62e-11ef-9ee3-e6cdfca9ef9f","9c5d9b6d-1435-40b3-b175-97e0f01f1973",["D",1739027221365],"http","/** @jsxImportSource npm:hono/jsx */\nimport { Hono } from \"npm:hono\";\nimport { jsxRenderer } from \"npm:hono/jsx-renderer\";\nimport { z } from \"npm:zod\";\nimport { Background, CheckReservation, Details, Footer, Hero, SignupForm, SignupSuccess } from \"./components.tsx\";\nimport { addGuest, getNextEventStatus, SignupSchema } from \"./logic.ts\";\n\nconst app = new Hono();\n\n// JSX renderer middleware\napp.use(\n \"*\",\n jsxRenderer(({ children }) => {\n return (\n \n \n \n \n Side Project Saturdays\n \n \n \n {children}\n \n \n );\n }),\n);\n\n// Routes\napp.get(\"/\", (c) => {\n const status = getNextEventStatus();\n return c.render(\n

\n \n \n

\n \n

,\n );\n});\n\napp.post(\"/signup\", async (c) => {\n const formData = await c.req.parseBody();\n\n const result = SignupSchema.safeParse({\n name: formData.name,\n email: formData.email,\n });\n\n if (!result.success) {\n const status = getNextEventStatus();\n return c.render(\n

\n \n \n

\n \n

,\n );\n }\n\n const status = getNextEventStatus();\n addGuest(result.data.name, result.data.email);\n\n return c.render(\n

\n \n \n

,\n );\n});\n\napp.get(\"/check\", (c) => {\n return c.render(\n

\n \n \n

,\n );\n});\n\nconst CheckEmailSchema = z.object({\n email: z.string().trim().email(\"Please enter a valid email address\"),\n});\n\napp.post(\"/check\", async (c) => {\n const formData = await c.req.parseBody();\n\n const result = CheckEmailSchema.safeParse({\n email: formData.email,\n });\n\n if (!result.success) {\n return c.render(\n

\n \n \n

,\n );\n }\n\n // TODO: Send magic link email\n // For now, just show success message\n return c.render(\n

\n \n

Check Your Email

\n We've sent a link to {result.data.email}.
\n Click the link to view your reservation.\n

\n \n ← Back to home\n \n

,\n );\n});\n\nexport default app.fetch;",[],[99],{"_103":199,"_95":200,"_156":201,"_158":-5,"_159":137,"_160":136,"_161":162,"_105":202,"_100":32,"_164":178,"_166":203,"_168":22,"_169":-5,"_170":204,"_98":205},"595e0dee-e62e-11ef-9ee3-e6cdfca9ef9f","logic.ts","1ec5b3f1-b556-4777-a64b-4b3b4b6db15a",["D",1739027221365],"import { z } from \"npm:zod\";\n\nexport type EventStatus = {\n nextDate: Date | null;\n isFull: boolean;\n isScheduled: boolean;\n};\n\nexport type Guest = {\n id: string;\n name: string;\n email: string;\n signedUpAt: Date;\n};\n\n// In-memory storage\nconst guests: Record = {};\n\nexport function addGuest(name: string, email: string): string {\n // Check if guest already exists with this email\n const existingGuest = Object.values(guests).find(g => g.email === email);\n if (existingGuest) {\n return existingGuest.id;\n }\n\n // Create new guest\n const id = crypto.randomUUID();\n guests[id] = {\n id,\n name,\n email,\n signedUpAt: new Date(),\n };\n\n return id;\n}\n\nexport function getNextEventStatus(): EventStatus {\n const now = new Date();\n const nextSaturday = new Date(now);\n nextSaturday.setDate(now.getDate() + ((6 - now.getDay() + 7) % 7));\n nextSaturday.setHours(9, 0, 0, 0);\n\n // Stub logic - you would replace this with real data\n const isScheduled = Math.random() > 0.2; // 80% chance there's an event\n const isFull = Math.random() > 0.7; // 30% chance it's full\n\n return {\n nextDate: isScheduled ? nextSaturday : null,\n isFull,\n isScheduled,\n };\n}\n\nexport const SignupSchema = z.object({\n name: z.string().trim().min(1, \"Name is required\"),\n email: z.string().trim().email(\"Invalid email address\"),\n});\n\nexport type SignupData = z.infer;\n\nexport function getEventDateMessage(date: Date | null): string {\n if (!date) return \"Most Saturday Mornings\";\n\n const now = new Date();\n const tomorrow = new Date(now);\n tomorrow.setDate(tomorrow.getDate() + 1);\n\n // Reset time portions for comparison\n tomorrow.setHours(0, 0, 0, 0);\n const compareDate = new Date(date);\n compareDate.setHours(0, 0, 0, 0);\n\n if (compareDate.getTime() === tomorrow.getTime()) {\n return \"Tomorrow Morning\";\n }\n\n const daysDiff = Math.floor((compareDate.getTime() - now.getTime()) / (1000 * 60 * 60 * 24));\n\n if (daysDiff <= 7) {\n return \"This Saturday\";\n }\n\n if (daysDiff <= 14) {\n return \"Next Saturday\";\n }\n\n return date.toLocaleDateString(\"en-US\", {\n weekday: \"long\",\n month: \"long\",\n day: \"numeric\",\n });\n}",[],[200],"files",[153,173,182,190,198],"counts",{"_210":32,"_211":136,"_212":32,"_213":214},"pulls","branches","forks","envVars",{"_215":32,"_216":32},"count","emptyCount","contents",[],{"_103":191,"_95":99,"_156":192,"_158":-5,"_159":137,"_160":136,"_161":162,"_105":220,"_100":32,"_164":194,"_166":195,"_168":22,"_169":-5,"_98":221},["D",1739027221365],[99],"upstreamProject",{"_103":145,"_95":96,"_111":224,"_112":-5,"_109":110,"_23":225},"A site for Side Project Saturday",{"_93":226,"_129":227},"justbe","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2F2YXRhcnMuZ2l0aHVidXNlcmNvbnRlbnQuY29tL3UvMzA4NzIyNT92PTQiLCJzIjoiODRqbjJSZG5jOWkyNUgrUXJIU0dRUWZnQmRrQ01LY2NxUTBUMm5nTEVQOCJ9","upstreamBranch",{"_103":140,"_105":230,"_231":232,"_95":43,"_138":145,"_100":233,"_139":-5,"_141":-5,"_234":235,"_107":-5,"_150":22,"_109":110,"_149":226,"_16":147,"_148":96},["D",1738942059728],"updatedAt",["D",1751029335593],104,"lockfileKey","1751029400823-esm.town_v_justbe_SideProjectSaturday@104-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.code.$",{"_93":94,"_95":96,"_97":43,"_100":-7,"_98":99,"_101":242,"_151":247,"_206":263,"_165":264,"_217":266,"_267":268,"_271":-5,"_272":32,"_273":274,"_275":276},{"_103":104,"_95":96,"_105":243,"_107":-5,"_108":22,"_109":110,"_111":-5,"_112":-5,"_14":113,"_114":-5,"_115":22,"_116":-5,"_117":32,"_16":118,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_23":244,"_131":245,"_134":246,"_150":22},["D",1739027221365],{"_93":94,"_129":130},{"_93":94,"_133":130},{"_100":136,"_95":43,"_103":137,"_138":104,"_139":140,"_141":142,"_143":110,"_144":145,"_146":147,"_148":96,"_149":94},[248,251,254,257,260],{"_103":154,"_95":155,"_156":157,"_158":-5,"_159":137,"_160":136,"_161":162,"_105":163,"_100":32,"_164":165,"_166":167,"_168":22,"_169":-5,"_170":249,"_98":250},[],[155],{"_103":174,"_95":175,"_156":176,"_158":-5,"_159":137,"_160":136,"_161":162,"_105":177,"_100":32,"_164":178,"_166":179,"_168":22,"_169":-5,"_170":252,"_98":253},[],[175],{"_103":183,"_95":184,"_156":185,"_158":-5,"_159":137,"_160":136,"_161":162,"_105":186,"_100":32,"_164":178,"_166":187,"_168":22,"_169":-5,"_170":255,"_98":256},[],[184],{"_103":191,"_95":99,"_156":192,"_158":-5,"_159":137,"_160":136,"_161":162,"_105":193,"_100":32,"_164":194,"_166":195,"_168":22,"_169":-5,"_170":258,"_98":259},[],[99],{"_103":199,"_95":200,"_156":201,"_158":-5,"_159":137,"_160":136,"_161":162,"_105":202,"_100":32,"_164":178,"_166":203,"_168":22,"_169":-5,"_170":261,"_98":262},[],[200],[248,251,254,257,260],{"_103":191,"_95":99,"_156":192,"_158":-5,"_159":137,"_160":136,"_161":162,"_105":220,"_100":32,"_164":194,"_166":195,"_168":22,"_169":-5,"_98":265},[99],[],"upstream",{"_103":140,"_105":269,"_231":270,"_95":43,"_138":145,"_100":233,"_139":-5,"_141":-5,"_234":235,"_107":-5,"_150":22,"_109":110,"_149":226,"_16":147,"_148":96},["D",1738942059728],["D",1751029335593],"pull","ahead","behind",17,"templates",[277,294],{"_103":278,"_95":279,"_105":280,"_107":-5,"_108":22,"_109":110,"_111":281,"_112":282,"_14":283,"_114":284,"_115":162,"_116":285,"_117":286,"_16":287,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_23":288,"_131":291,"_134":292,"_150":22},"8e7382ae-d835-11ef-bbbf-e6cdfca9ef9f","markdownBlogStarter",["D",1737491000655],"Starter template for a markdown blog","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/44a31e5c-3e8a-48a8-d067-5785c0b08200/square512","a0bf3b31-15a5-4d5c-880e-4b1e22c9bc18","a4a9ad14-d835-11ef-8351-e6cdfca9ef9f",167,12,"e81e7335-6d4c-4764-a902-d0962bbfa9f7",{"_93":289,"_129":290},"stevekrouse","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg",{"_93":289,"_133":290},{"_103":293,"_95":43,"_100":285,"_138":278,"_139":-5,"_141":-5},"8e73c264-d835-11ef-bbbf-e6cdfca9ef9f",{"_103":295,"_95":296,"_105":297,"_107":-5,"_108":22,"_109":110,"_111":298,"_112":-5,"_14":299,"_114":300,"_115":162,"_116":301,"_117":302,"_16":303,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_23":304,"_131":307,"_134":308,"_150":22},"96102714-f528-11ef-aa68-569c3dd06744","reactHonoStarter",["D",1740674013689],"Starter template with client-side React & Hono server","c9143560-63b6-444f-8f9f-e2647fabe09f","a9b2b20a-f528-11ef-9e98-569c3dd06744",39,14,"c606f87f-4d7e-48c8-9c39-ef5ab94aec49",{"_93":305,"_129":306},"std","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJVaVhpQ1BId3dscVpBbkdZVWlMNjJtcjkxWS5wbmcifQ",{"_93":305,"_133":306},{"_103":309,"_95":43,"_100":310,"_138":295,"_139":-5,"_141":-5},"961078ea-f528-11ef-aa68-569c3dd06744",72,"actionData","errors"]

\n Side Project Saturday\n

\n {getEventDateMessage(status.nextDate)}\n

Want to join us?

🎉

You're on the list!

Check Your Reservation

Check Your Email

zeko

SideProjectSaturday