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 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) {\n console.log(`Username provided in query: ${username}`);\n return renderPage(c, username);\n }\n return renderPage(c);\n});\n\nasync function generateGraph(username) {\n if (!username) {\n return html`

Please enter a username

`;\n }\n\n console.log(`Fetching contributions for ${username}`);\n try {\n const vals = await getVals(username);\n console.log(`Fetched ${vals.length} contributions`);\n const contributionData = processVals(vals);\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 ${initialUsername ? html`

` : ''}\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}\n\nfunction processVals(vals) {\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 : count < 5 ? 1 : count < 10 ? 2 : count < 15 ? 3 : 4\n }));\n}\n\nexport default (typeof Deno !== \"undefined\" && Deno.env.get(\"valtown\")) ? app.fetch : app;\n",[],[176],"files",[156,174],"counts",{"_187":32,"_188":121,"_189":190,"_191":192},"pulls","branches","forks",2,"envVars",{"_193":32,"_194":32},"count","emptyCount","contents",[],{"_104":157,"_95":99,"_158":159,"_160":-5,"_161":141,"_162":121,"_163":110,"_106":198,"_100":32,"_165":166,"_167":168,"_169":22,"_170":-5,"_98":199},["D",1725817216088],[99],"upstreamProject",{"_104":148,"_95":202,"_113":-5,"_114":-5,"_111":112,"_23":203},"valcontributionchart",{"_93":204,"_133":205},"iamseeley","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJsaWQ1T0xmZ2dwbk5kMWNOWW1yR2dIZDdHeCJ9","upstreamBranch",{"_104":144,"_106":208,"_209":210,"_95":43,"_142":148,"_100":121,"_143":211,"_145":32,"_212":213,"_108":-5,"_153":22,"_111":112,"_152":204,"_16":150,"_151":202},["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.branch.$branch.version.$version.code.$",{"_93":94,"_95":96,"_97":43,"_100":101,"_98":99,"_102":220,"_154":225,"_183":232,"_166":233,"_195":235,"_236":237,"_240":-5,"_241":140,"_242":121,"_243":244},{"_104":105,"_95":96,"_106":221,"_108":-5,"_109":110,"_111":112,"_113":-5,"_114":-5,"_14":115,"_116":117,"_118":110,"_119":-5,"_120":121,"_16":122,"_123":124,"_125":124,"_126":127,"_128":127,"_129":127,"_130":124,"_131":124,"_23":222,"_135":223,"_138":224,"_153":22},["D",1746217082787],{"_93":94,"_133":134},{"_93":94,"_137":134,"_14":115},{"_100":140,"_95":43,"_104":141,"_142":105,"_143":144,"_145":32,"_146":112,"_147":148,"_149":150,"_151":96,"_152":94},[226,229],{"_104":157,"_95":99,"_158":159,"_160":-5,"_161":141,"_162":121,"_163":110,"_106":164,"_100":32,"_165":166,"_167":168,"_169":22,"_170":-5,"_171":227,"_98":228},[],[99],{"_104":175,"_95":176,"_158":117,"_160":-5,"_161":141,"_162":101,"_163":22,"_106":177,"_100":178,"_165":179,"_167":180,"_169":22,"_170":-5,"_171":230,"_98":231},[],[176],[226,229],{"_104":157,"_95":99,"_158":159,"_160":-5,"_161":141,"_162":121,"_163":110,"_106":198,"_100":32,"_165":166,"_167":168,"_169":22,"_170":-5,"_98":234},[99],[],"upstream",{"_104":144,"_106":238,"_209":239,"_95":43,"_142":148,"_100":121,"_143":211,"_145":32,"_212":213,"_108":-5,"_153":22,"_111":112,"_152":204,"_16":150,"_151":202},["D",1746281071938],["D",1725275981028],"pull","ahead","behind","templates",[],"actionData","errors"]