[{"_1":2,"_181":-5,"_182":-5},"loaderData",{"_3":4,"_91":92,"_148":149,"_180":-5},"root",{"_5":6,"_32":33,"_58":59,"_89":90},"ctx",{"_7":8,"_18":19,"_20":-5,"_21":22,"_23":24,"_25":26,"_27":26,"_28":29,"_30":31},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5},"sessionClaims","sessionId","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","environmentVariableKeys",[],"user","preferences_keybindings","default","preferences_theme","light","preferences_fixers",false,"preferences_copilot","preferences_model","claude-3-5-haiku-20241022","notification_count",0,"ENV",{"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":55,"_56":57},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","fa80b67e1f763bfb4b247c3f5ca4f0b0730f3f5c","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","API_URL","https://api.val.town","WORKER_FINGERPRINT","799d99f2805306c2714a7cfefbeae178","clerkState",{"_60":61},"__internal_clerk_state",{"_62":63,"_64":43,"_65":66,"_67":66,"_68":26,"_69":66,"_70":66,"_71":66,"_72":66,"_73":66,"_74":66,"_75":66,"_76":66,"_77":78,"_87":26,"_88":26},"__clerk_ssr_state",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__signInForceRedirectUrl","__signUpForceRedirectUrl","__signInFallbackRedirectUrl","__signUpFallbackRedirectUrl","__clerk_debug",{"_79":26,"_80":66,"_81":82,"_83":66,"_84":43,"_85":26,"_86":66},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","remixVersion",2,"routes/_app.v.$handle.$name",{"_93":94,"_95":96,"_94":97,"_143":-5,"_144":-5,"_145":146,"_128":129,"_136":137,"_100":101,"_98":99,"_117":-7,"_50":51,"_147":26},"type","val","author","d94f277a-b37f-4f26-9abc-7694e9eb756e",{"_98":99,"_95":96,"_100":101,"_102":-5,"_103":-5,"_104":105,"_106":-5,"_107":108,"_109":110,"_111":26,"_112":110,"_113":114,"_115":116,"_117":31,"_118":26,"_119":120,"_121":31,"_122":31,"_123":31,"_124":31,"_125":31,"_126":-5,"_20":127,"_132":-5,"_133":-7,"_134":135,"_136":137,"_138":139},"name","HowManyDaysUntil","valNameId","92670b2c-e8c2-11ef-a7fc-e6cdfca9ef9f","parentFolderId","isOwned","privacy","public","readme","valType","http","currentVersion","92695a4e-e8c2-11ef-a7fc-e6cdfca9ef9f","legacyPrivate","id","code","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\nconst DAYS_OF_WEEK = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];\n\nfunction App() {\n const [endDate, setEndDate] = useState('');\n const [excludedDays, setExcludedDays] = useState({});\n const [result, setResult] = useState(null);\n\n const handleSubmit = async (e) => {\n e.preventDefault();\n const params = new URLSearchParams({ end: endDate });\n Object.entries(excludedDays).forEach(([day, excluded]) => {\n if (excluded) params.append(day.toLowerCase(), 'false');\n });\n const response = await fetch(`?${params.toString()}`);\n const data = await response.json();\n setResult(data.days);\n };\n\n const handleCheckboxChange = (day) => {\n setExcludedDays(prev => ({ ...prev, [day]: !prev[day] }));\n };\n\n return (\n

Day Counter

\n \n {result !== null && (\n

Number of days: {result}

\n )}\n

\n \n View source: val.town\n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nexport default async function server(request: Request): Promise {\n const url = new URL(request.url);\n const endDateStr = url.searchParams.get('end');\n\n if (endDateStr) {\n const endDate = new Date(endDateStr);\n const now = new Date();\n now.setHours(0, 0, 0, 0);\n endDate.setHours(0, 0, 0, 0);\n\n const excludedDays = DAYS_OF_WEEK.map(day => \n url.searchParams.get(day.toLowerCase()) === 'false'\n );\n\n let days = 0;\n let currentDate = new Date(now);\n\n while (currentDate <= endDate) {\n if (!excludedDays[currentDate.getDay()]) {\n days++;\n }\n currentDate.setDate(currentDate.getDate() + 1);\n }\n\n return new Response(JSON.stringify({ days }), {\n headers: { 'Content-Type': 'application/json' }\n });\n }\n\n return new Response(`\n \n \n \n \n \n Day Counter\n \n \n \n

\n \n \n \n \n `, {\n headers: { 'Content-Type': 'text/html' }\n });\n}\n\nconst css = `\nbody {\n font-family: Arial, sans-serif;\n max-width: 600px;\n margin: 0 auto;\n padding: 20px;\n}\nform {\n display: flex;\n flex-direction: column;\n gap: 15px;\n}\nlabel {\n margin-right: 10px;\n}\nbutton {\n align-self: flex-start;\n padding: 5px 10px;\n}\n`;","createdAt",["D",1739310784924],"version","currentUserHasLiked","likeCount",1,"forkCount","referenceCount","dependencyCount","commentCount","prCount","mergedPr",{"_128":129,"_130":131},"handle","curtcox","profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yYlhYcFBTUEY0bVhuenlHd1pCbmpYckRLZlEifQ","forkedVal","interval","slug","curtcox/HowManyDaysUntil","description","@jsxImportSource https://esm.sh/react@18.2.0","versions",[140],{"_117":31,"_141":-5,"_115":142,"_112":110},"prId",["D",1739310784924],"recentThread","breadcrumbs","comments",[],"isOwner","routes/_app.v.$handle.$name.versions.$(version)",{"_93":150,"_128":129,"_98":99,"_20":151,"_147":26,"_94":155,"_138":162,"_117":-5,"_175":31,"_176":177,"_178":120,"_179":-5},"list",{"_112":96,"_128":129,"_115":152,"_153":154,"_130":131},["D",1706362580103],"bio","Doesn't mention the Met.",{"_98":99,"_95":96,"_100":101,"_102":-5,"_103":156,"_104":105,"_106":-5,"_107":108,"_109":110,"_111":26,"_112":110,"_113":114,"_115":157,"_117":31,"_118":26,"_119":120,"_121":31,"_122":31,"_123":31,"_124":31,"_125":31,"_126":-5,"_20":158,"_132":-5,"_133":-7,"_134":135,"_136":137,"_138":159},true,["D",1739310784924],{"_128":129,"_130":131},[160],{"_117":31,"_141":-5,"_115":161,"_112":110},["D",1739310784924],[163],{"_112":110,"_113":114,"_117":31,"_115":164,"_165":99,"_100":101,"_107":108,"_128":129,"_11":96,"_166":-5,"_167":-5,"_168":-5,"_147":26,"_134":135,"_169":-5,"_170":171},["D",1739310784924],"valName","deletedAt","messageId","threadId","previous","stats",{"_172":173,"_174":31},"additions",144,"deletions","page","pageSize",8,"total","redirect","routes/_app","actionData","errors"]

HowManyDaysUntil

Versions

v0