GitHub Lines of Code Counter

\n \n

Result:

\n \n

Counting lines...

\n Concept\n |\n Source Code\n |\n UI\n on\n val.town\n

\n\n\n */\n}\n\nfunction css() {\n /*\nbody {\n font-family: Arial, sans-serif;\n line-height: 1.6;\n color: #333;\n background-color: #f4f4f4;\n margin: 0;\n padding: 0;\n}\n\n.container {\n max-width: 600px;\n margin: 2rem auto;\n padding: 2rem;\n background-color: #fff;\n border-radius: 5px;\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n}\n\nh1 {\n text-align: center;\n color: #2c3e50;\n}\n\nform {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\ninput, button {\n padding: 0.5rem;\n font-size: 1rem;\n}\n\nbutton {\n background-color: #3498db;\n color: #fff;\n border: none;\n cursor: pointer;\n transition: background-color 0.3s;\n}\n\nbutton:hover {\n background-color: #2980b9;\n}\n\n#result, #loading, #error {\n margin-top: 1rem;\n padding: 1rem;\n border-radius: 5px;\n}\n\n#result {\n background-color: #e8f5e9;\n}\n\n#loading {\n background-color: #fff9c4;\n text-align: center;\n}\n\n#error {\n background-color: #ffebee;\n color: #c62828;\n white-space: pre;\n}\n\n.hidden {\n display: none;\n}\n\n.link-container {\n display: block;\n margin-top: 1rem;\n text-align: center;\n font-family: monospace;\n}\n.link-container > a,\n.link-container > a:visited {\n color: #22B;\n}\n.link-container > .separator {\n color: #666;\n margin: 0 -0.75ch;\n}\n\n#shareButton {\n margin-top: 1rem;\n}\n */\n}\n\nfunction js() {\n /*\nconst form = document.getElementById('repoForm');\nconst resultDiv = document.getElementById('result');\nconst loadingDiv = document.getElementById('loading');\nconst errorDiv = document.getElementById('error');\nconst locCountP = document.getElementById('locCount');\nconst userInput = document.getElementById('user');\nconst repoInput = document.getElementById('repo');\nconst shareButton = document.getElementById('shareButton');\n\nfunction parseQueryParams() {\n const urlParams = new URLSearchParams(window.location.search);\n const user = urlParams.get('user');\n const repo = urlParams.get('repo');\n if (user && repo) {\n userInput.value = user;\n repoInput.value = repo;\n history.replaceState(null, '', '/');\n countLines(user, repo);\n }\n}\n\nasync function countLines(user, repo) {\n resultDiv.classList.add('hidden');\n errorDiv.classList.add('hidden');\n loadingDiv.classList.remove('hidden');\n\n try {\n const response = await fetch(`/api/${user}/${repo}`);\n const data = await response.json();\n\n if (response.ok) {\n const locStr = new Intl.NumberFormat().format(data.loc);\n locCountP.textContent = `Repository ${user}/${repo} has ${locStr} lines of code.`;\n resultDiv.classList.remove('hidden');\n history.pushState(null, '', `/gh/${user}/${repo}`);\n } else {\n throw new Error(data.error || 'An error occurred');\n }\n } catch (error) {\n const msg = error.message;\n errorDiv.textContent = msg.replace(/(? {\n e.preventDefault();\n const user = userInput.value;\n const repo = repoInput.value;\n await countLines(user, repo);\n});\n\nshareButton.addEventListener('click', () => {\n const url = window.location.href;\n navigator.clipboard.writeText(url).then(() => {\n alert('Share link copied to clipboard!');\n });\n});\n\nfunction parseGitHubUrl(url) {\n try {\n const parsedUrl = new URL(url);\n if (parsedUrl.hostname === 'github.com') {\n const parts = parsedUrl.pathname.split('/').filter(Boolean);\n if (parts.length >= 2) {\n return { user: parts[0], repo: parts[1] };\n }\n }\n } catch (error) { }\n return null;\n}\n\nfunction handlePaste(e) {\n const pastedText = (e.clipboardData || window.clipboardData).getData('text');\n const parsedRepo = parseGitHubUrl(pastedText);\n\n if (parsedRepo) {\n e.preventDefault();\n userInput.value = parsedRepo.user;\n repoInput.value = parsedRepo.repo;\n }\n}\n\ndocument.addEventListener('paste', handlePaste);\nuserInput.addEventListener('paste', handlePaste);\nrepoInput.addEventListener('paste', handlePaste);\n\n// Parse query parameters on page load\nparseQueryParams();\n */\n}\n\nfunction shareTemplate(user: string, repo: string) {\n const endpoint = getEndpointUrl(import.meta.url);\n const url = new URL(`/gh/${encodeURIComponent(user)}/${encodeURIComponent(repo)}`, endpoint);\n\n const redirectUrl = new URL(endpoint);\n redirectUrl.searchParams.set('user', user);\n redirectUrl.searchParams.set('repo', repo);\n\n const ogImg = new URL('https://g-countgithublocopengraph.web.val.run/og');\n ogImg.searchParams.set('user', user);\n ogImg.searchParams.set('repo', repo);\n \n return `\n\n\n\n \n \n GitHub LOC Count for ${escape(user)}/${escape(repo)}\n \n \n \n \n \n \n \n \n \n \n ⚙️\">\n \n\n\n

Redirecting to GitHub LOC Counter...

\n\n\n `.trim();\n}\n\nconst app = new Hono();\n\napp.get('/', serve(html, 'text/html'));\napp.get('/styles.css', serve(css, 'text/css'));\napp.get('/main.js', serve(js, 'text/javascript'));\n\napp.get('/api/:user/:repo', async (c) => {\n const { user, repo } = c.req.param();\n\n try {\n const loc = await countGithubLOC(user, repo);\n return c.json({ loc });\n } catch (err) {\n return c.json({ error: Deno.inspect(err, { compact: false }) }, 500);\n }\n});\n\napp.get('/gh/:user/:repo', async (c) => {\n const { user, repo } = c.req.param();\n return c.html(shareTemplate(user, repo));\n});\n\nexport default app.fetch;",[],[164],{"_102":172,"_95":173,"_146":174,"_148":-5,"_149":135,"_150":175,"_151":117,"_104":176,"_99":31,"_153":167,"_155":177,"_157":27,"_158":-5,"_159":178,"_98":179},"17ee7b7a-04cc-11f0-9d62-569c3dd06744","countGithubLOCopengraph","17ee7c38-04cc-11f0-9d62-569c3dd06744",2,["D",1742393506978],"/** @jsxImportSource https://esm.sh/react */\nimport React from 'https://esm.sh/react';\nimport { ImageResponse } from 'npm:@vercel/og';\n\nexport default async function handler(req: Request) {\n const url = new URL(req.url);\n if (url.pathname !== '/og') return new Response('og endpoint at /og', { status: 404 });\n\n const username = url.searchParams.get('user') || 'your';\n const repo = url.searchParams.get('repo') || 'repo';\n\n return new ImageResponse(\n \n \n How many lines of code does\n

\n \n \n \n \n \n {username}\n \n /\n \n {repo}\n \n

\n \n have?\n

\n \n \n

Find out now with the

\n \n GitHub Line Counter!\n \n \n \n ,\n {\n width: 1200,\n height: 628,\n },\n );\n}",[],[173],"files",[143,162,171],"counts",{"_184":31,"_185":165,"_186":31,"_187":31},"pulls","branches","forks","envVars","contents",[190,193,196],{"_102":144,"_95":145,"_146":147,"_148":-5,"_149":135,"_150":134,"_151":117,"_104":191,"_99":31,"_153":154,"_155":156,"_157":27,"_158":-5,"_98":192},["D",1742393507015],[145],{"_102":163,"_95":164,"_146":115,"_148":-5,"_149":135,"_150":165,"_151":117,"_104":194,"_99":31,"_153":167,"_155":168,"_157":27,"_158":-5,"_98":195},["D",1742393506935],[164],{"_102":172,"_95":173,"_146":174,"_148":-5,"_149":135,"_150":175,"_151":117,"_104":197,"_99":31,"_153":167,"_155":177,"_157":27,"_158":-5,"_98":198},["D",1742393506978],[173],"upstream","emptyEnvVars","isNew","routes/_app.x.$handle.$name.environment-variables",{"_93":94,"_95":96,"_100":204,"_187":208},{"_102":103,"_95":96,"_104":205,"_106":-5,"_107":27,"_108":109,"_110":111,"_112":-5,"_12":113,"_114":115,"_116":117,"_118":-5,"_119":31,"_120":121,"_122":121,"_123":124,"_125":124,"_126":124,"_127":121,"_128":27,"_21":206,"_132":207},["D",1742393506846],{"_93":94,"_130":131},{"_99":134,"_95":41,"_102":135,"_136":103,"_137":-5,"_138":-5,"_139":-5,"_140":-5},[],"routes/_app","actionData","errors"]

Environment variables