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}",[],[207,213,220],{"_104":228,"_95":229,"_158":230,"_160":214,"_161":143,"_162":101,"_164":22,"_106":231,"_100":163,"_166":190,"_168":232,"_169":22,"_170":-5,"_171":233,"_98":234},"f77032ee-2cda-11f0-9189-569c3dd06744","ReleaseNotes.tsx","8cd1b49e-2c1c-11f0-b831-569c3dd06744",["D",1746797941417],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { marked } from \"https://esm.sh/marked@9.1.5\";\nimport React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\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 // Docs: https://marked.js.org/\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 // Extract all items with their impact levels\n const allItems: { item: string; impact: number }[] = [];\n \n items.forEach(section => {\n section.items.forEach(item => {\n // Extract impact level from the item if it exists\n let impact = 1; // Default low impact\n \n // Look for impact indicators in the item\n if (item.toLowerCase().includes(\"**high impact**\")) {\n impact = 3;\n } else if (item.toLowerCase().includes(\"**medium impact**\")) {\n impact = 2;\n } else {\n // Try to infer from the content based on the OpenAI-assigned impact\n // This is a fallback for items that don't have explicit impact markers\n const itemLower = item.toLowerCase();\n \n // These are just fallbacks in case the OpenAI impact rating isn't explicitly included\n if (\n itemLower.includes(\"major feature\") || \n itemLower.includes(\"significant improvement\") ||\n itemLower.includes(\"important\")\n ) {\n impact = 3; // High impact\n } else if (\n itemLower.includes(\"improved\") ||\n itemLower.includes(\"enhanced\") ||\n itemLower.includes(\"new\")\n ) {\n impact = 2; // Medium impact\n }\n }\n \n allItems.push({ item, impact });\n });\n });\n \n // Sort by impact (high to low)\n allItems.sort((a, b) => b.impact - a.impact);\n \n // Rebuild the markdown with sorted items\n let sortedMarkdown = header + \"\\n\";\n sortedMarkdown += \"### Changes (Sorted by User Impact)\\n\";\n allItems.forEach(({ item }) => {\n // Remove the impact marker from the displayed text\n const cleanedItem = item.replace(/\\*\\*(high|medium|low) impact\\*\\*/gi, '').trim();\n sortedMarkdown += cleanedItem + \"\\n\";\n });\n \n return sortedMarkdown;\n }\n\n if (sortOption === \"chronological\") {\n // For chronological, we'll just reverse the items in each category\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

\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

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

Share these release notes

\n \n {\n navigator.clipboard.writeText(shareableUrl);\n setShareCopied(true);\n setTimeout(() => setShareCopied(false), 2000);\n }}\n className=\"bg-blue-500 text-white px-4 py-2 rounded-r\"\n >\n {shareCopied ? \"Copied!\" : \"Copy\"}\n \n

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

\n setShowShareModal(false)}\n className=\"text-gray-600 hover:text-gray-800\"\n >\n Close\n \n

\n )}\n

\n );\n}",[],[207,213,229],{"_104":236,"_95":237,"_158":238,"_160":214,"_161":143,"_162":215,"_164":120,"_106":239,"_100":32,"_166":190,"_168":240,"_169":22,"_170":-5,"_171":241,"_98":242},"7c0f2312-2c1c-11f0-99b5-569c3dd06744","RepoSelector.tsx","7c0f23bc-2c1c-11f0-99b5-569c3dd06744",["D",1746716130048],"/** @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}",[],[207,213,237],[207,213],{"_104":245,"_95":175,"_158":246,"_160":208,"_161":143,"_162":247,"_164":22,"_106":248,"_100":32,"_166":179,"_168":249,"_169":22,"_170":-5,"_171":250,"_98":251},"9ff423b8-2c1c-11f0-b831-569c3dd06744","9ff42462-2c1c-11f0-b831-569c3dd06744",14,["D",1746716190267],"# 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)",[],[207,175],{"_104":253,"_95":254,"_158":255,"_160":208,"_161":143,"_162":256,"_164":22,"_106":257,"_100":258,"_166":179,"_168":259,"_169":22,"_170":-5,"_171":260,"_98":261},"3b0f3104-2c53-11f0-8b4f-569c3dd06744","index.html","6641411e-2c1c-11f0-bfe7-569c3dd06744",31,["D",1746739643308],3,"\n\n \n \n \n GitHub Release Notes Generator\n \n \n \n \n \n

\n\n \n \n \n",[],[207,254],{"_104":263,"_95":264,"_158":265,"_160":208,"_161":143,"_162":256,"_164":120,"_106":266,"_100":258,"_166":190,"_168":267,"_169":22,"_170":-5,"_171":268,"_98":269},"3b0f3316-2c53-11f0-8b4f-569c3dd06744","index.tsx","753acafa-2c1c-11f0-ae30-569c3dd06744",["D",1746739643308],"/** @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}",[],[207,264],[207],{"_104":272,"_95":273,"_158":274,"_160":-5,"_161":143,"_162":275,"_164":120,"_106":276,"_100":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":277,"_98":287},"4ff2aac4-2c1c-11f0-9f04-569c3dd06744","shared","c4652557-56ea-4c30-80f9-e56a7ae6c48d",4,["D",1746716056035],[278],{"_104":279,"_95":280,"_158":281,"_160":274,"_161":143,"_162":256,"_164":120,"_106":282,"_100":283,"_166":190,"_168":284,"_169":22,"_170":-5,"_171":285,"_98":286},"3b0f45fe-2c53-11f0-8b4f-569c3dd06744","types.ts","4ff28f44-2c1c-11f0-9f04-569c3dd06744",["D",1746739643308],1,"// 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}",[],[273,280],[273],{"_104":289,"_95":175,"_158":290,"_160":-5,"_161":143,"_162":256,"_164":22,"_106":291,"_100":283,"_166":179,"_168":292,"_169":22,"_170":-5,"_171":293,"_98":294},"3b0ee0e6-2c53-11f0-8b4f-569c3dd06744","42a1783c-2c1c-11f0-8791-569c3dd06744",["D",1746739643308],"# 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)",[],[175],{"_104":296,"_95":99,"_158":118,"_160":-5,"_161":143,"_162":122,"_164":120,"_106":297,"_100":200,"_166":298,"_168":299,"_169":22,"_170":300,"_171":301,"_98":302},"2b7f9180-2cd9-11f0-b5a9-569c3dd06744",["D",1746797169770],"http","import { Hono } from \"https://esm.sh/hono@3.12.6\";\nimport { blob } from \"https://esm.town/v/std/blob\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { fetchCommitsWithPRs } from \"./backend/github.ts\";\nimport { generateReleaseNotes } from \"./backend/llm.ts\";\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;","release-notes",[],[99],"files",[155,173,183,194,205,211,218,227,235,244,252,262,271,278,288,295],"counts",{"_307":32,"_308":258,"_309":32,"_310":32},"pulls","branches","forks","envVars","contents",[],{"_104":296,"_95":99,"_158":118,"_160":-5,"_161":143,"_162":122,"_164":120,"_106":314,"_100":200,"_166":298,"_168":299,"_169":22,"_170":300,"_98":315},["D",1746797169770],[99],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_93":94,"_95":96,"_97":43,"_100":101,"_98":99,"_102":324,"_153":329,"_303":378,"_179":379,"_311":381,"_382":-5,"_383":22,"_384":-5,"_385":-5,"_386":-5,"_387":388},{"_104":105,"_95":96,"_106":325,"_108":-5,"_109":22,"_110":111,"_112":113,"_114":115,"_14":116,"_117":118,"_119":120,"_121":122,"_123":32,"_16":124,"_125":126,"_127":126,"_128":129,"_130":129,"_131":129,"_132":126,"_133":126,"_23":326,"_137":327,"_140":328,"_152":22},["D",1746715516569],{"_93":94,"_135":136},{"_93":94,"_139":136},{"_100":142,"_95":43,"_104":143,"_144":105,"_145":-5,"_146":-5,"_147":-5,"_148":-5,"_149":-5,"_150":96,"_151":94},[330,342,366,372,375],{"_104":156,"_95":157,"_158":159,"_160":-5,"_161":143,"_162":163,"_164":120,"_106":165,"_100":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":331,"_98":341},[332,335,338],{"_104":174,"_95":175,"_158":176,"_160":159,"_161":143,"_162":177,"_164":120,"_106":178,"_100":32,"_166":179,"_168":180,"_169":22,"_170":-5,"_171":333,"_98":334},[],[157,175],{"_104":184,"_95":185,"_158":186,"_160":159,"_161":143,"_162":187,"_164":22,"_106":188,"_100":189,"_166":190,"_168":191,"_169":22,"_170":-5,"_171":336,"_98":337},[],[157,185],{"_104":195,"_95":196,"_158":197,"_160":159,"_161":143,"_162":198,"_164":22,"_106":199,"_100":200,"_166":190,"_168":201,"_169":22,"_170":-5,"_171":339,"_98":340},[],[157,196],[157],{"_104":206,"_95":207,"_158":208,"_160":-5,"_161":143,"_162":200,"_164":120,"_106":209,"_100":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":343,"_98":365},[344,356,359,362],{"_104":212,"_95":213,"_158":214,"_160":208,"_161":143,"_162":215,"_164":120,"_106":216,"_100":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":345,"_98":355},[346,349,352],{"_104":219,"_95":220,"_158":221,"_160":214,"_161":143,"_162":222,"_164":120,"_106":223,"_100":32,"_166":190,"_168":224,"_169":22,"_170":-5,"_171":347,"_98":348},[],[207,213,220],{"_104":228,"_95":229,"_158":230,"_160":214,"_161":143,"_162":101,"_164":22,"_106":231,"_100":163,"_166":190,"_168":232,"_169":22,"_170":-5,"_171":350,"_98":351},[],[207,213,229],{"_104":236,"_95":237,"_158":238,"_160":214,"_161":143,"_162":215,"_164":120,"_106":239,"_100":32,"_166":190,"_168":240,"_169":22,"_170":-5,"_171":353,"_98":354},[],[207,213,237],[207,213],{"_104":245,"_95":175,"_158":246,"_160":208,"_161":143,"_162":247,"_164":22,"_106":248,"_100":32,"_166":179,"_168":249,"_169":22,"_170":-5,"_171":357,"_98":358},[],[207,175],{"_104":253,"_95":254,"_158":255,"_160":208,"_161":143,"_162":256,"_164":22,"_106":257,"_100":258,"_166":179,"_168":259,"_169":22,"_170":-5,"_171":360,"_98":361},[],[207,254],{"_104":263,"_95":264,"_158":265,"_160":208,"_161":143,"_162":256,"_164":120,"_106":266,"_100":258,"_166":190,"_168":267,"_169":22,"_170":-5,"_171":363,"_98":364},[],[207,264],[207],{"_104":272,"_95":273,"_158":274,"_160":-5,"_161":143,"_162":275,"_164":120,"_106":276,"_100":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":367,"_98":371},[368],{"_104":279,"_95":280,"_158":281,"_160":274,"_161":143,"_162":256,"_164":120,"_106":282,"_100":283,"_166":190,"_168":284,"_169":22,"_170":-5,"_171":369,"_98":370},[],[273,280],[273],{"_104":289,"_95":175,"_158":290,"_160":-5,"_161":143,"_162":256,"_164":22,"_106":291,"_100":283,"_166":179,"_168":292,"_169":22,"_170":-5,"_171":373,"_98":374},[],[175],{"_104":296,"_95":99,"_158":118,"_160":-5,"_161":143,"_162":122,"_164":120,"_106":297,"_100":200,"_166":298,"_168":299,"_169":22,"_170":300,"_171":376,"_98":377},[],[99],[330,332,335,338,342,344,346,349,352,356,359,362,366,368,372,375],{"_104":296,"_95":99,"_158":118,"_160":-5,"_161":143,"_162":122,"_164":120,"_106":314,"_100":200,"_166":298,"_168":299,"_169":22,"_170":300,"_98":380},[99],[],"upstream","showCompareCallout","pull","ahead","behind","templates",[],"actionData","errors"]

charmaine

GitHub-Release-Notes