// This approach uses the GitHub API without authentication, which is subject to rate limiting. // We'll fetch and process the GitHub activity data, and render it as a nicely designed website // using Vue for templating and Tailwind for styling. // Tradeoff: May hit rate limits, but doesn't require setting up a personal access token. import { html } from "https://deno.land/x/html/mod.ts"; const GITHUB_USERNAME = "ejfox"; async function fetchGitHubEvents(username: string) { const response = await fetch(`https://api.github.com/users/${username}/events/public`, { headers: { "User-Agent": "Val-Town-Script", }, }); if (!response.ok) { throw new Error(`GitHub API request failed: ${response.status}`); } return await response.json(); } function processEvents(events: any[]) { return events .filter(event => { const eventDate = new Date(event.created_at); const oneWeekAgo = new Date(); oneWeekAgo.setDate(oneWeekAgo.getDate() - 7); return eventDate >= oneWeekAgo; }) .map(event => { const baseInfo = { type: event.type, repo: event.repo.name, created_at: event.created_at, }; switch (event.type) { case "PushEvent": return { ...baseInfo, commits: event.payload.commits.map((commit: any) => ({ message: commit.message, sha: commit.sha, })), }; case "IssuesEvent": return { ...baseInfo, action: event.payload.action, issue: { title: event.payload.issue.title, number: event.payload.issue.number, }, }; case "PullRequestEvent": return { ...baseInfo, action: event.payload.action, pullRequest: { title: event.payload.pull_request.title, number: event.payload.pull_request.number, }, }; case "CreateEvent": return { ...baseInfo, ref_type: event.payload.ref_type, }; case "DeleteEvent": return { ...baseInfo, ref_type: event.payload.ref_type, }; case "GistEvent": return { ...baseInfo, action: event.payload.action, gist: { id: event.payload.gist.id, description: event.payload.gist.description, }, }; default: return baseInfo; } }) .sort((a, b) => new Date(b.created_at).getTime() - new Date(a.created_at).getTime()); } export default async function main(req: Request): Promise { try { const events = await fetchGitHubEvents(GITHUB_USERNAME); const recentActivity = processEvents(events); const template = html` EJ Fox's GitHub Activity

EJ Fox's Recent GitHub Activity

🔨 🐛 🔀 🆕 🗑️ 📝 ❓ {{ item.type }}

Issue: {{ item.issue.title }} (#{{ item.issue.number }})

PR: {{ item.pullRequest.title }} (#{{ item.pullRequest.number }})

Gist: {{ item.gist.description || 'No description' }}

`; return new Response(template, { headers: { "Content-Type": "text/html" }, }); } catch (error) { return new Response(JSON.stringify({ error: error.message }), { status: 500, headers: { "Content-Type": "application/json" }, }); } }

githubactivity