Error: Username is required

`);\n }\n try {\n let graph = await generateGraph(username);\n return c.html(`

${graph}

`);\n } catch (error) {\n console.error(`Error generating graph for ${username}:`, error);\n return c.html(`

Error: ${error.message}

`);\n }\n});\n\n\n// hono bug doesn't handle optional params? so have to do this\napp.get(\"/graph/\", async (c) => {\n const username = c.req.param(\"username\") || c.req.query(\"username\");\n if (!username) {\n return c.html(`

Error: Username is required

`);\n }\n try {\n let graph = await generateGraph(username);\n return c.html(`

${graph}

`);\n } catch (error) {\n console.error(`Error generating graph for ${username}:`, error);\n return c.html(`

Error: ${error.message}

`);\n }\n});\n\n\n\n\napp.get(\"/:username\", (c) => {\n if (c.req.url.pathname === '/favicon.ico') {\n return c.json(null, 404);\n }\n const username = c.req.param(\"username\") || c.req.query(\"username\");\n console.log(`Rendering page for username: ${username}`);\n return renderPage(c, username);\n});\n\napp.get(\"/\", (c) => {\n console.log(\"Rendering home page\");\n const username = c.req.query(\"username\");\n if (username === 'favicon.ico') {\n return c.json(null, 404);\n }\n if (username) {\n console.log(`Username provided in query: ${username}`);\n return renderPage(c, username);\n }\n return renderPage(c);\n});\n\n\nasync function generateGraph(username, useVersions = true) {\n if (!username) {\n return html`

Please enter a username

`;\n }\n\n console.log(`Fetching contributions for ${username}`);\n try {\n let vals;\n if (useVersions) {\n vals = await getValsWithVersions(username, 200);\n } else {\n vals = await getVals(username);\n }\n\n // if use all versions, we get all the versions of each val\n if (useVersions) {\n vals = vals.map(val => val.versions ? val.versions : val).flat();\n }\n\n console.log(`Fetched ${vals.length} contributions`);\n const contributionData = processVals(vals, useVersions);\n console.log(`Processed ${contributionData.length} contributions`);\n return html`\n

Contribution Graph for ${username}

\n \n \n \n \n ${generateMonthLabels(contributionData)}\n \n \n \n ${generateContributionRows(contributionData)}\n \n

\n `;\n } catch (error) {\n console.error(`Error processing data for ${username}:`, error);\n throw new Error(`Failed to process data: ${error.message}`);\n }\n}\n\nfunction renderPage(c, initialUsername = null) {\n return c.html(html`\n \n \n \n \n \n \n \n Val Wall\n \n \n \n

Valtown Contribution Graph

\n \n \n \n

\n ${initialUsername ? html`

Loading graph...

` : ''}\n

\n Source: https://www.val.town/v/yawnxyz/valWall\n

\n \n \n `);\n}\nfunction generateMonthLabels(contributionData) {\n const months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\n const today = dayjs();\n const oneYearAgo = today.subtract(1, 'year').add(1, 'day');\n const totalDays = today.diff(oneYearAgo, 'day') + 1;\n const totalWeeks = Math.ceil(totalDays / 7);\n\n let currentDate = oneYearAgo;\n let monthLabels = [];\n let currentMonth = null;\n let columnCount = 0;\n\n for (let week = 0; week < totalWeeks; week++) {\n const monthOfWeek = currentDate.month();\n \n if (monthOfWeek !== currentMonth) {\n if (currentMonth !== null) {\n monthLabels.push({ name: months[currentMonth], columns: columnCount });\n }\n currentMonth = monthOfWeek;\n columnCount = 1;\n } else {\n columnCount++;\n }\n\n currentDate = currentDate.add(1, 'week');\n }\n\n // Add the last month\n monthLabels.push({ name: months[currentMonth], columns: columnCount });\n\n return html`${monthLabels.map(month => html`${month.name}`)}`;\n}\n\nfunction generateContributionRows(contributionData) {\n const dayLabels = ['', 'Mon', '', 'Wed', '', 'Fri', ''];\n let rows = [];\n\n for (let i = 0; i < 7; i++) {\n rows.push(html`\n \n ${dayLabels[i]}\n ${generateContributionCells(contributionData, i)}\n \n `);\n }\n\n return rows;\n}\nfunction generateContributionCells(contributionData, dayOfWeek) {\n let cells = [];\n for (let i = dayOfWeek; i < contributionData.length; i += 7) {\n const day = contributionData[i];\n cells.push(html`\n \n

\n ${day.date}: ${day.count} contribution${day.count !== 1 ? 's' : ''}\n

\n \n `);\n }\n return cells;\n}\nfunction processVals(vals, useVersions) {\n const today = new Date();\n const oneYearAgo = new Date(today.getFullYear() - 1, today.getMonth(), today.getDate());\n const contributionMap = new Map();\n\n // Initialize the map with all dates in the last year\n for (let d = new Date(oneYearAgo); d <= today; d.setDate(d.getDate() + 1)) {\n contributionMap.set(d.toISOString().split('T')[0], 0);\n }\n\n // Count contributions\n vals.forEach(val => {\n const date = new Date(val.createdAt).toISOString().split('T')[0];\n if (contributionMap.has(date)) {\n contributionMap.set(date, contributionMap.get(date) + 1);\n }\n });\n\n // Convert to array and add level\n return Array.from(contributionMap, ([date, count]) => ({\n date,\n count,\n level: count === 0 ? 0 : \n useVersions ? \n count < 10 ? 1 : \n count < 25 ? 2 : \n count < 50 ? 3 : 4 \n : \n count < 5 ? 1 : \n count < 10 ? 2 : \n count < 15 ? 3 : 4\n }));\n}\n\nexport default (typeof Deno !== \"undefined\" && Deno.env.get(\"valtown\")) ? app.fetch : app;\n",[],[175],"files",[154,173],"counts",{"_186":32,"_187":119,"_188":189,"_190":32},"pulls","branches","forks",2,"envVars","contents",[193,196],{"_102":155,"_95":156,"_157":158,"_159":-5,"_160":139,"_161":119,"_162":108,"_104":194,"_99":32,"_164":165,"_166":167,"_168":22,"_169":-5,"_98":195},["D",1725817216088],[156],{"_102":174,"_95":175,"_157":115,"_159":-5,"_160":139,"_161":138,"_162":108,"_104":197,"_99":177,"_164":178,"_166":179,"_168":22,"_169":-5,"_98":198},["D",1725902072856],[175],"upstreamProject",{"_102":146,"_95":201,"_111":-5,"_112":-5,"_109":110,"_23":202},"valcontributionchart",{"_93":203,"_131":204},"iamseeley","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJsaWQ1T0xmZ2dwbk5kMWNOWW1yR2dIZDdHeCJ9","upstreamBranch",{"_102":142,"_104":207,"_208":209,"_95":43,"_140":146,"_99":119,"_141":210,"_143":32,"_211":212,"_106":-5,"_151":22,"_109":110,"_150":203,"_16":148,"_149":201},["D",1746281071938],"updatedAt",["D",1725275981028],"446c4aa0-2791-11f0-9d52-569c3dd06744","lockfileKey","1746310601480-esm.town_v_iamseeley_valcontributionchart@1-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name._index",{"_93":94,"_95":96,"_97":-7,"_99":-7,"_100":219,"_191":224,"_229":230,"_233":234,"_237":-5,"_182":238,"_245":246},{"_102":103,"_95":96,"_104":220,"_106":-5,"_107":108,"_109":110,"_111":-5,"_112":-5,"_14":113,"_114":115,"_116":108,"_117":-5,"_118":119,"_16":120,"_121":122,"_123":122,"_124":125,"_126":125,"_127":125,"_128":122,"_129":122,"_23":221,"_133":222,"_136":223,"_151":22},["D",1746217082787],{"_93":94,"_131":132},{"_93":94,"_135":132},{"_99":138,"_95":43,"_102":139,"_140":103,"_141":142,"_143":32,"_144":110,"_145":146,"_147":148,"_149":96,"_150":94},[225,227],{"_102":155,"_95":156,"_157":158,"_159":-5,"_160":139,"_161":119,"_162":108,"_104":194,"_99":32,"_164":165,"_166":167,"_168":22,"_169":-5,"_98":226},[156],{"_102":174,"_95":175,"_157":115,"_159":-5,"_160":139,"_161":138,"_162":108,"_104":197,"_99":177,"_164":178,"_166":179,"_168":22,"_169":-5,"_98":228},[175],"readme",{"_102":155,"_95":156,"_157":158,"_159":-5,"_160":139,"_161":119,"_162":108,"_104":231,"_99":32,"_164":165,"_166":167,"_168":22,"_169":-5,"_98":232},["D",1725817216088],[156],"upstream",{"_102":142,"_104":235,"_208":236,"_95":43,"_140":146,"_99":119,"_141":210,"_143":32,"_211":212,"_106":-5,"_151":22,"_109":110,"_150":203,"_16":148,"_149":201},["D",1746281071938],["D",1725275981028],"pull",[239,242],{"_102":155,"_95":156,"_157":158,"_159":-5,"_160":139,"_161":119,"_162":108,"_104":163,"_99":32,"_164":165,"_166":167,"_168":22,"_169":-5,"_170":240,"_98":241},[],[156],{"_102":174,"_95":175,"_157":115,"_159":-5,"_160":139,"_161":138,"_162":108,"_104":176,"_99":177,"_164":178,"_166":179,"_168":22,"_169":-5,"_170":243,"_98":244},[],[175],"previews",[242],"actionData","errors"]