Guest List

\n {guests.length === 0 ? (\n

No guests yet.

\n ) : (\n

\n {guest.name} - {guest.email}\n

\n )}\n \n View Source\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 const { sqlite } = await import(\"https://esm.town/v/stevekrouse/sqlite\");\n const KEY = \"listGuestsMainPage\";\n const SCHEMA_VERSION = 3;\n\n // Create guests table if not exists\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${KEY}_guests_${SCHEMA_VERSION} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n name TEXT NOT NULL,\n email TEXT NOT NULL,\n timestamp DATETIME DEFAULT CURRENT_TIMESTAMP\n )\n `);\n\n // Insert default guest if no guests exist\n const existingGuests = await sqlite.execute(`\n SELECT COUNT(*) as count FROM ${KEY}_guests_${SCHEMA_VERSION}\n `);\n\n if (existingGuests.rows[0].count === 0) {\n await sqlite.execute(`\n INSERT INTO ${KEY}_guests_${SCHEMA_VERSION} (name, email) \n VALUES ('Mucyo', 'patrickizabayomucyo@gmail.com')\n `);\n }\n\n // Handle guest retrieval\n if (new URL(request.url).pathname === '/guests') {\n const result = await sqlite.execute(`SELECT * FROM ${KEY}_guests_${SCHEMA_VERSION}`);\n return new Response(JSON.stringify(result.rows), {\n headers: { 'Content-Type': 'application/json' }\n });\n }\n\n return new Response(`\n \n \n Guest List\n \n \n \n

\n \n \n \n \n `, {\n headers: { 'Content-Type': 'text/html' }\n });\n}\n\nconst css = `\nbody {\n font-family: system-ui, sans-serif;\n max-width: 600px;\n margin: 0 auto;\n padding: 20px;\n}\nul {\n list-style-type: none;\n padding: 0;\n}\nli {\n background-color: #f4f4f4;\n margin: 10px 0;\n padding: 10px;\n border-radius: 5px;\n}\n`;","deleted","label",[98],"permalink","https://www.val.town/x/izabayomucyo35p/listGuestsMainPage/code/main.tsx","extension","actionData","errors"]