🚀 GitHub Changelog Playground

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

\n \n

📂 Monitored Repositories

\n ${\n REPOS.map(\n (repo) =>\n `

\n ${repo.name}\n

${repo.owner}/${repo.name} • ${repo.branch}

`,\n ).join(\"\")\n }\n

\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}",[87],"6729e8d8-4d19-11f0-b5b6-76b3cceeab13",["D",1750343194872],"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}",[111],"61debfca-4d19-11f0-b5b6-76b3cceeab13",["D",1750343185990],"{\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}",[190],"5718b294-4d19-11f0-9228-76b3cceeab13",["D",1750343167915],"import { Octokit } from \"npm:octokit\";\n\nconst GITHUB_TOKEN = Deno.env.get(\"GITHUB_TOKEN\");\n\nexport default async function branchChecker(req: Request): Promise {\n if (!GITHUB_TOKEN) {\n return new Response(\"Missing GITHUB_TOKEN environment variable\", {\n status: 500,\n });\n }\n\n const octokit = new Octokit({ auth: GITHUB_TOKEN });\n\n try {\n // Get commits from both branches in the last 30 days\n const thirtyDaysAgo = new Date(\n Date.now() - 30 * 24 * 60 * 60 * 1000\n ).toISOString();\n\n console.log(\"Checking commits from both branches...\");\n\n // Fetch commits from main branch\n const mainCommits = await octokit.rest.repos.listCommits({\n owner: \"0xnenlabs\",\n repo: \"steel\",\n sha: \"main\",\n since: thirtyDaysAgo,\n per_page: 20,\n });\n\n // Fetch commits from release branch\n const releaseCommits = await octokit.rest.repos.listCommits({\n owner: \"0xnenlabs\",\n repo: \"steel\",\n sha: \"release\",\n since: thirtyDaysAgo,\n per_page: 20,\n });\n\n // Format the results\n const formatCommits = (commits: any[]) => {\n return commits.map((commit) => ({\n sha: commit.sha.substring(0, 7),\n message: commit.commit.message.split(\"\\n\")[0],\n date: new Date(commit.commit.author.date).toLocaleString(),\n author: commit.commit.author.name,\n }));\n };\n\n const mainFormatted = formatCommits(mainCommits.data);\n const releaseFormatted = formatCommits(releaseCommits.data);\n\n // Check for commits in main that aren't in release\n const mainShas = new Set(mainCommits.data.map((c) => c.sha));\n const releaseShas = new Set(releaseCommits.data.map((c) => c.sha));\n\n const mainOnlyCommits = mainCommits.data.filter(\n (c) => !releaseShas.has(c.sha)\n );\n const releaseOnlyCommits = releaseCommits.data.filter(\n (c) => !mainShas.has(c.sha)\n );\n\n const html = `\n\n\n\n \n \n Branch Comparison: 0xnenlabs/steel\n \n \n\n\n

🔍 Branch Comparison: 0xnenlabs/steel

\n \n

📊 Summary

Main branch: ${\n mainCommits.data.length\n } commits in last 30 days

Release branch: ${\n releaseCommits.data.length\n } commits in last 30 days

Commits only in main: ${\n mainOnlyCommits.length\n }

Commits only in release: ${\n releaseOnlyCommits.length\n }

\n\n ${\n mainOnlyCommits.length > 0\n ? `\n

⚠️ Warning

There are ${mainOnlyCommits.length} commits in the main branch that are NOT in the release branch. \n This means your current configuration (monitoring release branch) is missing recent updates.

\n `\n : \"\"\n }\n\n

🌿 Main Branch (last 20 commits)

\n ${mainFormatted\n .map(\n (commit) => `\n

\n ${commit.sha}\n

${commit.message}

${commit.author} • ${commit.date}

\n `\n )\n .join(\"\")}\n

\n\n

🚀 Release Branch (last 20 commits)

\n ${releaseFormatted\n .map(\n (commit) => `\n

\n ${commit.sha}\n

${commit.message}

${commit.author} • ${commit.date}

\n `\n )\n .join(\"\")}\n

\n\n ${\n mainOnlyCommits.length > 0\n ? `\n

🔍 Commits Only in Main Branch

\n ${formatCommits(mainOnlyCommits)\n .map(\n (commit) => `\n

\n ${commit.sha}\n

${commit.message}

${commit.author} • ${commit.date}

\n `\n )\n .join(\"\")}\n

\n `\n : \"\"\n }\n\n

💡 Recommendations

• If you want to track all development activity, monitor the main branch
• If you only want to track official releases, keep monitoring the release branch
• If you want both, you can monitor both branches (they'll be labeled in the Discord messages)

\n\n`;\n\n return new Response(html, {\n headers: { \"Content-Type\": \"text/html\" },\n });\n } catch (error) {\n console.error(\"Error checking branches:\", error);\n return new Response(`Error: ${error.message}`, { status: 500 });\n }\n}",[166],"3ec5ec66-4d19-11f0-88d2-76b3cceeab13",["D",1750343127107],"# GitHub to Discord Changelog Notifier\n\nA val that automatically fetches GitHub commits from **multiple repositories** and posts formatted changelog updates to Discord. It categorizes commits based on [conventional commit messages](https://www.conventionalcommits.org/en/v1.0.0/) ie. `feat:`, `fix:` etc., and uses AI to generate user-friendly summaries.\n\n**Example:**\n![Screenshot 2025-05-24 at 6.12.40 PM.png](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/112a693d-7482-42d8-171c-be2bf916cf00/public)\n\n### Configuration\n\n#### Repository Setup\n\nThe repositories to monitor are configured directly in the code in `process-commits.tsx`. Update the `REPOS` array to add or modify repositories:\n\n```typescript\nconst REPOS = [\n { owner: \"steel-dev\", name: \"steel-browser\", branch: \"main\" },\n { owner: \"steel-dev\", name: \"steel-api\", branch: \"develop\" },\n { owner: \"steel-dev\", name: \"steel-docs\", branch: \"main\" },\n];\n```\n\nEach repo configuration includes:\n\n- `owner`: GitHub repository owner/organization\n- `name`: Repository name\n- `branch`: Specific branch to monitor (e.g., \"main\", \"develop\", \"staging\")\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_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\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_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## Key Features\n\n### Multi-Repository Support\n\n- Monitor multiple repositories simultaneously\n- Support for different branches per repository\n- Single unified changelog combining all repositories\n- Each commit shows which repository it came from: `[repo-name] commit message`\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)\n\n## Customizing AI Summaries\n\nEach commit message is processed by GPT to generate a more user-friendly message.\n\nYou can modify the GPT prompt in the `generateUserFocusedSummary()` function in `process-commits.tsx`. You can paste in examples of past changelogs to help the LLM understand your desired tone.",[99],"494ffb18-4d19-11f0-a535-76b3cceeab13",["D",1750343144790],".git\n.vscode\n.cursorrules\n.DS_Store\nnode_modules\nvendor",[135],"pulls","branches","forks","envVars",{"_107":108,"_356":20},"connections",{"_107":20,"_355":20},"unfilledCount","emptyCount",{"_42":344,"_13":135,"_85":127,"_52":-5,"_44":45,"_317":145,"_318":236,"_46":383,"_48":122,"_88":63,"_320":346,"_90":24,"_322":-5,"_365":384,"_272":385},{"_42":340,"_13":99,"_85":98,"_52":-5,"_44":45,"_317":115,"_318":236,"_46":380,"_48":49,"_88":63,"_320":342,"_90":24,"_322":-5,"_365":381,"_272":382},{"_42":336,"_13":166,"_85":157,"_52":-5,"_44":45,"_317":169,"_318":236,"_46":377,"_48":115,"_88":106,"_320":338,"_90":24,"_322":-5,"_365":378,"_272":379},{"_42":332,"_13":190,"_85":181,"_52":-5,"_44":45,"_317":200,"_318":236,"_46":374,"_48":122,"_88":63,"_320":334,"_90":24,"_322":-5,"_365":375,"_272":376},{"_42":328,"_13":111,"_85":110,"_52":-5,"_44":45,"_317":207,"_318":236,"_46":371,"_48":49,"_88":112,"_320":330,"_90":24,"_322":-5,"_365":372,"_272":373},{"_42":324,"_13":87,"_85":86,"_52":-5,"_44":45,"_317":214,"_318":236,"_46":368,"_48":49,"_88":89,"_320":326,"_90":24,"_322":-5,"_365":369,"_272":370},{"_42":316,"_13":105,"_85":104,"_52":-5,"_44":45,"_317":83,"_318":236,"_46":364,"_48":49,"_88":106,"_320":321,"_90":24,"_322":-5,"_365":366,"_272":367},["D",1750343215258],"children",[],[105],["D",1750343205359],[],[87],["D",1750343194872],[],[111],["D",1750343185990],[],[190],["D",1750343167915],[],[166],["D",1750343127107],[],[99],["D",1750343144790],[],[135],["D",1748003490785],{"_11":12,"_271":93},{"_11":12,"_267":-5,"_92":93,"_25":91,"_268":269,"_270":24},{"_48":83,"_13":16,"_42":45,"_259":225,"_260":81,"_261":108,"_262":229,"_263":225,"_264":51,"_265":14,"_266":12},"ctx",{"_61":-5,"_293":423,"_424":425,"_426":427,"_428":24,"_429":24,"_430":24,"_431":236,"_432":-5,"_433":-7,"_434":-7,"_435":20,"_436":24,"_437":24,"_438":-5,"_439":24,"_440":24,"_441":24,"_442":-5},"ENV",{"_394":395,"_396":397,"_398":82,"_399":400,"_401":402,"_403":404,"_405":406,"_407":408,"_409":410,"_411":412,"_413":414,"_415":416,"_417":418,"_419":420,"_421":422},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

History