🐙 GitHub Contribution Tracker

\n setUsername(e.target.value)}\n placeholder=\"GitHub Username\"\n style={styles.input}\n />\n \n {loading ? \"Loading...\" : \"Track Contributions\"}\n \n

\n {error &&

{error}

}\n

\n {contributions.length > 0\n ? (\n contributions.map((contrib, index) => (\n

\n {contrib}\n

\n ))\n )\n : (\n

\n {loading ? \"Fetching contributions...\" : \"No recent contributions\"}\n

\n )}\n

\n \n

\n );\n}\n\nconst styles = {\n container: {\n fontFamily: \"system-ui, sans-serif\",\n maxWidth: \"600px\",\n margin: \"0 auto\",\n padding: \"20px\",\n backgroundColor: \"#f4f4f4\",\n borderRadius: \"8px\",\n },\n title: {\n textAlign: \"center\",\n color: \"#333\",\n },\n inputContainer: {\n display: \"flex\",\n marginBottom: \"20px\",\n },\n input: {\n flex: 1,\n padding: \"10px\",\n marginRight: \"10px\",\n border: \"1px solid #ddd\",\n borderRadius: \"4px\",\n },\n button: {\n padding: \"10px 15px\",\n backgroundColor: \"#4CAF50\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"4px\",\n cursor: \"pointer\",\n },\n contributionsList: {\n backgroundColor: \"white\",\n borderRadius: \"4px\",\n padding: \"15px\",\n minHeight: \"200px\",\n },\n contributionItem: {\n padding: \"10px\",\n borderBottom: \"1px solid #eee\",\n },\n error: {\n color: \"red\",\n textAlign: \"center\",\n },\n noContributions: {\n color: \"#666\",\n textAlign: \"center\",\n },\n footer: {\n marginTop: \"20px\",\n textAlign: \"center\",\n },\n sourceLink: {\n color: \"#666\",\n textDecoration: \"none\",\n },\n};\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n const url = new URL(request.url);\n\n // Contributions fetching endpoint\n if (url.pathname === \"/contributions\") {\n const username = url.searchParams.get(\"username\") || \"Joshuakibwage\";\n const GITHUB_API_URL = `https://api.github.com/users/${username}/events`;\n\n try {\n const response = await fetch(GITHUB_API_URL);\n const events: GitHubEvent[] = await response.json();\n\n const dailyContributions = events\n .filter(event => {\n const eventDate = new Date(event.created_at);\n const oneDayAgo = new Date(Date.now() - 24 * 60 * 60 * 1000);\n return eventDate > oneDayAgo;\n })\n .map(event => {\n switch (event.type) {\n case \"PushEvent\":\n return `📝 Pushed to ${event.repo.name}: ${event.payload.commits?.length || 0} commits`;\n case \"PullRequestEvent\":\n return `🔀 Pull Request in ${event.repo.name}`;\n case \"IssuesEvent\":\n return `🐛 Issue in ${event.repo.name}`;\n default:\n return null;\n }\n })\n .filter(Boolean);\n\n return new Response(JSON.stringify(dailyContributions), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } catch (error) {\n return new Response(JSON.stringify({ error: \"Failed to fetch contributions\" }), {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n }\n\n // Main page render\n return new Response(\n `\n \n \n GitHub Contribution Tracker\n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"Content-Type\": \"text/html\" },\n },\n );\n}","deleted","label",[98],"permalink","https://www.val.town/x/storm_trupa/githubContributionTracker/code/main.tsx","extension","actionData","errors"]