${title}

\n`;\n\nconst htmlFoot = `\n

\n \n\n\n`;\n\nconst githubLogo = ``;\n\nfunction renderLoginPage() {\n return `${htmlHead(\"GitHub Rate Limits - Login\")}\n \n ${htmlFoot}`;\n}\n\nfunction renderRateLimitCard(\n key: string,\n name: string,\n description: string,\n info: RateLimitInfo | undefined\n) {\n if (!info) {\n return `\n

${name}

\n ${description}\n

\n Status\n N/A\n

\n `;\n }\n\n const status = getStatusColor(info.remaining, info.limit);\n const percentage = info.limit > 0 ? (info.remaining / info.limit) * 100 : 100;\n const resetIn = formatResetTime(info.reset);\n\n return `\n

${name}

\n ${description}\n

\n Remaining\n ${info.remaining.toLocaleString()}\n

\n Limit\n ${info.limit.toLocaleString()}\n

\n Used\n ${info.used.toLocaleString()}\n

\n Resets In\n ${resetIn}\n

\n \n

\n `;\n}\n\nfunction renderDashboard(\n user: GitHubUser,\n limits: Record\n) {\n const cards = RATE_LIMIT_CATEGORIES.map((cat) =>\n renderRateLimitCard(cat.key, cat.name, cat.description, limits[cat.key])\n ).join(\"\");\n\n return `${htmlHead(`GitHub Rate Limits - ${user.login}`)}\n

\n $\"${user.login}\"$ \n

${user.name || user.login}

\n @${user.login}\n

\n Sign out\n Refresh\n

\n \n

API Rate Limits

Current rate limit status for your GitHub account. Categories marked \"N/A\" are not available for your token type.

\n \n

\n ${cards}\n

\n ${htmlFoot}`;\n}\n\nfunction renderError(title: string, message: string, showLogin = true) {\n return `${htmlHead(title)}\n \n ${htmlFoot}`;\n}\n\n// Routes\nrouter.get(\n \"/\",\n defineEventHandler(async (event) => {\n const cookieHeader = getHeader(event, \"cookie\");\n const encryptedToken = getSessionFromCookie(cookieHeader);\n\n // No session - show login\n if (!encryptedToken) {\n setHeader(event, \"Content-Type\", \"text/html\");\n return renderLoginPage();\n }\n\n // Decrypt token\n const token = await decryptToken(encryptedToken);\n if (!token) {\n // Invalid session - clear and show login\n setHeader(event, \"Set-Cookie\", clearSessionCookie());\n setHeader(event, \"Content-Type\", \"text/html\");\n return renderLoginPage();\n }\n\n // Fetch user and rate limits in parallel\n const [userResult, limitsResult] = await Promise.all([\n fetchUser(token),\n fetchRateLimits(token),\n ]);\n\n if (\"error\" in userResult || \"error\" in limitsResult) {\n const error = \"error\" in userResult ? userResult.error : limitsResult.error;\n // Token might be invalid - clear session\n setHeader(event, \"Set-Cookie\", clearSessionCookie());\n setHeader(event, \"Content-Type\", \"text/html\");\n return renderError(\"Authentication Error\", error as string);\n }\n\n setHeader(event, \"Content-Type\", \"text/html\");\n setHeader(event, \"Cache-Control\", \"no-store\");\n return renderDashboard(userResult.user, limitsResult.limits);\n })\n);\n\nrouter.get(\n \"/login\",\n defineEventHandler((event) => {\n const state = generateState();\n const authUrl = getAuthorizationUrl(state);\n\n // Set state cookie for CSRF protection\n setHeader(event, \"Set-Cookie\", createStateCookie(state));\n return sendRedirect(event, authUrl);\n })\n);\n\nrouter.get(\n \"/callback\",\n defineEventHandler(async (event) => {\n const query = getQuery(event);\n const code = query.code as string | undefined;\n const state = query.state as string | undefined;\n const error = query.error as string | undefined;\n\n if (error) {\n setHeader(event, \"Content-Type\", \"text/html\");\n return renderError(\"Authorization Error\", `GitHub returned: ${error}`);\n }\n\n if (!code || !state) {\n setHeader(event, \"Content-Type\", \"text/html\");\n return renderError(\"Invalid Request\", \"Missing authorization code or state\");\n }\n\n // Verify state parameter\n const cookieHeader = getHeader(event, \"cookie\");\n const savedState = getStateFromCookie(cookieHeader);\n\n if (!savedState || savedState !== state) {\n setHeader(event, \"Content-Type\", \"text/html\");\n return renderError(\"Security Error\", \"State mismatch - possible CSRF attack\");\n }\n\n // Exchange code for token\n const tokenResult = await exchangeCodeForToken(code);\n\n if (\"error\" in tokenResult) {\n setHeader(event, \"Content-Type\", \"text/html\");\n return renderError(\"Token Exchange Failed\", tokenResult.error);\n }\n\n // Encrypt and store token in session cookie\n const encryptedToken = await encryptToken(tokenResult.token);\n\n // Set session cookie and clear state cookie\n setHeader(event, \"Set-Cookie\", [\n createSessionCookie(encryptedToken),\n clearStateCookie(),\n ]);\n\n return sendRedirect(event, \"/\");\n })\n);\n\nrouter.get(\n \"/logout\",\n defineEventHandler((event) => {\n setHeader(event, \"Set-Cookie\", clearSessionCookie());\n return sendRedirect(event, \"/\");\n })\n);\n\nexport default toWebHandler(app);\n","deleted","label",[99],"permalink","https://www.val.town/x/kamalnrf/github-ratelimits/code/main.ts","extension","actionData","errors"]