Neocities hit counter

\n \n

$\"Hit$

\n\n

\n Neocities has more restrictive Content Security Policies for new accounts to prevent abuse.\n This prevents scripts from accessing data on another website, and thus,\n prevents fetch/ JavaScript based hit counters from functioning.\n

\n\n

This hit counter is a serverside rendered hit counter that does not require cross-origin data access or JavaScript.

\n \n

How to use

\n \n

Use the sitename parameter to fetch the official hit count from the Neocities API:

<img src=\"https://mbo-neocities_hit_counter.web.val.run?sitename=maxbo\" alt=\"Hit count\" />

\n \n

Current counters

\n \n \n \n \n \n ${\n countersResult.length > 0\n ? countersResult.\n filter(counter => {\n const url = counter[0]\n return url.endsWith(\"neocities.org\")\n }).map(counter => {\n const url = counter[0];\n const count = counter[1];\n // Create a proper hyperlink for the URL\n const fullUrl = url.startsWith(\"http\") ? url : `https://${url}`;\n\n return `\n \n \n \n \n `;\n }).join(\"\")\n : \"\"\n }\n

URL	Count
${url}	${count}
No counters recorded yet

\n \n \n `;\n\n return new Response(html, {\n headers: {\n \"Content-Type\": \"text/html\",\n \"Cache-Control\": \"public, max-age=0\",\n },\n });\n}\n\n// Extract domain and path from URL\nfunction extractUrlInfo(urlPath: string): { domain: string; path: string } | null {\n // Remove the .png or .svg extension if present\n const cleanPath = urlPath.replace(/\\.(png|svg)$/, \"\");\n\n // Split the path into parts\n const parts = cleanPath.split(\"/\").filter(part => part);\n\n if (parts.length < 1) {\n return null;\n }\n\n const domain = parts[0];\n const path = parts.slice(1).join(\"/\");\n\n return { domain, path };\n}\n\n// Main handler function\nexport default async function(req: Request): Promise {\n await initializeDB();\n\n const url = new URL(req.url);\n const path = url.pathname.slice(1); // Remove leading slash\n\n // Check for sitename parameter for Neocities API integration\n const sitename = url.searchParams.get(\"sitename\");\n\n // Debug info\n console.log(`Request path: ${path}`);\n console.log(`Sitename parameter: ${sitename || \"none\"}`);\n\n // If using sitename parameter, fetch from Neocities API\n if (sitename) {\n // Create the database key using sitename.neocities.org format\n const dbKey = `${sitename}.neocities.org`;\n\n // Fetch stats from Neocities API\n const neocitiesData = await fetchNeocitiesStats(sitename);\n\n // Get the current count from database (either fresh or cached)\n const count = await getCount(dbKey);\n\n // If API fetch successful, update the database\n if (neocitiesData && neocitiesData.result === \"success\") {\n // Extract the hits value\n const hits = neocitiesData.info.hits || 0;\n\n // Store the value in our database for tracking\n await setCount(dbKey, hits);\n } else {\n console.log(`Failed to fetch data for site: ${sitename}`);\n }\n\n // Return the counter image with the hits count\n return renderCounterImage(count);\n }\n\n // If root path, show HTML documentation\n if (!path) {\n return renderHtmlPage();\n }\n\n const urlInfo = extractUrlInfo(path);\n if (!urlInfo) {\n console.log(\"Invalid URL format\");\n return renderErrorImage(\"INVALID URL FORMAT\");\n }\n\n console.log(`URL info:`, urlInfo);\n const { domain, path: pagePath } = urlInfo;\n const fullUrl = `${domain}/${pagePath}`;\n console.log(`Full URL for counter: ${fullUrl}`);\n\n // Get the Origin header\n const origin = req.headers.get(\"Origin\");\n console.log(`Origin header: ${origin || \"none\"}`);\n\n // If Origin is present, check if it matches the domain\n if (origin) {\n const originUrl = new URL(origin);\n const originDomain = originUrl.hostname;\n\n // Check if the origin domain matches the requested domain\n if (originDomain !== domain) {\n console.log(`Origin mismatch: ${originDomain} vs ${domain}`);\n return renderErrorImage(\"MISMATCHED ORIGIN\");\n }\n }\n\n // Increment the counter and get the new count\n const count = await incrementCount(fullUrl);\n console.log(`Counter for ${fullUrl}: ${count}`);\n\n // Return the counter image\n return renderCounterImage(count);\n}",[],[174],"files",[152,172],"counts",{"_185":32,"_186":135,"_187":32,"_188":189},"pulls","branches","forks","envVars",{"_190":32,"_191":32},"count","emptyCount","contents",[194,197],{"_102":153,"_95":154,"_155":156,"_157":-5,"_158":136,"_159":135,"_160":161,"_104":195,"_99":32,"_163":164,"_165":166,"_167":22,"_168":-5,"_98":196},["D",1760918527300],[154],{"_102":173,"_95":174,"_155":175,"_157":-5,"_158":136,"_159":135,"_160":161,"_104":198,"_99":32,"_163":177,"_165":178,"_167":22,"_168":-5,"_98":199},["D",1760918527300],[174],"upstreamProject",{"_102":144,"_95":96,"_110":-5,"_111":-5,"_108":109,"_23":202},{"_93":203,"_128":204},"mbo","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yZkoyM2t0ajBwOGpkSWt1aDBrd1FyWlV1d1EifQ","upstreamBranch",{"_102":139,"_104":207,"_208":209,"_95":43,"_137":144,"_99":141,"_138":-5,"_140":-5,"_210":211,"_106":-5,"_149":22,"_108":109,"_148":203,"_16":146,"_147":96},["D",1746199554582],"updatedAt",["D",1746943990133],"lockfileKey","1755535774439-esm.town_v_mbo_neocities_hit_counter@80-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.compare.$branch",{"_93":94,"_95":96,"_97":43,"_100":218,"_223":32,"_224":32,"_225":226,"_232":22,"_233":222,"_234":235,"_238":-5},{"_102":103,"_95":96,"_104":219,"_106":-5,"_107":22,"_108":109,"_110":-5,"_111":-5,"_14":112,"_113":-5,"_114":22,"_115":-5,"_116":32,"_16":117,"_118":119,"_120":119,"_121":122,"_123":122,"_124":122,"_125":119,"_126":119,"_23":220,"_130":221,"_133":222,"_149":22},["D",1760918527300],{"_93":94,"_128":129},{"_93":94,"_132":129},{"_99":135,"_95":43,"_102":136,"_137":103,"_138":139,"_140":141,"_142":109,"_143":144,"_145":146,"_147":96,"_148":94},"ahead","behind","diff",{"_227":228,"_167":229,"_230":231},"added",[],[],"modified",[],"hasChanges","sourceBranch","targetBranch",{"_102":139,"_104":236,"_208":237,"_95":43,"_137":144,"_99":141,"_138":-5,"_140":-5,"_210":211,"_106":-5,"_149":22,"_108":109,"_148":203,"_16":146,"_147":96},["D",1746199554582],["D",1746943990133],"pull","actionData","errors"]

thegreekgeek

neocities_hit_counter

Mergethegreekgeek/mainintombo/main