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;","deleted","label",[99],"permalink","https://www.val.town/x/g/countGithubLOCUI/code/main.tsx","extension","actionData","errors"]