[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_173":174,"_175":176},"routes/_app.x.$handle.$name",{"_104":103,"_33":53,"_112":94,"_28":113,"_13":14,"_114":-5,"_11":115,"_116":117,"_118":119,"_120":121,"_122":123,"_21":-5,"_124":-5,"_125":-5,"_126":26,"_127":128,"_129":26,"_130":-5,"_131":-5,"_132":133},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_51":52,"_33":53,"_38":54,"_55":-5,"_56":26,"_57":58,"_59":58,"_60":61,"_62":-5,"_18":63,"_64":-5,"_65":66,"_67":-5,"_68":-5,"_69":70,"_71":72,"_73":-5,"_74":-5,"_75":-5,"_76":-5,"_77":78,"_79":78,"_80":81,"_82":81,"_83":81,"_84":78,"_85":78,"_86":87,"_88":89,"_90":91,"_92":26},"version",49,"changes",[19,20],"aiChatInfo","userId",{"_21":43,"_23":44,"_25":26,"_27":26,"_28":45,"_30":45},{"_21":22,"_23":24,"_25":26,"_27":26,"_28":29,"_30":29},"file",{"_31":32,"_33":29,"_34":21,"_35":37,"_38":39,"_40":14,"_41":42,"_25":26},"previous",{"_31":32,"_33":29,"_34":21,"_35":36},"deleted",false,"deletedHere","path","README.md","latestPath","fileId","2f1a9e4a-25f2-11f0-ad23-569c3dd06744","name","fileType","content","# Send a Discord message\n\nSend a message to a Discord channel. It's useful for notifying your team or community when someone interesting happens, like a user signup, Stripe payment, mention on social media, etc.\n\n![](https://i.imgur.com/wTWwVHN.png)\n\n## Usage\n\n### 1. Create a Discord Webhook\n\nFollow the [instructions here](https://support.discord.com/hc/en-us/articles/228383668-Intro-to-Webhooks). It only takes a minute.\n\n### 2. Copy webhook URL\n\nPaste the webhook URL into your val's environment variables as `DISCORD_WEBHOOK_URL`.\n\n### 3. Send a message!\n\n```ts\nimport { discordWebhook } from \"https://esm.town/v/stevekrouse/discordWebhook/main.ts\";\n\nawait discordWebhook({ content: \"Hi from val town!\" });\n```\n\n## Parameters\n\n### `content`\n\nAny text, rendered as markdown. If over 2000 characters, we will truncate it to the first 2000 for you.\n\n### `url`\n\nYou can pass the webhook url as a parameter explicitly. Otherwise, this helper function will implicitly look in your env variables under `DISCORD_WEBHOOK_URL`.\n\n### `flags`\n\nie `\"SUPPRESS_EMBEDS\"`. [Learn more about flag options here](https://discord.com/developers/docs/resources/message#message-object-message-flags).\n\n## Contributing\n\nThis helper function only supports `content` and `flags` as parameters. There are [other parameters that Discord supports](https://discord.com/developers/docs/resources/webhook). PRs welcome!","# Send a Discord message\n\nSend a message to a Discord channel. It's useful for notifying your team or\ncommunity when someone interesting happens, like a user signup, Stripe payment,\nmention on social media, etc.\n\n![Screenshot 2025-12-29 at 10.11.54.png](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/38d906e2-8194-44f4-365e-7fb883747a00/public)\n\n## Usage\n\n### 1. Create a Discord Webhook\n\nFollow the\n[instructions here](https://support.discord.com/hc/en-us/articles/228383668-Intro-to-Webhooks).\nIt only takes a minute.\n\n### 2. Copy webhook URL\n\nPaste the webhook URL into your val's environment variables as\n`DISCORD_WEBHOOK_URL`.\n\n### 3. Send a message!\n\n```ts\nimport { discordWebhook } from \"https://esm.town/v/stevekrouse/discordWebhook/main.ts\";\n\nawait discordWebhook({ content: \"Hi from val town!\" });\n```\n\n## Parameters\n\n### `content`\n\nAny text, rendered as markdown. If over 2000 characters, we will truncate it to\nthe first 2000 for you.\n\n### `url`\n\nYou can pass the webhook url as a parameter explicitly. Otherwise, this helper\nfunction will implicitly look in your env variables under `DISCORD_WEBHOOK_URL`.\n\n### `flags`\n\nie `\"SUPPRESS_EMBEDS\"`.\n[Learn more about flag options here](https://discord.com/developers/docs/resources/message#message-object-message-flags).\n\n### `editValButton`\n\nWhen `true` (the default), adds an \"Edit Val\" button to your Discord message\nthat links back to the val top-level val as set via the [`VALTOWN_ENTRYPOINT` env var](https://github.com/val-town/val-town-docs/issues/413). Set to `false` to disable this button.\n\n```ts\n// With the Edit Val button (default)\nawait discordWebhook({ content: \"Check this out!\" });\n\n// Without the Edit Val button\nawait discordWebhook({ content: \"Check this out!\", editValButton: false });\n```\n\n## Contributing\n\nThis helper function only supports `content` and `flags` as parameters. There\nare\n[other parameters that Discord supports](https://discord.com/developers/docs/resources/webhook).\nPRs welcome!","createdAt",["D",1767021504195],"branchVersion","branchId","2f187d04-25f2-11f0-ad23-569c3dd06744",{"_31":46,"_33":45,"_34":47,"_35":49,"_38":50,"_40":14,"_41":42,"_25":26},{"_31":46,"_33":45,"_34":47,"_35":48},"main.ts","2f1a9544-25f2-11f0-ad23-569c3dd06744","script","// import { fetch } from \"https://esm.town/v/std/fetch/main.tsx\";\n\nexport const discordWebhook = async ({\n url,\n content,\n flags,\n embeds,\n components,\n}: {\n url?: string;\n content: string;\n flags?: (keyof typeof MessageFlags)[];\n embeds?: Embed[];\n components?: any;\n}) => {\n let webhook = url ?? Deno.env.get(\"DISCORD_WEBHOOK_URL\")!;\n if (components) {\n webhook = webhook.includes(\"?\")\n ? `${webhook}&with_components=true`\n : `${webhook}?with_components=true`;\n }\n // Discord docs on executing webhooks: https://discord.com/developers/docs/resources/webhook#execute-webhook\n const res = await fetch(webhook, {\n method: \"POST\",\n redirect: \"follow\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"User-Agent\": \"ValTown/1.0 (https://val.town)\",\n },\n body: JSON.stringify({\n content: content.slice(0, 2000),\n flags: flags && encodeFlags(flags),\n embeds,\n components,\n }),\n });\n\n const text = await res.text();\n if (text.length) throw Error(\"Discord Webhook error: \" + text);\n};\n\n// Message flags is combined as a bitmask\nconst MessageFlags = {\n CROSSPOSTED: 1 << 0,\n IS_CROSSPOST: 1 << 1,\n SUPPRESS_EMBEDS: 1 << 2,\n SOURCE_MESSAGE_DELETED: 1 << 3,\n URGENT: 1 << 4,\n HAS_THREAD: 1 << 5,\n EPHEMERAL: 1 << 6,\n LOADING: 1 << 7,\n FAILED_TO_MENTION_SOME_ROLES_IN_THREAD: 1 << 8,\n SUPPRESS_NOTIFICATIONS: 1 << 12,\n IS_VOICE_MESSAGE: 1 << 13,\n HAS_SNAPSHOT: 1 << 14,\n IS_COMPONENTS_V2: 1 << 15,\n};\n\nfunction encodeFlags(flags: (keyof typeof MessageFlags)[]) {\n return flags.reduce((acc, flag) => acc | MessageFlags[flag], 0);\n}\n\n// Basic shape of an embed (extend as needed)\ninterface Embed {\n title?: string;\n description?: string;\n url?: string;\n color?: number;\n image?: { url: string };\n thumbnail?: { url: string };\n footer?: { text: string; icon_url?: string };\n fields?: { name: string; value: string; inline?: boolean }[];\n}","import { parseVal } from \"https://esm.town/v/std/utils/index.ts\";\n\n// Proxied fetch sometimes helps get around Discord limits, but sometimes not\n// import { fetch } from \"https://esm.town/v/std/fetch/main.tsx\";\n\nexport const discordWebhook = async ({\n url,\n content,\n flags,\n embeds,\n components,\n editValButton,\n}: {\n url?: string;\n content: string;\n flags?: (keyof typeof MessageFlags)[];\n embeds?: Embed[];\n components?: any[];\n editValButton?: boolean;\n}) => {\n // Default to showing the Edit Val Button unless explicitly disabled\n editValButton = editValButton === false ? false : true;\n if (editValButton) {\n components = [...(components ?? []), EDIT_VAL_BUTTON];\n }\n\n let webhook = url ?? Deno.env.get(\"DISCORD_WEBHOOK_URL\")!;\n if (components) {\n webhook = webhook.includes(\"?\")\n ? `${webhook}&with_components=true`\n : `${webhook}?with_components=true`;\n }\n\n // Discord docs on executing webhooks: https://discord.com/developers/docs/resources/webhook#execute-webhook\n const res = await fetch(webhook, {\n method: \"POST\",\n redirect: \"follow\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"User-Agent\": \"ValTown/1.0 (https://val.town)\",\n },\n body: JSON.stringify({\n content: content.slice(0, 2000),\n flags: flags && encodeFlags(flags),\n embeds,\n components,\n }),\n });\n console.log(\"res\", res);\n\n const text = await res.text();\n console.log(\"text\", text);\n if (text.length) throw Error(\"Discord Webhook error: \" + text);\n};\n\nconst EDIT_VAL_BUTTON = {\n type: 1,\n components: [\n {\n type: 2,\n style: 5,\n label: \"✏️ Edit Val\",\n url: parseVal().links.self.latest,\n },\n ],\n};\n\n// Message flags is combined as a bitmask\nconst MessageFlags = {\n CROSSPOSTED: 1 << 0,\n IS_CROSSPOST: 1 << 1,\n SUPPRESS_EMBEDS: 1 << 2,\n SOURCE_MESSAGE_DELETED: 1 << 3,\n URGENT: 1 << 4,\n HAS_THREAD: 1 << 5,\n EPHEMERAL: 1 << 6,\n LOADING: 1 << 7,\n FAILED_TO_MENTION_SOME_ROLES_IN_THREAD: 1 << 8,\n SUPPRESS_NOTIFICATIONS: 1 << 12,\n IS_VOICE_MESSAGE: 1 << 13,\n HAS_SNAPSHOT: 1 << 14,\n IS_COMPONENTS_V2: 1 << 15,\n};\n\nfunction encodeFlags(flags: (keyof typeof MessageFlags)[]) {\n return flags.reduce((acc, flag) => acc | MessageFlags[flag], 0);\n}\n\n// Basic shape of an embed (extend as needed)\ninterface Embed {\n title?: string;\n description?: string;\n url?: string;\n color?: number;\n image?: { url: string };\n thumbnail?: { url: string };\n footer?: { text: string; icon_url?: string };\n fields?: { name: string; value: string; inline?: boolean }[];\n}",["D",1767021504195],"id","2f1841ae-25f2-11f0-ad23-569c3dd06744","discordWebhook",["D",1746038255090],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Helper function to send Discord messages","imageUrl","a0bf3b31-15a5-4d5c-880e-4b1e22c9bc18","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",3,"orgId","c606f87f-4d7e-48c8-9c39-ef5ab94aec49","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_104":103,"_111":107},"org",{"_104":103,"_105":-5,"_106":107,"_18":-5,"_108":109,"_110":26},"branch",{"_13":93,"_33":94,"_51":42,"_95":52,"_96":-5,"_97":-5,"_98":-5,"_99":-5,"_100":-5,"_101":53,"_102":103},"isOwned",50,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","std","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJVaVhpQ1BId3dscVpBbkdZVWlMNjJtcjkxWS5wbmcifQ","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_51":52,"_33":53,"_38":169,"_55":-5,"_56":26,"_57":58,"_59":58,"_60":61,"_62":-5,"_18":63,"_64":-5,"_65":66,"_67":-5,"_68":-5,"_69":70,"_71":72,"_73":-5,"_74":-5,"_75":-5,"_76":-5,"_77":78,"_79":78,"_80":81,"_82":81,"_83":81,"_84":78,"_85":78,"_86":170,"_88":171,"_90":172,"_92":26},"tree",[160,161],"files",[160,161],"counts",{"_147":148,"_149":150,"_151":152,"_153":154,"_155":156},"contents",[134,135],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_51":143,"_33":29,"_31":32,"_137":-5,"_41":42,"_40":14,"_138":26,"_38":144,"_13":145,"_34":21,"_35":37,"_25":26,"_141":-5,"_28":146},{"_51":136,"_33":45,"_31":46,"_137":-5,"_41":42,"_40":14,"_138":66,"_38":139,"_13":140,"_34":47,"_35":49,"_25":26,"_141":-5,"_28":142},"9e31b9c6-e4c9-11f0-a6fa-42dde27851f2","parentId","latest",["D",1767021504195],25,"label",[45],"9e318f64-e4c9-11f0-a6fa-42dde27851f2",["D",1767021504195],18,[29],"pulls",0,"branches",2,"forks",4,"envVars",{"_157":148,"_159":148},"connections",{"_157":148,"_158":148},"count","unfilledCount","emptyCount",{"_51":143,"_33":29,"_31":32,"_137":-5,"_41":42,"_40":14,"_138":26,"_38":166,"_13":145,"_34":21,"_35":37,"_25":26,"_141":-5,"_163":167,"_28":168},{"_51":136,"_33":45,"_31":46,"_137":-5,"_41":42,"_40":14,"_138":66,"_38":162,"_13":140,"_34":47,"_35":49,"_25":26,"_141":-5,"_163":164,"_28":165},["D",1767021504195],"children",[],[45],["D",1767021504195],[],[29],["D",1746038255090],{"_104":103,"_111":107},{"_104":103,"_105":-5,"_106":107,"_18":-5,"_108":109,"_110":26},{"_13":93,"_33":94,"_51":42,"_95":52,"_96":-5,"_97":-5,"_98":-5,"_99":-5,"_100":-5,"_101":53,"_102":103},"ctx",{"_86":-5,"_131":206,"_207":208,"_209":210,"_211":26,"_212":26,"_213":26,"_214":66,"_215":-5,"_216":-7,"_217":-7,"_218":148,"_219":26,"_220":26,"_221":-5,"_222":26,"_223":26,"_224":26,"_225":-5},"ENV",{"_177":178,"_179":180,"_181":94,"_182":183,"_184":185,"_186":187,"_188":189,"_190":191,"_192":193,"_194":195,"_196":197,"_198":199,"_200":201,"_202":203,"_204":205},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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 · v49