🚀 GitHub Changelog Playground

Test and preview your GitHub changelog notifications before sending to Discord.

\n \n \n \n

Processing...

\n \n

Result

\n\n \n \n\n`;\n\n return new Response(html, {\n headers: { \"Content-Type\": \"text/html\" },\n });\n}","test-gh-to-discord",[],[183],{"_105":193,"_98":194,"_151":195,"_153":-5,"_154":138,"_155":156,"_157":158,"_107":196,"_102":197,"_161":198,"_163":199,"_165":27,"_166":-5,"_167":200,"_101":201},"26b8cffa-4231-11f0-8df3-76b3cceeab13","process-commits.tsx","23f0b1be-38e7-11f0-be92-9e149126039e",["D",1749143931883],5,"script","/**\n * Helper functions for cron (gh-to-discord.tsx) and playground.tsx\n */\n\nimport { discordWebhook } from \"https://esm.town/v/stevekrouse/discordWebhook\";\nimport { Octokit } from \"npm:octokit\";\nimport { OpenAI } from \"https://esm.town/v/std/openai\";\n\n// Environment variables, set them in the left sidebar\nconst GITHUB_REPO_OWNER = Deno.env.get(\"GITHUB_REPO_OWNER\");\nconst GITHUB_REPO_NAME = Deno.env.get(\"GITHUB_REPO_NAME\");\nconst GITHUB_TOKEN = Deno.env.get(\"GITHUB_TOKEN\");\nconst DISCORD_WEBHOOK_URL = Deno.env.get(\"DISCORD_WEBHOOK_URL\");\n\n// Commit categorization based on https://www.conventionalcommits.org/\nconst categoryConfig = {\n \"feat\": { title: \"New Features\", emoji: \"✨\" },\n \"fix\": { title: \"Bug Fixes\", emoji: \"🐛\" },\n \"chore\": { title: \"Chores & Maintenance\", emoji: \"⚙️\" },\n};\nconst defaultCategoryDetails = { title: \"Other Updates\", emoji: \"📋\" };\n\n/**\n * Generate a user-focused summary of a commit using GPT\n */\nasync function generateUserFocusedSummary(fullCommitMessage: string, commitType: string): Promise {\n const openai = new OpenAI();\n \n const prompt = `You are writing release notes for a developer tool. Based on this commit message, write a concise one-liner.\n\nCommit message:\n${fullCommitMessage}\n\nCommit type: ${commitType || 'general update'}\n\nExamples:\nImproved session viewer rendering for faster UI updates\nEnhanced logging system for better debugging\nFixed occasional 500 error with the /sessions endpoint\nUI docker image now accepts dynamic API URLs for custom deploys\nFixes to re-render bugs that were causing some state update delays\nFixes requests ordering from FE to preload data for a snappier UI\nNew Signup / Sign-in page dropped :)\nImproved browser logs component to make them easier to understand\nFixed issues with the one-click deployment to Railway on steel-browser\nBetter error handling for incorrect inputs\nFrontend updates for multi-tab / playback\nVarious performance optimizations for browser initialization\n\nResponse:`;\n\n try {\n const completion = await openai.chat.completions.create({\n messages: [{ role: \"user\", content: prompt }],\n model: \"gpt-4o-mini\",\n max_tokens: 200,\n temperature: 0.2,\n });\n\n const summary = completion.choices[0]?.message?.content?.trim();\n return summary || fullCommitMessage.split('\\n')[0];\n } catch (error) {\n console.warn(\"Failed to generate GPT summary, falling back to original message:\", error);\n // Fallback to original behavior\n return fullCommitMessage.split('\\n')[0];\n }\n}\n\n/**\n * Format a single commit into a clean message with category\n */\nexport async function formatCommit(commit: any) {\n const fullMessage = commit.commit.message; // Get full message including description\n const originalMessage = fullMessage.split(\"\\n\")[0];\n let commitType = \"\";\n\n const commitPrefixMatch = originalMessage.toLowerCase().match(/^([a-z]+)(\$[a-z\\s]+\$)?:\\s*/);\n if (commitPrefixMatch && commitPrefixMatch[1]) {\n commitType = commitPrefixMatch[1];\n }\n\n // Generate user-focused summary using LLM\n const userFocusedSummary = await generateUserFocusedSummary(fullMessage, commitType);\n\n return {\n message: userFocusedSummary,\n url: commit.html_url,\n category: commitType,\n };\n}\n\n/**\n * Categorize commits into organized groups\n */\nexport async function categorizeCommits(commits: any[]) {\n const categorizedCommits: Record = {};\n\n const formattedCommits = await Promise.all(\n commits.map(commit => formatCommit(commit))\n );\n\n for (const formattedCommit of formattedCommits) {\n const categoryDetails = categoryConfig[formattedCommit.category] || defaultCategoryDetails;\n const categoryTitleKey = `**${categoryDetails.emoji} ${categoryDetails.title}**`;\n\n if (!categorizedCommits[categoryTitleKey]) {\n categorizedCommits[categoryTitleKey] = { messages: [] };\n }\n categorizedCommits[categoryTitleKey].messages.push(`- [${formattedCommit.message}](${formattedCommit.url})`);\n }\n\n return categorizedCommits;\n}\n\n/**\n * Build the Discord message from categorized commits\n */\nexport function buildDiscordMessage(\n categorizedCommits: Record,\n repoName: string,\n since: string,\n until: string,\n): string {\n let messageBody = \"\";\n const preferredCategoryOrder = [\"feat\", \"fix\", \"chore\"];\n const processedCategoryTitles = new Set();\n\n // Process categories in preferred order\n for (const type of preferredCategoryOrder) {\n if (categoryConfig[type]) {\n const details = categoryConfig[type];\n const titleKey = `**${details.emoji} ${details.title}**`;\n if (categorizedCommits[titleKey] && !processedCategoryTitles.has(titleKey)) {\n messageBody += `\\n${titleKey}\\n`;\n messageBody += categorizedCommits[titleKey].messages.join(\"\\n\") + \"\\n\";\n processedCategoryTitles.add(titleKey);\n }\n }\n }\n\n // Add any uncategorized commits\n for (const titleKey in categorizedCommits) {\n if (!processedCategoryTitles.has(titleKey)) {\n messageBody += `\\n${titleKey}\\n`;\n messageBody += categorizedCommits[titleKey].messages.join(\"\\n\") + \"\\n\";\n }\n }\n\n // If there are no categorized updates, add a message to the body\n if (messageBody.trim() === \"\") {\n messageBody = \"\\nNo changes.\";\n }\n\n // Build the Discord message content\n return `@everyone Heads up! Here are the updates from \\`${repoName}\\` repository between ${\n new Date(since).toLocaleDateString()\n } and ${new Date(until).toLocaleDateString()}:${messageBody}`;\n}\n\n/**\n * Fetch commits from GitHub for the given date range\n */\nexport async function fetchCommits(since: string, until: string): Promise {\n // Check if all environment variables are set\n if (!GITHUB_REPO_OWNER || !GITHUB_REPO_NAME || !GITHUB_TOKEN) {\n throw new Error(\"Missing one or more environment variables: GITHUB_REPO_OWNER, GITHUB_REPO_NAME, GITHUB_TOKEN\");\n }\n\n // Initialize Octokit, GitHub's SDK\n const octokit = new Octokit({ auth: GITHUB_TOKEN });\n\n // Fetch commits from GitHub\n console.log(`Fetching commits from ${GITHUB_REPO_OWNER}/${GITHUB_REPO_NAME} between ${since} and ${until}`);\n\n try {\n const response = await octokit.rest.repos.listCommits({\n owner: GITHUB_REPO_OWNER,\n repo: GITHUB_REPO_NAME,\n since: since,\n until: until,\n });\n\n console.log(`GitHub API response status: ${response.status}`);\n console.log(`Raw commit count: ${response.data.length}`);\n\n return response.data;\n } catch (error) {\n console.error(\"GitHub API Error:\", error);\n throw error;\n }\n}\n\n/**\n * Fetch commits and post to Discord\n */\nexport async function fetchAndPostCommits(since: string, until: string): Promise {\n if (!DISCORD_WEBHOOK_URL) {\n throw new Error(\"Missing DISCORD_WEBHOOK_URL environment variable\");\n }\n\n // Fetch commits from GitHub\n const commits = await fetchCommits(since, until);\n\n // If no commits are found, return early\n if (commits.length === 0) {\n console.log(`No new commits found between ${since} and ${until}. Preparing to exit.`);\n return;\n }\n console.log(`Fetched ${commits.length} new commits.`);\n\n // Process commits with LLM summary\n const categorizedCommits = await categorizeCommits(commits);\n const discordMessageContent = buildDiscordMessage(categorizedCommits, GITHUB_REPO_NAME!, since, until);\n\n // Send the message to Discord\n await discordWebhook({ url: DISCORD_WEBHOOK_URL, content: discordMessageContent });\n console.log(\"Successfully sent message to Discord.\");\n}",[],[194],"files",[148,170,181,192],"counts",{"_206":31,"_207":208,"_209":210,"_211":212},"pulls","branches",2,"forks",1,"envVars",4,"contents",[215,218,221,224],{"_105":149,"_98":150,"_151":152,"_153":-5,"_154":138,"_155":156,"_157":158,"_107":216,"_102":160,"_161":162,"_163":164,"_165":27,"_166":-5,"_101":217},["D",1749143931883],[150],{"_105":171,"_98":172,"_151":173,"_153":-5,"_154":138,"_155":174,"_157":158,"_107":219,"_102":176,"_161":177,"_163":178,"_165":27,"_166":-5,"_101":220},["D",1748127289319],[172],{"_105":182,"_98":183,"_151":184,"_153":-5,"_154":138,"_155":156,"_157":158,"_107":222,"_102":186,"_161":187,"_163":188,"_165":27,"_166":189,"_101":223},["D",1749143931883],[183],{"_105":193,"_98":194,"_151":195,"_153":-5,"_154":138,"_155":156,"_157":158,"_107":225,"_102":197,"_161":198,"_163":199,"_165":27,"_166":-5,"_101":226},["D",1749143931883],[194],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","routes/_app.x.$handle.$name.branch.$branch.history",{"_96":97,"_98":99,"_100":42,"_103":233,"_237":238,"_476":31,"_477":158},{"_105":106,"_98":99,"_107":234,"_109":-5,"_110":27,"_111":112,"_113":114,"_115":116,"_12":117,"_118":-5,"_119":27,"_120":-5,"_121":31,"_122":123,"_124":123,"_125":126,"_127":126,"_128":126,"_129":123,"_130":123,"_131":27,"_21":235,"_135":236},["D",1747855886878],{"_96":97,"_133":134},{"_102":137,"_98":42,"_105":138,"_139":106,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":99,"_145":97},"history",[239,248,258,277,282,291,299,307,315,324,333,340,347,354,361,369,377,385,394,403,411,419,427,435,443,451,460,468],{"_151":240,"_102":137,"_107":241,"_154":138,"_202":242},"26b8b380-4231-11f0-8df3-76b3cceeab13",["D",1749143937981],[243],{"_105":244,"_154":138,"_151":240,"_98":245,"_163":246,"_161":162,"_102":210,"_153":-5,"_107":241,"_155":137,"_166":-5,"_157":158,"_165":158,"_101":247},"2a5b2d10-4231-11f0-9682-76b3cceeab13","deno.json","{\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/348900b8b79f4a434cab4c74b3bc8d4d2fa8ee74/cli/schemas/config-file.v1.json\",\n \"lock\": false,\n \"compilerOptions\": {\n \"noImplicitAny\": false,\n \"strict\": false,\n \"types\": [\n \"https://www.val.town/types/valtown.d.ts\"\n ],\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"dom.asynciterable\",\n \"deno.ns\",\n \"deno.unstable\"\n ]\n },\n \"lint\": {\n \"files\": {\n \"include\": [\n \"deno:/https/esm.town/**/*\"\n ]\n },\n \"rules\": {\n \"exclude\": [\n \"no-explicit-any\"\n ]\n }\n },\n \"node_modules_dir\": false,\n \"experimental\": {\n \"unstable-node-globals\": true,\n \"unstable-temporal\": true,\n \"unstable-worker-options\": true,\n \"unstable-sloppy-imports\": true\n }\n}",[245],{"_151":249,"_102":250,"_107":251,"_154":138,"_202":252},"26b8a7fa-4231-11f0-8df3-76b3cceeab13",353,["D",1749143935990],[253],{"_105":254,"_154":138,"_151":249,"_98":255,"_163":256,"_161":162,"_102":210,"_153":-5,"_107":251,"_155":250,"_166":-5,"_157":158,"_165":158,"_101":257},"292d21d2-4231-11f0-bd92-76b3cceeab13",".vtignore",".git\n.vscode\n.cursorrules\n.DS_Store\nnode_modules\nvendor",[255],{"_151":195,"_102":156,"_107":259,"_154":138,"_202":260},["D",1749143931883],[261,263,266,269,273],{"_105":193,"_154":138,"_151":195,"_98":194,"_163":199,"_161":198,"_102":197,"_153":-5,"_107":259,"_155":156,"_166":-5,"_157":158,"_165":27,"_101":262},[194],{"_105":149,"_154":138,"_151":152,"_98":150,"_163":164,"_161":162,"_102":160,"_153":-5,"_107":264,"_155":156,"_166":-5,"_157":158,"_165":27,"_101":265},["D",1749143931883],[150],{"_105":182,"_154":138,"_151":184,"_98":183,"_163":188,"_161":187,"_102":186,"_153":-5,"_107":267,"_155":156,"_166":189,"_157":158,"_165":27,"_101":268},["D",1749143931883],[183],{"_105":270,"_154":138,"_151":240,"_98":245,"_163":246,"_161":162,"_102":31,"_153":-5,"_107":271,"_155":156,"_166":-5,"_157":27,"_165":27,"_101":272},"26b8b2fe-4231-11f0-8df3-76b3cceeab13",["D",1749143931883],[245],{"_105":274,"_154":138,"_151":249,"_98":255,"_163":256,"_161":162,"_102":31,"_153":-5,"_107":275,"_155":156,"_166":-5,"_157":27,"_165":27,"_101":276},"26b8a73c-4231-11f0-8df3-76b3cceeab13",["D",1749143931883],[255],{"_151":173,"_102":174,"_107":278,"_154":138,"_202":279},["D",1748127289319],[280],{"_105":171,"_154":138,"_151":173,"_98":172,"_163":178,"_161":177,"_102":176,"_153":-5,"_107":278,"_155":174,"_166":-5,"_157":158,"_165":27,"_101":281},[172],{"_151":173,"_102":283,"_107":284,"_154":138,"_202":285},350,["D",1748127268574],[286],{"_105":287,"_154":138,"_151":173,"_98":172,"_163":288,"_161":177,"_102":289,"_153":-5,"_107":284,"_155":283,"_166":-5,"_157":27,"_165":27,"_101":290},"0c29fa58-38f2-11f0-be34-9e149126039e","import { discordWebhook } from \"https://esm.town/v/stevekrouse/discordWebhook\";\nimport { fetchAndPostCommits } from \"./process-commits.tsx\";\n\n/**\n * Main cron function\n */\nexport default async function githubChangelogNotifier({ lastRunAt }: { lastRunAt?: Date } = {}): Promise {\n const now = new Date();\n const untilTimestamp = now.toISOString();\n\n if (lastRunAt instanceof Date && lastRunAt.getTime() <= now.getTime()) {\n const sinceTimestamp = lastRunAt.toISOString();\n await fetchAndPostCommits(sinceTimestamp, untilTimestamp);\n } else {\n console.log(\"Skipped commit fetching: No valid or previous lastRunAt.\");\n }\n}",78,[172],{"_151":173,"_102":292,"_107":293,"_154":138,"_202":294},349,["D",1748127257161],[295],{"_105":296,"_154":138,"_151":173,"_98":172,"_163":178,"_161":177,"_102":297,"_153":-5,"_107":293,"_155":292,"_166":-5,"_157":27,"_165":27,"_101":298},"055d4932-38f2-11f0-a150-9e149126039e",77,[172],{"_151":173,"_102":300,"_107":301,"_154":138,"_202":302},348,["D",1748124801670],[303],{"_105":304,"_154":138,"_151":173,"_98":172,"_163":288,"_161":177,"_102":305,"_153":-5,"_107":301,"_155":300,"_166":-5,"_157":27,"_165":27,"_101":306},"4dc65390-38ec-11f0-82a0-9e149126039e",76,[172],{"_151":195,"_102":308,"_107":309,"_154":138,"_202":310},347,["D",1748122996712],[311],{"_105":312,"_154":138,"_151":195,"_98":194,"_163":313,"_161":198,"_102":212,"_153":-5,"_107":309,"_155":308,"_166":-5,"_157":27,"_165":27,"_101":314},"19f06550-38e8-11f0-8206-9e149126039e","/**\n * Helper functions for cron (gh-to-discord.tsx) and playground.tsx\n */\n\nimport { discordWebhook } from \"https://esm.town/v/stevekrouse/discordWebhook\";\nimport { Octokit } from \"npm:octokit\";\n\n// Environment variables, set them in the left sidebar\nconst GITHUB_REPO_OWNER = Deno.env.get(\"GITHUB_REPO_OWNER\");\nconst GITHUB_REPO_NAME = Deno.env.get(\"GITHUB_REPO_NAME\");\nconst GITHUB_TOKEN = Deno.env.get(\"GITHUB_TOKEN\");\nconst DISCORD_WEBHOOK_URL = Deno.env.get(\"DISCORD_WEBHOOK_URL\");\n\n// Commit categorization based on https://www.conventionalcommits.org/\nconst categoryConfig = {\n \"feat\": { title: \"New Features\", emoji: \"✨\" },\n \"fix\": { title: \"Bug Fixes\", emoji: \"🐛\" },\n \"chore\": { title: \"Chores & Maintenance\", emoji: \"⚙️\" },\n};\nconst defaultCategoryDetails = { title: \"Other Updates\", emoji: \"📋\" };\n\n/**\n * Format a single commit into a clean message with category\n */\nexport function formatCommit(commit: any) {\n const originalMessage = commit.commit.message.split(\"\\n\")[0];\n let commitType = \"\";\n let messageContent = originalMessage;\n\n const commitPrefixMatch = originalMessage.toLowerCase().match(/^([a-z]+)(\$[a-z\\s]+\$)?:\\s*/);\n if (commitPrefixMatch && commitPrefixMatch[1]) {\n commitType = commitPrefixMatch[1];\n messageContent = originalMessage.substring(commitPrefixMatch[0].length).trim();\n }\n\n // Remove PR references like \"(#123)\", \"(GH-123)\", \"(gh-123)\"\n let cleanMessage = messageContent.replace(/(\$#\\s?(GH-|gh-)?\\d+\$)/g, \"\").trim();\n if (!cleanMessage) {\n cleanMessage = \"Update\";\n }\n\n return {\n message: cleanMessage,\n url: commit.html_url,\n category: commitType,\n };\n}\n\n/**\n * Categorize commits into organized groups\n */\nexport function categorizeCommits(commits: any[]) {\n const categorizedCommits: Record = {};\n\n for (const commit of commits) {\n const formattedCommit = formatCommit(commit);\n const categoryDetails = categoryConfig[formattedCommit.category] || defaultCategoryDetails;\n const categoryTitleKey = `**${categoryDetails.emoji} ${categoryDetails.title}**`;\n\n if (!categorizedCommits[categoryTitleKey]) {\n categorizedCommits[categoryTitleKey] = { messages: [] };\n }\n categorizedCommits[categoryTitleKey].messages.push(`- [${formattedCommit.message}](${formattedCommit.url})`);\n }\n\n return categorizedCommits;\n}\n\n/**\n * Build the Discord message from categorized commits\n */\nexport function buildDiscordMessage(\n categorizedCommits: Record,\n repoName: string,\n since: string,\n until: string,\n): string {\n let messageBody = \"\";\n const preferredCategoryOrder = [\"feat\", \"fix\", \"chore\"];\n const processedCategoryTitles = new Set();\n\n // Process categories in preferred order\n for (const type of preferredCategoryOrder) {\n if (categoryConfig[type]) {\n const details = categoryConfig[type];\n const titleKey = `**${details.emoji} ${details.title}**`;\n if (categorizedCommits[titleKey] && !processedCategoryTitles.has(titleKey)) {\n messageBody += `\\n${titleKey}\\n`;\n messageBody += categorizedCommits[titleKey].messages.join(\"\\n\") + \"\\n\";\n processedCategoryTitles.add(titleKey);\n }\n }\n }\n\n // Add any uncategorized commits\n for (const titleKey in categorizedCommits) {\n if (!processedCategoryTitles.has(titleKey)) {\n messageBody += `\\n${titleKey}\\n`;\n messageBody += categorizedCommits[titleKey].messages.join(\"\\n\") + \"\\n\";\n }\n }\n\n // If there are no categorized updates, add a message to the body\n if (messageBody.trim() === \"\") {\n messageBody = \"\\nNo changes.\";\n }\n\n // Build the Discord message content\n return `@everyone Heads up! Here are the updates from \\`${repoName}\\` repository between ${\n new Date(since).toLocaleDateString()\n } and ${new Date(until).toLocaleDateString()}:${messageBody}`;\n}\n\n/**\n * Fetch commits from GitHub for the given date range\n */\nexport async function fetchCommits(since: string, until: string): Promise {\n // Check if all environment variables are set\n if (!GITHUB_REPO_OWNER || !GITHUB_REPO_NAME || !GITHUB_TOKEN) {\n throw new Error(\"Missing one or more environment variables: GITHUB_REPO_OWNER, GITHUB_REPO_NAME, GITHUB_TOKEN\");\n }\n\n // Initialize Octokit, GitHub's SDK\n const octokit = new Octokit({ auth: GITHUB_TOKEN });\n\n // Fetch commits from GitHub\n console.log(`Fetching commits from ${GITHUB_REPO_OWNER}/${GITHUB_REPO_NAME} between ${since} and ${until}`);\n\n try {\n const response = await octokit.rest.repos.listCommits({\n owner: GITHUB_REPO_OWNER,\n repo: GITHUB_REPO_NAME,\n since: since,\n until: until,\n });\n\n console.log(`GitHub API response status: ${response.status}`);\n console.log(`Raw commit count: ${response.data.length}`);\n\n return response.data;\n } catch (error) {\n console.error(\"GitHub API Error:\", error);\n throw error;\n }\n}\n\n/**\n * Fetch commits and post to Discord\n */\nexport async function fetchAndPostCommits(since: string, until: string): Promise {\n if (!DISCORD_WEBHOOK_URL) {\n throw new Error(\"Missing DISCORD_WEBHOOK_URL environment variable\");\n }\n\n // Fetch commits from GitHub\n const commits = await fetchCommits(since, until);\n\n // If no commits are found, return early\n if (commits.length === 0) {\n console.log(`No new commits found between ${since} and ${until}. Preparing to exit.`);\n return;\n }\n console.log(`Fetched ${commits.length} new commits.`);\n\n // Process commits\n const categorizedCommits = categorizeCommits(commits);\n const discordMessageContent = buildDiscordMessage(categorizedCommits, GITHUB_REPO_NAME!, since, until);\n\n // Send the message to Discord\n await discordWebhook({ url: DISCORD_WEBHOOK_URL, content: discordMessageContent });\n console.log(\"Successfully sent message to Discord.\");\n}",[194],{"_151":152,"_102":316,"_107":317,"_154":138,"_202":318},346,["D",1748122976986],[319],{"_105":320,"_154":138,"_151":152,"_98":150,"_163":321,"_161":162,"_102":322,"_153":-5,"_107":317,"_155":316,"_166":-5,"_157":27,"_165":27,"_101":323},"0e2d809a-38e8-11f0-a8a9-9e149126039e","# GitHub to Discord Changelog Notifier\n\nA val that automatically fetches GitHub commits and posts formatted changelog updates to Discord. The bot categorizes commits based on [conventional commit messages](https://www.conventionalcommits.org/en/v1.0.0/) ie. `feat:`, `fix:` etc.\n\n**Example:**\n![Screenshot 2025-05-21 at 7.35.34 PM.png](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/f68c4dda-ecd5-4e01-8266-e3a0fa037800/public)\n\n\n### Environment Variables\n\nBefore you can run the cron or try out the playground, you must add the following Environment Variables (via left sidebar of this val):\n\n- `GITHUB_REPO_OWNER`: ie. [`steel-dev`](https://github.com/steel-dev)\n- `GITHUB_REPO_NAME`: ie. [`steel-browser`](https://github.com/steel-dev/steel-browser/)\n- `GITHUB_TOKEN`:\n - **For public repos, or personal repos:** Go to [GitHub Personal Access Tokens](https://github.com/settings/tokens) → Generate new token (classic) → Select `repo` scope\n - **For org-owned repos:** Go to [GitHub Personal Access Tokens](https://github.com/settings/tokens) → Resource Owner → Select the org the repo belongs to → read access to `Contents`. You will need approval from the org admin.\n- `DISCORD_WEBHOOK_URL`: In your Discord server → Server Settings → Integrations → Webhooks → New Webhook → Copy Webhook URL\n\n### How to use\n- **`gh-to-discord.tsx`** is a cron that runs automatically based on your configured schedule, fetching commits since the last run\n\n- **`playground.tsx`**\n You can also manually test this val using the `playground.tsx` HTTP endpoint.\n\n \n_Here's an [Example Playground with the `steel` repo](https://test-gh-to-discord.val.run/). \n ![](https://filedumpthing.val.run/blob?key=blob_file_1748033253538_Google%20Chrome.gif)_\n\n## Commit Categorization\n\nThe bot automatically categorizes commits into the following sections (feel free to add more!):\n\n- ✨ **New Features** (`feat:`)\n- 🐛 **Bug Fixes** (`fix:`)\n- ⚙️ **Chores & Maintenance** (`chore:`)\n- 📋 **Other Updates** (uncategorized commits)",43,[150],{"_151":184,"_102":325,"_107":326,"_154":138,"_202":327},345,["D",1748122942481],[328],{"_105":329,"_154":138,"_151":184,"_98":183,"_163":330,"_161":187,"_102":331,"_153":-5,"_107":326,"_155":325,"_166":189,"_157":27,"_165":27,"_101":332},"f9a84c04-38e7-11f0-b29e-9e149126039e","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { buildDiscordMessage, categorizeCommits, fetchAndPostCommits, fetchCommits } from \"./process-commits.tsx\";\n\nconst SEVEN_DAYS_MS = 7 * 24 * 60 * 60 * 1000;\n\nexport default async function(req: Request): Promise {\n if (req.method === \"POST\") {\n const formData = await req.formData();\n const startDateStr = formData.get(\"startDate\") as string;\n const endDateStr = formData.get(\"endDate\") as string;\n const action = formData.get(\"action\") as string;\n\n // Convert date strings to ISO timestamps\n const startDate = new Date(startDateStr + \"T00:00:00Z\").toISOString();\n const endDate = new Date(endDateStr + \"T23:59:59Z\").toISOString();\n\n console.log(`Processing request: ${action} from ${startDate} to ${endDate}`);\n\n try {\n if (action === \"preview\") {\n // Preview mode - to show what would be sent\n console.log(\"About to fetch commits...\");\n const commits = await fetchCommits(startDate, endDate);\n console.log(`Received ${commits.length} commits from fetchCommits`);\n\n if (commits.length === 0) {\n return new Response(\n JSON.stringify({\n success: true,\n preview: \"No commits found in this date range.\",\n commitCount: 0,\n debug: {\n startDate,\n endDate,\n repo: `${Deno.env.get(\"GITHUB_REPO_OWNER\")}/${Deno.env.get(\"GITHUB_REPO_NAME\")}`,\n },\n }),\n {\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n }\n\n const categorizedCommits = categorizeCommits(commits);\n const message = buildDiscordMessage(\n categorizedCommits,\n Deno.env.get(\"GITHUB_REPO_NAME\"),\n startDate,\n endDate,\n );\n\n console.log(\"Generated message:\", message);\n\n return new Response(\n JSON.stringify({\n success: true,\n preview: message,\n commitCount: commits.length,\n }),\n {\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n } else if (action === \"send\") {\n // Actually send to Discord\n await fetchAndPostCommits(startDate, endDate);\n return new Response(\n JSON.stringify({\n success: true,\n message: \"Successfully sent to Discord!\",\n }),\n {\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n } else {\n return new Response(\n JSON.stringify({\n success: false,\n error: `Unknown action: ${action}`,\n }),\n {\n status: 400,\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n }\n } catch (error) {\n console.error(\"Error processing request:\", error);\n return new Response(\n JSON.stringify({\n success: false,\n error: error.message,\n }),\n {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n }\n }\n\n // Default to last 7 days\n const endDate = new Date();\n const startDate = new Date(endDate.getTime() - SEVEN_DAYS_MS);\n\n const endDateStr = endDate.toISOString().split(\"T\")[0];\n const startDateStr = startDate.toISOString().split(\"T\")[0];\n\n const html = `\n\n\n \n \n GitHub Changelog Playground\n \n \n \n\n\n

🚀 GitHub Changelog Playground

Test and preview your GitHub changelog notifications before sending to Discord.

\n \n \n \n

Processing...

\n \n

Result

\n\n \n \n\n`;\n\n return new Response(html, {\n headers: { \"Content-Type\": \"text/html\" },\n });\n}",80,[183],{"_151":184,"_102":334,"_107":335,"_154":138,"_202":336},344,["D",1748122942434],[337],{"_105":338,"_154":138,"_151":184,"_98":183,"_163":330,"_161":187,"_102":176,"_153":-5,"_107":335,"_155":334,"_166":189,"_157":27,"_165":27,"_101":339},"f9a1f57a-38e7-11f0-ad38-9e149126039e",[183],{"_151":184,"_102":341,"_107":342,"_154":138,"_202":343},343,["D",1748122942441],[344],{"_105":345,"_154":138,"_151":184,"_98":183,"_163":330,"_161":187,"_102":289,"_153":-5,"_107":342,"_155":341,"_166":189,"_157":27,"_165":27,"_101":346},"f99c1fc4-38e7-11f0-a4d4-9e149126039e",[183],{"_151":184,"_102":348,"_107":349,"_154":138,"_202":350},342,["D",1748122942447],[351],{"_105":352,"_154":138,"_151":184,"_98":183,"_163":330,"_161":187,"_102":297,"_153":-5,"_107":349,"_155":348,"_166":189,"_157":27,"_165":27,"_101":353},"f9991888-38e7-11f0-b29e-9e149126039e",[183],{"_151":184,"_102":355,"_107":356,"_154":138,"_202":357},341,["D",1748122942432],[358],{"_105":359,"_154":138,"_151":184,"_98":183,"_163":330,"_161":187,"_102":305,"_153":-5,"_107":356,"_155":355,"_166":189,"_157":27,"_165":27,"_101":360},"f99643d8-38e7-11f0-b556-9e149126039e",[183],{"_151":173,"_102":362,"_107":363,"_154":138,"_202":364},340,["D",1748122919238],[365],{"_105":366,"_154":138,"_151":173,"_98":172,"_163":288,"_161":177,"_102":367,"_153":-5,"_107":363,"_155":362,"_166":-5,"_157":27,"_165":27,"_101":368},"ebc24860-38e7-11f0-b075-9e149126039e",75,[172],{"_151":173,"_102":370,"_107":371,"_154":138,"_202":372},339,["D",1748122919082],[373],{"_105":374,"_154":138,"_151":173,"_98":172,"_163":288,"_161":177,"_102":375,"_153":-5,"_107":371,"_155":370,"_166":-5,"_157":27,"_165":27,"_101":376},"ebaa872a-38e7-11f0-8a36-9e149126039e",74,[172],{"_151":173,"_102":378,"_107":379,"_154":138,"_202":380},338,["D",1748122918874],[381],{"_105":382,"_154":138,"_151":173,"_98":172,"_163":288,"_161":177,"_102":383,"_153":-5,"_107":379,"_155":378,"_166":-5,"_157":27,"_165":27,"_101":384},"eb8b128c-38e7-11f0-ad38-9e149126039e",73,[172],{"_151":173,"_102":386,"_107":387,"_154":138,"_202":388},337,["D",1748122910057],[389],{"_105":390,"_154":138,"_151":173,"_98":172,"_163":391,"_161":177,"_102":392,"_153":-5,"_107":387,"_155":386,"_166":-5,"_157":27,"_165":27,"_101":393},"e64982c2-38e7-11f0-9e40-9e149126039e","import { discordWebhook } from \"https://esm.town/v/stevekrouse/discordWebhook\";\nimport { fetchAndPostCommits } from \"./gh-to-discord.tsx\";\n\n/**\n * Main cron function\n */\nexport default async function githubChangelogNotifier({ lastRunAt }: { lastRunAt?: Date } = {}): Promise {\n const now = new Date();\n const untilTimestamp = now.toISOString();\n\n if (lastRunAt instanceof Date && lastRunAt.getTime() <= now.getTime()) {\n const sinceTimestamp = lastRunAt.toISOString();\n await fetchAndPostCommits(sinceTimestamp, untilTimestamp);\n } else {\n console.log(\"Skipped commit fetching: No valid or previous lastRunAt.\");\n }\n}",72,[172],{"_151":173,"_102":395,"_107":396,"_154":138,"_202":397},336,["D",1748122898218],[398],{"_105":399,"_154":138,"_151":173,"_98":172,"_163":400,"_161":177,"_102":401,"_153":-5,"_107":396,"_155":395,"_166":-5,"_157":27,"_165":27,"_101":402},"e099efc4-38e7-11f0-84fd-9e149126039e","import { discordWebhook } from \"https://esm.town/v/stevekrouse/discordWebhook\";\nimport { fetchAndPostCommitss } from \"./gh-to-discord.tsx\";\n\n/**\n * Main cron function\n */\nexport default async function githubChangelogNotifier({ lastRunAt }: { lastRunAt?: Date } = {}): Promise {\n const now = new Date();\n const untilTimestamp = now.toISOString();\n\n if (lastRunAt instanceof Date && lastRunAt.getTime() <= now.getTime()) {\n const sinceTimestamp = lastRunAt.toISOString();\n await fetchAndPostCommits(sinceTimestamp, untilTimestamp);\n } else {\n console.log(\"Skipped commit fetching: No valid or previous lastRunAt.\");\n }\n}",71,[172],{"_151":173,"_102":404,"_107":405,"_154":138,"_202":406},335,["D",1748122898221],[407],{"_105":408,"_154":138,"_151":173,"_98":172,"_163":391,"_161":177,"_102":409,"_153":-5,"_107":405,"_155":404,"_166":-5,"_157":27,"_165":27,"_101":410},"e0002a1a-38e7-11f0-a5ef-9e149126039e",70,[172],{"_151":173,"_102":412,"_107":413,"_154":138,"_202":414},334,["D",1748122898899],[415],{"_105":416,"_154":138,"_151":173,"_98":172,"_163":391,"_161":177,"_102":417,"_153":-5,"_107":413,"_155":412,"_166":-5,"_157":27,"_165":27,"_101":418},"dfa297c4-38e7-11f0-8206-9e149126039e",69,[172],{"_151":173,"_102":420,"_107":421,"_154":138,"_202":422},333,["D",1748122898220],[423],{"_105":424,"_154":138,"_151":173,"_98":172,"_163":391,"_161":177,"_102":425,"_153":-5,"_107":421,"_155":420,"_166":-5,"_157":27,"_165":27,"_101":426},"df9e156e-38e7-11f0-a9c7-9e149126039e",68,[172],{"_151":173,"_102":428,"_107":429,"_154":138,"_202":430},332,["D",1748122898212],[431],{"_105":432,"_154":138,"_151":173,"_98":172,"_163":391,"_161":177,"_102":433,"_153":-5,"_107":429,"_155":428,"_166":-5,"_157":27,"_165":27,"_101":434},"df6cd580-38e7-11f0-8206-9e149126039e",67,[172],{"_151":173,"_102":436,"_107":437,"_154":138,"_202":438},331,["D",1748122898219],[439],{"_105":440,"_154":138,"_151":173,"_98":172,"_163":391,"_161":177,"_102":441,"_153":-5,"_107":437,"_155":436,"_166":-5,"_157":27,"_165":27,"_101":442},"df528e46-38e7-11f0-b3d3-9e149126039e",66,[172],{"_151":173,"_102":444,"_107":445,"_154":138,"_202":446},330,["D",1748122898219],[447],{"_105":448,"_154":138,"_151":173,"_98":172,"_163":391,"_161":177,"_102":449,"_153":-5,"_107":445,"_155":444,"_166":-5,"_157":27,"_165":27,"_101":450},"df46354c-38e7-11f0-ba98-9e149126039e",65,[172],{"_151":173,"_102":452,"_107":453,"_154":138,"_202":454},329,["D",1748122898217],[455],{"_105":456,"_154":138,"_151":173,"_98":172,"_163":457,"_161":177,"_102":458,"_153":-5,"_107":453,"_155":452,"_166":-5,"_157":27,"_165":27,"_101":459},"df3f58bc-38e7-11f0-814d-9e149126039e","import { discordWebhook } from \"https://esm.town/v/stevekrouse/discordWebhook\";\nimport { buildDiscordMessage, categorizeCommits, fetchAndPostCommits, fetchCommits } from \"./gh-to-discord.tsx\";\n\n/**\n * Main cron function\n */\nexport default async function githubChangelogNotifier({ lastRunAt }: { lastRunAt?: Date } = {}): Promise {\n const now = new Date();\n const untilTimestamp = now.toISOString();\n\n if (lastRunAt instanceof Date && lastRunAt.getTime() <= now.getTime()) {\n const sinceTimestamp = lastRunAt.toISOString();\n await fetchAndPostCommits(sinceTimestamp, untilTimestamp);\n } else {\n console.log(\"Skipped commit fetching: No valid or previous lastRunAt.\");\n }\n}",64,[172],{"_151":173,"_102":461,"_107":462,"_154":138,"_202":463},328,["D",1748122898214],[464],{"_105":465,"_154":138,"_151":173,"_98":172,"_163":400,"_161":177,"_102":466,"_153":-5,"_107":462,"_155":461,"_166":-5,"_157":27,"_165":27,"_101":467},"df3a466a-38e7-11f0-b556-9e149126039e",63,[172],{"_151":184,"_102":469,"_107":470,"_154":138,"_202":471},327,["D",1748122775039],[472],{"_105":473,"_154":138,"_151":184,"_98":183,"_163":474,"_161":187,"_102":367,"_153":-5,"_107":470,"_155":469,"_166":189,"_157":27,"_165":27,"_101":475},"95cee04e-38e7-11f0-bb2b-9e149126039e","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { buildDiscordMessage, categorizeCommits, fetchAndPostCommits, fetchCommits } from \"./gh-to-discord.tsx\";\n\nconst SEVEN_DAYS_MS = 7 * 24 * 60 * 60 * 1000;\n\nexport default async function(req: Request): Promise {\n if (req.method === \"POST\") {\n const formData = await req.formData();\n const startDateStr = formData.get(\"startDate\") as string;\n const endDateStr = formData.get(\"endDate\") as string;\n const action = formData.get(\"action\") as string;\n\n // Convert date strings to ISO timestamps\n const startDate = new Date(startDateStr + \"T00:00:00Z\").toISOString();\n const endDate = new Date(endDateStr + \"T23:59:59Z\").toISOString();\n\n console.log(`Processing request: ${action} from ${startDate} to ${endDate}`);\n\n try {\n if (action === \"preview\") {\n // Preview mode - to show what would be sent\n console.log(\"About to fetch commits...\");\n const commits = await fetchCommits(startDate, endDate);\n console.log(`Received ${commits.length} commits from fetchCommits`);\n\n if (commits.length === 0) {\n return new Response(\n JSON.stringify({\n success: true,\n preview: \"No commits found in this date range.\",\n commitCount: 0,\n debug: {\n startDate,\n endDate,\n repo: `${Deno.env.get(\"GITHUB_REPO_OWNER\")}/${Deno.env.get(\"GITHUB_REPO_NAME\")}`,\n },\n }),\n {\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n }\n\n const categorizedCommits = categorizeCommits(commits);\n const message = buildDiscordMessage(\n categorizedCommits,\n Deno.env.get(\"GITHUB_REPO_NAME\"),\n startDate,\n endDate,\n );\n\n console.log(\"Generated message:\", message);\n\n return new Response(\n JSON.stringify({\n success: true,\n preview: message,\n commitCount: commits.length,\n }),\n {\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n } else if (action === \"send\") {\n // Actually send to Discord\n await fetchAndPostCommits(startDate, endDate);\n return new Response(\n JSON.stringify({\n success: true,\n message: \"Successfully sent to Discord!\",\n }),\n {\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n } else {\n return new Response(\n JSON.stringify({\n success: false,\n error: `Unknown action: ${action}`,\n }),\n {\n status: 400,\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n }\n } catch (error) {\n console.error(\"Error processing request:\", error);\n return new Response(\n JSON.stringify({\n success: false,\n error: error.message,\n }),\n {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n }\n }\n\n // Default to last 7 days\n const endDate = new Date();\n const startDate = new Date(endDate.getTime() - SEVEN_DAYS_MS);\n\n const endDateStr = endDate.toISOString().split(\"T\")[0];\n const startDateStr = startDate.toISOString().split(\"T\")[0];\n\n const html = `\n\n\n \n \n GitHub Changelog Playground\n \n \n \n\n\n

🚀 GitHub Changelog Playground

Test and preview your GitHub changelog notifications before sending to Discord.

\n \n \n \n

Processing...

\n \n

Result

\n\n \n \n\n`;\n\n return new Response(html, {\n headers: { \"Content-Type\": \"text/html\" },\n });\n}",[183],"page","hasNext","routes/_app","actionData","errors"]

History