[{"_1":2,"_126":-5,"_127":-5},"loaderData",{"_3":4,"_91":92},"root",{"_5":6,"_34":35,"_64":65},"ctx",{"_7":8,"_23":-5,"_24":25,"_26":27,"_28":20,"_29":20,"_30":20,"_31":32,"_33":20},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20,"_21":22},"sessionClaims","sessionId","sessionStatus","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","isAuthenticated",false,"tokenType","session_token","user","preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","notificationCount",0,"flagDenols","ENV",{"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59,"_60":61,"_62":63},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","a31a1550ad486cf340b818a53bc6ddc8c7db0295","RENDER_GIT_BRANCH","main","CLERK_PUBLISHABLE_KEY","pk_live_Y2xlcmsudmFsLnRvd24k","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","API_URL","https://api.val.town","clerkState",{"_66":67},"__internal_clerk_state",{"_68":69,"_70":45,"_71":72,"_73":72,"_74":20,"_75":72,"_76":72,"_77":72,"_78":72,"_79":80,"_89":20,"_90":20},"__clerk_ssr_state",{"_21":22,"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__clerk_debug",{"_81":20,"_19":20,"_82":72,"_83":84,"_85":72,"_86":45,"_87":20,"_88":72},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","routes/embed.$handle.$name",{"_93":94,"_114":-7},"val",{"_95":96,"_97":98,"_99":100,"_101":102,"_103":104,"_105":106,"_107":108,"_109":108,"_110":111,"_112":113,"_114":115,"_23":116,"_121":122,"_123":124,"_125":72},"name","valWall","author","a8270e74-6479-475a-8025-9b69544ee0e7","valNameId","687e250e-6e09-11ef-ab75-de64eea55b61","privacy","public","readme","Inspired by https://www.val.town/v/ejfox/valcontributionchart","valType","http","currentVersion","fb340f42-6ece-11ef-aa11-de64eea55b61","id","code","import { Hono } from 'jsr:@hono/hono'\nimport {\n appendTrailingSlash,\n} from 'npm:hono/trailing-slash'\nimport { html } from \"https://deno.land/x/hono@v3.11.7/helper.ts\";\nimport dayjs from \"npm:dayjs\";\n\n// import { getVals, getValsWithVersions } from \"./api.js\";\nimport { getVals, getValsWithVersions } from \"https://esm.town/v/yawnxyz/valVersions\";\n\nconst app = new Hono();\napp.use(appendTrailingSlash())\n\napp.get(\"/graph/:username?\", async (c) => {\n console.log(\"graph:\", c.req.param(\"username\") || c.req.query(\"username\"));\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// 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","createdAt",["D",1725902072856],"version",12,{"_117":118,"_119":120},"handle","yawnxyz","profileImageUrl","https://images.clerk.dev/oauth_github/img_2NnaHhpxNuH1xWRIRjQNoo16TVc.jpeg","fileId","8cb95018-2792-11f0-9d52-569c3dd06744","slug","yawnxyz/valWall","description","actionData","errors"]