\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

\n Click{\" \"}\n \n here\n {\" \"}\n to sign up\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);",[],[161],{"_103":170,"_95":171,"_142":172,"_144":-5,"_145":133,"_146":173,"_148":117,"_105":174,"_100":150,"_151":165,"_153":175,"_155":26,"_156":176,"_98":177},"00de544e-e598-11ef-9ce4-e6cdfca9ef9f","email.ts","e351bc0a-e596-11ef-85b6-e6cdfca9ef9f",69,["D",1738962648406],"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}",[],[171],{"_103":179,"_95":180,"_142":115,"_144":-5,"_145":133,"_146":181,"_148":117,"_105":182,"_100":183,"_151":184,"_153":185,"_155":26,"_156":186,"_98":187},"3e3ea9cc-ea27-11ef-bfc3-e6cdfca9ef9f","index.tsx",80,["D",1739463974060],31,"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;",[],[180],{"_103":189,"_95":99,"_142":190,"_144":-5,"_145":133,"_146":191,"_148":117,"_105":192,"_100":193,"_151":165,"_153":194,"_155":26,"_156":195,"_98":196},"26c5c9e0-e597-11ef-9236-e6cdfca9ef9f","8ad9d108-e57c-11ef-96f7-e6cdfca9ef9f",67,["D",1738962282502],12,"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}",[],[99],"counts",{"_199":31,"_200":201,"_202":203,"_204":205},"pulls","branches",3,"forks",1,"envVars",4,"contents",[],{"_103":189,"_95":99,"_142":190,"_144":-5,"_145":133,"_146":191,"_148":117,"_105":209,"_100":193,"_151":165,"_153":194,"_155":26,"_98":210},["D",1738962282502],[99],"upstream","routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_93":94,"_95":96,"_97":41,"_98":99,"_101":214,"_152":218,"_221":222,"_286":287},{"_103":104,"_95":96,"_105":215,"_107":-5,"_108":109,"_110":111,"_112":-5,"_11":113,"_114":115,"_116":117,"_118":119,"_120":119,"_121":122,"_123":122,"_124":122,"_125":119,"_126":26,"_20":216,"_130":217},["D",1738942059728],{"_93":94,"_128":129},{"_100":132,"_95":41,"_103":133,"_134":104,"_135":-5,"_136":-5},{"_103":189,"_95":99,"_142":190,"_144":-5,"_145":133,"_146":191,"_148":117,"_105":219,"_100":193,"_151":165,"_153":194,"_155":26,"_98":220},["D",1738962282502],[99],"history",[223,225,231,237,243,248,254,260,264,268,273,276,281],{"_103":189,"_142":190,"_95":99,"_151":165,"_153":194,"_144":-5,"_145":133,"_100":193,"_146":191,"_155":26,"_105":224,"_148":117},["D",1738962282502],{"_103":226,"_142":190,"_95":99,"_151":165,"_153":227,"_144":-5,"_145":133,"_100":228,"_146":229,"_155":26,"_105":230,"_148":26},"8ac1651e-e595-11ef-83f8-e6cdfca9ef9f","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 createdAt: 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 createdAt: 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}",11,60,["D",1738961591246],{"_103":232,"_142":190,"_95":99,"_151":165,"_153":233,"_144":-5,"_145":133,"_100":234,"_146":235,"_155":26,"_105":236,"_148":26},"b3310ede-e584-11ef-b758-e6cdfca9ef9f","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 createdAt: Date;\n};\n\n// TODO: Make this sqlite\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 createdAt: 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 // TODO: Replace with real logic\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}",10,58,["D",1738954357639],{"_103":238,"_142":190,"_95":99,"_151":165,"_153":239,"_144":-5,"_145":133,"_100":240,"_146":241,"_155":26,"_105":242,"_148":26},"a72a938a-e584-11ef-892d-e6cdfca9ef9f","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 createdAt: Date;\n};\n\n// TODO: Make this sqlite\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 createdAt: 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}",9,57,["D",1738954337472],{"_103":244,"_142":190,"_95":99,"_151":165,"_153":227,"_144":-5,"_145":133,"_100":245,"_146":246,"_155":26,"_105":247,"_148":26},"76239f52-e584-11ef-8877-e6cdfca9ef9f",8,55,["D",1738954255185],{"_103":249,"_142":190,"_95":99,"_151":165,"_153":250,"_144":-5,"_145":133,"_100":251,"_146":252,"_155":26,"_105":253,"_148":26},"9330757c-e582-11ef-bf30-e6cdfca9ef9f","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 createdAt: 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 createdAt: 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;",7,49,["D",1738953444961],{"_103":255,"_142":190,"_95":99,"_151":165,"_153":256,"_144":-5,"_145":133,"_100":257,"_146":258,"_155":26,"_105":259,"_148":26},"065bbda6-e581-11ef-9482-e6cdfca9ef9f","export type EventStatus = {\n nextDate: Date | null;\n isFull: boolean;\n isScheduled: boolean;\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}",6,47,["D",1738952779193],{"_103":261,"_142":190,"_95":99,"_151":165,"_153":256,"_144":-5,"_145":133,"_100":150,"_146":262,"_155":26,"_105":263,"_148":26},"01e02532-e581-11ef-a903-e6cdfca9ef9f",46,["D",1738952771673],{"_103":265,"_142":190,"_95":99,"_151":165,"_153":256,"_144":-5,"_145":133,"_100":205,"_146":266,"_155":26,"_105":267,"_148":26},"fd03f728-e580-11ef-9da5-e6cdfca9ef9f",44,["D",1738952763519],{"_103":269,"_142":190,"_95":270,"_151":165,"_153":256,"_144":-5,"_145":133,"_100":201,"_146":271,"_155":26,"_105":272,"_148":26},"b38e2d1a-e57c-11ef-ba00-e6cdfca9ef9f","logic",35,["D",1738950922285],{"_103":274,"_142":190,"_95":270,"_151":165,"_153":66,"_144":-5,"_145":133,"_100":90,"_146":183,"_155":26,"_105":275,"_148":26},"93a527ec-e57c-11ef-8e73-e6cdfca9ef9f",["D",1738950868747],{"_103":277,"_142":190,"_95":278,"_151":165,"_153":66,"_144":-5,"_145":133,"_100":203,"_146":279,"_155":26,"_105":280,"_148":26},"8f1a00a8-e57c-11ef-8e73-e6cdfca9ef9f","data",30,["D",1738950861101],{"_103":282,"_142":190,"_95":283,"_151":165,"_153":66,"_144":-5,"_145":133,"_100":31,"_146":284,"_155":26,"_105":285,"_148":26},"8ad9d018-e57c-11ef-96f7-e6cdfca9ef9f","openWhitePike",29,["D",1738950853996],"versions",[288,290,291,292,293,294,295,296,297,298,299,300,301],{"_152":223,"_289":225},"previous",{"_152":225,"_289":231},{"_152":231,"_289":237},{"_152":237,"_289":243},{"_152":243,"_289":248},{"_152":248,"_289":254},{"_152":254,"_289":260},{"_152":260,"_289":264},{"_152":264,"_289":268},{"_152":268,"_289":273},{"_152":273,"_289":276},{"_152":276,"_289":281},{"_152":281,"_289":-5},"routes/_app","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

History for logic.ts