🌟 Val Town Chat

\n {messages.map((msg, index) => (\n

\n {msg.content}\n

\n ))}\n

\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 = \"chatApp\";\n const SCHEMA_VERSION = 1;\n\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${KEY}_messages_${SCHEMA_VERSION} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n content TEXT NOT NULL,\n timestamp DATETIME DEFAULT CURRENT_TIMESTAMP\n )\n `);\n\n if (request.method === 'GET' && new URL(request.url).pathname === '/messages') {\n const result = await sqlite.execute(`\n SELECT content FROM ${KEY}_messages_${SCHEMA_VERSION} \n ORDER BY timestamp DESC \n LIMIT 50\n `);\n return new Response(JSON.stringify(result.rows), {\n headers: { 'Content-Type': 'application/json' }\n });\n }\n\n if (request.method === 'POST' && new URL(request.url).pathname === '/send') {\n const { content } = await request.json();\n await sqlite.execute(`\n INSERT INTO ${KEY}_messages_${SCHEMA_VERSION} (content) \n VALUES (?)\n `, [content]);\n return new Response('Message sent', { status: 200 });\n }\n\n return new Response(`\n \n \n Val Town Chat\n \n \n \n \n

\n \n \n \n `, {\n headers: { 'Content-Type': 'text/html' }\n });\n}\n\nconst styles = {\n container: {\n maxWidth: '600px',\n margin: '0 auto',\n fontFamily: 'system-ui, sans-serif',\n padding: '20px',\n },\n messageList: {\n height: '400px',\n overflowY: 'auto',\n border: '1px solid #eee',\n marginBottom: '20px',\n padding: '10px',\n },\n message: {\n marginBottom: '10px',\n padding: '8px',\n backgroundColor: '#f4f4f4',\n borderRadius: '4px',\n },\n inputContainer: {\n display: 'flex',\n gap: '10px',\n },\n input: {\n flex: 1,\n padding: '10px',\n borderRadius: '4px',\n border: '1px solid #ccc',\n },\n sendButton: {\n padding: '10px 20px',\n backgroundColor: '#007bff',\n color: 'white',\n border: 'none',\n borderRadius: '4px',\n cursor: 'pointer',\n }\n};","deleted","label",[98],"permalink","https://www.val.town/x/Nil1990/chatApp/code/main.tsx","extension","actionData","errors"]