[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_219":220,"_221":222},"routes/_app.x.$handle.$name",{"_95":94,"_32":45,"_103":85,"_27":104,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":25,"_118":119,"_120":58,"_121":-5,"_122":-5,"_123":124},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":31,"_57":58,"_59":58,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":25},"version",22,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","main.tsx","latestPath","fileId","0198d953-7deb-723e-9b56-3845a80559b1","name","fileType","http","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0?deps=react@18.2.0,react-dom@18.2.0\";\nimport { renderToString } from \"https://esm.sh/react-dom@18.2.0/server?deps=react@18.2.0,react-dom@18.2.0\";\n\n// Types for GitHub events\ninterface GitHubActor {\n login: string;\n avatar_url: string;\n html_url?: string;\n}\n\ninterface GitHubRepo {\n name: string;\n url: string;\n}\n\ninterface BaseGitHubEvent {\n id: string;\n type: string;\n actor: GitHubActor;\n repo: GitHubRepo;\n created_at: string;\n public: boolean;\n}\n\ninterface IssuesEvent extends BaseGitHubEvent {\n type: \"IssuesEvent\";\n payload: {\n action: \"opened\" | \"closed\" | \"reopened\";\n issue: {\n number: number;\n title: string;\n html_url: string;\n body?: string;\n labels?: Array<{ name: string; color: string }>;\n };\n };\n}\n\ninterface PushEvent extends BaseGitHubEvent {\n type: \"PushEvent\";\n payload: {\n ref: string;\n commits: Array<{\n sha: string;\n message: string;\n author: { name: string };\n }>;\n size: number;\n };\n}\n\ninterface PullRequestEvent extends BaseGitHubEvent {\n type: \"PullRequestEvent\";\n payload: {\n action: \"opened\" | \"closed\" | \"merged\";\n pull_request: {\n number: number;\n title: string;\n html_url: string;\n merged: boolean;\n body?: string;\n };\n };\n}\n\ninterface PullRequestReviewEvent extends BaseGitHubEvent {\n type: \"PullRequestReviewEvent\";\n payload: {\n action: \"created\";\n review: {\n state: string;\n body?: string;\n };\n pull_request: {\n number: number;\n title: string;\n html_url: string;\n };\n };\n}\n\ninterface IssueCommentEvent extends BaseGitHubEvent {\n type: \"IssueCommentEvent\";\n payload: {\n action: \"created\";\n issue: {\n number: number;\n title: string;\n html_url: string;\n };\n comment: {\n body: string;\n };\n };\n}\n\ninterface DeleteEvent extends BaseGitHubEvent {\n type: \"DeleteEvent\";\n payload: {\n ref: string;\n ref_type: \"branch\" | \"tag\";\n };\n}\n\ntype GitHubEvent =\n | IssuesEvent\n | PushEvent\n | PullRequestEvent\n | PullRequestReviewEvent\n | IssueCommentEvent\n | DeleteEvent;\n\n// Grouped events type for consecutive push events\ninterface GroupedPushEvents {\n type: \"GroupedPushEvents\";\n events: PushEvent[];\n repo: GitHubRepo;\n actor: GitHubActor;\n created_at: string;\n}\n\ntype ProcessedEvent = GitHubEvent | GroupedPushEvents;\n\n// Utility functions\nfunction formatTimeAgo(dateString: string): string {\n const now = new Date();\n const eventDate = new Date(dateString);\n const diffMs = now.getTime() - eventDate.getTime();\n const diffHours = Math.floor(diffMs / (1000 * 60 * 60));\n const diffDays = Math.floor(diffHours / 24);\n\n if (diffDays > 0) {\n return `${diffDays} day${diffDays > 1 ? \"s\" : \"\"} ago`;\n } else if (diffHours > 0) {\n return `${diffHours} hour${diffHours > 1 ? \"s\" : \"\"} ago`;\n } else {\n const diffMinutes = Math.floor(diffMs / (1000 * 60));\n return `${diffMinutes} minute${diffMinutes > 1 ? \"s\" : \"\"} ago`;\n }\n}\n\nfunction getBranchName(ref: string): string {\n return ref.replace(\"refs/heads/\", \"\");\n}\n\nfunction truncateText(text: string, maxLength: number = 100): string {\n if (text.length <= maxLength) return text;\n return text.substring(0, maxLength) + \"...\";\n}\n\n// Function to group consecutive PushEvents for the same repository\nfunction groupConsecutivePushEvents(events: GitHubEvent[]): ProcessedEvent[] {\n const result: ProcessedEvent[] = [];\n let i = 0;\n\n while (i < events.length) {\n const currentEvent = events[i];\n\n if (currentEvent.type === \"PushEvent\") {\n const pushEvents: PushEvent[] = [currentEvent];\n let j = i + 1;\n\n // Look for consecutive PushEvents to the same repository by the same actor\n while (\n j < events.length &&\n events[j].type === \"PushEvent\" &&\n events[j].repo.name === currentEvent.repo.name &&\n events[j].actor.login === currentEvent.actor.login\n ) {\n pushEvents.push(events[j] as PushEvent);\n j++;\n }\n\n // If we found multiple consecutive push events, group them\n if (pushEvents.length > 1) {\n const groupedEvent: GroupedPushEvents = {\n type: \"GroupedPushEvents\",\n events: pushEvents,\n repo: currentEvent.repo,\n actor: currentEvent.actor,\n created_at: currentEvent.created_at, // Use the first event's timestamp\n };\n result.push(groupedEvent);\n } else {\n // Single push event, add as-is\n result.push(currentEvent);\n }\n\n i = j; // Move to the next ungrouped event\n } else {\n // Non-push event, add as-is\n result.push(currentEvent);\n i++;\n }\n }\n\n return result;\n}\n\n// React Components for each event type\nfunction IssuesEventComponent({ event }: { event: IssuesEvent }) {\n const { payload, actor, repo, created_at } = event;\n const actionColor = payload.action === \"opened\"\n ? \"#28a745\"\n : payload.action === \"closed\"\n ? \"#dc3545\"\n : \"#6f42c1\";\n\n return (\n \n \n \n {actor.login} \n \n {payload.action}\n \n issue\n \n #{payload.issue.number}\n \n in\n {repo.name}\n \n

\n \n {payload.issue.title}\n \n

\n {payload.issue.body && (\n

\n {truncateText(payload.issue.body)}\n

\n )}\n {payload.issue.labels && payload.issue.labels.length > 0 && (\n

\n {payload.issue.labels.map((label, index) => (\n \n {label.name}\n \n ))}\n

\n )}\n

\n {formatTimeAgo(created_at)}\n

\n \n );\n}\n\nfunction PushEventComponent({ event }: { event: PushEvent }) {\n const { payload, actor, repo, created_at } = event;\n const branchName = getBranchName(payload.ref);\n const cutoffPoint = 15;\n\n return (\n \n \n \n

\n {actor.login} \n \n pushed {payload.size} commit{payload.size > 1 ? \"s\" : \"\"} to\n \n \n {branchName}\n \n in\n \n {repo.name}\n \n

\n \n

\n {payload.commits.slice(0, cutoffPoint).map((commit, index) => (\n

\n \n {commit.sha.substring(0, 7)}\n \n \n {truncateText(commit.message, 80)}\n \n

\n ))}\n {payload.commits.length > cutoffPoint && (\n \n ... and {payload.commits.length - cutoffPoint}{\" \"}\n more commit{payload.commits.length - cutoffPoint > 1 ? \"s\" : \"\"}\n

\n )}\n

\n {formatTimeAgo(created_at)}\n

\n \n \n );\n}\n\nfunction PullRequestEventComponent({ event }: { event: PullRequestEvent }) {\n const { payload, actor, repo, created_at } = event;\n const actionColor = payload.action === \"opened\"\n ? \"#28a745\"\n : payload.pull_request.merged\n ? \"#6f42c1\"\n : \"#dc3545\";\n const actionText = payload.pull_request.merged ? \"merged\" : payload.action;\n\n return (\n \n \n \n

\n {actor.login} \n \n {actionText}\n \n pull request\n \n #{payload.pull_request.number}\n \n in\n {repo.name}\n

\n \n

\n \n {payload.pull_request.title}\n \n

\n {payload.pull_request.body && (\n

\n {truncateText(payload.pull_request.body)}\n

\n )}\n

\n {formatTimeAgo(created_at)}\n

\n \n );\n}\n\nfunction PullRequestReviewEventComponent(\n { event }: { event: PullRequestReviewEvent },\n) {\n const { payload, actor, repo, created_at } = event;\n const reviewStateColor = payload.review.state === \"approved\"\n ? \"#28a745\"\n : payload.review.state === \"changes_requested\"\n ? \"#dc3545\"\n : \"#6f42c1\";\n\n return (\n \n \n \n

\n {actor.login} \n reviewed\n pull request\n \n #{payload.pull_request.number}\n \n in\n {repo.name}\n

\n \n

\n \n {payload.pull_request.title}\n \n

\n {payload.review.body && (\n

\n {truncateText(payload.review.body)}\n

\n )}\n

\n {formatTimeAgo(created_at)}\n

\n \n );\n}\n\nfunction IssueCommentEventComponent({ event }: { event: IssueCommentEvent }) {\n const { payload, actor, repo, created_at } = event;\n\n return (\n \n \n \n

\n {actor.login} \n commented on\n \n #{payload.issue.number}\n \n in\n \n {repo.name}\n \n

\n \n

\n \n {payload.issue.title}\n \n

\n \n

\n {truncateText(payload.comment.body)}\n

\n {formatTimeAgo(created_at)}\n

\n \n \n );\n}\n\nfunction DeleteEventComponent({ event }: { event: DeleteEvent }) {\n const { payload, actor, repo, created_at } = event;\n\n return (\n \n \n \n

\n {actor.login} \n deleted\n {payload.ref_type}\n \n {payload.ref}\n \n in\n \n {repo.name}\n \n

\n \n

\n {formatTimeAgo(created_at)}\n

\n \n );\n}\n\nfunction GroupedPushEventComponent({ event }: { event: GroupedPushEvents }) {\n const { events, actor, repo, created_at } = event;\n const totalCommits = events.reduce((sum, e) => sum + e.payload.size, 0);\n const allCommits = events.flatMap((e) => e.payload.commits);\n const branches = [\n ...new Set(events.map((e) => getBranchName(e.payload.ref))),\n ];\n const cutoffPoint = 15;\n\n return (\n \n \n \n

\n {actor.login} \n \n pushed {totalCommits} commit{totalCommits > 1 ? \"s\" : \"\"} in{\" \"}\n {events.length} push{events.length > 1 ? \"es\" : \"\"} to\n \n {branches.map((branch, index) => (\n \n \n {branch}\n \n {index < branches.length - 1 && ,}\n \n ))}\n in\n \n {repo.name}\n \n

\n \n

\n {allCommits.slice(0, cutoffPoint).map((commit, index) => (\n \n \n {commit.sha.substring(0, 7)}\n \n \n {truncateText(commit.message, 80)}\n \n

\n ))}\n {allCommits.length > cutoffPoint && (\n \n ... and {allCommits.length - cutoffPoint}{\" \"}\n more commit{allCommits.length - cutoffPoint > 1 ? \"s\" : \"\"}\n \n )}\n

\n {formatTimeAgo(created_at)}\n

\n \n \n );\n}\n\n// Main event renderer component\nfunction ProcessedEventComponent({ event }: { event: ProcessedEvent }) {\n switch (event.type) {\n case \"IssuesEvent\":\n return ;\n case \"PushEvent\":\n return ;\n case \"PullRequestEvent\":\n return ;\n case \"PullRequestReviewEvent\":\n return ;\n case \"IssueCommentEvent\":\n return ;\n case \"DeleteEvent\":\n return ;\n case \"GroupedPushEvents\":\n return ;\n default:\n return (\n

I do not know how to display events of type \"{event.type}\" :(

\n );\n }\n}\n\n// Form component for GitHub credentials\nfunction GitHubCredentialsForm() {\n return (\n \n \n GitHub Activity Dashboard\n \n \n \n \n

\n \n 📊 GitHub Activity Dashboard\n \n \n Enter your GitHub credentials to view your activity\n

\n\n \n

\n \n \n );\n}\n\n// Dashboard component\nfunction GitHubEventsDashboard(\n { events, username, page, token }: {\n events: GitHubEvent[];\n username: string;\n page: number;\n token?: string;\n },\n) {\n const processedEvents = groupConsecutivePushEvents(events);\n return (\n \n \n GitHub Activity Dashboard - {username}\n \n \n \n \n

\n \n 📊 GitHub Activity Dashboard\n \n

\n Recent activity for {username} (Page {page})\n

\n {processedEvents.length > 0\n ? (\n processedEvents.map((event, index) => {\n const key = event.type === \"GroupedPushEvents\"\n ? `grouped-${index}`\n : (event as GitHubEvent).id;\n return ;\n })\n )\n : (\n \n \n No recent activity found for {username}\n

\n )}\n

\n ← Back to Form\n\n {page !== 1 && (\n \n \n \n \n \n Previous Page\n \n \n )}\n\n

\n \n \n \n );\n}\n\n// Fetch GitHub events function\nasync function fetchGitHubEvents(\n username: string,\n token: string,\n page: number,\n): Promise {\n const url =\n `https://api.github.com/users/${username}/events?per_page=30&page=${page}`;\n\n const headers: Record = {\n \"Accept\": \"application/vnd.github.v3+json\",\n \"User-Agent\": \"GitHub-Activity-Dashboard\",\n };\n\n // Only add Authorization header if token is provided\n if (token) {\n headers[\"Authorization\"] = `token ${token}`;\n }\n\n try {\n const response = await fetch(url, { headers });\n\n if (!response.ok) {\n throw new Error(\n `GitHub API error: ${response.status} ${response.statusText}`,\n );\n }\n\n const events = await response.json();\n return events as GitHubEvent[];\n } catch (error) {\n console.error(\"Error fetching GitHub events:\", error);\n throw error;\n }\n}\n\n// Main HTTP handler\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n const pathname = url.pathname;\n\n try {\n // Handle GET request to root - show the form\n if (req.method === \"GET\" && pathname === \"/\") {\n const html = renderToString(\n React.createElement(GitHubCredentialsForm),\n );\n\n return new Response(html, {\n headers: {\n \"Content-Type\": \"text/html; charset=utf-8\",\n },\n });\n }\n\n // Handle POST request to /events - process form and show dashboard\n if (req.method === \"POST\" && pathname === \"/events\") {\n const formData = await req.formData();\n const username = formData.get(\"username\")?.toString();\n const token = formData.get(\"token\")?.toString();\n const pageParam = formData.get(\"page\")?.toString();\n\n if (!username) {\n return new Response(\n `\n \n Error - GitHub Activity Dashboard\n \n

⚠️ Error

GitHub username is required.

\n ← Go back to form\n \n \n `,\n {\n status: 400,\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n },\n );\n }\n\n // Get page from form data or URL query parameter, default to 1\n const urlPage = Number(url.searchParams.get(\"page\") ?? 1);\n const formPage = pageParam ? Number(pageParam) : 1;\n const page = formPage || urlPage;\n\n // Fetch GitHub events\n const events = await fetchGitHubEvents(username, token || \"\", page);\n\n // Render the dashboard\n const html = renderToString(\n React.createElement(GitHubEventsDashboard, {\n events,\n username,\n page,\n token,\n }),\n );\n\n return new Response(html, {\n headers: {\n \"Content-Type\": \"text/html; charset=utf-8\",\n \"Cache-Control\": \"no-cache\", // Don't cache form submissions\n },\n });\n }\n\n // Handle GET request to /events with query params (pagination)\n if (req.method === \"GET\" && pathname === \"/events\") {\n // For pagination, we need to redirect back to form since we don't have stored credentials\n return new Response(\n `\n \n Session Expired - GitHub Activity Dashboard\n \n

🔒 Session Expired

Please enter your credentials again to continue.

\n ← Go back to form\n \n \n `,\n {\n status: 200,\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n },\n );\n }\n\n // Handle any other routes - redirect to home\n return new Response(null, {\n status: 302,\n headers: { Location: \"/\" },\n });\n } catch (error) {\n console.error(\"Dashboard error:\", error);\n\n return new Response(\n `\n \n Error - GitHub Activity Dashboard\n \n

⚠️ Error

Failed to load GitHub activity dashboard.

${\n error instanceof Error ? error.message : \"Unknown error\"\n }

\n ← Go back to form\n \n \n `,\n {\n status: 500,\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n },\n );\n }\n}","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0?deps=react@18.2.0,react-dom@18.2.0\";\nimport { renderToString } from \"https://esm.sh/react-dom@18.2.0/server?deps=react@18.2.0,react-dom@18.2.0\";\n\n// Types for GitHub events\ninterface GitHubActor {\n login: string;\n avatar_url: string;\n html_url?: string;\n}\n\ninterface GitHubRepo {\n name: string;\n url: string;\n}\n\ninterface BaseGitHubEvent {\n id: string;\n type: string;\n actor: GitHubActor;\n repo: GitHubRepo;\n created_at: string;\n public: boolean;\n}\n\ninterface IssuesEvent extends BaseGitHubEvent {\n type: \"IssuesEvent\";\n payload: {\n action: \"opened\" | \"closed\" | \"reopened\";\n issue: {\n number: number;\n title: string;\n html_url: string;\n body?: string;\n labels?: Array<{ name: string; color: string }>;\n };\n };\n}\n\ninterface PushEvent extends BaseGitHubEvent {\n type: \"PushEvent\";\n payload: {\n ref: string;\n commits: Array<{\n sha: string;\n message: string;\n author: { name: string };\n }>;\n size: number;\n };\n}\n\ninterface PullRequestEvent extends BaseGitHubEvent {\n type: \"PullRequestEvent\";\n payload: {\n action: \"opened\" | \"closed\" | \"merged\";\n pull_request: {\n number: number;\n title: string;\n html_url: string;\n merged: boolean;\n body?: string;\n };\n };\n}\n\ninterface PullRequestReviewEvent extends BaseGitHubEvent {\n type: \"PullRequestReviewEvent\";\n payload: {\n action: \"created\";\n review: {\n state: string;\n body?: string;\n };\n pull_request: {\n number: number;\n title: string;\n html_url: string;\n };\n };\n}\n\ninterface IssueCommentEvent extends BaseGitHubEvent {\n type: \"IssueCommentEvent\";\n payload: {\n action: \"created\";\n issue: {\n number: number;\n title: string;\n html_url: string;\n };\n comment: {\n body: string;\n };\n };\n}\n\ninterface DeleteEvent extends BaseGitHubEvent {\n type: \"DeleteEvent\";\n payload: {\n ref: string;\n ref_type: \"branch\" | \"tag\";\n };\n}\n\ntype GitHubEvent =\n | IssuesEvent\n | PushEvent\n | PullRequestEvent\n | PullRequestReviewEvent\n | IssueCommentEvent\n | DeleteEvent;\n\n// Grouped events type for consecutive push events\ninterface GroupedPushEvents {\n type: \"GroupedPushEvents\";\n events: PushEvent[];\n repo: GitHubRepo;\n actor: GitHubActor;\n created_at: string;\n}\n\ntype ProcessedEvent = GitHubEvent | GroupedPushEvents;\n\n// Utility functions\nfunction formatTimeAgo(dateString: string): string {\n const now = new Date();\n const eventDate = new Date(dateString);\n const diffMs = now.getTime() - eventDate.getTime();\n const diffHours = Math.floor(diffMs / (1000 * 60 * 60));\n const diffDays = Math.floor(diffHours / 24);\n\n if (diffDays > 0) {\n return `${diffDays} day${diffDays > 1 ? \"s\" : \"\"} ago`;\n } else if (diffHours > 0) {\n return `${diffHours} hour${diffHours > 1 ? \"s\" : \"\"} ago`;\n } else {\n const diffMinutes = Math.floor(diffMs / (1000 * 60));\n return `${diffMinutes} minute${diffMinutes > 1 ? \"s\" : \"\"} ago`;\n }\n}\n\nfunction getBranchName(ref: string): string {\n return ref.replace(\"refs/heads/\", \"\");\n}\n\nfunction truncateText(text: string, maxLength: number = 100): string {\n if (text.length <= maxLength) return text;\n return text.substring(0, maxLength) + \"...\";\n}\n\n// Function to group consecutive PushEvents for the same repository\nfunction groupConsecutivePushEvents(events: GitHubEvent[]): ProcessedEvent[] {\n const result: ProcessedEvent[] = [];\n let i = 0;\n\n while (i < events.length) {\n const currentEvent = events[i];\n\n if (currentEvent.type === \"PushEvent\") {\n const pushEvents: PushEvent[] = [currentEvent];\n let j = i + 1;\n\n // Look for consecutive PushEvents to the same repository by the same actor\n while (\n j < events.length &&\n events[j].type === \"PushEvent\" &&\n events[j].repo.name === currentEvent.repo.name &&\n events[j].actor.login === currentEvent.actor.login\n ) {\n pushEvents.push(events[j] as PushEvent);\n j++;\n }\n\n // If we found multiple consecutive push events, group them\n if (pushEvents.length > 1) {\n const groupedEvent: GroupedPushEvents = {\n type: \"GroupedPushEvents\",\n events: pushEvents,\n repo: currentEvent.repo,\n actor: currentEvent.actor,\n created_at: currentEvent.created_at, // Use the first event's timestamp\n };\n result.push(groupedEvent);\n } else {\n // Single push event, add as-is\n result.push(currentEvent);\n }\n\n i = j; // Move to the next ungrouped event\n } else {\n // Non-push event, add as-is\n result.push(currentEvent);\n i++;\n }\n }\n\n return result;\n}\n\n// React Components for each event type\nfunction IssuesEventComponent({ event }: { event: IssuesEvent }) {\n const { payload, actor, repo, created_at } = event;\n const actionColor = payload.action === \"opened\"\n ? \"#28a745\"\n : payload.action === \"closed\"\n ? \"#dc3545\"\n : \"#6f42c1\";\n\n return (\n \n \n \n

\n {actor.login} \n \n {payload.action}\n \n issue\n \n #{payload.issue.number}\n \n in\n {repo.name}\n

\n \n

\n \n {payload.issue.title}\n \n

\n {payload.issue.body && (\n

\n {truncateText(payload.issue.body)}\n

\n )}\n {payload.issue.labels && payload.issue.labels.length > 0 && (\n

\n {payload.issue.labels.map((label, index) => (\n \n {label.name}\n \n ))}\n

\n )}\n

\n {formatTimeAgo(created_at)}\n

\n {actor.login} \n \n pushed {payload.size} commit{payload.size > 1 ? \"s\" : \"\"} to\n \n \n {branchName}\n \n in\n \n {repo.name}\n \n

\n \n

\n {payload.commits.slice(0, cutoffPoint).map((commit, index) => (\n

\n \n {commit.sha.substring(0, 7)}\n \n \n {truncateText(commit.message, 80)}\n \n

\n ))}\n {payload.commits.length > cutoffPoint && (\n \n ... and {payload.commits.length - cutoffPoint}{\" \"}\n more commit{payload.commits.length - cutoffPoint > 1 ? \"s\" : \"\"}\n

\n )}\n

\n {formatTimeAgo(created_at)}\n

\n {actor.login} \n \n {actionText}\n \n pull request\n \n #{payload.pull_request.number}\n \n in\n {repo.name}\n

\n \n

\n \n {payload.pull_request.title}\n \n

\n {payload.pull_request.body && (\n

\n {truncateText(payload.pull_request.body)}\n

\n )}\n

\n {formatTimeAgo(created_at)}\n

\n {actor.login} \n reviewed\n pull request\n \n #{payload.pull_request.number}\n \n in\n {repo.name}\n

\n \n

\n \n {payload.pull_request.title}\n \n

\n {payload.review.body && (\n

\n {truncateText(payload.review.body)}\n

\n )}\n

\n {formatTimeAgo(created_at)}\n

\n \n );\n}\n\nfunction IssueCommentEventComponent({ event }: { event: IssueCommentEvent }) {\n const { payload, actor, repo, created_at } = event;\n\n return (\n \n \n \n

\n {actor.login} \n commented on\n \n #{payload.issue.number}\n \n in\n \n {repo.name}\n \n

\n \n

\n \n {payload.issue.title}\n \n

\n \n

\n {truncateText(payload.comment.body)}\n

\n {formatTimeAgo(created_at)}\n

\n \n \n );\n}\n\nfunction DeleteEventComponent({ event }: { event: DeleteEvent }) {\n const { payload, actor, repo, created_at } = event;\n\n return (\n \n \n \n

\n {actor.login} \n deleted\n {payload.ref_type}\n \n {payload.ref}\n \n in\n \n {repo.name}\n \n

\n \n

\n {formatTimeAgo(created_at)}\n

\n \n

\n {allCommits.slice(0, cutoffPoint).map((commit, index) => (\n \n \n {commit.sha.substring(0, 7)}\n \n \n {truncateText(commit.message, 80)}\n \n

\n ))}\n {allCommits.length > cutoffPoint && (\n \n ... and {allCommits.length - cutoffPoint}{\" \"}\n more commit{allCommits.length - cutoffPoint > 1 ? \"s\" : \"\"}\n \n )}\n

\n {formatTimeAgo(created_at)}\n

I do not know how to display events of type \"{event.type}\" :(

\n );\n }\n}\n\n// Form component for GitHub credentials\nfunction GitHubCredentialsForm() {\n return (\n \n \n GitHub Activity Dashboard\n \n \n \n \n

\n \n 📊 GitHub Activity Dashboard\n \n \n Enter your GitHub credentials to view your activity\n

\n\n \n

\n \n 📊 GitHub Activity Dashboard\n \n

\n Recent activity for {username} (Page {page})\n

\n )}\n

\n ← Back to Form\n\n {page !== 1 && (\n \n \n \n \n \n Previous Page\n \n \n )}\n\n

⚠️ Error

GitHub username is required.

🔒 Session Expired

Please enter your credentials again to continue.

⚠️ Error

Failed to load GitHub activity dashboard.

${\n error instanceof Error ? error.message : \"Unknown error\"\n }

\n ← Go back to form\n \n \n `,\n {\n status: 500,\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n },\n );\n }\n}","createdAt",["D",1755997739221],"branchVersion","branchId","60e49c9e-807b-11f0-a071-0224a6c84d84","id","60e07eca-807b-11f0-a071-0224a6c84d84","github-activity-dashboard-public",["D",1755992784305],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Summarizes your recent Github activity.","imageUrl","c878cd0e-42f2-4d5f-b236-a8bb922062ca","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","805def35-af33-4bd3-b687-47a0923f59a5","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_95":94,"_102":98},"org",{"_95":94,"_96":-5,"_97":98,"_18":55,"_99":100,"_101":25},"branch",{"_13":14,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"isOwned","main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","tobeofuse","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yamFZTkZwTnNHSHJUbTFpclcwUDZzMXlCUEcifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":215,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":31,"_57":58,"_59":58,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":216,"_80":217,"_82":218,"_84":25},"tree",[186,187,188,189,190,191,192],"files",[186,187,188,189,190,191,192],"counts",{"_175":62,"_176":177,"_178":62,"_179":180,"_181":182},"contents",[125,126,127,128,129,130,131],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":170,"_32":171,"_30":172,"_133":-5,"_41":42,"_40":143,"_134":58,"_38":173,"_13":62,"_33":163,"_35":-5,"_24":25,"_137":-5,"_27":174},{"_43":165,"_32":166,"_30":167,"_133":-5,"_41":42,"_40":143,"_134":58,"_38":168,"_13":62,"_33":163,"_35":-5,"_24":25,"_137":-5,"_27":169},{"_43":159,"_32":160,"_30":161,"_133":-5,"_41":42,"_40":143,"_134":58,"_38":162,"_13":62,"_33":163,"_35":-5,"_24":25,"_137":-5,"_27":164},{"_43":153,"_32":154,"_30":155,"_133":-5,"_41":42,"_40":143,"_134":58,"_38":156,"_13":62,"_33":20,"_35":157,"_24":25,"_137":-5,"_27":158},{"_43":147,"_32":148,"_30":149,"_133":-5,"_41":42,"_40":143,"_134":58,"_38":150,"_13":62,"_33":20,"_35":151,"_24":25,"_137":-5,"_27":152},{"_43":140,"_32":141,"_30":142,"_133":-5,"_41":42,"_40":143,"_134":58,"_38":144,"_13":62,"_33":20,"_35":145,"_24":25,"_137":-5,"_27":146},{"_43":132,"_32":28,"_30":31,"_133":-5,"_41":42,"_40":14,"_134":58,"_38":135,"_13":136,"_33":34,"_35":37,"_24":25,"_137":138,"_27":139},"ea3cd7a8-8086-11f0-b9f5-0224a6c84d84","parentId","latest",["D",1755997739221],21,"label","github-activity-dashboard",[28],"60ea3a8c-807b-11f0-a071-0224a6c84d84","fetch_github_events.py","0198d953-7deb-723e-9b56-37bb7811f632",1,["D",1755992784305],"#!/usr/bin/env python3\n# /// script\n# dependencies = [\n# \"requests\",\n# \"python-dotenv\",\n# ]\n# ///\n\"\"\"\nScript to fetch GitHub user events using credentials from .env file\n\"\"\"\n\nimport os\nimport json\nimport requests\nfrom dotenv import load_dotenv\nfrom datetime import datetime\nimport time\n\ndef load_env_variables():\n \"\"\"Load environment variables from .env file\"\"\"\n load_dotenv()\n \n github_username = os.getenv('GITHUB_USERNAME')\n github_pat = os.getenv('GITHUB_PAT')\n \n if not github_username:\n raise ValueError(\"GITHUB_USERNAME not found in environment variables\")\n if not github_pat:\n raise ValueError(\"GITHUB_PAT not found in environment variables\")\n \n return github_username, github_pat\n\ndef fetch_github_events_paginated(username, token, max_events=50):\n \"\"\"Fetch GitHub events for the specified user, one page at a time\"\"\"\n base_url = f\"https://api.github.com/users/{username}/events\"\n \n headers = {\n 'Authorization': f'token {token}',\n 'Accept': 'application/vnd.github.v3+json',\n 'User-Agent': 'GitHub-Activity-Dashboard'\n }\n \n all_events = []\n page = 1\n \n try:\n print(f\"Fetching up to {max_events} events for user: {username}\")\n \n while len(all_events) < max_events:\n # Calculate how many events we need from this page\n events_needed = min(30, max_events - len(all_events)) # GitHub returns max 30 per page\n \n url = f\"{base_url}?page={page}&per_page={events_needed}\"\n print(f\"Fetching page {page} (requesting {events_needed} events)...\")\n \n response = requests.get(url, headers=headers)\n response.raise_for_status()\n \n events = response.json()\n \n if not events: # No more events available\n print(f\"No more events available. Total fetched: {len(all_events)}\")\n break\n \n all_events.extend(events)\n print(f\"Fetched {len(events)} events from page {page}. Total: {len(all_events)}\")\n \n # If we got fewer events than requested, we've reached the end\n if len(events) < events_needed:\n break\n \n page += 1\n \n # Rate limiting: small delay between requests\n time.sleep(0.5)\n \n # Trim to exact number requested\n all_events = all_events[:max_events]\n print(f\"Successfully fetched {len(all_events)} events\")\n return all_events\n \n except requests.exceptions.RequestException as e:\n print(f\"Error fetching GitHub events: {e}\")\n if hasattr(e, 'response') and e.response is not None:\n print(f\"Response status: {e.response.status_code}\")\n print(f\"Response body: {e.response.text}\")\n raise\n\ndef save_individual_events(events, output_dir=\"example_events\"):\n \"\"\"Save each event to a separate JSON file\"\"\"\n # Create output directory if it doesn't exist\n os.makedirs(output_dir, exist_ok=True)\n \n saved_files = []\n \n try:\n print(f\"Saving {len(events)} events to individual files in '{output_dir}/'...\")\n \n for i, event in enumerate(events, 1):\n # Create filename based on event details\n event_id = event.get('id', f'unknown_{i}')\n event_type = event.get('type', 'unknown')\n timestamp = datetime.now().strftime(\"%Y%m%d_%H%M%S\")\n \n filename = f\"event_{i:03d}_{event_type}_{event_id}_{timestamp}.json\"\n filepath = os.path.join(output_dir, filename)\n \n with open(filepath, 'w', encoding='utf-8') as f:\n json.dump(event, f, indent=2, ensure_ascii=False)\n \n saved_files.append(filepath)\n print(f\" [{i:2d}/{len(events)}] Saved: {filename}\")\n \n print(f\"\\n✅ All events saved to '{output_dir}/' directory\")\n return saved_files\n \n except Exception as e:\n print(f\"Error saving events to files: {e}\")\n raise\n\ndef main():\n \"\"\"Main function\"\"\"\n try:\n # Load environment variables\n username, token = load_env_variables()\n \n # Fetch GitHub events (up to 50)\n events = fetch_github_events_paginated(username, token, max_events=50)\n \n # Save each event to individual files\n saved_files = save_individual_events(events)\n \n print(f\"\\n✅ Successfully completed!\")\n print(f\"📁 Directory: example_events/\")\n print(f\"📊 Events: {len(events)}\")\n print(f\"📄 Files created: {len(saved_files)}\")\n \n except Exception as e:\n print(f\"❌ Error: {e}\")\n return 1\n \n return 0\n\nif __name__ == \"__main__\":\n exit(main())\n",[141],"60ea38b6-807b-11f0-a071-0224a6c84d84",".vtignore","0198d953-7deb-723e-9b56-31daeaa7de76",["D",1755992784305],".env\r\n*.py\r\nexample_events/*\r\n",[148],"60ea3776-807b-11f0-a071-0224a6c84d84",".gitignore","0198d953-7deb-723e-9b56-2efcfa2ea2bf",["D",1755992784305],".env\r\n",[154],"60ea355a-807b-11f0-a071-0224a6c84d84","example_events","0198d953-7deb-723e-9b56-2b23aee877dc",["D",1755992784305],"directory",[160],"60ea33ac-807b-11f0-a071-0224a6c84d84",".windsurf","0198d953-7deb-723e-9b56-250c78a5b164",["D",1755992784305],[166],"60ea2d9e-807b-11f0-a071-0224a6c84d84",".vt","0198d953-7deb-723e-9b56-21eebea7cada",["D",1755992784305],[171],"pulls","branches",2,"forks","envVars",{"_183":62,"_185":62},"connections",{"_183":62,"_184":62},"count","unfilledCount","emptyCount",{"_43":170,"_32":171,"_30":172,"_133":-5,"_41":42,"_40":143,"_134":58,"_38":212,"_13":62,"_33":163,"_35":-5,"_24":25,"_137":-5,"_194":213,"_27":214},{"_43":165,"_32":166,"_30":167,"_133":-5,"_41":42,"_40":143,"_134":58,"_38":209,"_13":62,"_33":163,"_35":-5,"_24":25,"_137":-5,"_194":210,"_27":211},{"_43":159,"_32":160,"_30":161,"_133":-5,"_41":42,"_40":143,"_134":58,"_38":206,"_13":62,"_33":163,"_35":-5,"_24":25,"_137":-5,"_194":207,"_27":208},{"_43":153,"_32":154,"_30":155,"_133":-5,"_41":42,"_40":143,"_134":58,"_38":203,"_13":62,"_33":20,"_35":157,"_24":25,"_137":-5,"_194":204,"_27":205},{"_43":147,"_32":148,"_30":149,"_133":-5,"_41":42,"_40":143,"_134":58,"_38":200,"_13":62,"_33":20,"_35":151,"_24":25,"_137":-5,"_194":201,"_27":202},{"_43":140,"_32":141,"_30":142,"_133":-5,"_41":42,"_40":143,"_134":58,"_38":197,"_13":62,"_33":20,"_35":145,"_24":25,"_137":-5,"_194":198,"_27":199},{"_43":132,"_32":28,"_30":31,"_133":-5,"_41":42,"_40":14,"_134":58,"_38":193,"_13":136,"_33":34,"_35":37,"_24":25,"_137":138,"_194":195,"_27":196},["D",1755997739221],"children",[],[28],["D",1755992784305],[],[141],["D",1755992784305],[],[148],["D",1755992784305],[],[154],["D",1755992784305],[],[160],["D",1755992784305],[],[166],["D",1755992784305],[],[171],["D",1755992784305],{"_95":94,"_102":98},{"_95":94,"_96":-5,"_97":98,"_18":55,"_99":100,"_101":25},{"_13":14,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"ctx",{"_78":-5,"_122":252,"_253":254,"_255":256,"_257":25,"_258":25,"_259":25,"_260":58,"_261":-5,"_262":-7,"_263":-7,"_264":62,"_265":25,"_266":25,"_267":-5,"_268":25,"_269":25,"_270":25,"_271":-5},"ENV",{"_223":224,"_225":226,"_227":85,"_228":229,"_230":231,"_232":233,"_234":235,"_236":237,"_238":239,"_240":241,"_242":243,"_244":245,"_246":247,"_248":249,"_250":251},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v22