\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 header = \"Want to join us?\",\n errors,\n values,\n}: {\n header?: string;\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);\n\nexport const ReservationConfirmation = ({ email }: { email: string }) => (\n

Check Your Email

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

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

\n);",[],[100],{"_104":284,"_95":285,"_145":286,"_147":-5,"_148":134,"_149":287,"_151":118,"_106":288,"_101":187,"_153":289,"_155":290,"_156":26,"_157":291,"_99":292},"f38c5cc2-ebb5-11ef-8e25-e6cdfca9ef9f","index.tsx","8bd0f810-b9ce-42db-84b6-82a347402eab",285,["D",1739635217934],"http","/** @jsxImportSource npm:hono/jsx */\nimport { Hono } from \"npm:hono\";\nimport { jsxRenderer } from \"npm:hono/jsx-renderer\";\nimport {\n Background,\n CheckReservation,\n Details,\n Footer,\n Hero,\n Layout,\n ReservationConfirmation,\n SignupForm,\n SignupSuccess,\n} from \"./components.tsx\";\nimport { queryGuestByEmail } from \"./db/queries.ts\";\nimport { getNextEventStatus } from \"./logic/event.ts\";\nimport { addGuest, sendMagicLink } from \"./logic/guest.ts\";\nimport { CheckEmailSchema, SignupSchema } from \"./logic/schemas.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 \n {children}\n

\n Side Project Saturday\n

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

{header}

🎉

You're on the list!

Check Your Reservation

Check Your Email

History for components.tsx