[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_197":198,"_199":200},"routes/_app.x.$handle.$name",{"_96":95,"_32":44,"_104":86,"_27":105,"_13":14,"_106":-5,"_11":107,"_108":109,"_110":111,"_112":113,"_114":115,"_20":-5,"_116":-5,"_117":-5,"_118":25,"_119":120,"_121":58,"_122":-5,"_123":-5,"_124":125},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_32":44,"_37":45,"_46":-5,"_47":25,"_48":49,"_50":49,"_51":52,"_53":54,"_18":55,"_56":31,"_57":58,"_59":58,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":25},"version",343,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":36,"_37":38,"_39":14,"_40":41,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","playground.tsx","latestPath","fileId","15f2479c-3682-11f0-b9de-9e149126039e","name","fileType","http","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { buildDiscordMessage, categorizeCommits, fetchAndPostCommits, fetchCommits } from \"./process-commits.tsx\";\n\nconst SEVEN_DAYS_MS = 7 * 24 * 60 * 60 * 1000;\n\nexport default async function(req: Request): Promise {\n if (req.method === \"POST\") {\n const formData = await req.formData();\n const startDateStr = formData.get(\"startDate\") as string;\n const endDateStr = formData.get(\"endDate\") as string;\n const action = formData.get(\"action\") as string;\n\n // Convert date strings to ISO timestamps\n const startDate = new Date(startDateStr + \"T00:00:00Z\").toISOString();\n const endDate = new Date(endDateStr + \"T23:59:59Z\").toISOString();\n\n console.log(`Processing request: ${action} from ${startDate} to ${endDate}`);\n\n try {\n if (action === \"preview\") {\n // Preview mode - to show what would be sent\n console.log(\"About to fetch commits...\");\n const commits = await fetchCommits(startDate, endDate);\n console.log(`Received ${commits.length} commits from fetchCommits`);\n\n if (commits.length === 0) {\n return new Response(\n JSON.stringify({\n success: true,\n preview: \"No commits found in this date range.\",\n commitCount: 0,\n debug: {\n startDate,\n endDate,\n repo: `${Deno.env.get(\"GITHUB_REPO_OWNER\")}/${Deno.env.get(\"GITHUB_REPO_NAME\")}`,\n },\n }),\n {\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n }\n\n const categorizedCommits = categorizeCommits(commits);\n const message = buildDiscordMessage(\n categorizedCommits,\n Deno.env.get(\"GITHUB_REPO_NAME\"),\n startDate,\n endDate,\n );\n\n console.log(\"Generated message:\", message);\n\n return new Response(\n JSON.stringify({\n success: true,\n preview: message,\n commitCount: commits.length,\n }),\n {\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n } else if (action === \"send\") {\n // Actually send to Discord\n await fetchAndPostCommits(startDate, endDate);\n return new Response(\n JSON.stringify({\n success: true,\n message: \"Successfully sent to Discord!\",\n }),\n {\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n } else {\n return new Response(\n JSON.stringify({\n success: false,\n error: `Unknown action: ${action}`,\n }),\n {\n status: 400,\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n }\n } catch (error) {\n console.error(\"Error processing request:\", error);\n return new Response(\n JSON.stringify({\n success: false,\n error: error.message,\n }),\n {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n }\n }\n\n // Default to last 7 days\n const endDate = new Date();\n const startDate = new Date(endDate.getTime() - SEVEN_DAYS_MS);\n\n const endDateStr = endDate.toISOString().split(\"T\")[0];\n const startDateStr = startDate.toISOString().split(\"T\")[0];\n\n const html = `\n\n\n \n \n GitHub Changelog Playground\n \n \n \n\n\n

🚀 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}","createdAt",["D",1748122942441],"branchVersion","branchId","30113b04-367a-11f0-8703-9e149126039e","id","3010f590-367a-11f0-8703-9e149126039e","Change-Logs-Generator",["D",1747855886878],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Scraped GitHub commits and post them in Discord for change logs ","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/0f01ba99-f59b-4cfe-2571-478514425900/square512?exp=1789585199&sig=44fdaa590a86d02c596ba750a76583b1718136d386451ce6fc87e5bac061c3af","c156eb0e-8b9d-4104-a055-502e9a0eb441","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",2,"orgId","2019e55b-c541-4c51-bef0-008eef10ef88","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_96":95,"_103":99},"org",{"_96":95,"_97":-5,"_98":99,"_18":55,"_100":101,"_102":25},"branch",{"_13":85,"_32":86,"_42":41,"_87":43,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":44,"_94":95},"isOwned",354,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","charmaine","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJ4cFpFME5pSXNZamJNd296dlZSYVJ0OVF1RSJ9","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_42":43,"_32":44,"_37":193,"_46":-5,"_47":25,"_48":49,"_50":49,"_51":52,"_53":54,"_18":55,"_56":31,"_57":58,"_59":58,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":194,"_80":195,"_82":196,"_84":25},"tree",[176,177,178,179],"files",[176,177,178,179],"counts",{"_164":165,"_166":62,"_167":137,"_168":169,"_170":171},"contents",[126,127,128,129],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_42":156,"_32":157,"_30":158,"_133":-5,"_40":41,"_39":159,"_135":25,"_37":160,"_13":161,"_33":20,"_35":162,"_24":25,"_140":-5,"_27":163},{"_42":147,"_32":148,"_30":149,"_133":-5,"_40":41,"_39":150,"_135":25,"_37":151,"_13":152,"_33":153,"_35":154,"_24":25,"_140":-5,"_27":155},{"_42":142,"_32":28,"_30":31,"_133":-5,"_40":41,"_39":14,"_135":25,"_37":143,"_13":144,"_33":34,"_35":36,"_24":25,"_140":145,"_27":146},{"_42":130,"_32":131,"_30":132,"_133":-5,"_40":41,"_39":134,"_135":25,"_37":136,"_13":137,"_33":138,"_35":139,"_24":25,"_140":-5,"_27":141},"347aee28-38e7-11f0-9edb-9e149126039e","process-commits.tsx","23f0b1be-38e7-11f0-be92-9e149126039e","parentId",324,"latest",["D",1748122611748],3,"script","import { discordWebhook } from \"https://esm.town/v/stevekrouse/discordWebhook\";\nimport { Octokit } from \"npm:octokit\";\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 * Format a single commit into a clean message with category\n */\nexport function formatCommit(commit: any) {\n const originalMessage = commit.commit.message.split(\"\\n\")[0];\n let commitType = \"\";\n let messageContent = originalMessage;\n\n const commitPrefixMatch = originalMessage.toLowerCase().match(/^([a-z]+)(\$[a-z\\s]+\$)?:\\s*/);\n if (commitPrefixMatch && commitPrefixMatch[1]) {\n commitType = commitPrefixMatch[1];\n messageContent = originalMessage.substring(commitPrefixMatch[0].length).trim();\n }\n\n // Remove PR references like \"(#123)\", \"(GH-123)\", \"(gh-123)\"\n let cleanMessage = messageContent.replace(/(\$#\\s?(GH-|gh-)?\\d+\$)/g, \"\").trim();\n if (!cleanMessage) {\n cleanMessage = \"Update\";\n }\n\n return {\n message: cleanMessage,\n url: commit.html_url,\n category: commitType,\n };\n}\n\n/**\n * Categorize commits into organized groups\n */\nexport function categorizeCommits(commits: any[]) {\n const categorizedCommits: Record = {};\n\n for (const commit of commits) {\n const formattedCommit = formatCommit(commit);\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\n const categorizedCommits = 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}","label",[131],"f99c1fc4-38e7-11f0-a4d4-9e149126039e",["D",1748122942441],78,"test-gh-to-discord",[28],"ebc24860-38e7-11f0-b075-9e149126039e","gh-to-discord.tsx","c4d58b34-3691-11f0-a19b-9e149126039e",340,["D",1748122919238],75,"interval","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}",[148],"5f8fb1d6-38e5-11f0-aea9-9e149126039e","README.md","53315aac-369c-11f0-9a5a-9e149126039e",317,["D",1748121825029],42,"# GitHub to Discord Changelog Notifier\n\nA val that automatically fetches GitHub commits and posts formatted changelog updates to Discord. The bot categorizes commits based on [conventional commit messages](https://www.conventionalcommits.org/en/v1.0.0/) ie. `feat:`, `fix:` etc.\n\n**Example:**\n![Screenshot 2025-05-21 at 7.35.34 PM.png](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/f68c4dda-ecd5-4e01-8266-e3a0fa037800/public)\n\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_REPO_OWNER`: ie. [`steel-dev`](https://github.com/steel-dev)\n- `GITHUB_REPO_NAME`: ie. [`steel-browser`](https://github.com/steel-dev/steel-browser/)\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- **`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 \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## 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)",[157],"pulls",0,"branches","forks","envVars",{"_172":174,"_175":165},"connections",{"_172":165,"_173":165},"count","unfilledCount",4,"emptyCount",{"_42":156,"_32":157,"_30":158,"_133":-5,"_40":41,"_39":159,"_135":25,"_37":190,"_13":161,"_33":20,"_35":162,"_24":25,"_140":-5,"_181":191,"_27":192},{"_42":147,"_32":148,"_30":149,"_133":-5,"_40":41,"_39":150,"_135":25,"_37":187,"_13":152,"_33":153,"_35":154,"_24":25,"_140":-5,"_181":188,"_27":189},{"_42":142,"_32":28,"_30":31,"_133":-5,"_40":41,"_39":14,"_135":25,"_37":184,"_13":144,"_33":34,"_35":36,"_24":25,"_140":145,"_181":185,"_27":186},{"_42":130,"_32":131,"_30":132,"_133":-5,"_40":41,"_39":134,"_135":25,"_37":180,"_13":137,"_33":138,"_35":139,"_24":25,"_140":-5,"_181":182,"_27":183},["D",1748122611748],"children",[],[131],["D",1748122942441],[],[28],["D",1748122919238],[],[148],["D",1748121825029],[],[157],["D",1747855886878],{"_96":95,"_103":99},{"_96":95,"_97":-5,"_98":99,"_18":55,"_100":101,"_102":25},{"_13":85,"_32":86,"_42":41,"_87":43,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":44,"_94":95},"ctx",{"_78":-5,"_123":230,"_231":232,"_233":234,"_235":25,"_236":25,"_237":25,"_238":58,"_239":-5,"_240":-7,"_241":-7,"_242":165,"_243":25,"_244":25,"_245":-5,"_246":25,"_247":25,"_248":25,"_249":-5},"ENV",{"_201":202,"_203":204,"_205":86,"_206":207,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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"]

Diff · v343