🚀 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-llm",[],[204],{"_105":214,"_95":215,"_159":216,"_161":-5,"_162":142,"_163":102,"_165":22,"_107":217,"_101":218,"_168":219,"_170":220,"_172":22,"_173":-5,"_174":221,"_99":222},"81765b24-38ea-11f0-9a20-9e149126039e","process-commits.tsx","64d3cb58-8422-4063-98fc-6f47be682e9d",["D",1748124029394],15,"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 that emphasizes the impact on end users (no fluff!). Focus on what users will experience and add technical details as necessary as the users are developers\n\nCommit message:\n${fullCommitMessage}\n\nCommit type: ${commitType || 'general update'}\n\nWrite a single line that describes what users will notice or benefit from this change. \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\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: 100,\n temperature: 0.3,\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}",[],[215],"files",[156,177,185,194,202,213],"counts",{"_227":32,"_228":229,"_230":189,"_231":232},"pulls","branches",2,"forks","envVars",{"_233":206,"_234":32},"count","emptyCount","contents",[],{"_105":195,"_95":100,"_159":196,"_161":-5,"_162":142,"_163":122,"_165":166,"_107":238,"_101":32,"_168":198,"_170":199,"_172":22,"_173":-5,"_99":239},["D",1748123051568],[100],"upstreamProject","upstreamBranch",{"_105":145,"_107":243,"_244":245,"_95":43,"_143":106,"_101":246,"_144":-5,"_146":-5,"_247":248,"_109":-5,"_153":22,"_111":112,"_152":94,"_16":123,"_151":96},["D",1747855886878],"updatedAt",["D",1749143937981],354,"lockfileKey","1756192125096-esm.town_v_charmaine_Change-Logs-Generator@354-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_93":94,"_95":96,"_97":98,"_101":102,"_99":100,"_103":255,"_154":260,"_223":279,"_169":280,"_235":282,"_283":284,"_287":166,"_288":-5,"_289":32,"_290":291,"_292":293},{"_105":106,"_95":96,"_107":256,"_109":-5,"_110":22,"_111":112,"_113":114,"_115":116,"_14":117,"_118":-5,"_119":22,"_120":-5,"_121":122,"_16":123,"_124":125,"_126":125,"_127":128,"_129":128,"_130":128,"_131":125,"_132":125,"_23":257,"_136":258,"_139":259,"_153":22},["D",1747855886878],{"_93":94,"_134":135},{"_93":94,"_138":135},{"_101":141,"_95":98,"_105":142,"_143":106,"_144":145,"_146":147,"_148":112,"_149":106,"_150":123,"_151":96,"_152":94},[261,264,267,270,273,276],{"_105":157,"_95":158,"_159":160,"_161":-5,"_162":142,"_163":164,"_165":166,"_107":167,"_101":32,"_168":169,"_170":171,"_172":22,"_173":-5,"_174":262,"_99":263},[],[158],{"_105":178,"_95":179,"_159":180,"_161":-5,"_162":142,"_163":122,"_165":22,"_107":181,"_101":32,"_168":169,"_170":182,"_172":22,"_173":-5,"_174":265,"_99":266},[],[179],{"_105":186,"_95":187,"_159":188,"_161":-5,"_162":142,"_163":189,"_165":166,"_107":190,"_101":32,"_168":169,"_170":191,"_172":22,"_173":-5,"_174":268,"_99":269},[],[187],{"_105":195,"_95":100,"_159":196,"_161":-5,"_162":142,"_163":122,"_165":166,"_107":197,"_101":32,"_168":198,"_170":199,"_172":22,"_173":-5,"_174":271,"_99":272},[],[100],{"_105":203,"_95":204,"_159":205,"_161":-5,"_162":142,"_163":206,"_165":166,"_107":207,"_101":122,"_168":208,"_170":209,"_172":22,"_173":210,"_174":274,"_99":275},[],[204],{"_105":214,"_95":215,"_159":216,"_161":-5,"_162":142,"_163":102,"_165":22,"_107":217,"_101":218,"_168":219,"_170":220,"_172":22,"_173":-5,"_174":277,"_99":278},[],[215],[261,264,267,270,273,276],{"_105":195,"_95":100,"_159":196,"_161":-5,"_162":142,"_163":122,"_165":166,"_107":238,"_101":32,"_168":198,"_170":199,"_172":22,"_173":-5,"_99":281},[100],[],"upstream",{"_105":145,"_107":285,"_244":286,"_95":43,"_143":106,"_101":246,"_144":-5,"_146":-5,"_247":248,"_109":-5,"_153":22,"_111":112,"_152":94,"_16":123,"_151":96},["D",1747855886878],["D",1749143937981],"showCompareCallout","pull","ahead","behind",6,"templates",[],"actionData","errors"]