🎉 Thanks for your RSVP! 🧮

We look forward to seeing you at the Mathematics Competition!

\n\n

\n Current RSVPs: {rsvpCount}\n

\n\n {guests.length > 0 && (\n

Attending Participants:

{guest.name}

\n )}\n\n setSubmitted(false)}\n className=\"reset-button\"\n >\n Back to RSVP\n \n

\n );\n }\n\n return (\n

Mathematics Competition 🧮

February 27th, 2024

Join us for an exciting mathematical challenge and showcase your problem-solving skills!

\n\n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n try {\n const { sqlite } = await import(\"https://esm.town/v/stevekrouse/sqlite\");\n const KEY = new URL(import.meta.url).pathname.split(\"/\").at(-1);\n const SCHEMA_VERSION = 8; // Increment schema version to ensure fresh table\n\n // Use a more robust approach to table creation with retry logic\n const createTableWithRetry = async (maxRetries = 3) => {\n for (let attempt = 1; attempt <= maxRetries; attempt++) {\n try {\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${KEY}_rsvps_${SCHEMA_VERSION} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n name TEXT NOT NULL,\n attending INTEGER NOT NULL, \n timestamp DATETIME DEFAULT CURRENT_TIMESTAMP\n )\n `);\n return; // Success, exit the function\n } catch (error) {\n console.error(`Table creation attempt ${attempt} failed:`, error);\n \n // If it's the last attempt, throw the error\n if (attempt === maxRetries) {\n throw error;\n }\n \n // Wait a short time before retrying\n await new Promise(resolve => setTimeout(resolve, 100 * attempt));\n }\n }\n };\n\n // Attempt to create table\n await createTableWithRetry();\n\n // New endpoint to fetch guests\n if (request.method === \"GET\" && new URL(request.url).pathname === \"/guests\") {\n const result = await sqlite.execute(`\n SELECT name FROM ${KEY}_rsvps_${SCHEMA_VERSION} \n WHERE attending = 1 \n ORDER BY timestamp\n `);\n\n return new Response(\n JSON.stringify({\n guests: result.rows\n ? result.rows.map(row => ({\n name: row.name,\n }))\n : [],\n }),\n {\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n }\n\n if (request.method === \"POST\" && new URL(request.url).pathname === \"/rsvp\") {\n const { name, attending } = await request.json();\n\n // Convert boolean to integer (0 or 1)\n const attendingInt = attending ? 1 : 0;\n\n await sqlite.execute(\n `\n INSERT INTO ${KEY}_rsvps_${SCHEMA_VERSION} (name, attending) \n VALUES (?, ?)\n `,\n [name, attendingInt],\n );\n\n return new Response(JSON.stringify({ success: true }), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n if (request.method === \"GET\" && new URL(request.url).pathname === \"/count\") {\n const result = await sqlite.execute(`\n SELECT COUNT(*) as count FROM ${KEY}_rsvps_${SCHEMA_VERSION} WHERE attending = 1\n `);\n\n return new Response(\n JSON.stringify({\n count: result.rows && result.rows[0] ? result.rows[0].count : 0,\n }),\n {\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n }\n\n return new Response(\n `\n \n \n Mathematics Competition RSVP\n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"Content-Type\": \"text/html\" },\n },\n );\n } catch (error) {\n console.error(\"Critical server error:\", error);\n return new Response(\n JSON.stringify({\n error: \"Critical Server Error\",\n details: error.message,\n }),\n {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n }\n}\n\nconst css = `\nbody {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 100vh;\n margin: 0;\n background-color: #f4f4f4;\n}\n\n.container {\n background-color: white;\n padding: 2rem;\n border-radius: 10px;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n text-align: center;\n max-width: 400px;\n width: 100%;\n}\n\nh1 { color: #333; }\nh2 { color: #666; }\n\nform {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-top: 1rem;\n}\n\ninput {\n padding: 0.5rem;\n border: 1px solid #ddd;\n border-radius: 4px;\n}\n\nbutton {\n background-color: #007bff;\n color: white;\n border: none;\n padding: 0.75rem;\n border-radius: 4px;\n cursor: pointer;\n transition: background-color 0.3s;\n}\n\nbutton:hover {\n background-color: #0056b3;\n}\n\n.reset-button {\n margin-top: 1rem;\n background-color: #6c757d;\n}\n\n.reset-button:hover {\n background-color: #545b62;\n}\n\n.rsvp-count {\n margin-top: 1rem;\n font-weight: bold;\n color: #666;\n}\n\n.guest-list {\n margin-top: 1rem;\n text-align: left;\n}\n\n.guest-list h3 {\n color: #333;\n margin-bottom: 0.5rem;\n}\n\n.guest-list ul {\n list-style-type: none;\n padding: 0;\n margin: 0;\n}\n\n.guest-list li {\n background-color: #f4f4f4;\n padding: 0.5rem;\n margin-bottom: 0.25rem;\n border-radius: 4px;\n}\n\n.source-link {\n display: block;\n margin-top: 1rem;\n color: #666;\n text-decoration: none;\n font-size: 0.8rem;\n}\n`;","createdAt",["D",1739866991933],"version",8,"currentUserHasLiked","likeCount",1,"forkCount","referenceCount","dependencyCount","commentCount","prCount","mergedPr",{"_130":131,"_132":133},"handle","kabeer","profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ydENva3JDWUYwRUtTVHZ1ajFOeDJrUjRCb28ifQ","forkedVal","interval","slug","kabeer/rsvpHackNightFeb27","description","versions",[141,144,148,152,156,160,164,167,170],{"_118":119,"_142":-5,"_116":143,"_113":111},"prId",["D",1739866991933],{"_118":145,"_142":-5,"_116":146,"_113":147},7,["D",1739866747332],"05d3be44-edd1-11ef-803f-e6cdfca9ef9f",{"_118":149,"_142":-5,"_116":150,"_113":151},6,["D",1739866605877],"b1837d52-edd0-11ef-8af3-e6cdfca9ef9f",{"_118":153,"_142":-5,"_116":154,"_113":155},5,["D",1739866301206],"fbea2310-edcf-11ef-9444-e6cdfca9ef9f",{"_118":157,"_142":-5,"_116":158,"_113":159},4,["D",1739866181419],"b483af5a-edcf-11ef-93d6-e6cdfca9ef9f",{"_118":161,"_142":-5,"_116":162,"_113":163},3,["D",1739866109561],"89af711a-edcf-11ef-a3f0-e6cdfca9ef9f",{"_118":90,"_142":-5,"_116":165,"_113":166},["D",1739865980288],"3ca1c13e-edcf-11ef-aec1-e6cdfca9ef9f",{"_118":122,"_142":-5,"_116":168,"_113":169},["D",1739865873446],"fcf338f6-edce-11ef-bcb6-e6cdfca9ef9f",{"_118":31,"_142":-5,"_116":171,"_113":172},["D",1739865828521],"e22bb98a-edce-11ef-b7b5-e6cdfca9ef9f","recentThread","breadcrumbs","comments",[],"isOwner","routes/_app.v.$handle.$name.versions.$(version)",{"_93":180,"_130":131,"_98":99,"_20":181,"_177":26,"_94":184,"_139":207,"_118":-5,"_221":122,"_222":119,"_223":224,"_225":-5},"list",{"_113":96,"_130":131,"_116":182,"_183":-5,"_132":133},["D",1739865581173],"bio",{"_98":99,"_95":96,"_100":101,"_102":-5,"_103":185,"_104":105,"_106":107,"_108":109,"_110":111,"_112":26,"_113":111,"_114":115,"_116":186,"_118":119,"_120":26,"_121":122,"_123":122,"_124":31,"_125":122,"_126":31,"_127":31,"_128":-5,"_20":187,"_134":-5,"_135":-7,"_136":137,"_138":107,"_139":188},true,["D",1739866991933],{"_130":131,"_132":133},[189,191,193,195,197,199,201,203,205],{"_118":119,"_142":-5,"_116":190,"_113":111},["D",1739866991933],{"_118":145,"_142":-5,"_116":192,"_113":147},["D",1739866747332],{"_118":149,"_142":-5,"_116":194,"_113":151},["D",1739866605877],{"_118":153,"_142":-5,"_116":196,"_113":155},["D",1739866301206],{"_118":157,"_142":-5,"_116":198,"_113":159},["D",1739866181419],{"_118":161,"_142":-5,"_116":200,"_113":163},["D",1739866109561],{"_118":90,"_142":-5,"_116":202,"_113":166},["D",1739865980288],{"_118":122,"_142":-5,"_116":204,"_113":169},["D",1739865873446],{"_118":31,"_142":-5,"_116":206,"_113":172},["D",1739865828521],[208],{"_113":172,"_114":209,"_118":31,"_116":210,"_211":99,"_100":101,"_108":109,"_130":131,"_11":96,"_212":-5,"_213":-5,"_214":-5,"_177":26,"_136":137,"_215":-5,"_216":217},"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\nfunction App() {\n const [name, setName] = useState(\"\");\n const [email, setEmail] = useState(\"\");\n const [attending, setAttending] = useState(true);\n const [submitted, setSubmitted] = useState(false);\n const [rsvpCount, setRsvpCount] = useState(0);\n\n useEffect(() => {\n fetch('/count').then(r => r.json()).then(data => setRsvpCount(data.count));\n }, []);\n\n const handleSubmit = async (e) => {\n e.preventDefault();\n const response = await fetch('/rsvp', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ name, email, attending })\n });\n \n if (response.ok) {\n setSubmitted(true);\n setRsvpCount(prev => prev + 1);\n }\n };\n\n if (submitted) {\n return (\n

🎉 Thanks for your RSVP! 🚀

We look forward to seeing you at the Val Town Hack Night!

\n );\n }\n\n return (\n

Val Town Hack Night 🖥️

February 27th, 2024

Join us for an evening of coding, collaboration, and community!

\n \n \n\n

\n Current RSVPs: {rsvpCount}\n

\n\n \n View Source\n \n

\n \n \n \n \n `, {\n headers: { 'Content-Type': 'text/html' }\n });\n}\n\nconst css = `\nbody {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 100vh;\n margin: 0;\n background-color: #f4f4f4;\n}\n\n.container {\n background-color: white;\n padding: 2rem;\n border-radius: 10px;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n text-align: center;\n max-width: 400px;\n width: 100%;\n}\n\nh1 { color: #333; }\nh2 { color: #666; }\n\nform {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-top: 1rem;\n}\n\ninput {\n padding: 0.5rem;\n border: 1px solid #ddd;\n border-radius: 4px;\n}\n\n.attendance {\n display: flex;\n justify-content: space-around;\n margin: 1rem 0;\n}\n\nbutton {\n background-color: #007bff;\n color: white;\n border: none;\n padding: 0.75rem;\n border-radius: 4px;\n cursor: pointer;\n transition: background-color 0.3s;\n}\n\nbutton:hover {\n background-color: #0056b3;\n}\n\n.rsvp-count {\n margin-top: 1rem;\n font-weight: bold;\n color: #666;\n}\n\n.source-link {\n display: block;\n margin-top: 1rem;\n color: #666;\n text-decoration: none;\n font-size: 0.8rem;\n}\n`;",["D",1739865828521],"valName","deletedAt","messageId","threadId","previous","stats",{"_218":219,"_220":31},"additions",223,"deletions","page","pageSize","total",9,"redirect","routes/_app","actionData","errors"]

rsvpHackNightFeb27

Versions

v0