[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_202":203,"_204":205},"routes/_app.x.$handle.$name",{"_99":98,"_37":50,"_107":89,"_32":108,"_13":14,"_109":-5,"_11":110,"_111":112,"_113":114,"_115":116,"_117":118,"_26":-5,"_119":-5,"_120":-5,"_121":30,"_122":123,"_124":125,"_126":-5,"_127":-5,"_128":129},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_48":49,"_37":50,"_43":51,"_52":-5,"_53":30,"_54":55,"_56":55,"_57":-5,"_58":-5,"_19":59,"_60":-5,"_61":30,"_62":-5,"_63":-5,"_64":65,"_66":67,"_68":-5,"_69":-5,"_70":-5,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":82,"_83":84,"_85":86,"_87":30},"version",8,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","36f81649-7344-4c05-a328-ac6b17d024cf","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":-7,"_29":30,"_31":30,"_32":33,"_34":33},"file",{"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":14,"_46":47,"_29":30},"previous","deleted",false,"deletedHere","path","frontend/index.tsx","latestPath","fileId","2003f556-3da1-11f1-a924-42b51c65c3df","name","index.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect, useCallback } from \"https://esm.sh/react@18.2.0\";\nimport ReactDOM from \"https://esm.sh/react-dom@18.2.0/client\";\n\ninterface Message {\n id: string;\n content: string;\n author: { id: string; username: string; avatar: string | null };\n timestamp: string;\n}\n\nfunction App() {\n const [messages, setMessages] = useState([]);\n const [loading, setLoading] = useState(true);\n const [newMessage, setNewMessage] = useState(\"\");\n const [sending, setSending] = useState(false);\n const [searchQuery, setSearchQuery] = useState(\"\");\n const [searching, setSearching] = useState(false);\n const [tab, setTab] = useState<\"messages\" | \"send\" | \"webhook\">(\"messages\");\n const [webhookUrl, setWebhookUrl] = useState(window.location.origin + \"/api/webhook\");\n const [error, setError] = useState(\"\");\n\n const fetchMessages = useCallback(async () => {\n setLoading(true);\n setError(\"\");\n try {\n const res = await fetch(\"/api/messages?limit=50\");\n const data = await res.json();\n if (Array.isArray(data)) setMessages(data);\n else setError(data.message || \"Failed to load messages\");\n } catch (e: any) {\n setError(e.message);\n }\n setLoading(false);\n }, []);\n\n useEffect(() => { fetchMessages(); }, [fetchMessages]);\n\n const handleSend = async () => {\n if (!newMessage.trim()) return;\n setSending(true);\n setError(\"\");\n try {\n const res = await fetch(\"/api/messages\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ content: newMessage }),\n });\n if (!res.ok) throw new Error(\"Failed to send\");\n setNewMessage(\"\");\n fetchMessages();\n } catch (e: any) {\n setError(e.message);\n }\n setSending(false);\n };\n\n const handleDelete = async (id: string) => {\n if (!confirm(\"Delete this message?\")) return;\n setError(\"\");\n try {\n const res = await fetch(`/api/messages/${id}`, { method: \"DELETE\" });\n if (!res.ok) throw new Error(\"Failed to delete\");\n setMessages((prev) => prev.filter((m) => m.id !== id));\n } catch (e: any) {\n setError(e.message);\n }\n };\n\n const handleSearch = async () => {\n if (!searchQuery.trim()) { fetchMessages(); return; }\n setSearching(true);\n setError(\"\");\n try {\n const res = await fetch(`/api/search?q=${encodeURIComponent(searchQuery)}`);\n const data = await res.json();\n if (Array.isArray(data)) setMessages(data);\n else setError(data.message || \"Search failed\");\n } catch (e: any) {\n setError(e.message);\n }\n setSearching(false);\n };\n\n const formatTime = (ts: string) => {\n const d = new Date(ts);\n return d.toLocaleString();\n };\n\n return (\n

\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","createdAt",["D",1776789766121],"branchVersion","branchId","d3afc4a0-3da0-11f1-a143-42b51c65c3df","id","d3af0696-3da0-11f1-a143-42b51c65c3df","untitled-7224",["D",1776789638071],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","577e6ff7-f9e3-44e1-bd4d-f42f8a0c53af","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019db0e4-7cba-7612-93a6-9626228fb6b1","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_99":98,"_106":102},"org",{"_99":98,"_100":-5,"_101":102,"_19":59,"_103":104,"_105":30},"branch",{"_13":88,"_37":89,"_48":47,"_90":49,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":50,"_97":98},"isOwned",11,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","mykaaaa1","handle","displayName","avatar","https://avatars.githubusercontent.com/u/139986655?v=4","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_48":49,"_37":50,"_43":198,"_52":-5,"_53":30,"_54":55,"_56":55,"_57":-5,"_58":-5,"_19":59,"_60":-5,"_61":30,"_62":-5,"_63":-5,"_64":65,"_66":67,"_68":-5,"_69":-5,"_70":-5,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":199,"_83":200,"_85":201,"_87":30},"tree",[171,174,175],"files",[171,172,173,174,175],"counts",{"_159":65,"_160":161,"_162":65,"_163":164,"_165":166},"contents",[130,131,132],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_48":152,"_37":153,"_35":154,"_136":-5,"_46":47,"_45":155,"_138":125,"_43":156,"_13":65,"_39":157,"_41":-5,"_29":30,"_143":-5,"_32":158},{"_48":145,"_37":146,"_35":147,"_136":-5,"_46":47,"_45":148,"_138":30,"_43":149,"_13":65,"_39":40,"_41":150,"_29":30,"_143":-5,"_32":151},{"_48":133,"_37":134,"_35":135,"_136":-5,"_46":47,"_45":137,"_138":125,"_43":139,"_13":140,"_39":141,"_41":142,"_29":30,"_143":-5,"_32":144},"0af68822-3da1-11f1-a924-42b51c65c3df","main.ts","d3b2637c-3da0-11f1-a143-42b51c65c3df","parentId",6,"latest",["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","label",[134],"03f51c78-3da1-11f1-8b14-42b51c65c3df","discord.ts","03f51d5e-3da1-11f1-8b14-42b51c65c3df",5,["D",1776789719049],"// Discord API helper functions\n\nconst API_BASE = \"https://discord.com/api/v10\";\n\nfunction getToken(): string {\n return Deno.env.get(\"DISCORD_BOT_TOKEN\") || \"\";\n}\n\nfunction getChannelId(): string {\n return Deno.env.get(\"DISCORD_CHANNEL_ID\") || \"\";\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(`${API_BASE}/channels/${channelId}/messages?${params}`, {\n headers: headers(),\n });\n if (!res.ok) throw new Error(`Discord API error: ${res.status} ${await res.text()}`);\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) throw new Error(`Discord API error: ${res.status} ${await res.text()}`);\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(`${API_BASE}/channels/${channelId}/messages/${messageId}`, {\n method: \"DELETE\",\n headers: headers(),\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(query: string, limit = 100): 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}\n",[146],"fd19a40a-3da0-11f1-8b14-42b51c65c3df","frontend","fd19a4e6-3da0-11f1-8b14-42b51c65c3df",4,["D",1776789707545],"directory",[153],"pulls","branches",1,"forks","envVars",{"_167":169,"_170":65},"connections",{"_167":65,"_168":65},"count","unfilledCount",2,"emptyCount",{"_48":152,"_37":153,"_35":154,"_136":-5,"_46":47,"_45":155,"_138":125,"_43":195,"_13":65,"_39":157,"_41":-5,"_29":30,"_143":-5,"_177":196,"_32":197},{"_48":187,"_37":188,"_35":189,"_136":154,"_46":47,"_45":190,"_138":125,"_43":191,"_13":65,"_39":26,"_41":192,"_29":30,"_143":-5,"_177":193,"_32":194},{"_48":183,"_37":38,"_35":36,"_136":154,"_46":47,"_45":14,"_138":125,"_43":184,"_13":65,"_39":40,"_41":42,"_29":30,"_143":-5,"_177":185,"_32":186},{"_48":145,"_37":146,"_35":147,"_136":-5,"_46":47,"_45":148,"_138":30,"_43":180,"_13":65,"_39":40,"_41":150,"_29":30,"_143":-5,"_177":181,"_32":182},{"_48":133,"_37":134,"_35":135,"_136":-5,"_46":47,"_45":137,"_138":125,"_43":176,"_13":140,"_39":141,"_41":142,"_29":30,"_143":-5,"_177":178,"_32":179},["D",1776789730791],"children",[],[134],["D",1776789719049],[],[146],"2003f3e4-3da1-11f1-a924-42b51c65c3df",["D",1776789766121],[],[153,38],"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",[],[153,188],["D",1776789707545],[172,173],[153],["D",1776789638071],{"_99":98,"_106":102},{"_99":98,"_100":-5,"_101":102,"_19":59,"_103":104,"_105":30},{"_13":88,"_37":89,"_48":47,"_90":49,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":50,"_97":98},"ctx",{"_81":-5,"_127":235,"_236":237,"_238":239,"_240":30,"_241":30,"_242":30,"_243":125,"_244":-5,"_245":-7,"_246":-7,"_247":65,"_248":30,"_249":30,"_250":-5,"_251":30,"_252":30,"_253":30,"_254":-5},"ENV",{"_206":207,"_208":209,"_210":89,"_211":212,"_213":214,"_215":216,"_217":218,"_219":220,"_221":222,"_223":224,"_225":226,"_227":228,"_229":230,"_231":232,"_233":234},"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"]

Diff · v8