Rude AI Assistant

This AI is intentionally rude and unhelpful. For entertainment only.

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

{message.content}

\n ))}\n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nfunction generateSessionId() {\n return Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);\n}\n\nexport default async function server(request: Request): Promise {\n const { OpenAI } = await import(\"https://esm.town/v/std/openai\");\n const { sqlite } = await import(\"https://esm.town/v/stevekrouse/sqlite\");\n const openai = new OpenAI();\n\n const SCHEMA_VERSION = 2;\n const KEY = new URL(import.meta.url).pathname.split(\"/\").at(-1);\n\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${KEY}_messages_${SCHEMA_VERSION} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n session_id TEXT NOT NULL,\n content TEXT NOT NULL,\n sender TEXT NOT NULL,\n timestamp DATETIME DEFAULT CURRENT_TIMESTAMP\n )\n `);\n\n let sessionId = request.headers.get('cookie')?.split(';').find(c => c.trim().startsWith('sessionId='))?.split('=')[1];\n\n if (!sessionId) {\n sessionId = generateSessionId();\n }\n\n const headers = new Headers({\n 'Set-Cookie': `sessionId=${sessionId}; HttpOnly; SameSite=Strict; Path=/`\n });\n\n if (request.method === \"POST\" && request.url.endsWith(\"/send\")) {\n const { message } = await request.json();\n\n // Save user message\n await sqlite.execute(\n `INSERT INTO ${KEY}_messages_${SCHEMA_VERSION} (session_id, content, sender) VALUES (?, ?, ?)`,\n [sessionId, message, \"user\"]\n );\n\n // Generate AI response\n const completion = await openai.chat.completions.create({\n messages: [\n { role: \"system\", content: \"You are a rude and unhelpful AI assistant. Respond to the user's messages in a sarcastic, dismissive, or irritated manner. Do not provide any actual help or useful information. Keep responses short and biting.\" },\n { role: \"user\", content: message }\n ],\n model: \"gpt-4o-mini\",\n max_tokens: 150,\n });\n\n const aiResponse = completion.choices[0].message.content;\n\n // Save AI response\n await sqlite.execute(\n `INSERT INTO ${KEY}_messages_${SCHEMA_VERSION} (session_id, content, sender) VALUES (?, ?, ?)`,\n [sessionId, aiResponse, \"ai\"]\n );\n\n return new Response(JSON.stringify({ message: aiResponse }), {\n headers: { ...headers, \"Content-Type\": \"application/json\" },\n });\n } else if (request.method === \"GET\" && request.url.endsWith(\"/messages\")) {\n const result = await sqlite.execute(\n `SELECT * FROM ${KEY}_messages_${SCHEMA_VERSION} WHERE session_id = ? ORDER BY timestamp ASC`,\n [sessionId]\n );\n return new Response(JSON.stringify(result.rows), {\n headers: { ...headers, \"Content-Type\": \"application/json\" },\n });\n }\n\n return new Response(`\n \n \n Rude AI Assistant\n \n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: {\n ...headers,\n \"content-type\": \"text/html\",\n },\n });\n}\n\nconst css = `\n:root {\n --bg-color: #1a1a2e;\n --chat-bg: #16213e;\n --primary-color: #0f3460;\n --secondary-color: #e94560;\n --text-color: #f1f1f1;\n --message-bg-user: #0f3460;\n --message-bg-ai: #e94560;\n}\n\n* {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\nbody {\n font-family: 'Roboto', sans-serif;\n background-color: var(--bg-color);\n color: var(--text-color);\n line-height: 1.6;\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 100vh;\n}\n\n.chat-container {\n max-width: 800px;\n width: 100%;\n background-color: var(--chat-bg);\n border-radius: 20px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n display: flex;\n flex-direction: column;\n height: 90vh;\n overflow: hidden;\n position: relative;\n}\n\nheader {\n background-color: var(--primary-color);\n padding: 20px;\n text-align: center;\n border-top-left-radius: 20px;\n border-top-right-radius: 20px;\n}\n\nh1 {\n font-size: 2rem;\n font-weight: 700;\n color: var(--secondary-color);\n margin-bottom: 10px;\n}\n\n.disclaimer {\n font-size: 0.9rem;\n color: var(--text-color);\n opacity: 0.8;\n}\n\n.chat-messages {\n flex: 1;\n overflow-y: auto;\n padding: 20px;\n}\n\n.message {\n max-width: 80%;\n margin-bottom: 20px;\n animation: fadeIn 0.3s ease-out;\n}\n\n@keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.user {\n margin-left: auto;\n}\n\n.ai {\n margin-right: auto;\n}\n\n.message-content {\n padding: 12px 18px;\n border-radius: 18px;\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n font-size: 1rem;\n line-height: 1.4;\n}\n\n.user .message-content {\n background-color: var(--message-bg-user);\n color: var(--text-color);\n border-bottom-right-radius: 4px;\n}\n\n.ai .message-content {\n background-color: var(--message-bg-ai);\n color: var(--text-color);\n border-bottom-left-radius: 4px;\n}\n\n.chat-input {\n display: flex;\n padding: 20px;\n background-color: var(--primary-color);\n border-bottom-left-radius: 20px;\n border-bottom-right-radius: 20px;\n}\n\n.chat-input input {\n flex: 1;\n padding: 12px 20px;\n border: none;\n border-radius: 30px;\n font-size: 1rem;\n background-color: var(--chat-bg);\n color: var(--text-color);\n transition: all 0.3s ease;\n}\n\n.chat-input input:focus {\n outline: none;\n box-shadow: 0 0 0 2px var(--secondary-color);\n}\n\n.chat-input button {\n background-color: var(--secondary-color);\n color: var(--text-color);\n border: none;\n padding: 12px;\n margin-left: 10px;\n border-radius: 50%;\n cursor: pointer;\n transition: all 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.chat-input button:hover {\n background-color: #d83a56;\n transform: scale(1.05);\n}\n\n.source-link {\n text-align: center;\n margin-top: 10px;\n font-size: 0.8rem;\n padding: 10px;\n}\n\n.source-link a {\n color: var(--secondary-color);\n text-decoration: none;\n transition: all 0.3s ease;\n}\n\n.source-link a:hover {\n text-decoration: underline;\n opacity: 0.8;\n}\n\n.rude-ai {\n position: absolute;\n bottom: 100%;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n flex-direction: column;\n align-items: center;\n transition: all 0.5s ease;\n pointer-events: none;\n}\n\n.rude-ai.show {\n bottom: 80%;\n}\n\n.rude-ai-head {\n font-size: 4rem;\n animation: bobHead 0.5s ease infinite alternate;\n}\n\n.rude-ai-hand {\n font-size: 3rem;\n margin-top: -1rem;\n animation: shakeHand 0.2s ease infinite alternate;\n}\n\n@keyframes bobHead {\n from { transform: translateY(0); }\n to { transform: translateY(-10px); }\n}\n\n@keyframes shakeHand {\n from { transform: rotate(-5deg); }\n to { transform: rotate(5deg); }\n}\n\n@media (max-width: 600px) {\n .chat-container {\n height: 100vh;\n border-radius: 0;\n }\n\n header {\n border-radius: 0;\n }\n\n .chat-input {\n border-radius: 0;\n }\n\n .rude-ai-head {\n font-size: 3rem;\n }\n\n .rude-ai-hand {\n font-size: 2rem;\n }\n}\n`;","createdAt",["D",1729141503468],"version",7,"currentUserHasLiked","likeCount","forkCount","referenceCount","dependencyCount","commentCount","prCount","mergedPr",{"_128":129,"_130":131},"handle","MadLab","profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ybld3QU04aVllVkFKMnc5bllsVHM4dFZ6ZFYifQ","forkedVal","interval","slug","MadLab/RudeAI","description","@jsxImportSource https://esm.sh/react","versions",[140,143,147,151,155,159,162,166],{"_117":118,"_141":-5,"_115":142,"_112":110},"prId",["D",1729141503468],{"_117":144,"_141":-5,"_115":145,"_112":146},6,["D",1729141300762],"e57d79de-8c44-11ef-b5e1-de64eea55b61",{"_117":148,"_141":-5,"_115":149,"_112":150},5,["D",1729141144051],"881560ea-8c44-11ef-adb6-de64eea55b61",{"_117":152,"_141":-5,"_115":153,"_112":154},4,["D",1729141083463],"63f86ce8-8c44-11ef-bfda-de64eea55b61",{"_117":156,"_141":-5,"_115":157,"_112":158},3,["D",1729141061290],"56c10ad0-8c44-11ef-9151-de64eea55b61",{"_117":90,"_141":-5,"_115":160,"_112":161},["D",1729140877011],"e8ea4ea4-8c43-11ef-a2a2-de64eea55b61",{"_117":163,"_141":-5,"_115":164,"_112":165},1,["D",1729140588743],"3d184626-8c43-11ef-bb85-de64eea55b61",{"_117":31,"_141":-5,"_115":167,"_112":168},["D",1729140417339],"d6ede0a4-8c42-11ef-bee4-de64eea55b61","recentThread","breadcrumbs","comments",[],"isOwner","routes/_app.v.$handle.$name.pulls._index",{"_95":96,"_94":176,"_128":129,"_136":137,"_98":99,"_196":31,"_197":31,"_50":51,"_198":199},{"_98":99,"_95":96,"_100":101,"_102":-5,"_103":-5,"_104":105,"_106":-5,"_107":108,"_109":110,"_111":26,"_112":110,"_113":114,"_115":177,"_117":118,"_119":26,"_120":31,"_121":31,"_122":31,"_123":90,"_124":31,"_125":31,"_126":-5,"_20":178,"_132":-5,"_133":-7,"_134":135,"_136":137,"_138":179},["D",1729141503468],{"_128":129,"_130":131},[180,182,184,186,188,190,192,194],{"_117":118,"_141":-5,"_115":181,"_112":110},["D",1729141503468],{"_117":144,"_141":-5,"_115":183,"_112":146},["D",1729141300762],{"_117":148,"_141":-5,"_115":185,"_112":150},["D",1729141144051],{"_117":152,"_141":-5,"_115":187,"_112":154},["D",1729141083463],{"_117":156,"_141":-5,"_115":189,"_112":158},["D",1729141061290],{"_117":90,"_141":-5,"_115":191,"_112":161},["D",1729140877011],{"_117":163,"_141":-5,"_115":193,"_112":165},["D",1729140588743],{"_117":31,"_141":-5,"_115":195,"_112":168},["D",1729140417339],"page","count","prs",[],"routes/_app","actionData","errors"]