\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 \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}","github-activity-dashboard","children",[],[146],"60ea3a8c-807b-11f0-a071-0224a6c84d84","fetch_github_events.py","0198d953-7deb-723e-9b56-37bb7811f632",["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",[],[157],"60ea38b6-807b-11f0-a071-0224a6c84d84",".vtignore","0198d953-7deb-723e-9b56-31daeaa7de76",["D",1755992784305],".env\r\n*.py\r\nexample_events/*\r\n",[],[164],"60ea3776-807b-11f0-a071-0224a6c84d84",".gitignore","0198d953-7deb-723e-9b56-2efcfa2ea2bf",["D",1755992784305],".env\r\n",[],[171],"60ea355a-807b-11f0-a071-0224a6c84d84","example_events","0198d953-7deb-723e-9b56-2b23aee877dc",["D",1755992784305],[],[178],["D",1755992784305],[],[18],"60ea2d9e-807b-11f0-a071-0224a6c84d84",".vt","0198d953-7deb-723e-9b56-21eebea7cada",["D",1755992784305],[],[187],["D",1755992784305],{"_11":12,"_96":92},{"_11":12,"_90":-5,"_91":92,"_31":50,"_93":94,"_95":30},{"_79":80,"_13":16,"_38":81,"_82":39,"_83":-5,"_84":-5,"_85":-5,"_86":-5,"_87":-5,"_88":14,"_89":12},"ctx",{"_72":-5,"_115":229,"_230":231,"_232":233,"_234":30,"_235":30,"_236":30,"_237":24,"_238":-5,"_239":-7,"_240":-7,"_241":26,"_242":30,"_243":30,"_244":-5,"_245":30,"_246":30,"_247":30,"_248":-5},"ENV",{"_200":201,"_202":203,"_204":16,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216,"_217":218,"_219":220,"_221":222,"_223":224,"_225":226,"_227":228},"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"]

History · .windsurf