No commits found in the selected date range.

;\n }\n\n return (\n

\n \n \n \n \n \n \n \n \n \n \n {commits.map((commit) => (\n \n toggleExpand(commit.sha)}\n >\n \n \n \n \n \n {expandedCommit === commit.sha && (\n \n \n \n )}\n \n ))}\n \n

Commit	Date	Author	PR
\n \n \n e.stopPropagation()}\n >\n {commit.sha.substring(0, 7)}\n \n \n \n {commit.message.split('\\n')[0]}\n \n \n	\n {new Date(commit.date).toLocaleDateString()}\n	\n \n {commit.authorUrl ? (\n e.stopPropagation()}\n >\n {commit.author}\n \n ) : (\n commit.author\n )}\n \n	\n {commit.pr ? (\n e.stopPropagation()}\n >\n #{commit.pr.number}\n \n ) : (\n \"-\"\n )}\n
\n \n Commit Message: \n \n {commit.message}\n \n \n {commit.pr && (\n <>\n PR Title: \n \n {commit.pr.title}\n \n \n {commit.pr.description && (\n <>\n PR Description: \n \n {commit.pr.description}\n \n \n )}\n \n )}\n \n

\n );\n}",[],[204,210,216],{"_103":225,"_95":226,"_159":227,"_161":211,"_162":142,"_163":228,"_165":119,"_105":229,"_100":230,"_167":189,"_169":231,"_170":22,"_171":-5,"_172":232,"_99":233},"54f4737e-2c51-11f0-9aae-569c3dd06744","ReleaseNotes.tsx","de945e3a-1a90-4ef4-a31e-04302d3b7086",20,["D",1746738827767],4,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { marked } from \"https://esm.sh/marked@9.1.5\";\n\ninterface ReleaseNotesProps {\n markdown: string;\n onMarkdownChange?: (markdown: string) => void;\n owner?: string;\n repo?: string;\n startDate?: string;\n endDate?: string;\n}\n\ntype SortOption = 'category' | 'impact' | 'chronological';\n\nexport function ReleaseNotes({ \n markdown, \n onMarkdownChange,\n owner,\n repo,\n startDate,\n endDate\n}: ReleaseNotesProps) {\n const [isEditing, setIsEditing] = useState(false);\n const [editableMarkdown, setEditableMarkdown] = useState(markdown);\n const [showShareModal, setShowShareModal] = useState(false);\n const [shareableUrl, setShareableUrl] = useState(\"\");\n const [shareCopied, setShareCopied] = useState(false);\n const [isSharing, setIsSharing] = useState(false);\n const [sortOption, setSortOption] = useState('category');\n const [showPRLinks, setShowPRLinks] = useState(false);\n\n // Update editable markdown when the prop changes\n useEffect(() => {\n setEditableMarkdown(markdown);\n }, [markdown]);\n\n // Configure marked for proper rendering\n marked.setOptions({\n gfm: true, // GitHub Flavored Markdown\n breaks: true, // Convert \\n to
\n headerIds: true, // Add IDs to headers\n mangle: false, // Don't escape HTML\n pedantic: false, // Don't be overly conformant\n smartLists: true, // Use smarter list behavior\n smartypants: true, // Use \"smart\" typographic punctuation\n });\n\n // Sort the markdown content based on the selected option\n const sortMarkdown = (markdown: string, sortOption: SortOption): string => {\n if (sortOption === 'category') {\n // Default sorting is by category, so return as is\n return markdown;\n }\n\n try {\n // Extract sections\n const headerMatch = markdown.match(/^## .*?\\n/);\n const header = headerMatch ? headerMatch[0] : \"## Release Notes\\n\\n\";\n \n // Extract all items with their categories\n const itemRegex = /### (Features|Improvements|Bug Fixes|Other Changes)\\n((?:- \\*\\*.*?\\*\\*: .*?\\n)+)/g;\n const items: {category: string, content: string, items: string[]}[] = [];\n let match;\n \n while ((match = itemRegex.exec(markdown)) !== null) {\n const category = match[1];\n const content = match[2];\n \n // Extract individual items\n const individualItems = content.match(/- \\*\\*.*?\\*\\*: .*?\\n/g) || [];\n \n items.push({\n category,\n content,\n items: individualItems\n });\n }\n \n if (sortOption === 'impact') {\n // Sort by impact (high to low)\n // We'll use a heuristic to determine impact based on keywords\n const getImpactScore = (item: string): number => {\n const lowerItem = item.toLowerCase();\n \n // High impact keywords\n if (\n lowerItem.includes('critical') || \n lowerItem.includes('major') || \n lowerItem.includes('significant') ||\n lowerItem.includes('important') ||\n lowerItem.includes('security')\n ) {\n return 3;\n }\n \n // Medium impact keywords\n if (\n lowerItem.includes('improved') || \n lowerItem.includes('enhanced') || \n lowerItem.includes('better') ||\n lowerItem.includes('fixed')\n ) {\n return 2;\n }\n \n // Default to low impact\n return 1;\n };\n \n // Sort all items by impact score\n const allItems = items.flatMap(section => section.items);\n allItems.sort((a, b) => getImpactScore(b) - getImpactScore(a));\n \n // Rebuild the markdown with sorted items\n let sortedMarkdown = header + \"\\n\";\n sortedMarkdown += \"### Changes\\n\";\n allItems.forEach(item => {\n sortedMarkdown += item;\n });\n \n return sortedMarkdown;\n }\n \n if (sortOption === 'chronological') {\n // For chronological, we'll just reverse the items in each category\n // assuming the most recent changes are at the bottom\n let chronologicalMarkdown = header + \"\\n\";\n \n items.forEach(section => {\n chronologicalMarkdown += `### ${section.category}\\n`;\n \n // Reverse the items to show newest first\n const reversedItems = [...section.items].reverse();\n reversedItems.forEach(item => {\n chronologicalMarkdown += item;\n });\n \n chronologicalMarkdown += \"\\n\";\n });\n \n return chronologicalMarkdown;\n }\n \n return markdown;\n } catch (error) {\n console.error(\"Error sorting markdown:\", error);\n return markdown;\n }\n };\n\n // Process PR references in the markdown\n const processPRRefs = (markdown: string): string => {\n if (!showPRLinks || !owner || !repo) {\n return markdown;\n }\n \n // Replace PR references with links\n // Look for patterns like \"PR #123\" or \"(#123)\" that aren't already part of a link\n return markdown.replace(\n /(? {\n return `[${match}](https://github.com/${owner}/${repo}/pull/${prNumber})`;\n }\n );\n };\n\n // Convert markdown to HTML\n const htmlContent = React.useMemo(() => {\n try {\n const processedMarkdown = processPRRefs(\n isEditing ? editableMarkdown : sortMarkdown(editableMarkdown, sortOption)\n );\n return { __html: marked(processedMarkdown) };\n } catch (error) {\n console.error(\"Error parsing markdown:\", error);\n return { __html: `

Error rendering markdown: ${error.message}

` };\n }\n }, [editableMarkdown, sortOption, showPRLinks, isEditing, owner, repo]);\n\n // Handle markdown changes\n const handleMarkdownChange = (value: string) => {\n setEditableMarkdown(value);\n if (onMarkdownChange) {\n onMarkdownChange(value);\n }\n };\n\n // Generate shareable link\n const generateShareableLink = async () => {\n if (!owner || !repo || !startDate || !endDate) {\n alert(\"Missing repository information. Please make sure you've selected a repository and date range.\");\n return;\n }\n\n setIsSharing(true);\n \n try {\n const response = await fetch(\"/api/share\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\"\n },\n body: JSON.stringify({\n owner,\n repo,\n startDate,\n endDate,\n releaseNotes: editableMarkdown\n })\n });\n \n const data = await response.json();\n \n if (!response.ok) {\n throw new Error(data.error || \"Failed to create shareable link\");\n }\n \n // Create the shareable URL\n const shareUrl = new URL(window.location.href);\n shareUrl.search = `?share=${data.id}`;\n \n setShareableUrl(shareUrl.toString());\n setShowShareModal(true);\n } catch (error) {\n console.error(\"Error creating shareable link:\", error);\n alert(`Failed to create shareable link: ${error.message}`);\n } finally {\n setIsSharing(false);\n }\n };\n\n // Add custom CSS for markdown rendering\n const markdownStyles = `\n .markdown-preview h1 { font-size: 1.8rem; font-weight: bold; margin-top: 1.5rem; margin-bottom: 1rem; }\n .markdown-preview h2 { font-size: 1.5rem; font-weight: bold; margin-top: 1.5rem; margin-bottom: 1rem; }\n .markdown-preview h3 { font-size: 1.3rem; font-weight: bold; margin-top: 1.2rem; margin-bottom: 0.8rem; }\n .markdown-preview h4 { font-size: 1.1rem; font-weight: bold; margin-top: 1rem; margin-bottom: 0.6rem; }\n .markdown-preview p { margin-bottom: 1rem; }\n .markdown-preview ul { list-style-type: disc; margin-left: 1.5rem; margin-bottom: 1rem; }\n .markdown-preview ol { list-style-type: decimal; margin-left: 1.5rem; margin-bottom: 1rem; }\n .markdown-preview li { margin-bottom: 0.5rem; }\n .markdown-preview code { background-color: #f0f0f0; padding: 0.2rem 0.4rem; border-radius: 0.2rem; font-family: monospace; }\n .markdown-preview pre { background-color: #f0f0f0; padding: 1rem; border-radius: 0.4rem; overflow-x: auto; margin-bottom: 1rem; }\n .markdown-preview blockquote { border-left: 4px solid #e2e8f0; padding-left: 1rem; margin-left: 0; margin-right: 0; margin-bottom: 1rem; }\n .markdown-preview a { color: #3182ce; text-decoration: underline; }\n .markdown-preview table { border-collapse: collapse; width: 100%; margin-bottom: 1rem; }\n .markdown-preview th, .markdown-preview td { border: 1px solid #e2e8f0; padding: 0.5rem; }\n .markdown-preview th { background-color: #f7fafc; }\n .markdown-preview hr { border: 0; border-top: 1px solid #e2e8f0; margin: 1.5rem 0; }\n `;\n\n return (\n

\n \n \n

Generated Release Notes

\n setIsEditing(!isEditing)}\n className=\"text-sm bg-gray-200 px-3 py-1 rounded hover:bg-gray-300\"\n >\n {isEditing ? \"Preview\" : \"Edit\"}\n \n \n {isSharing ? \"Sharing...\" : \"Share\"}\n \n

\n \n {!isEditing && (\n

\n Sort by:\n setSortOption(e.target.value as SortOption)}\n className=\"p-1 border rounded text-sm\"\n >\n \n \n \n \n

\n \n

\n setShowPRLinks(e.target.checked)}\n className=\"mr-2\"\n />\n \n Link PR references\n \n

\n )}\n \n {isEditing ? (\n

\n handleMarkdownChange(e.target.value)}\n className=\"w-full h-96 font-mono text-sm p-2 border rounded focus:outline-none focus:ring-2 focus:ring-blue-500\"\n spellCheck=\"false\"\n />\n

\n ) : (\n

\n )}\n\n {/* Share Modal */}\n {showShareModal && (\n

Share these release notes

\n \n \n

\n Anyone with this link can view these release notes.\n

\n \n

\n )}\n

\n );\n}",[],[204,210,226],{"_103":235,"_95":236,"_159":237,"_161":211,"_162":142,"_163":164,"_165":119,"_105":238,"_100":32,"_167":189,"_169":239,"_170":22,"_171":-5,"_172":240,"_99":241},"47b8aa72-2c4c-11f0-809c-569c3dd06744","RepoSelector.tsx","a0c01f0d-8db9-4a8d-af84-eaa865070aca",["D",1746736658079],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\ninterface RepoSelectorProps {\n owner: string;\n repo: string;\n startDate: string;\n endDate: string;\n onOwnerChange: (owner: string) => void;\n onRepoChange: (repo: string) => void;\n onStartDateChange: (date: string) => void;\n onEndDateChange: (date: string) => void;\n}\n\nexport function RepoSelector({\n owner,\n repo,\n startDate,\n endDate,\n onOwnerChange,\n onRepoChange,\n onStartDateChange,\n onEndDateChange\n}: RepoSelectorProps) {\n // Default to 30 days ago for start date if not set\n React.useEffect(() => {\n if (!startDate) {\n const thirtyDaysAgo = new Date();\n thirtyDaysAgo.setDate(thirtyDaysAgo.getDate() - 30);\n onStartDateChange(thirtyDaysAgo.toISOString().split('T')[0]);\n }\n \n if (!endDate) {\n const today = new Date();\n onEndDateChange(today.toISOString().split('T')[0]);\n }\n }, []);\n\n return (\n

\n Repository Owner\n onOwnerChange(e.target.value)}\n className=\"w-full p-2 border rounded\"\n placeholder=\"e.g., facebook\"\n />\n

\n \n

\n Repository Name\n onRepoChange(e.target.value)}\n className=\"w-full p-2 border rounded\"\n placeholder=\"e.g., react\"\n />\n

\n \n

\n Start Date\n onStartDateChange(e.target.value)}\n className=\"w-full p-2 border rounded\"\n />\n

\n \n

\n End Date\n onEndDateChange(e.target.value)}\n className=\"w-full p-2 border rounded\"\n />\n

\n );\n}",[],[204,210,236],[204,210],{"_103":244,"_95":176,"_159":245,"_161":205,"_162":142,"_163":164,"_165":119,"_105":246,"_100":32,"_167":179,"_169":247,"_170":22,"_171":-5,"_172":248,"_99":249},"47b8b2f6-2c4c-11f0-809c-569c3dd06744","d0330946-db52-442e-9ec0-215b8592f5fd",["D",1746736658079],"# Frontend\n\nThis directory contains the client-side code for the GitHub Release Notes Generator.\n\n## Files\n\n- `index.html` - Main HTML template\n- `index.tsx` - Main React component and application entry point\n\n## Components\n\n- `RepoSelector.tsx` - Component for selecting repository and date range\n- `CommitList.tsx` - Component for displaying commits and PR data\n- `ReleaseNotes.tsx` - Component for displaying generated release notes\n\n## Usage Flow\n\n1. User enters GitHub token, repository information, and date range\n2. User clicks \"Fetch Commits\" to retrieve commit data\n3. User reviews commits and associated PR information\n4. User clicks \"Generate Release Notes\" to process commits through LLM\n5. User reviews and copies the generated release notes\n\n## Technologies\n\n- React 18.2.0\n- TypeScript\n- Twind (Tailwind-in-JS)\n- Marked (for Markdown rendering)",[],[204,176],{"_103":251,"_95":252,"_159":253,"_161":205,"_162":142,"_163":254,"_165":119,"_105":255,"_100":256,"_167":179,"_169":257,"_170":22,"_171":-5,"_172":258,"_99":259},"d015c7ac-2c50-11f0-86f6-569c3dd06744","index.html","bfe09908-aef9-4062-aa04-ba52df3e1c9e",18,["D",1746738604846],3,"\n\n \n \n \n GitHub Release Notes Generator\n \n \n \n \n \n

\n\n \n \n \n",[],[204,252],{"_103":261,"_95":262,"_159":263,"_161":205,"_162":142,"_163":264,"_165":119,"_105":265,"_100":164,"_167":189,"_169":266,"_170":22,"_171":-5,"_172":267,"_99":268},"67198c28-2c4d-11f0-91a3-569c3dd06744","index.tsx","bad8d747-06de-43da-976f-79d5ebf9e362",5,["D",1746737140216],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { CommitWithPR, ReleaseNote, ShareableContent } from \"../shared/types.ts\";\n\n// Components\nimport { RepoSelector } from \"./components/RepoSelector.tsx\";\nimport { CommitList } from \"./components/CommitList.tsx\";\nimport { ReleaseNotes } from \"./components/ReleaseNotes.tsx\";\n\n// Check if we have a share ID from the URL\ndeclare global {\n interface Window {\n SHARE_ID?: string;\n }\n}\n\nexport function App() {\n const [token, setToken] = useState(\"\");\n const [owner, setOwner] = useState(\"\");\n const [repo, setRepo] = useState(\"\");\n const [startDate, setStartDate] = useState(\"\");\n const [endDate, setEndDate] = useState(\"\");\n const [commits, setCommits] = useState([]);\n const [releaseNotes, setReleaseNotes] = useState(\"\");\n const [loading, setLoading] = useState<{commits: boolean, notes: boolean, share: boolean}>({\n commits: false,\n notes: false,\n share: false\n });\n const [error, setError] = useState(null);\n const [isSharedView, setIsSharedView] = useState(false);\n\n // Check for shared content on load\n useEffect(() => {\n const shareId = window.SHARE_ID;\n if (shareId) {\n loadSharedContent(shareId);\n }\n }, []);\n\n // Load shared content\n const loadSharedContent = async (shareId: string) => {\n setLoading(prev => ({ ...prev, share: true }));\n setError(null);\n \n try {\n const response = await fetch(`/api/share/${shareId}`);\n const data = await response.json();\n \n if (!response.ok) {\n throw new Error(data.error || \"Failed to load shared content\");\n }\n \n const content = data.content as ShareableContent;\n \n // Set the state from the shared content\n setOwner(content.owner);\n setRepo(content.repo);\n setStartDate(content.dateRange.startDate);\n setEndDate(content.dateRange.endDate);\n setReleaseNotes(content.releaseNotes);\n setIsSharedView(true);\n \n } catch (err) {\n setError(err.message || \"An error occurred while loading shared content\");\n } finally {\n setLoading(prev => ({ ...prev, share: false }));\n }\n };\n\n // Fetch commits from GitHub\n const fetchCommits = async () => {\n if (!token || !owner || !repo || !startDate || !endDate) {\n setError(\"Please fill in all fields\");\n return;\n }\n\n setLoading(prev => ({ ...prev, commits: true }));\n setError(null);\n \n try {\n const response = await fetch(\"/api/commits\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\"\n },\n body: JSON.stringify({\n token,\n owner,\n repo,\n startDate,\n endDate\n })\n });\n \n const data = await response.json();\n \n if (!response.ok) {\n throw new Error(data.error || \"Failed to fetch commits\");\n }\n \n setCommits(data.commits);\n } catch (err) {\n setError(err.message || \"An error occurred while fetching commits\");\n } finally {\n setLoading(prev => ({ ...prev, commits: false }));\n }\n };\n\n // Generate release notes\n const generateNotes = async () => {\n if (commits.length === 0) {\n setError(\"No commits to generate notes from\");\n return;\n }\n\n setLoading(prev => ({ ...prev, notes: true }));\n setError(null);\n \n try {\n const response = await fetch(\"/api/generate-notes\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\"\n },\n body: JSON.stringify({\n commits\n })\n });\n \n const data = await response.json();\n \n if (!response.ok) {\n throw new Error(data.error || \"Failed to generate release notes\");\n }\n \n setReleaseNotes(data.releaseNotes.markdown);\n } catch (err) {\n setError(err.message || \"An error occurred while generating release notes\");\n } finally {\n setLoading(prev => ({ ...prev, notes: false }));\n }\n };\n\n // Copy release notes to clipboard\n const copyToClipboard = () => {\n navigator.clipboard.writeText(releaseNotes)\n .then(() => {\n alert(\"Release notes copied to clipboard!\");\n })\n .catch(err => {\n setError(\"Failed to copy to clipboard: \" + err.message);\n });\n };\n\n // Handle markdown changes from the editor\n const handleMarkdownChange = (markdown: string) => {\n setReleaseNotes(markdown);\n };\n\n return (\n

GitHub Release Notes Generator

Generate user-friendly release notes from your GitHub commits

\n\n {isSharedView && (\n

\n Shared View: \n You're viewing shared release notes for {owner}/{repo}.\n

\n )}\n\n {error && (\n

\n Error: \n {error}\n \n

Common issues:

Make sure the repository exists and is spelled correctly
Verify your token has the repo scope
Check that you have access to the repository
Ensure the date range is valid

\n )}\n\n {!isSharedView && (\n

1. Connect to GitHub

\n \n

\n GitHub Personal Access Token\n setToken(e.target.value)}\n className=\"w-full p-2 border rounded\"\n placeholder=\"ghp_...\"\n />\n

\n Needs repo access permissions. \n \n Generate a token\n \n \n Make sure to include repo scope when creating your token.\n \n

\n\n \n\n \n {loading.commits ? 'Loading...' : 'Fetch Commits'}\n \n

\n )}\n\n {!isSharedView && commits.length > 0 && (\n

2. Review Commits

\n \n \n \n {loading.notes ? 'Generating...' : 'Generate Release Notes'}\n \n

\n )}\n\n {releaseNotes && (\n

\n {isSharedView ? 'Shared Release Notes' : '3. Release Notes'}\n

\n \n \n {!isSharedView && (\n

\n \n Copy to Clipboard\n \n

\n )}\n

\n )}\n\n \n

\n );\n}",[],[204,262],[204],{"_103":271,"_95":272,"_159":273,"_161":-5,"_162":142,"_163":164,"_165":119,"_105":274,"_100":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":275,"_99":292},"47b8c2a0-2c4c-11f0-809c-569c3dd06744","shared","dda3257c-bb50-486a-be27-e1cf11bff5ba",["D",1746736658079],[276,283],{"_103":277,"_95":176,"_159":278,"_161":273,"_162":142,"_163":164,"_165":119,"_105":279,"_100":32,"_167":179,"_169":280,"_170":22,"_171":-5,"_172":281,"_99":282},"47b8bf9e-2c4c-11f0-809c-569c3dd06744","83382e84-ee49-4b19-9af5-5e01afc0bc1f",["D",1746736658079],"# Shared\n\nThis directory contains code and types that are shared between the frontend and backend.\n\n## Files\n\n- `types.ts` - TypeScript interfaces and types used throughout the application\n\n## Types\n\n- `GitHubCommit` - GitHub API commit response\n- `GitHubPR` - GitHub API pull request response\n- `CommitWithPR` - Combined commit and PR data\n- `ReleaseNote` - Structure for generated release notes\n- `DateRange` - Date range for filtering commits\n- `RepoInfo` - Repository owner and name\n- `GenerateNotesRequest` - Request format for notes generation\n- `GenerateNotesResponse` - Response format for notes generation",[],[272,176],{"_103":284,"_95":285,"_159":286,"_161":273,"_162":142,"_163":287,"_165":119,"_105":288,"_100":220,"_167":189,"_169":289,"_170":22,"_171":-5,"_172":290,"_99":291},"22d28ec8-2c4f-11f0-91a3-569c3dd06744","types.ts","f6a5fc19-055c-43fd-8053-aee549d8d24f",13,["D",1746737884664],"// GitHub API response types\nexport interface GitHubCommit {\n sha: string;\n commit: {\n message: string;\n author: {\n name: string;\n email: string;\n date: string;\n };\n };\n html_url: string;\n author: {\n login: string;\n avatar_url: string;\n html_url: string;\n } | null;\n}\n\nexport interface GitHubPR {\n number: number;\n title: string;\n body: string | null;\n html_url: string;\n user: {\n login: string;\n avatar_url: string;\n html_url: string;\n };\n merged_at: string | null;\n}\n\n// Application specific types\nexport interface CommitWithPR {\n sha: string;\n message: string;\n date: string;\n author: string;\n authorUrl: string;\n commitUrl: string;\n issueRefs?: number[]; // GitHub issue references\n pr?: {\n number: number;\n title: string;\n description: string | null;\n url: string;\n };\n}\n\nexport interface ReleaseNote {\n title: string;\n description: string;\n type: 'feature' | 'bugfix' | 'improvement' | 'other';\n impact?: 'high' | 'medium' | 'low'; // Impact level for sorting\n originalCommits: string[]; // References to the original commits\n issueRefs?: number[]; // GitHub issue references\n}\n\nexport interface DateRange {\n startDate: string; // ISO format\n endDate: string; // ISO format\n}\n\nexport interface RepoInfo {\n owner: string;\n repo: string;\n}\n\nexport interface GenerateNotesRequest {\n commits: CommitWithPR[];\n}\n\nexport interface GenerateNotesResponse {\n releaseNotes: ReleaseNote[];\n rawMarkdown: string;\n}\n\n// Shareable content types\nexport interface ShareableContent {\n id: string;\n owner: string;\n repo: string;\n dateRange: DateRange;\n releaseNotes: string; // Markdown content\n createdAt: string; // ISO date string\n}\n\nexport interface CreateShareRequest {\n owner: string;\n repo: string;\n startDate: string;\n endDate: string;\n releaseNotes: string;\n}",[],[272,285],[272],{"_103":294,"_95":176,"_159":295,"_161":-5,"_162":142,"_163":296,"_165":119,"_105":297,"_100":32,"_167":179,"_169":298,"_170":22,"_171":-5,"_172":299,"_99":300},"fb66668e-2c4e-11f0-babc-569c3dd06744","fb666756-2c4e-11f0-babc-569c3dd06744",11,["D",1746737818529],"# GitHub Release Notes Generator\n\nA web application that connects to GitHub repositories, extracts commits and PR descriptions within a specified date range, and uses an LLM to generate user-friendly release notes.\n\n## Features\n\n- Connect to GitHub repositories using Personal Access Token\n- Select date ranges to filter commits\n- View commits and associated PR descriptions\n- Generate developer-friendly release notes using AI\n- Filter out non-user-facing changes (technical debt, backend changes, etc.)\n- Edit markdown directly in the browser\n- Sort release notes by category, user impact, or chronologically\n- Show/hide GitHub issue references\n- Share release notes via unique URLs\n- Copy formatted release notes to clipboard\n\n## Project Structure\n\n- `/backend` - API endpoints and server-side logic\n- `/frontend` - User interface components\n- `/shared` - Shared types and utilities\n\n## Getting Started\n\n1. Visit the application URL\n2. Enter your GitHub Personal Access Token\n3. Select a repository and date range\n4. Generate and customize your release notes\n5. Edit, sort, or share your release notes as needed\n6. Copy the results to your clipboard\n\n## Technologies Used\n\n- TypeScript\n- React\n- Hono (API framework)\n- GitHub API\n- OpenAI API\n- Val Town Blob Storage (for sharing)",[],[176],{"_103":302,"_95":303,"_159":304,"_161":-5,"_162":142,"_163":256,"_165":119,"_105":305,"_100":164,"_167":306,"_169":307,"_170":22,"_171":-5,"_172":308,"_99":309},"283e5c18-2c4d-11f0-888e-569c3dd06744","index.ts","4b576c6d-301a-4b93-a35e-6cacccd56854",["D",1746737034763],"http","import { Hono } from \"https://esm.sh/hono@3.12.6\";\nimport { serveFile, readFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { fetchCommitsWithPRs } from \"./backend/github.ts\";\nimport { generateReleaseNotes } from \"./backend/llm.ts\";\nimport { blob } from \"https://esm.town/v/std/blob\";\nimport { CreateShareRequest, ShareableContent } from \"./shared/types.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n console.error(err);\n throw err;\n});\n\n// Serve static files\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Serve index.html - check for share ID in query params\napp.get(\"/\", async c => {\n const shareId = c.req.query(\"share\");\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // If there's a share ID, inject it into the HTML\n if (shareId) {\n const scriptTag = ``;\n html = html.replace(\"\", `${scriptTag}`);\n }\n \n return c.html(html);\n});\n\n// API endpoints\napp.post(\"/api/commits\", async c => {\n const { token, repo, owner, startDate, endDate } = await c.req.json();\n \n if (!token || !repo || !owner || !startDate || !endDate) {\n return c.json({ error: \"Missing required parameters\" }, 400);\n }\n \n try {\n console.log(`Fetching commits for ${owner}/${repo} from ${startDate} to ${endDate}`);\n const commits = await fetchCommitsWithPRs(token, owner, repo, startDate, endDate);\n console.log(`Found ${commits.length} commits`);\n return c.json({ commits });\n } catch (error) {\n console.error(\"Error fetching commits:\", error);\n // Return a more detailed error message\n return c.json({ \n error: error.message || \"Failed to fetch commits\",\n details: error.stack\n }, 500);\n }\n});\n\napp.post(\"/api/generate-notes\", async c => {\n const { commits } = await c.req.json();\n \n if (!commits || !Array.isArray(commits)) {\n return c.json({ error: \"Invalid commits data\" }, 400);\n }\n \n try {\n const { notes, markdown } = await generateReleaseNotes(commits);\n return c.json({ \n releaseNotes: {\n notes,\n markdown\n }\n });\n } catch (error) {\n console.error(\"Error generating release notes:\", error);\n return c.json({ error: error.message || \"Failed to generate release notes\" }, 500);\n }\n});\n\n// Create a shareable link\napp.post(\"/api/share\", async c => {\n const data = await c.req.json() as CreateShareRequest;\n \n if (!data.owner || !data.repo || !data.startDate || !data.endDate || !data.releaseNotes) {\n return c.json({ error: \"Missing required parameters\" }, 400);\n }\n \n try {\n // Generate a unique ID\n const id = crypto.randomUUID().substring(0, 8);\n \n // Create the shareable content\n const shareableContent: ShareableContent = {\n id,\n owner: data.owner,\n repo: data.repo,\n dateRange: {\n startDate: data.startDate,\n endDate: data.endDate\n },\n releaseNotes: data.releaseNotes,\n createdAt: new Date().toISOString()\n };\n \n // Store in blob storage\n await blob.setJSON(`release_notes_${id}`, shareableContent);\n \n // Return the ID\n return c.json({ id });\n } catch (error) {\n console.error(\"Error creating shareable link:\", error);\n return c.json({ error: error.message || \"Failed to create shareable link\" }, 500);\n }\n});\n\n// Get shared release notes\napp.get(\"/api/share/:id\", async c => {\n const id = c.req.param(\"id\");\n \n if (!id) {\n return c.json({ error: \"Missing share ID\" }, 400);\n }\n \n try {\n // Retrieve from blob storage\n const shareableContent = await blob.getJSON(`release_notes_${id}`) as ShareableContent | null;\n \n if (!shareableContent) {\n return c.json({ error: \"Shared content not found\" }, 404);\n }\n \n return c.json({ content: shareableContent });\n } catch (error) {\n console.error(\"Error retrieving shared content:\", error);\n return c.json({ error: error.message || \"Failed to retrieve shared content\" }, 500);\n }\n});\n\nexport default app.fetch;",[],[303],"files",[156,174,183,193,202,208,214,224,234,243,250,260,270,276,283,293,301],"counts",{"_314":32,"_315":256,"_316":32,"_317":32},"pulls","branches","forks","envVars","contents",[320,323,326,329,332],{"_103":157,"_95":158,"_159":160,"_161":-5,"_162":142,"_163":164,"_165":119,"_105":321,"_100":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_99":322},["D",1746736658079],[158],{"_103":203,"_95":204,"_159":205,"_161":-5,"_162":142,"_163":164,"_165":119,"_105":324,"_100":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_99":325},["D",1746736658079],[204],{"_103":271,"_95":272,"_159":273,"_161":-5,"_162":142,"_163":164,"_165":119,"_105":327,"_100":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_99":328},["D",1746736658079],[272],{"_103":294,"_95":176,"_159":295,"_161":-5,"_162":142,"_163":296,"_165":119,"_105":330,"_100":32,"_167":179,"_169":298,"_170":22,"_171":-5,"_99":331},["D",1746737818529],[176],{"_103":302,"_95":303,"_159":304,"_161":-5,"_162":142,"_163":256,"_165":119,"_105":333,"_100":164,"_167":306,"_169":307,"_170":22,"_171":-5,"_99":334},["D",1746737034763],[303],"upstreamProject","upstreamBranch",{"_103":145,"_105":338,"_339":340,"_95":43,"_143":104,"_100":341,"_144":-5,"_146":-5,"_342":343,"_107":-5,"_153":22,"_109":110,"_152":94,"_16":123,"_151":96},["D",1746715516569],"updatedAt",["D",1747778804489],74,"lockfileKey","1747778806567-esm.town_v_charmaine_GitHub-Release-Notes@74-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.compare.$branch",{"_93":94,"_95":96,"_97":98,"_101":350,"_355":32,"_356":357,"_358":359,"_469":119,"_470":354,"_471":472,"_475":-5},{"_103":104,"_95":96,"_105":351,"_107":-5,"_108":22,"_109":110,"_111":112,"_113":114,"_14":115,"_116":117,"_118":119,"_120":121,"_122":32,"_16":123,"_124":125,"_126":125,"_127":128,"_129":128,"_130":128,"_131":125,"_132":125,"_23":352,"_136":353,"_139":354,"_153":22},["D",1746715516569],{"_93":94,"_134":135},{"_93":94,"_138":135},{"_100":141,"_95":98,"_103":142,"_143":104,"_144":145,"_146":147,"_148":110,"_149":104,"_150":123,"_151":96,"_152":94},"ahead","behind",43,"diff",{"_360":361,"_170":362,"_363":364},"added",[],[],"modified",[365,379,393,405,419,433,445,456],{"_99":176,"_366":367,"_375":376},"targetFile",{"_103":368,"_95":176,"_159":369,"_161":-5,"_162":145,"_163":164,"_165":22,"_105":370,"_100":32,"_167":179,"_169":371,"_170":22,"_171":-5,"_172":-7,"_99":372,"_373":374},"42a1776a-2c1c-11f0-8791-569c3dd06744","42a1783c-2c1c-11f0-8791-569c3dd06744",["D",1746716033698],"# GitHub Release Notes Generator\n\nA web application that connects to GitHub repositories, extracts commits and PR descriptions within a specified date range, and uses an LLM to generate user-friendly release notes.\n\n## Features\n\n- Connect to GitHub repositories using Personal Access Token\n- Select date ranges to filter commits\n- View commits and associated PR descriptions\n- Generate user-facing release notes using AI\n- Filter out non-user-facing changes (technical debt, backend changes, etc.)\n- Copy formatted release notes to clipboard\n\n## Project Structure\n\n- `/backend` - API endpoints and server-side logic\n- `/frontend` - User interface components\n- `/shared` - Shared types and utilities\n\n## Getting Started\n\n1. Visit the application URL\n2. Enter your GitHub Personal Access Token\n3. Select a repository and date range\n4. Generate and customize your release notes\n5. Copy the results to your clipboard\n\n## Technologies Used\n\n- TypeScript\n- React\n- Hono (API framework)\n- GitHub API\n- OpenAI API",[176],"contentHash","503cc2c56319dad28f5766044f44c928d4725f2599c2f7392ad07c9fa765ae9a","sourceFile",{"_103":294,"_95":176,"_159":295,"_161":-5,"_162":142,"_163":296,"_165":119,"_105":297,"_100":32,"_167":179,"_169":298,"_170":22,"_171":-5,"_172":-7,"_99":377,"_373":378},[176],"46a03b24623bd28a8ee95da51891ca94a648d75662e2c77afbc1dec843265d6f",{"_99":380,"_366":381,"_375":390},"backend/github.ts",{"_103":382,"_95":185,"_159":383,"_161":384,"_162":145,"_163":385,"_165":22,"_105":386,"_100":230,"_167":189,"_169":387,"_170":22,"_171":-5,"_172":-7,"_99":388,"_373":389},"85d07952-2c3d-11f0-a1ca-569c3dd06744","58043b9c-2c1c-11f0-b7ff-569c3dd06744","6529861b-5802-4247-9f39-4094436eb34e",28,["D",1746730319806],"import { CommitWithPR, GitHubCommit, GitHubPR } from \"../shared/types.ts\";\n\n/**\n * Fetches commits from a GitHub repository within a date range\n * Implements pagination to fetch all commits\n */\nexport async function fetchCommits(\n token: string,\n owner: string,\n repo: string,\n since: string,\n until: string\n): Promise {\n // Format dates as ISO 8601 if they're not already\n const sinceDate = new Date(since);\n const untilDate = new Date(until);\n \n // Add time component to make it a full ISO string and handle timezone\n const sinceISO = sinceDate.toISOString();\n // Set until date to end of day\n untilDate.setHours(23, 59, 59, 999);\n const untilISO = untilDate.toISOString();\n \n let allCommits: GitHubCommit[] = [];\n let page = 1;\n let hasMorePages = true;\n \n // GitHub API headers\n const headers = {\n \"Accept\": \"application/vnd.github.v3+json\",\n \"Authorization\": `Bearer ${token}`,\n \"User-Agent\": \"GitHub-Release-Notes-Generator\",\n \"X-GitHub-Api-Version\": \"2022-11-28\"\n };\n \n console.log(`Fetching commits between ${sinceISO} and ${untilISO}`);\n \n // Fetch all pages\n while (hasMorePages) {\n const url = `https://api.github.com/repos/${owner}/${repo}/commits?since=${sinceISO}&until=${untilISO}&per_page=100&page=${page}`;\n console.log(`Fetching page ${page}...`);\n \n const response = await fetch(url, { headers });\n \n if (!response.ok) {\n const error = await response.text();\n throw new Error(`GitHub API error: ${response.status} - ${error}`);\n }\n \n const commits = await response.json();\n \n if (commits.length === 0) {\n hasMorePages = false;\n } else {\n allCommits = [...allCommits, ...commits];\n \n // Check if there's a next page using the Link header\n const linkHeader = response.headers.get('Link');\n hasMorePages = linkHeader ? linkHeader.includes('rel=\"next\"') : false;\n \n page++;\n }\n }\n \n console.log(`Fetched a total of ${allCommits.length} commits`);\n return allCommits;\n}\n\n/**\n * Fetches a pull request by its number\n */\nexport async function fetchPR(\n token: string,\n owner: string,\n repo: string,\n prNumber: number\n): Promise {\n const url = `https://api.github.com/repos/${owner}/${repo}/pulls/${prNumber}`;\n \n const response = await fetch(url, {\n headers: {\n \"Accept\": \"application/vnd.github.v3+json\",\n \"Authorization\": `Bearer ${token}`,\n \"User-Agent\": \"GitHub-Release-Notes-Generator\",\n \"X-GitHub-Api-Version\": \"2022-11-28\"\n }\n });\n \n if (response.status === 404) {\n return null;\n }\n \n if (!response.ok) {\n const error = await response.text();\n throw new Error(`GitHub API error: ${response.status} - ${error}`);\n }\n \n return response.json();\n}\n\n/**\n * Extracts PR number from commit message if available\n * Looks for patterns like \"Merge pull request #123\" or \"(#123)\"\n */\nfunction extractPRNumber(message: string): number | null {\n // Match \"Merge pull request #123\" pattern\n const mergeMatch = message.match(/Merge pull request #(\\d+)/);\n if (mergeMatch) {\n return parseInt(mergeMatch[1], 10);\n }\n \n // Match \"(#123)\" pattern\n const refMatch = message.match(/\$#(\\d+)\$/);\n if (refMatch) {\n return parseInt(refMatch[1], 10);\n }\n \n return null;\n}\n\n/**\n * Fetches commits and their associated PRs\n * Includes progress tracking for large repositories\n */\nexport async function fetchCommitsWithPRs(\n token: string,\n owner: string,\n repo: string,\n startDate: string,\n endDate: string\n): Promise {\n // Fetch all commits with pagination\n const commits = await fetchCommits(token, owner, repo, startDate, endDate);\n \n const commitsWithPRs: CommitWithPR[] = [];\n const totalCommits = commits.length;\n \n console.log(`Processing ${totalCommits} commits to extract PR information...`);\n \n // Process commits in batches to avoid overwhelming the API\n const BATCH_SIZE = 10;\n for (let i = 0; i < commits.length; i += BATCH_SIZE) {\n const batch = commits.slice(i, i + BATCH_SIZE);\n const batchPromises = batch.map(async (commit) => {\n const prNumber = extractPRNumber(commit.commit.message);\n \n let pr = null;\n if (prNumber) {\n try {\n pr = await fetchPR(token, owner, repo, prNumber);\n } catch (error) {\n console.warn(`Error fetching PR #${prNumber} for commit ${commit.sha.substring(0, 7)}: ${error.message}`);\n }\n }\n \n return {\n sha: commit.sha,\n message: commit.commit.message,\n date: commit.commit.author.date,\n author: commit.author?.login || commit.commit.author.name,\n authorUrl: commit.author?.html_url || \"\",\n commitUrl: commit.html_url,\n ...(pr && {\n pr: {\n number: pr.number,\n title: pr.title,\n description: pr.body,\n url: pr.html_url\n }\n })\n };\n });\n \n const batchResults = await Promise.all(batchPromises);\n commitsWithPRs.push(...batchResults);\n \n // Log progress\n console.log(`Processed ${Math.min(i + BATCH_SIZE, totalCommits)}/${totalCommits} commits (${Math.round((Math.min(i + BATCH_SIZE, totalCommits) / totalCommits) * 100)}%)`);\n }\n \n // Sort commits by date (newest first)\n commitsWithPRs.sort((a, b) => new Date(b.date).getTime() - new Date(a.date).getTime());\n \n return commitsWithPRs;\n}",[158,185],"c68535a639c15792b34ddea1e376b68f8c33c2c708c3f6c30a8a7ff25576521e",{"_103":184,"_95":185,"_159":186,"_161":160,"_162":142,"_163":187,"_165":119,"_105":188,"_100":164,"_167":189,"_169":190,"_170":22,"_171":-5,"_172":-7,"_99":391,"_373":392},[158,185],"36bdce245e56d15123e466e9978e8156318c175348783052bd33f6d91449ff35",{"_99":394,"_366":395,"_375":402},"backend/llm.ts",{"_103":396,"_95":195,"_159":397,"_161":384,"_162":145,"_163":147,"_165":22,"_105":398,"_100":164,"_167":189,"_169":399,"_170":22,"_171":-5,"_172":-7,"_99":400,"_373":401},"b9e490ca-2c3d-11f0-acfd-569c3dd06744","623b7fbc-2c1c-11f0-aa08-569c3dd06744",["D",1746730407178],"import { OpenAI } from \"https://esm.town/v/std/openai\";\nimport { CommitWithPR, ReleaseNote } from \"../shared/types.ts\";\n\n// Initialize OpenAI client\nconst openai = new OpenAI();\n\n/**\n * Generates user-facing release notes from commit and PR data\n */\nexport async function generateReleaseNotes(commits: CommitWithPR[]): Promise<{\n notes: ReleaseNote[];\n markdown: string;\n}> {\n // Prepare the data for the LLM\n const commitData = commits.map(commit => {\n return {\n sha: commit.sha.substring(0, 7),\n message: commit.message,\n date: commit.date,\n author: commit.author,\n pr: commit.pr ? {\n number: commit.pr.number,\n title: commit.pr.title,\n description: commit.pr.description || \"\"\n } : null\n };\n });\n\n // For large commit histories, we might need to chunk the data\n const MAX_COMMITS_PER_CHUNK = 50;\n const commitChunks = [];\n \n for (let i = 0; i < commitData.length; i += MAX_COMMITS_PER_CHUNK) {\n commitChunks.push(commitData.slice(i, i + MAX_COMMITS_PER_CHUNK));\n }\n \n console.log(`Processing ${commitData.length} commits in ${commitChunks.length} chunks`);\n \n // Process each chunk and combine the results\n const chunkResults = [];\n \n for (let i = 0; i < commitChunks.length; i++) {\n const chunk = commitChunks[i];\n console.log(`Processing chunk ${i + 1}/${commitChunks.length} with ${chunk.length} commits`);\n \n const chunkResult = await processCommitChunk(chunk, i, commitChunks.length);\n chunkResults.push(chunkResult);\n }\n \n // Combine the results from all chunks\n let allNotes: ReleaseNote[] = [];\n let combinedMarkdown = \"\";\n \n for (const result of chunkResults) {\n allNotes = [...allNotes, ...result.notes];\n \n if (combinedMarkdown && result.markdown) {\n // Extract sections from the markdown to avoid duplicating headers\n const sectionRegex = /### (Features|Improvements|Bug Fixes|Other Changes)([\\s\\S]*?)(?=### |$)/g;\n let match;\n \n while ((match = sectionRegex.exec(result.markdown)) !== null) {\n const sectionType = match[1];\n const sectionContent = match[2].trim();\n \n if (sectionContent) {\n // Check if this section already exists in the combined markdown\n const sectionHeader = `### ${sectionType}`;\n if (combinedMarkdown.includes(sectionHeader)) {\n // Append to existing section\n combinedMarkdown = combinedMarkdown.replace(\n new RegExp(`(### ${sectionType}[\\\\s\\\\S]*?)(?=### |$)`),\n `$1\\n${sectionContent}\\n\\n`\n );\n } else {\n // Add new section\n combinedMarkdown += `\\n\\n### ${sectionType}\\n${sectionContent}\\n`;\n }\n }\n }\n } else if (result.markdown) {\n combinedMarkdown = result.markdown;\n }\n }\n \n // If we have multiple chunks, we might need to deduplicate and reorganize\n if (commitChunks.length > 1) {\n // Deduplicate notes by title\n const uniqueNotes: Record = {};\n for (const note of allNotes) {\n const key = note.title.toLowerCase();\n if (!uniqueNotes[key] || note.originalCommits.length > uniqueNotes[key].originalCommits.length) {\n uniqueNotes[key] = note;\n }\n }\n allNotes = Object.values(uniqueNotes);\n \n // If we have deduped notes, regenerate the markdown\n if (allNotes.length < chunkResults.reduce((sum, r) => sum + r.notes.length, 0)) {\n combinedMarkdown = generateMarkdownFromNotes(allNotes);\n }\n }\n \n return {\n notes: allNotes,\n markdown: combinedMarkdown\n };\n}\n\n/**\n * Process a chunk of commits to generate release notes\n */\nasync function processCommitChunk(\n commitChunk: any[], \n chunkIndex: number, \n totalChunks: number\n): Promise<{\n notes: ReleaseNote[];\n markdown: string;\n}> {\n // Create the prompt for the LLM\n const prompt = `\nYou are a technical writer creating release notes for a software product. \nI'll provide you with a list of commits and pull requests. \nYour task is to generate clear, concise, user-facing release notes.\n\n${totalChunks > 1 ? `This is chunk ${chunkIndex + 1} of ${totalChunks} from the full commit history.` : ''}\n${totalChunks > 1 ? 'Make sure to consider ALL commits in this chunk, not just the most recent ones.' : ''}\n\nGuidelines:\n1. Focus ONLY on changes that are relevant to end-users\n2. Ignore internal refactoring, technical debt, or backend changes that don't affect user experience\n3. Ignore work that isn't yet released or incomplete features\n4. Group similar changes together\n5. Use clear, non-technical language\n6. Be concise but descriptive\n7. IMPORTANT: Consider ALL commits in the provided list, not just recent ones\n\nFor each relevant change, include:\n- A clear title describing the change\n- A brief description explaining the benefit to users\n- Categorize as: \"Feature\", \"Improvement\", \"Bugfix\", or \"Other\"\n\nFormat your response in two parts:\n1. First, a JSON array of release notes with the structure:\n\\`\\`\\`json\n[\n {\n \"title\": \"Added new dashboard widgets\",\n \"description\": \"New visualization options for better data insights\",\n \"type\": \"feature\",\n \"originalCommits\": [\"abc1234\", \"def5678\"]\n },\n ...\n]\n\\`\\`\\`\n\n2. Second, a markdown formatted version of the release notes:\n\\`\\`\\`markdown\n## Release Notes\n\n### Features\n- **Added new dashboard widgets**: New visualization options for better data insights\n\n### Improvements\n- **Faster page loading**: Optimized image loading for better performance\n\n### Bug Fixes\n- **Fixed login issue**: Resolved problem with social login providers\n\\`\\`\\`\n\nHere are the commits and PRs to analyze:\n${JSON.stringify(commitChunk, null, 2)}\n`;\n\n // Call the OpenAI API\n const completion = await openai.chat.completions.create({\n model: \"gpt-4o\",\n messages: [\n { role: \"system\", content: \"You are a technical writer creating comprehensive release notes.\" },\n { role: \"user\", content: prompt }\n ],\n temperature: 0.3,\n max_tokens: 4000, // Increased token limit for larger responses\n });\n\n const response = completion.choices[0].message.content || \"\";\n \n // Extract the JSON and markdown parts\n let notes: ReleaseNote[] = [];\n let markdown = \"\";\n \n try {\n // Extract JSON\n const jsonMatch = response.match(/\\`\\`\\`json\\n([\\s\\S]*?)\\n\\`\\`\\`/);\n if (jsonMatch && jsonMatch[1]) {\n notes = JSON.parse(jsonMatch[1]);\n } else {\n console.warn(\"Could not extract JSON from LLM response\");\n }\n \n // Extract markdown\n const markdownMatch = response.match(/\\`\\`\\`markdown\\n([\\s\\S]*?)\\n\\`\\`\\`/);\n if (markdownMatch && markdownMatch[1]) {\n markdown = markdownMatch[1];\n } else {\n console.warn(\"Could not extract markdown from LLM response\");\n // If we have notes but no markdown, generate it\n if (notes.length > 0) {\n markdown = generateMarkdownFromNotes(notes);\n }\n }\n } catch (error) {\n console.error(\"Error parsing LLM response:\", error);\n throw new Error(\"Failed to parse LLM response: \" + error.message);\n }\n \n return {\n notes,\n markdown\n };\n}\n\n/**\n * Generate markdown from release notes\n */\nfunction generateMarkdownFromNotes(notes: ReleaseNote[]): string {\n // Group notes by type\n const groupedNotes: Record = {\n feature: [],\n improvement: [],\n bugfix: [],\n other: []\n };\n \n for (const note of notes) {\n const type = note.type.toLowerCase() as keyof typeof groupedNotes;\n if (groupedNotes[type]) {\n groupedNotes[type].push(note);\n } else {\n groupedNotes.other.push(note);\n }\n }\n \n // Generate markdown\n let markdown = \"## Release Notes\\n\\n\";\n \n // Features\n if (groupedNotes.feature.length > 0) {\n markdown += \"### Features\\n\";\n for (const note of groupedNotes.feature) {\n markdown += `- **${note.title}**: ${note.description}\\n`;\n }\n markdown += \"\\n\";\n }\n \n // Improvements\n if (groupedNotes.improvement.length > 0) {\n markdown += \"### Improvements\\n\";\n for (const note of groupedNotes.improvement) {\n markdown += `- **${note.title}**: ${note.description}\\n`;\n }\n markdown += \"\\n\";\n }\n \n // Bug Fixes\n if (groupedNotes.bugfix.length > 0) {\n markdown += \"### Bug Fixes\\n\";\n for (const note of groupedNotes.bugfix) {\n markdown += `- **${note.title}**: ${note.description}\\n`;\n }\n markdown += \"\\n\";\n }\n \n // Other Changes\n if (groupedNotes.other.length > 0) {\n markdown += \"### Other Changes\\n\";\n for (const note of groupedNotes.other) {\n markdown += `- **${note.title}**: ${note.description}\\n`;\n }\n markdown += \"\\n\";\n }\n \n return markdown.trim();\n}",[158,195],"cf464401a4792739b37412d1473f6d31b591962acfcd35450aaf1aeff3e9ebaa",{"_103":194,"_95":195,"_159":196,"_161":160,"_162":142,"_163":141,"_165":119,"_105":197,"_100":164,"_167":189,"_169":198,"_170":22,"_171":-5,"_172":-7,"_99":403,"_373":404},[158,195],"2d94b3607bd70f355947f09b1974b81bdcd69002ce6d74f038ae87fa5608c038",{"_99":406,"_366":407,"_375":416},"frontend/components/ReleaseNotes.tsx",{"_103":408,"_95":226,"_159":409,"_161":410,"_162":145,"_163":411,"_165":22,"_105":412,"_100":164,"_167":189,"_169":413,"_170":22,"_171":-5,"_172":-7,"_99":414,"_373":415},"9a8e15ac-2c3d-11f0-a504-569c3dd06744","8cd1b49e-2c1c-11f0-b831-569c3dd06744","7e53b8df-bba1-4a86-a0cc-a8113885d62b",29,["D",1746730354599],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { marked } from \"https://esm.sh/marked@9.1.5\";\n\ninterface ReleaseNotesProps {\n markdown: string;\n}\n\nexport function ReleaseNotes({ markdown }: ReleaseNotesProps) {\n // Configure marked for proper rendering\n marked.setOptions({\n gfm: true, // GitHub Flavored Markdown\n breaks: true, // Convert \\n to
\n headerIds: true, // Add IDs to headers\n mangle: false, // Don't escape HTML\n pedantic: false, // Don't be overly conformant\n smartLists: true, // Use smarter list behavior\n smartypants: true, // Use \"smart\" typographic punctuation\n });\n\n // Convert markdown to HTML\n const htmlContent = React.useMemo(() => {\n try {\n return { __html: marked(markdown) };\n } catch (error) {\n console.error(\"Error parsing markdown:\", error);\n return { __html: `

Error rendering markdown: ${error.message}

` };\n }\n }, [markdown]);\n\n // Add custom CSS for markdown rendering\n const markdownStyles = `\n .markdown-preview h1 { font-size: 1.8rem; font-weight: bold; margin-top: 1.5rem; margin-bottom: 1rem; }\n .markdown-preview h2 { font-size: 1.5rem; font-weight: bold; margin-top: 1.5rem; margin-bottom: 1rem; }\n .markdown-preview h3 { font-size: 1.3rem; font-weight: bold; margin-top: 1.2rem; margin-bottom: 0.8rem; }\n .markdown-preview h4 { font-size: 1.1rem; font-weight: bold; margin-top: 1rem; margin-bottom: 0.6rem; }\n .markdown-preview p { margin-bottom: 1rem; }\n .markdown-preview ul { list-style-type: disc; margin-left: 1.5rem; margin-bottom: 1rem; }\n .markdown-preview ol { list-style-type: decimal; margin-left: 1.5rem; margin-bottom: 1rem; }\n .markdown-preview li { margin-bottom: 0.5rem; }\n .markdown-preview code { background-color: #f0f0f0; padding: 0.2rem 0.4rem; border-radius: 0.2rem; font-family: monospace; }\n .markdown-preview pre { background-color: #f0f0f0; padding: 1rem; border-radius: 0.4rem; overflow-x: auto; margin-bottom: 1rem; }\n .markdown-preview blockquote { border-left: 4px solid #e2e8f0; padding-left: 1rem; margin-left: 0; margin-right: 0; margin-bottom: 1rem; }\n .markdown-preview a { color: #3182ce; text-decoration: underline; }\n .markdown-preview table { border-collapse: collapse; width: 100%; margin-bottom: 1rem; }\n .markdown-preview th, .markdown-preview td { border: 1px solid #e2e8f0; padding: 0.5rem; }\n .markdown-preview th { background-color: #f7fafc; }\n .markdown-preview hr { border: 0; border-top: 1px solid #e2e8f0; margin: 1.5rem 0; }\n `;\n\n return (\n

\n \n \n

Generated Release Notes

\n Markdown\n

\n \n

{markdown}

\n \n

Preview

\n );\n}",[204,210,226],"079aceb49d7a05e2168e3901b5586b05e4f262d1c92f872b55e52e190083ee2f",{"_103":225,"_95":226,"_159":227,"_161":211,"_162":142,"_163":228,"_165":119,"_105":229,"_100":230,"_167":189,"_169":231,"_170":22,"_171":-5,"_172":-7,"_99":417,"_373":418},[204,210,226],"40e44928b902d2560935fbefdabdcc24ee318776e1ca7a20b4d92110d6bc01f8",{"_99":420,"_366":421,"_375":430},"frontend/index.html",{"_103":422,"_95":252,"_159":423,"_161":424,"_162":145,"_163":425,"_165":22,"_105":426,"_100":220,"_167":179,"_169":427,"_170":22,"_171":-5,"_172":-7,"_99":428,"_373":429},"2f7405c4-2c24-11f0-b208-569c3dd06744","6641411e-2c1c-11f0-bfe7-569c3dd06744","a70cf2b1-546e-4a6b-9ef7-4ceb0b0fb14e",26,["D",1746719437491],"\n\n\n \n \n GitHub Release Notes Generator\n \n \n \n\n\n

\n \n \n \n\n",[204,252],"131fc412e699ed05146823c02e36a61fdb117132a9be4a91e2aff9c6155130c0",{"_103":251,"_95":252,"_159":253,"_161":205,"_162":142,"_163":254,"_165":119,"_105":255,"_100":256,"_167":179,"_169":257,"_170":22,"_171":-5,"_172":-7,"_99":431,"_373":432},[204,252],"b7ebf2ef87cb6f6ee87296f8af20f1fde0f84fa294fa3fc654d19aa93eb5e25b",{"_99":434,"_366":435,"_375":442},"frontend/index.tsx",{"_103":436,"_95":262,"_159":437,"_161":424,"_162":145,"_163":141,"_165":22,"_105":438,"_100":220,"_167":189,"_169":439,"_170":22,"_171":-5,"_172":-7,"_99":440,"_373":441},"6ec840da-2c21-11f0-92ab-569c3dd06744","753acafa-2c1c-11f0-ae30-569c3dd06744",["D",1746718255255],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport { CommitWithPR, ReleaseNote } from \"../shared/types.ts\";\n\n// Components\nimport { RepoSelector } from \"./components/RepoSelector.tsx\";\nimport { CommitList } from \"./components/CommitList.tsx\";\nimport { ReleaseNotes } from \"./components/ReleaseNotes.tsx\";\n\nexport function App() {\n const [token, setToken] = useState(\"\");\n const [owner, setOwner] = useState(\"\");\n const [repo, setRepo] = useState(\"\");\n const [startDate, setStartDate] = useState(\"\");\n const [endDate, setEndDate] = useState(\"\");\n const [commits, setCommits] = useState([]);\n const [releaseNotes, setReleaseNotes] = useState(\"\");\n const [loading, setLoading] = useState<{commits: boolean, notes: boolean}>({\n commits: false,\n notes: false\n });\n const [error, setError] = useState(null);\n\n // Fetch commits from GitHub\n const fetchCommits = async () => {\n if (!token || !owner || !repo || !startDate || !endDate) {\n setError(\"Please fill in all fields\");\n return;\n }\n\n setLoading(prev => ({ ...prev, commits: true }));\n setError(null);\n \n try {\n const response = await fetch(\"/api/commits\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\"\n },\n body: JSON.stringify({\n token,\n owner,\n repo,\n startDate,\n endDate\n })\n });\n \n const data = await response.json();\n \n if (!response.ok) {\n throw new Error(data.error || \"Failed to fetch commits\");\n }\n \n setCommits(data.commits);\n } catch (err) {\n setError(err.message || \"An error occurred while fetching commits\");\n } finally {\n setLoading(prev => ({ ...prev, commits: false }));\n }\n };\n\n // Generate release notes\n const generateNotes = async () => {\n if (commits.length === 0) {\n setError(\"No commits to generate notes from\");\n return;\n }\n\n setLoading(prev => ({ ...prev, notes: true }));\n setError(null);\n \n try {\n const response = await fetch(\"/api/generate-notes\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\"\n },\n body: JSON.stringify({\n commits\n })\n });\n \n const data = await response.json();\n \n if (!response.ok) {\n throw new Error(data.error || \"Failed to generate release notes\");\n }\n \n setReleaseNotes(data.releaseNotes.markdown);\n } catch (err) {\n setError(err.message || \"An error occurred while generating release notes\");\n } finally {\n setLoading(prev => ({ ...prev, notes: false }));\n }\n };\n\n // Copy release notes to clipboard\n const copyToClipboard = () => {\n navigator.clipboard.writeText(releaseNotes)\n .then(() => {\n alert(\"Release notes copied to clipboard!\");\n })\n .catch(err => {\n setError(\"Failed to copy to clipboard: \" + err.message);\n });\n };\n\n return (\n

GitHub Release Notes Generator

Generate user-friendly release notes from your GitHub commits

\n\n {error && (\n

\n Error: \n {error}\n \n

Common issues:

Make sure the repository exists and is spelled correctly
Verify your token has the repo scope
Check that you have access to the repository
Ensure the date range is valid

\n )}\n\n

1. Connect to GitHub

\n \n

\n GitHub Personal Access Token\n setToken(e.target.value)}\n className=\"w-full p-2 border rounded\"\n placeholder=\"ghp_...\"\n />\n

\n Needs repo access permissions. \n \n Generate a token\n \n \n Make sure to include repo scope when creating your token.\n \n

\n\n \n\n \n {loading.commits ? 'Loading...' : 'Fetch Commits'}\n \n

\n\n {commits.length > 0 && (\n

2. Review Commits

\n \n \n \n {loading.notes ? 'Generating...' : 'Generate Release Notes'}\n \n

\n )}\n\n {releaseNotes && (\n

3. Release Notes

\n \n \n

\n \n Copy to Clipboard\n \n

\n )}\n\n \n

\n );\n}",[204,262],"5dfef33dd22399bdf8b32bbcc5e78156a9f8a9a97a708c2797eaffaf9a0a6aa8",{"_103":261,"_95":262,"_159":263,"_161":205,"_162":142,"_163":264,"_165":119,"_105":265,"_100":164,"_167":189,"_169":266,"_170":22,"_171":-5,"_172":-7,"_99":443,"_373":444},[204,262],"7018a6fb62c877646987ad9eaacfc2ecc6cdeace33a07b50a6f47c4b2185c8ac",{"_99":303,"_366":446,"_375":453},{"_103":447,"_95":303,"_159":117,"_161":-5,"_162":145,"_163":218,"_165":22,"_105":448,"_100":230,"_167":306,"_169":449,"_170":22,"_171":450,"_172":-7,"_99":451,"_373":452},"652d2d7e-2c21-11f0-baf6-569c3dd06744",["D",1746718239132],"import { Hono } from \"https://esm.sh/hono@3.12.6\";\nimport { serveFile, readFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { fetchCommitsWithPRs } from \"./backend/github.ts\";\nimport { generateReleaseNotes } from \"./backend/llm.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n console.error(err);\n throw err;\n});\n\n// Serve static files\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Serve index.html\napp.get(\"/\", async c => {\n const html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\n// API endpoints\napp.post(\"/api/commits\", async c => {\n const { token, repo, owner, startDate, endDate } = await c.req.json();\n \n if (!token || !repo || !owner || !startDate || !endDate) {\n return c.json({ error: \"Missing required parameters\" }, 400);\n }\n \n try {\n console.log(`Fetching commits for ${owner}/${repo} from ${startDate} to ${endDate}`);\n const commits = await fetchCommitsWithPRs(token, owner, repo, startDate, endDate);\n console.log(`Found ${commits.length} commits`);\n return c.json({ commits });\n } catch (error) {\n console.error(\"Error fetching commits:\", error);\n // Return a more detailed error message\n return c.json({ \n error: error.message || \"Failed to fetch commits\",\n details: error.stack\n }, 500);\n }\n});\n\napp.post(\"/api/generate-notes\", async c => {\n const { commits } = await c.req.json();\n \n if (!commits || !Array.isArray(commits)) {\n return c.json({ error: \"Invalid commits data\" }, 400);\n }\n \n try {\n const { notes, markdown } = await generateReleaseNotes(commits);\n return c.json({ \n releaseNotes: {\n notes,\n markdown\n }\n });\n } catch (error) {\n console.error(\"Error generating release notes:\", error);\n return c.json({ error: error.message || \"Failed to generate release notes\" }, 500);\n }\n});\n\nexport default app.fetch;","release-notes",[303],"89b8d17b2077fdf0c6e1c7cc4e95fe168fa10c6a53be9e2c956e75c550c0e93a",{"_103":302,"_95":303,"_159":304,"_161":-5,"_162":142,"_163":256,"_165":119,"_105":305,"_100":164,"_167":306,"_169":307,"_170":22,"_171":-5,"_172":-7,"_99":454,"_373":455},[303],"768383dd3319c21d1907984371362277dc7197af818e079c88d1b52bdde91746",{"_99":457,"_366":458,"_375":466},"shared/types.ts",{"_103":459,"_95":285,"_159":460,"_161":461,"_162":145,"_163":230,"_165":22,"_105":462,"_100":32,"_167":189,"_169":463,"_170":22,"_171":-5,"_172":-7,"_99":464,"_373":465},"4ff28e9a-2c1c-11f0-9f04-569c3dd06744","4ff28f44-2c1c-11f0-9f04-569c3dd06744","c4652557-56ea-4c30-80f9-e56a7ae6c48d",["D",1746716056035],"// GitHub API response types\nexport interface GitHubCommit {\n sha: string;\n commit: {\n message: string;\n author: {\n name: string;\n email: string;\n date: string;\n };\n };\n html_url: string;\n author: {\n login: string;\n avatar_url: string;\n html_url: string;\n } | null;\n}\n\nexport interface GitHubPR {\n number: number;\n title: string;\n body: string | null;\n html_url: string;\n user: {\n login: string;\n avatar_url: string;\n html_url: string;\n };\n merged_at: string | null;\n}\n\n// Application specific types\nexport interface CommitWithPR {\n sha: string;\n message: string;\n date: string;\n author: string;\n authorUrl: string;\n commitUrl: string;\n pr?: {\n number: number;\n title: string;\n description: string | null;\n url: string;\n };\n}\n\nexport interface ReleaseNote {\n title: string;\n description: string;\n type: 'feature' | 'bugfix' | 'improvement' | 'other';\n originalCommits: string[]; // References to the original commits\n}\n\nexport interface DateRange {\n startDate: string; // ISO format\n endDate: string; // ISO format\n}\n\nexport interface RepoInfo {\n owner: string;\n repo: string;\n}\n\nexport interface GenerateNotesRequest {\n commits: CommitWithPR[];\n}\n\nexport interface GenerateNotesResponse {\n releaseNotes: ReleaseNote[];\n rawMarkdown: string;\n}",[272,285],"dbee181ae41a1b8e98069856b2a2ecfa56cbe8e9277d0da404cd8c322ac71b2b",{"_103":284,"_95":285,"_159":286,"_161":273,"_162":142,"_163":287,"_165":119,"_105":288,"_100":220,"_167":189,"_169":289,"_170":22,"_171":-5,"_172":-7,"_99":467,"_373":468},[272,285],"9f51b07b423b8165883ed1c481c49c33d1dc0541125b907b221a76032c5cd668","hasChanges","sourceBranch","targetBranch",{"_103":145,"_105":473,"_339":474,"_95":43,"_143":104,"_100":341,"_144":-5,"_146":-5,"_342":343,"_107":-5,"_153":22,"_109":110,"_152":94,"_16":123,"_151":96},["D",1746715516569],["D",1747778804489],"pull","actionData","errors"]

charmaine

GitHub-Release-Notes

Mergepolishintomain

README.md+9-3

backend/github.ts+42-0

backend/llm.ts+15-10

frontend/components/ReleaseNotes.tsx+304-16

frontend/index.html+16-16

frontend/index.tsx+127-55

Hindex.ts+71-2

shared/types.ts+21-0