🚀 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}",[],[99],{"_103":191,"_95":192,"_156":193,"_158":-5,"_159":137,"_160":136,"_161":162,"_105":194,"_100":32,"_164":195,"_166":196,"_168":22,"_169":-5,"_170":197,"_98":198},"3e901720-9586-11f0-8f5f-0224a6c84d84","process-commits.tsx","0199633a-db12-75df-8e1c-8ab1ae3f83fa",["D",1758306425477],"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}",[],[192],"files",[153,173,182,190],"counts",{"_203":32,"_204":136,"_205":32,"_206":207},"pulls","branches","forks","envVars",{"_208":209,"_210":32},"count",4,"emptyCount","contents",[],{"_103":183,"_159":137,"_156":184,"_95":99,"_166":187,"_164":186,"_100":32,"_158":-5,"_105":214,"_160":136,"_169":-5,"_98":215},["D",1758306425477],[99],"upstreamProject",{"_103":145,"_95":96,"_111":218,"_112":219,"_109":110,"_23":220},"Scraped GitHub commits and post them in Discord for change logs ","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/0f01ba99-f59b-4cfe-2571-478514425900/square512",{"_93":221,"_129":222},"charmaine","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJ4cFpFME5pSXNZamJNd296dlZSYVJ0OVF1RSJ9","upstreamBranch",{"_103":140,"_105":225,"_226":227,"_95":43,"_138":145,"_100":142,"_139":-5,"_141":-5,"_228":229,"_107":-5,"_150":22,"_109":110,"_149":221,"_16":147,"_148":96},["D",1747855886878],"updatedAt",["D",1749143937981],"lockfileKey","1756192125096-esm.town_v_charmaine_Change-Logs-Generator@354-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.code.$",{"_93":94,"_95":96,"_97":43,"_100":-7,"_98":99,"_101":236,"_151":241,"_199":254,"_165":255,"_211":258,"_259":260,"_263":-5,"_264":32,"_265":32,"_266":267},{"_103":104,"_95":96,"_105":237,"_107":-5,"_108":22,"_109":110,"_111":-5,"_112":-5,"_14":113,"_114":-5,"_115":22,"_116":-5,"_117":32,"_16":118,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_23":238,"_131":239,"_134":240,"_150":22},["D",1758306425477],{"_93":94,"_129":130},{"_93":94,"_133":130,"_14":113},{"_100":136,"_95":43,"_103":137,"_138":104,"_139":140,"_141":142,"_143":110,"_144":145,"_146":147,"_148":96,"_149":94},[242,245,248,251],{"_103":154,"_95":155,"_156":157,"_158":-5,"_159":137,"_160":136,"_161":162,"_105":163,"_100":32,"_164":165,"_166":167,"_168":22,"_169":-5,"_170":243,"_98":244},[],[155],{"_103":174,"_95":175,"_156":176,"_158":-5,"_159":137,"_160":136,"_161":162,"_105":177,"_100":32,"_164":178,"_166":179,"_168":22,"_169":-5,"_170":246,"_98":247},[],[175],{"_103":183,"_95":99,"_156":184,"_158":-5,"_159":137,"_160":136,"_161":162,"_105":185,"_100":32,"_164":186,"_166":187,"_168":22,"_169":-5,"_170":249,"_98":250},[],[99],{"_103":191,"_95":192,"_156":193,"_158":-5,"_159":137,"_160":136,"_161":162,"_105":194,"_100":32,"_164":195,"_166":196,"_168":22,"_169":-5,"_170":252,"_98":253},[],[192],[242,245,248,251],{"_103":183,"_159":137,"_156":184,"_95":99,"_166":187,"_164":186,"_100":32,"_158":-5,"_105":256,"_160":136,"_169":-5,"_98":257},["D",1758306425477],[99],[],"upstream",{"_103":140,"_105":261,"_226":262,"_95":43,"_138":145,"_100":142,"_139":-5,"_141":-5,"_228":229,"_107":-5,"_150":22,"_109":110,"_149":221,"_16":147,"_148":96},["D",1747855886878],["D",1749143937981],"pull","ahead","behind","templates",[268,285],{"_103":269,"_95":270,"_105":271,"_107":-5,"_108":22,"_109":110,"_111":272,"_112":273,"_14":274,"_114":275,"_115":162,"_116":276,"_117":277,"_16":278,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_23":279,"_131":282,"_134":283,"_150":22},"8e7382ae-d835-11ef-bbbf-e6cdfca9ef9f","markdownBlogStarter",["D",1737491000655],"Starter template for a markdown blog","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/44a31e5c-3e8a-48a8-d067-5785c0b08200/square512","a0bf3b31-15a5-4d5c-880e-4b1e22c9bc18","a4a9ad14-d835-11ef-8351-e6cdfca9ef9f",167,12,"e81e7335-6d4c-4764-a902-d0962bbfa9f7",{"_93":280,"_129":281},"stevekrouse","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg",{"_93":280,"_133":281,"_14":274},{"_103":284,"_95":43,"_100":276,"_138":269,"_139":-5,"_141":-5},"8e73c264-d835-11ef-bbbf-e6cdfca9ef9f",{"_103":286,"_95":287,"_105":288,"_107":-5,"_108":22,"_109":110,"_111":289,"_112":-5,"_14":290,"_114":291,"_115":162,"_116":292,"_117":293,"_16":294,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_23":295,"_131":298,"_134":299,"_150":22},"96102714-f528-11ef-aa68-569c3dd06744","reactHonoStarter",["D",1740674013689],"Starter template with client-side React & Hono server","c9143560-63b6-444f-8f9f-e2647fabe09f","a9b2b20a-f528-11ef-9e98-569c3dd06744",39,14,"c606f87f-4d7e-48c8-9c39-ef5ab94aec49",{"_93":296,"_129":297},"std","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJVaVhpQ1BId3dscVpBbkdZVWlMNjJtcjkxWS5wbmcifQ",{"_93":296,"_133":297,"_14":-5},{"_103":300,"_95":43,"_100":301,"_138":286,"_139":-5,"_141":-5},"961078ea-f528-11ef-aa68-569c3dd06744",72,"actionData","errors"]

aero_artem

Change-Logs-Generator