🚀 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",[],[99],{"_103":196,"_95":197,"_155":198,"_157":-5,"_158":140,"_159":160,"_161":162,"_105":199,"_100":200,"_165":201,"_167":202,"_169":22,"_170":-5,"_171":203,"_98":204},"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}",[],[197],"files",[152,174,185,195],"counts",{"_209":32,"_210":211,"_212":120,"_213":214},"pulls","branches",2,"forks","envVars",4,"contents",[],{"_103":186,"_95":99,"_155":187,"_157":-5,"_158":140,"_159":160,"_161":162,"_105":218,"_100":189,"_165":190,"_167":191,"_169":22,"_170":192,"_98":219},["D",1749143931883],[99],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","routes/_app.x.$handle.$name.code.$",{"_93":94,"_95":96,"_97":43,"_100":-7,"_98":99,"_101":226,"_150":231,"_205":244,"_166":245,"_215":247,"_248":-5,"_249":22,"_250":-5,"_251":-5,"_252":-5,"_253":254},{"_103":104,"_95":96,"_105":227,"_107":-5,"_108":22,"_109":110,"_111":112,"_113":114,"_14":115,"_116":-5,"_117":22,"_118":-5,"_119":120,"_16":121,"_122":123,"_124":123,"_125":126,"_127":126,"_128":126,"_129":123,"_130":123,"_23":228,"_134":229,"_137":230,"_149":22},["D",1747855886878],{"_93":94,"_132":133},{"_93":94,"_136":133},{"_100":139,"_95":43,"_103":140,"_141":104,"_142":-5,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":96,"_148":94},[232,235,238,241],{"_103":153,"_95":154,"_155":156,"_157":-5,"_158":140,"_159":160,"_161":162,"_105":163,"_100":164,"_165":166,"_167":168,"_169":22,"_170":-5,"_171":233,"_98":234},[],[154],{"_103":175,"_95":176,"_155":177,"_157":-5,"_158":140,"_159":178,"_161":162,"_105":179,"_100":180,"_165":181,"_167":182,"_169":22,"_170":-5,"_171":236,"_98":237},[],[176],{"_103":186,"_95":99,"_155":187,"_157":-5,"_158":140,"_159":160,"_161":162,"_105":188,"_100":189,"_165":190,"_167":191,"_169":22,"_170":192,"_171":239,"_98":240},[],[99],{"_103":196,"_95":197,"_155":198,"_157":-5,"_158":140,"_159":160,"_161":162,"_105":199,"_100":200,"_165":201,"_167":202,"_169":22,"_170":-5,"_171":242,"_98":243},[],[197],[232,235,238,241],{"_103":186,"_95":99,"_155":187,"_157":-5,"_158":140,"_159":160,"_161":162,"_105":218,"_100":189,"_165":190,"_167":191,"_169":22,"_170":192,"_98":246},[99],[],"upstream","showCompareCallout","pull","ahead","behind","templates",[],"actionData","errors"]