\n);\n\nconst ErrorMessage: React.FC<{ message: string }> = ({ message }) => (\n

\n ❌\n {message}\n

\n);\n\nconst UserProfileCard: React.FC<{ user: GitHubUser }> = ({ user }) => (\n

\n \n \n \n \n

\n {user.name || user.login}\n

@{user.login}

\n {user.bio && (\n

{user.bio}

\n )}\n

\n {user.location && (\n \n 📍 {user.location}\n \n )}\n {user.company && (\n \n 🏢 {user.company}\n \n )}\n {user.blog && (\n \n 🔗 {user.blog}\n \n )}\n {user.twitter_username && (\n \n 🐦 @{user.twitter_username}\n \n )}\n {user.email && (\n \n ✉️ {user.email}\n \n )}\n

\n Joined GitHub on {formatDate(user.created_at)}\n •\n Last updated {formatDate(user.updated_at)}\n •\n User ID: {user.id}\n

\n);\n\nconst StatsGrid: React.FC<{ user: GitHubUser }> = ({ user }) => (\n

\n {[\n { label: 'Followers', value: user.followers, icon: '👥' },\n { label: 'Following', value: user.following, icon: '👤' },\n { label: 'Public Repos', value: user.public_repos, icon: '📚' },\n { label: 'Public Gists', value: user.public_gists, icon: '📝' }\n ].map((stat) => (\n

{stat.icon}

\n {stat.value.toLocaleString()}\n

{stat.label}

\n ))}\n

\n);\n\nconst RecentRepos: React.FC<{ repos: GitHubRepo[] }> = ({ repos }) => (\n

\n 📚 Recent Repositories\n

\n {repos.slice(0, 5).map((repo) => (\n

\n \n {repo.name}\n \n

\n \n ⭐ {repo.stargazers_count}\n \n \n 🍴 {repo.forks_count}\n \n

\n {repo.description && (\n

{repo.description}

\n )}\n

\n {repo.language && (\n \n \n {repo.language}\n \n )}\n {repo.topics.length > 0 && (\n

\n {repo.topics.slice(0, 3).map((topic) => (\n \n {topic}\n \n ))}\n

\n )}\n

\n \n Updated {formatDate(repo.updated_at)}\n \n

\n ))}\n

\n);\n\nconst RecentActivity: React.FC<{ events: GitHubEvent[] }> = ({ events }) => (\n

\n ⚡ Recent Activity\n

\n {events.slice(0, 8).map((event) => (\n

\n {event.type === 'PushEvent' && '📝'}\n {event.type === 'CreateEvent' && '🆕'}\n {event.type === 'WatchEvent' && '⭐'}\n {event.type === 'ForkEvent' && '🍴'}\n {event.type === 'IssuesEvent' && '🐛'}\n {event.type === 'PullRequestEvent' && '🔀'}\n {!['PushEvent', 'CreateEvent', 'WatchEvent', 'ForkEvent', 'IssuesEvent', 'PullRequestEvent'].includes(event.type) && '📋'}\n

{getEventDescription(event)}

\n {formatDate(event.created_at)}\n

\n ))}\n

\n);\n\nconst RawDataSection: React.FC<{ rawResponses: any }> = ({ rawResponses }) => {\n const [expandedSection, setExpandedSection] = useState(null);\n\n const toggleSection = (section: string) => {\n setExpandedSection(expandedSection === section ? null : section);\n };\n\n return (\n

\n 🔍 Raw API Responses\n

\n Click on any section below to view the raw JSON response from GitHub's API\n

\n {Object.entries(rawResponses).map(([key, data]) => (\n

\n toggleSection(key)}\n className=\"w-full px-4 py-3 text-left bg-gray-50 hover:bg-gray-100 rounded-t-lg flex items-center justify-between transition-colors\"\n >\n \n {key} API Response ({key === 'user' ? '1 object' : `${Array.isArray(data) ? data.length : 1} items`})\n \n \n {expandedSection === key ? '▼' : '▶'}\n \n \n {expandedSection === key && (\n

\n                  {JSON.stringify(data, null, 2)}\n

\n )}\n

\n ))}\n

\n 💡 API Information: This data is fetched from GitHub's REST API v3. \n The APIs used are: /users/{`{username}`}, /users/{`{username}`}/repos, \n and /users/{`{username}`}/events/public.\n

\n );\n};\n\n// Main App Component\nconst App: React.FC = () => {\n const [username, setUsername] = useState('');\n const [profileData, setProfileData] = useState(null);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState('');\n\n const fetchProfile = async (searchUsername: string) => {\n if (!searchUsername.trim()) return;\n\n setLoading(true);\n setError('');\n setProfileData(null);\n\n try {\n const response = await fetch(`/api/user/${encodeURIComponent(searchUsername.trim())}`);\n const data = await response.json();\n\n if (!response.ok) {\n throw new Error(data.error || 'Failed to fetch profile');\n }\n\n setProfileData(data);\n } catch (err) {\n setError(err instanceof Error ? err.message : 'An error occurred');\n } finally {\n setLoading(false);\n }\n };\n\n const handleSubmit = (e: React.FormEvent) => {\n e.preventDefault();\n fetchProfile(username);\n };\n\n // Load a default profile on mount\n useEffect(() => {\n fetchProfile('octocat');\n }, []);\n\n return (\n

\n GitHub Profile Viewer\n

\n Enter a GitHub username to view their comprehensive profile\n

\n \n \n

\n\n {loading && }\n \n {error && }\n\n {profileData && (\n

\n \n \n \n \n \n

\n )}\n

\n );\n};\n\n// Render the app\nconst root = createRoot(document.getElementById('root')!);\nroot.render();",[],[216,218],"fcc54224-4c75-11f0-9f79-76b3cceeab13","index.html","fcc54350-4c75-11f0-9f79-76b3cceeab13",["D",1750273008406],"\n\n\n \n \n GitHub User Profile Viewer\n \n \n \n\n\n

\n \n\n",[],[216,225],"fcc54be8-4c75-11f0-9f79-76b3cceeab13",["D",1750273008406],[195,196,197],[216],["D",1750273165262],[],[18,67],["D",1750273001253],[193],[18],["D",1750272812559],{"_11":12,"_146":73},{"_11":12,"_142":-5,"_72":73,"_31":71,"_143":144,"_145":30},{"_42":133,"_13":16,"_36":39,"_134":100,"_135":-5,"_136":-5,"_137":-5,"_138":-5,"_139":-5,"_140":14,"_141":12},"ctx",{"_55":-5,"_165":278,"_279":280,"_281":282,"_283":30,"_284":30,"_285":30,"_286":24,"_287":-5,"_288":-7,"_289":-7,"_290":26,"_291":30,"_292":30,"_293":-5,"_294":30,"_295":30,"_296":30,"_297":-5},"ENV",{"_249":250,"_251":252,"_253":16,"_254":255,"_256":257,"_258":259,"_260":261,"_262":263,"_264":265,"_266":267,"_268":269,"_270":271,"_272":273,"_274":275,"_276":277},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","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 · backend