SimpleBot 🤖

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_151":152,"_153":154},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_115":-5,"_20":116,"_22":117,"_118":119,"_120":121,"_25":122,"_24":-5,"_123":-5,"_124":-5,"_125":53,"_126":127,"_128":44,"_129":-5,"_130":-5,"_131":132},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":-5,"_28":-5,"_29":-5,"_30":-5,"_31":-5},"handle","lqdocelot","name","simple-bot","branchName","main","version","path","","project",{"_33":61,"_13":14,"_45":62,"_63":-5,"_64":53,"_65":66,"_67":66,"_68":69,"_70":-5,"_71":72,"_73":37,"_74":44,"_75":-5,"_76":-5,"_77":47,"_78":79,"_80":-5,"_81":-5,"_82":-5,"_83":-5,"_84":85,"_86":85,"_87":88,"_89":88,"_90":88,"_91":85,"_92":85,"_93":94,"_95":96,"_97":98,"_99":53},"tree",[56],"file","contents",[32],"upstream","pull","ahead","behind","envVars",{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":46,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_18":55},"id","65bd69e8-5ba5-11f1-98c6-ee650bb23af1","main.tsx","fileId","65bd6a92-5ba5-11f1-98c6-ee650bb23af1","parentId","branchId","58dfea52-5ba5-11f1-abf7-ee650bb23af1","branchVersion",1,"latest",true,"createdAt",["D",1780090135970],0,"fileType","http","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { renderToString } from \"https://esm.sh/react-dom@18.2.0/server\";\n\n// --- Simple rule-based bot logic (runs on the server) ---\nfunction getReply(message: string): string {\n const msg = message.toLowerCase().trim();\n if (/\\b(hi|hello|hey|yo)\\b/.test(msg)) return \"Hey there! 👋 How can I help you today?\";\n if (msg.includes(\"how are you\")) return \"I'm just some code, but I'm running great! How about you?\";\n if (msg.includes(\"name\")) return \"I'm SimpleBot, your friendly Val Town demo bot. 🤖\";\n if (msg.includes(\"time\")) return `The current server time is ${new Date().toLocaleTimeString()}.`;\n if (msg.includes(\"joke\")) return \"Why do programmers prefer dark mode? Because light attracts bugs! 🐛\";\n if (msg.includes(\"bye\")) return \"Goodbye! Come back soon. 👋\";\n if (msg.includes(\"thank\")) return \"You're very welcome! 😊\";\n if (msg.includes(\"help\")) return \"Try asking me my name, the time, for a joke, or just say hi!\";\n return \"Hmm, I'm a simple bot — try asking for a joke, the time, or my name!\";\n}\n\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n\n // API endpoint for chat messages\n if (req.method === \"POST\" && url.pathname === \"/chat\") {\n const { message } = await req.json();\n return Response.json({ reply: getReply(message ?? \"\") });\n }\n\n // Serve the chat UI\n const html = renderToString();\n return new Response(\"\" + html, {\n headers: { \"Content-Type\": \"text/html\" },\n });\n}\n\nfunction App() {\n return (\n \n \n \n \n SimpleBot 🤖\n \n \n \n

🤖 SimpleBot

Hi! I'm SimpleBot. Ask me for a joke, the time, or just say hi!

\n \n

Code