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;",[],[169],{"_107":177,"_99":103,"_151":178,"_153":-5,"_154":140,"_155":94,"_156":122,"_109":179,"_104":33,"_158":172,"_160":180,"_162":27,"_163":-5,"_164":181,"_102":182},"17ee7b7a-04cc-11f0-9d62-569c3dd06744","17ee7c38-04cc-11f0-9d62-569c3dd06744",["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}",[],[103],"files",[148,167,176],"counts",{"_187":33,"_188":170,"_189":33,"_190":33},"pulls","branches","forks","envVars","contents",[],{"_107":177,"_99":103,"_151":178,"_153":-5,"_154":140,"_155":94,"_156":122,"_109":194,"_104":33,"_158":172,"_160":180,"_162":27,"_163":-5,"_102":195},["D",1742393506978],[103],"upstream","screenshots","emptyEnvVars","routes/_app.x.$handle.$name.code.$",{"_97":98,"_99":100,"_101":43,"_104":-7,"_102":103,"_105":201,"_146":205,"_183":215,"_159":216,"_191":218,"_196":-5,"_219":27,"_220":-5},{"_107":108,"_99":100,"_109":202,"_111":-5,"_112":27,"_113":114,"_115":116,"_117":-5,"_12":118,"_119":120,"_121":122,"_123":-5,"_124":33,"_125":126,"_127":126,"_128":129,"_130":129,"_131":129,"_132":126,"_133":27,"_21":203,"_137":204},["D",1742393506846],{"_97":98,"_135":136},{"_104":139,"_99":43,"_107":140,"_141":108,"_142":-5,"_143":-5,"_144":-5,"_145":-5},[206,209,212],{"_107":149,"_99":150,"_151":152,"_153":-5,"_154":140,"_155":139,"_156":122,"_109":157,"_104":33,"_158":159,"_160":161,"_162":27,"_163":-5,"_164":207,"_102":208},[],[150],{"_107":168,"_99":169,"_151":120,"_153":-5,"_154":140,"_155":170,"_156":122,"_109":171,"_104":33,"_158":172,"_160":173,"_162":27,"_163":-5,"_164":210,"_102":211},[],[169],{"_107":177,"_99":103,"_151":178,"_153":-5,"_154":140,"_155":94,"_156":122,"_109":179,"_104":33,"_158":172,"_160":180,"_162":27,"_163":-5,"_164":213,"_102":214},[],[103],[206,209,212],{"_107":177,"_99":103,"_151":178,"_153":-5,"_154":140,"_155":94,"_156":122,"_109":194,"_104":33,"_158":172,"_160":180,"_162":27,"_163":-5,"_102":217},[103],[],"showCompareCallout","pull","routes/_app","actionData","errors"]