🚀 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",[],[100],{"_105":215,"_95":216,"_159":217,"_161":-5,"_162":142,"_163":218,"_165":166,"_107":219,"_101":220,"_168":221,"_170":222,"_172":22,"_173":-5,"_174":223,"_99":224},"61fb55d2-38eb-11f0-8f6d-9e149126039e","process-commits.tsx","64d3cb58-8422-4063-98fc-6f47be682e9d",24,["D",1748124406075],20,"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}",[],[216],"files",[156,177,186,195,204,214],"counts",{"_229":32,"_230":231,"_232":190,"_233":234},"pulls","branches",2,"forks","envVars",{"_235":207,"_236":32},"count","emptyCount","contents",[],{"_105":205,"_95":100,"_159":206,"_161":-5,"_162":142,"_163":207,"_165":166,"_107":240,"_101":122,"_168":209,"_170":210,"_172":22,"_173":211,"_99":241},["D",1748123554331],[100],"upstreamProject","upstreamBranch",{"_105":145,"_107":245,"_246":247,"_95":43,"_143":106,"_101":248,"_144":-5,"_146":-5,"_249":250,"_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":257,"_154":262,"_225":281,"_169":282,"_237":284,"_285":286,"_289":166,"_290":-5,"_291":32,"_292":293,"_294":295},{"_105":106,"_95":96,"_107":258,"_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":259,"_136":260,"_139":261,"_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},[263,266,269,272,275,278],{"_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":264,"_99":265},[],[158],{"_105":178,"_95":179,"_159":180,"_161":-5,"_162":142,"_163":102,"_165":22,"_107":181,"_101":182,"_168":169,"_170":183,"_172":22,"_173":-5,"_174":267,"_99":268},[],[179],{"_105":187,"_95":188,"_159":189,"_161":-5,"_162":142,"_163":190,"_165":166,"_107":191,"_101":32,"_168":169,"_170":192,"_172":22,"_173":-5,"_174":270,"_99":271},[],[188],{"_105":196,"_95":197,"_159":198,"_161":-5,"_162":142,"_163":122,"_165":166,"_107":199,"_101":32,"_168":200,"_170":201,"_172":22,"_173":-5,"_174":273,"_99":274},[],[197],{"_105":205,"_95":100,"_159":206,"_161":-5,"_162":142,"_163":207,"_165":166,"_107":208,"_101":122,"_168":209,"_170":210,"_172":22,"_173":211,"_174":276,"_99":277},[],[100],{"_105":215,"_95":216,"_159":217,"_161":-5,"_162":142,"_163":218,"_165":166,"_107":219,"_101":220,"_168":221,"_170":222,"_172":22,"_173":-5,"_174":279,"_99":280},[],[216],[263,266,269,272,275,278],{"_105":205,"_95":100,"_159":206,"_161":-5,"_162":142,"_163":207,"_165":166,"_107":240,"_101":122,"_168":209,"_170":210,"_172":22,"_173":211,"_99":283},[100],[],"upstream",{"_105":145,"_107":287,"_246":288,"_95":43,"_143":106,"_101":248,"_144":-5,"_146":-5,"_249":250,"_109":-5,"_153":22,"_111":112,"_152":94,"_16":123,"_151":96},["D",1747855886878],["D",1749143937981],"showCompareCallout","pull","ahead","behind",6,"templates",[],"actionData","errors"]