\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",[18,80],"0c90a582-3da1-11f1-a924-42b51c65c3df",["D",1776789733490],"\n\n\n \n \n Discord Dashboard\n \n \n \n\n\n

\n \n\n\n",[18,66],"pulls","branches",1,"forks","envVars",{"_179":181,"_182":26},"connections",{"_179":26,"_180":26},"count","unfilledCount",2,"emptyCount",{"_34":153,"_13":18,"_64":82,"_44":-5,"_36":37,"_154":155,"_156":24,"_38":221,"_40":26,"_67":83,"_158":-5,"_68":30,"_159":-5,"_197":222,"_17":223},{"_34":167,"_13":66,"_64":65,"_44":82,"_36":37,"_154":41,"_156":24,"_38":218,"_40":26,"_67":21,"_158":169,"_68":30,"_159":-5,"_197":219,"_17":220},{"_34":163,"_13":80,"_64":79,"_44":82,"_36":37,"_154":74,"_156":24,"_38":215,"_40":26,"_67":81,"_158":165,"_68":30,"_159":-5,"_197":216,"_17":217},{"_34":207,"_13":208,"_64":209,"_44":-5,"_36":37,"_154":210,"_156":24,"_38":211,"_40":26,"_67":21,"_158":212,"_68":30,"_159":-5,"_197":213,"_17":214},{"_34":200,"_13":201,"_64":202,"_44":-5,"_36":37,"_154":118,"_156":24,"_38":203,"_40":181,"_67":81,"_158":204,"_68":30,"_159":-5,"_197":205,"_17":206},{"_34":189,"_13":190,"_64":191,"_44":-5,"_36":37,"_154":192,"_156":24,"_38":193,"_40":194,"_67":195,"_158":196,"_68":30,"_159":-5,"_197":198,"_17":199},"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",[],[190],"3913e63c-3da1-11f1-a442-42b51c65c3df","discord.ts","03f51d5e-3da1-11f1-8b14-42b51c65c3df",["D",1776789808168],"// 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}",[],[201],"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",[],[208],["D",1776789766121],[],[18,80],["D",1776789733490],[],[18,66],["D",1776789707545],[184,185],[18],["D",1776789638071],{"_11":12,"_131":71},{"_11":12,"_127":-5,"_70":71,"_31":69,"_128":129,"_130":30},{"_40":118,"_13":16,"_34":37,"_119":85,"_120":-5,"_121":-5,"_122":-5,"_123":-5,"_124":-5,"_125":14,"_126":12},"ctx",{"_54":-5,"_150":261,"_262":263,"_264":265,"_266":30,"_267":30,"_268":30,"_269":24,"_270":-5,"_271":-7,"_272":-7,"_273":26,"_274":30,"_275":30,"_276":-5,"_277":30,"_278":30,"_279":30,"_280":-5},"ENV",{"_232":233,"_234":235,"_236":16,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256,"_257":258,"_259":260},"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"]

History · frontend