\n {/* Header */}\n

\n Discord Dashboard\n

\n \n view source\n \n

\n\n {/* Tabs */}\n

\n {([\"messages\", \"send\", \"webhook\"] as const).map((t) => (\n setTab(t)}\n className={`px-4 py-2 rounded-lg font-medium transition ${\n tab === t ? \"bg-indigo-600 text-white\" : \"bg-gray-800 text-gray-300 hover:bg-gray-700\"\n }`}\n >\n {t === \"messages\" && <>Messages}\n {t === \"send\" && <>Send}\n {t === \"webhook\" && <>Webhook}\n \n ))}\n

\n\n {error && (\n

\n {error}\n

\n )}\n\n {/* Messages Tab */}\n {tab === \"messages\" && (\n

\n {/* Search bar */}\n

\n setSearchQuery(e.target.value)}\n onKeyDown={(e) => e.key === \"Enter\" && handleSearch()}\n placeholder=\"Search messages or usernames...\"\n className=\"flex-1 bg-gray-800 border border-gray-700 rounded-lg px-4 py-2 text-white placeholder-gray-500 focus:outline-none focus:border-indigo-500\"\n />\n \n {searching ? \"...\" : \"Search\"}\n \n { setSearchQuery(\"\"); fetchMessages(); }}\n className=\"bg-gray-700 hover:bg-gray-600 px-4 py-2 rounded-lg\"\n >\n \n \n

\n\n {/* Message list */}\n {loading ? (\n

\n \n

Loading messages...

\n ) : messages.length === 0 ? (\n

No messages found

\n ) : (\n

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

\n {msg.author.username.charAt(0).toUpperCase()}\n

\n {msg.author.username}\n {formatTime(msg.timestamp)}\n

{msg.content || (embed/attachment)}

\n handleDelete(msg.id)}\n className=\"opacity-0 group-hover:opacity-100 text-red-400 hover:text-red-300 transition p-1\"\n title=\"Delete message\"\n >\n \n \n

\n ))}\n

\n )}\n

\n )}\n\n {/* Send Tab */}\n {tab === \"send\" && (\n

Send Message

\n setNewMessage(e.target.value)}\n onKeyDown={(e) => { if (e.key === \"Enter\" && e.ctrlKey) handleSend(); }}\n placeholder=\"Type your message... (Ctrl+Enter to send)\"\n rows={4}\n className=\"w-full bg-gray-900 border border-gray-700 rounded-lg px-4 py-3 text-white placeholder-gray-500 focus:outline-none focus:border-indigo-500 resize-none mb-4\"\n />\n \n {sending ? <>Sending... : <>Send Message}\n \n

\n )}\n\n {/* Webhook Tab */}\n {tab === \"webhook\" && (\n

Webhook Endpoint

Send a POST request to this URL to forward messages to your Discord channel.

\n {webhookUrl}\n navigator.clipboard.writeText(webhookUrl)}\n className=\"text-gray-400 hover:text-white px-2\"\n title=\"Copy URL\"\n >\n \n \n

Example payload:

\n{`POST ${webhookUrl}\nContent-Type: application/json\n\n{\n  \"text\": \"Hello from webhook!\"\n}`}\n

\n Accepts text, content, or message fields. Falls back to stringified JSON.\n

\n )}\n\n \n

\n );\n}\n\nconst root = ReactDOM.createRoot(document.getElementById(\"root\")!);\nroot.render();\n","deleted",false,"label",[19,37],"0c90a582-3da1-11f1-a924-42b51c65c3df","index.html","0c90a654-3da1-11f1-a924-42b51c65c3df",7,["D",1776789733490],"\n\n\n \n \n Discord Dashboard\n \n \n \n\n\n

\n \n\n\n",[19,60],"fd19a40a-3da0-11f1-8b14-42b51c65c3df",4,["D",1776789707545],"directory",[19],{"_35":66,"_13":19,"_38":41,"_40":-5,"_42":43,"_44":67,"_46":47,"_48":103,"_17":50,"_51":69,"_53":-5,"_55":56,"_57":-5,"_83":104,"_18":105},{"_35":95,"_13":96,"_38":97,"_40":-5,"_42":43,"_44":98,"_46":47,"_48":99,"_17":50,"_51":24,"_53":100,"_55":56,"_57":-5,"_83":101,"_18":102},{"_35":86,"_13":87,"_38":88,"_40":-5,"_42":43,"_44":89,"_46":47,"_48":90,"_17":91,"_51":52,"_53":92,"_55":56,"_57":-5,"_83":93,"_18":94},{"_35":75,"_13":76,"_38":77,"_40":-5,"_42":43,"_44":78,"_46":47,"_48":79,"_17":80,"_51":81,"_53":82,"_55":56,"_57":-5,"_83":84,"_18":85},"0af68822-3da1-11f1-a924-42b51c65c3df","main.ts","d3b2637c-3da0-11f1-a143-42b51c65c3df",6,["D",1776789730791],3,"http","import { Hono } from \"npm:hono@4\";\nimport { serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { parseVal } from \"https://esm.town/v/std/utils/index.ts\";\nimport { getMessages, sendMessage, deleteMessage, searchMessages } from \"./discord.ts\";\n\nconst app = new Hono();\n\napp.onError((err) => Promise.reject(err));\n\n// --- API Routes ---\n\n// GET messages\napp.get(\"/api/messages\", async (c) => {\n const limit = Number(c.req.query(\"limit\") || \"50\");\n const after = c.req.query(\"after\") || undefined;\n const before = c.req.query(\"before\") || undefined;\n const messages = await getMessages({ limit, after, before });\n return c.json(messages);\n});\n\n// POST send message\napp.post(\"/api/messages\", async (c) => {\n const { content } = await c.req.json();\n if (!content) return c.json({ error: \"content is required\" }, 400);\n const msg = await sendMessage(content);\n return c.json(msg);\n});\n\n// DELETE message\napp.delete(\"/api/messages/:id\", async (c) => {\n const id = c.req.param(\"id\");\n await deleteMessage(id);\n return c.json({ ok: true });\n});\n\n// GET search messages\napp.get(\"/api/search\", async (c) => {\n const query = c.req.query(\"q\") || \"\";\n if (!query) return c.json({ error: \"q parameter is required\" }, 400);\n const limit = Number(c.req.query(\"limit\") || \"100\");\n const messages = await searchMessages(query, limit);\n return c.json(messages);\n});\n\n// POST webhook (receive external webhooks and forward to Discord)\napp.post(\"/api/webhook\", async (c) => {\n const body = await c.req.json();\n const text = body.text || body.content || body.message || JSON.stringify(body);\n const msg = await sendMessage(`📩 Webhook: ${text}`);\n return c.json({ ok: true, message: msg });\n});\n\n// View source\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// Frontend\napp.get(\"/frontend/*\", (c) => serveFile(c.req.path));\napp.get(\"/\", (c) => serveFile(\"/frontend/index.html\"));\n\nexport default app.fetch;\n","children",[],[76],"3913e63c-3da1-11f1-a442-42b51c65c3df","discord.ts","03f51d5e-3da1-11f1-8b14-42b51c65c3df",11,["D",1776789808168],2,"// Discord API helper functions\n\nconst API_BASE = \"https://discord.com/api/v10\";\n\nfunction getToken(): string {\n return Deno.env.get(\n \"Bot MTQ5NjE2NjAxMDcyMDQ4NTUwNg.GZ_F-I.2yOXyzR6uIEyZfBeFPXnoxcVyBpqFZQDZiUSfc\",\n ) || \"\";\n}\n\nfunction getChannelId(): string {\n return Deno.env.get(\"1496161122544259094\") || \"\";\n}\n\nfunction headers() {\n return {\n \"Authorization\": getToken(),\n \"Content-Type\": \"application/json\",\n };\n}\n\nexport interface DiscordMessage {\n id: string;\n content: string;\n author: { id: string; username: string; avatar: string | null };\n timestamp: string;\n attachments?: any[];\n embeds?: any[];\n}\n\n// Fetch messages from channel\nexport async function getMessages(opts: {\n limit?: number;\n after?: string;\n before?: string;\n} = {}): Promise {\n const channelId = getChannelId();\n const params = new URLSearchParams();\n params.set(\"limit\", String(opts.limit || 50));\n if (opts.after) params.set(\"after\", opts.after);\n if (opts.before) params.set(\"before\", opts.before);\n\n const res = await fetch(\n `${API_BASE}/channels/${channelId}/messages?${params}`,\n {\n headers: headers(),\n },\n );\n if (!res.ok) {\n throw new Error(`Discord API error: ${res.status} ${await res.text()}`);\n }\n return res.json();\n}\n\n// Send a message to the channel\nexport async function sendMessage(content: string): Promise {\n const channelId = getChannelId();\n const res = await fetch(`${API_BASE}/channels/${channelId}/messages`, {\n method: \"POST\",\n headers: headers(),\n body: JSON.stringify({ content }),\n });\n if (!res.ok) {\n throw new Error(`Discord API error: ${res.status} ${await res.text()}`);\n }\n return res.json();\n}\n\n// Delete a message\nexport async function deleteMessage(messageId: string): Promise {\n const channelId = getChannelId();\n const res = await fetch(\n `${API_BASE}/channels/${channelId}/messages/${messageId}`,\n {\n method: \"DELETE\",\n headers: headers(),\n },\n );\n if (!res.ok && res.status !== 204) {\n throw new Error(`Discord API error: ${res.status} ${await res.text()}`);\n }\n}\n\n// Search messages (filter locally since Discord search API is limited for bots)\nexport async function searchMessages(\n query: string,\n limit = 100,\n): Promise {\n const messages = await getMessages({ limit });\n const q = query.toLowerCase();\n return messages.filter(\n (m) =>\n m.content.toLowerCase().includes(q) ||\n m.author.username.toLowerCase().includes(q),\n );\n}",[],[87],"2d596bdc-3da1-11f1-9627-42b51c65c3df","README.md","2d596ccc-3da1-11f1-9627-42b51c65c3df",9,["D",1776789788495],"# Discord Dashboard\n\nA web dashboard for managing Discord channel messages with API endpoints and webhook support.\n\n## Features\n\n- 📨 **View Messages** — Browse recent messages with search & filter\n- ✉️ **Send Messages** — Send messages to your channel from the dashboard\n- 🗑️ **Delete Messages** — Remove messages with one click\n- 🔍 **Search** — Filter messages by content or username\n- 🔗 **Webhook Endpoint** — Receive external webhooks and forward to Discord\n- 🔒 **Secure** — Bot token stored in environment variables\n\n## API Endpoints\n\n| Method | Path | Description |\n|--------|------|-------------|\n| `GET` | `/api/messages` | Fetch messages (`?limit=50&after=ID&before=ID`) |\n| `POST` | `/api/messages` | Send message (`{ \"content\": \"...\" }`) |\n| `DELETE` | `/api/messages/:id` | Delete a message |\n| `GET` | `/api/search?q=...` | Search messages |\n| `POST` | `/api/webhook` | Receive webhook (`{ \"text\": \"...\" }`) |\n\n## Environment Variables\n\n| Key | Description |\n|-----|-------------|\n| `DISCORD_BOT_TOKEN` | Bot token with `Bot` prefix |\n| `DISCORD_CHANNEL_ID` | Target channel ID |\n\n## Architecture\n\n```mermaid\ngraph LR\n A[Browser] --> B[Hono Backend]\n B --> C[Discord API]\n D[External Webhook] --> B\n B --> E[React Dashboard]\n```\n",[],[96],["D",1776789707545],[106,107],[19],{"_35":59,"_13":60,"_38":61,"_40":41,"_42":43,"_44":62,"_46":47,"_48":111,"_17":50,"_51":24,"_53":64,"_55":56,"_57":-5,"_83":112,"_18":113},{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":108,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_83":109,"_18":110},["D",1776789766121],[],[19,37],["D",1776789733490],[],[19,60],"d3af0696-3da0-11f1-a143-42b51c65c3df",["D",1776789638071],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","577e6ff7-f9e3-44e1-bd4d-f42f8a0c53af","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","019db0e4-7cba-7612-93a6-9626228fb6b1","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_166":162},"org",{"_11":12,"_160":-5,"_161":162,"_123":124,"_163":164,"_165":56},"branch",{"_17":89,"_13":16,"_35":43,"_152":114,"_153":-5,"_154":-5,"_155":-5,"_156":-5,"_157":-5,"_158":14,"_159":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://avatars.githubusercontent.com/u/139986655?v=4","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":114,"_13":14,"_48":219,"_116":-5,"_117":56,"_118":119,"_120":119,"_121":-5,"_122":-5,"_123":124,"_125":-5,"_126":56,"_127":-5,"_128":-5,"_129":50,"_130":131,"_132":-5,"_133":-5,"_134":-5,"_135":-5,"_136":137,"_138":137,"_139":140,"_141":140,"_142":140,"_143":137,"_144":137,"_145":220,"_147":221,"_149":222,"_151":56},[201,204,205,206],"files",[201,202,203,204,205,206],"counts",{"_191":50,"_192":193,"_194":50,"_32":195,"_196":197},[187,188],{"_35":66,"_13":19,"_38":41,"_40":-5,"_42":43,"_44":67,"_46":47,"_48":68,"_17":50,"_51":69,"_53":-5,"_55":56,"_57":-5,"_18":186},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[19],{"_35":59,"_13":60,"_38":61,"_40":41,"_42":43,"_44":62,"_46":47,"_48":63,"_17":50,"_51":24,"_53":64,"_55":56,"_57":-5,"_18":190},{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_18":189},[19,37],[19,60],"pulls","branches",1,"forks",{"_198":91,"_200":50},"connections",{"_198":50,"_199":50},"count","unfilledCount","emptyCount",{"_35":66,"_13":19,"_38":41,"_40":-5,"_42":43,"_44":67,"_46":47,"_48":103,"_17":50,"_51":69,"_53":-5,"_55":56,"_57":-5,"_83":217,"_18":218},{"_35":59,"_13":60,"_38":61,"_40":41,"_42":43,"_44":62,"_46":47,"_48":111,"_17":50,"_51":24,"_53":64,"_55":56,"_57":-5,"_83":215,"_18":216},{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":108,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_83":213,"_18":214},{"_35":95,"_13":96,"_38":97,"_40":-5,"_42":43,"_44":98,"_46":47,"_48":99,"_17":50,"_51":24,"_53":100,"_55":56,"_57":-5,"_83":211,"_18":212},{"_35":86,"_13":87,"_38":88,"_40":-5,"_42":43,"_44":89,"_46":47,"_48":90,"_17":91,"_51":52,"_53":92,"_55":56,"_57":-5,"_83":209,"_18":210},{"_35":75,"_13":76,"_38":77,"_40":-5,"_42":43,"_44":78,"_46":47,"_48":79,"_17":80,"_51":81,"_53":82,"_55":56,"_57":-5,"_83":207,"_18":208},[],[76],[],[87],[],[96],[],[19,37],[],[19,60],[202,203],[19],["D",1776789638071],{"_11":12,"_166":162},{"_11":12,"_160":-5,"_161":162,"_123":124,"_163":164,"_165":56},{"_17":89,"_13":16,"_35":43,"_152":114,"_153":-5,"_154":-5,"_155":-5,"_156":-5,"_157":-5,"_158":14,"_159":12},"ctx",{"_145":-5,"_183":256,"_257":258,"_259":260,"_261":56,"_262":56,"_263":56,"_264":47,"_265":-5,"_266":-7,"_267":-7,"_268":50,"_269":56,"_270":56,"_271":-5,"_272":56,"_273":56,"_274":56,"_275":-5},"ENV",{"_227":228,"_229":230,"_231":16,"_232":233,"_234":235,"_236":237,"_238":239,"_240":241,"_242":243,"_244":245,"_246":247,"_248":249,"_250":251,"_252":253,"_254":255},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]