Ready to roll

No active shift

\n Start a shift to pull in the default checklist, add custom tasks, and keep notes as you go.\n

\n \n

\n `;\n\n const startShiftBtn = document.getElementById(\"start-shift-btn\");\n startShiftBtn?.addEventListener(\"click\", async () => {\n const payload = await api(\"/api/shifts/start\", { method: \"POST\" });\n appState = {\n ...(appState as AppStatePayload),\n activeShift: payload,\n };\n await fetchState();\n showToast(\"Shift started\");\n render();\n });\n return;\n }\n\n const progress = activeShift.shift.totalCount\n ? Math.round((activeShift.shift.completedCount / activeShift.shift.totalCount) * 100)\n : 0;\n\n const groupedTasks = groupTasks(activeShift.tasks);\n const sectionsMarkup = [...groupedTasks.entries()].map(([section, tasks]) => `\n

${escapeHtml(section)}

\n ${tasks.filter((task) => task.completed).length}/${tasks.length}\n

\n ${tasks.map((task) => `\n \n \n

${escapeHtml(task.label)}

${task.source === \"custom\" ? \"Custom task\" : \"Template task\"} · ${escapeHtml(formatClock(task.completedAt))}

\n ${task.completed ? \"Done\" : \"Open\"}\n \n `).join(\"\")}\n

\n `).join(\"\");\n\n homeView.innerHTML = `\n

Active shift

${escapeHtml(formatDateTime(activeShift.shift.startedAt))}

\n \n

\n\n

\n ${activeShift.shift.completedCount}/${activeShift.shift.totalCount}\n tasks done\n

\n ${progress}%\n completed\n

\n ${[...groupedTasks.keys()].length}\n sections\n

\n\n

Custom add

Add a task mid-shift

\n \n

\n\n

Shift notes

What happened?

\n \n

\n\n

Checklist

Work the board

\n ${sectionsMarkup}\n

\n `;\n\n homeView.querySelectorAll('input[type=\"checkbox\"][data-task-id]').forEach((checkbox) => {\n checkbox.addEventListener(\"change\", async () => {\n const taskId = Number(checkbox.dataset.taskId);\n await api(\"/api/tasks/\" + taskId, {\n method: \"PATCH\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ completed: checkbox.checked }),\n });\n await fetchState();\n showToast(checkbox.checked ? \"Task completed\" : \"Task reopened\");\n render();\n });\n });\n\n const customTaskForm = document.getElementById(\"custom-task-form\") as HTMLFormElement | null;\n customTaskForm?.addEventListener(\"submit\", async (event) => {\n event.preventDefault();\n const formData = new FormData(customTaskForm);\n await api(\"/api/shifts/\" + activeShift.shift.id + \"/tasks\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n section: String(formData.get(\"section\") ?? \"\"),\n label: String(formData.get(\"label\") ?? \"\"),\n }),\n });\n customTaskForm.reset();\n await fetchState();\n showToast(\"Custom task added\");\n render();\n });\n\n const notesForm = document.getElementById(\"notes-form\") as HTMLFormElement | null;\n notesForm?.addEventListener(\"submit\", async (event) => {\n event.preventDefault();\n const formData = new FormData(notesForm);\n await api(\"/api/shifts/\" + activeShift.shift.id + \"/notes\", {\n method: \"PATCH\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ notes: String(formData.get(\"notes\") ?? \"\") }),\n });\n await fetchState();\n showToast(\"Notes saved\");\n render();\n });\n\n const endShiftBtn = document.getElementById(\"end-shift-btn\");\n endShiftBtn?.addEventListener(\"click\", async () => {\n await api(\"/api/shifts/\" + activeShift.shift.id + \"/end\", { method: \"POST\" });\n await fetchState();\n showToast(\"Shift ended\");\n render();\n });\n}\n\nfunction renderHistoryCard(shift: ShiftHistoryEntry): string {\n const doneTasks = shift.tasks.filter((task) => task.completed);\n return `\n

Completed shift

${escapeHtml(formatDateTime(shift.startedAt))}

\n ${shift.completedCount}/${shift.totalCount}\n

\n Ended ${escapeHtml(formatDateTime(shift.endedAt))}\n

\n ${shift.notes\n ? `

${escapeHtml(shift.notes)}

`\n : \"\"}\n

\n ${doneTasks.length\n ? doneTasks.slice(0, 4).map((task) => escapeHtml(task.label)).join(\" · \")\n : \"No tasks were completed in this shift.\"}\n

\n `;\n}\n\nfunction renderHistory(): void {\n historyView.classList.toggle(\"hidden\", currentView !== \"history\" || !currentUser?.email);\n\n if (!currentUser?.email || !appState) {\n historyView.innerHTML = \"\";\n return;\n }\n\n historyView.innerHTML = `\n

Shift archive

History

\n ${\n appState.history.length\n ? appState.history.map(renderHistoryCard).join(\"\")\n : '

No completed shifts yet. Finish your first one to build history.

'\n }\n

\n `;\n}\n\nfunction renderTemplates(): void {\n templatesView.classList.toggle(\"hidden\", currentView !== \"templates\" || !currentUser?.email);\n\n if (!currentUser?.email || !appState) {\n templatesView.innerHTML = \"\";\n return;\n }\n\n const groupedTemplates = new Map();\n for (const item of appState.templates) {\n const existing = groupedTemplates.get(item.section) ?? [];\n existing.push(item);\n groupedTemplates.set(item.section, existing);\n }\n\n templatesView.innerHTML = `\n

Reusable list

Templates

\n Default checklist items are baked in. Add your own recurring tasks here so new shifts start closer to reality.\n

\n \n

\n\n

Current template library

What a shift starts with

\n ${[...groupedTemplates.entries()].map(([section, items]) => `\n

${escapeHtml(section)}

\n ${items.length} items\n

\n ${items.map((item) => `\n

\n \n

${escapeHtml(item.label)}

${item.source === \"default\" ? \"Default\" : \"Your template\"}

\n ${item.source}\n

\n `).join(\"\")}\n

\n `;\n\n const templateForm = document.getElementById(\"template-form\") as HTMLFormElement | null;\n templateForm?.addEventListener(\"submit\", async (event) => {\n event.preventDefault();\n const formData = new FormData(templateForm);\n await api(\"/api/templates\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n section: String(formData.get(\"section\") ?? \"\"),\n label: String(formData.get(\"label\") ?? \"\"),\n }),\n });\n templateForm.reset();\n await fetchState();\n showToast(\"Template item added\");\n render();\n });\n}\n\nfunction render(): void {\n document.title = `${APP_NAME} v${VERSION}`;\n renderAuth();\n renderNav();\n renderHome();\n renderHistory();\n renderTemplates();\n}\n\nviewNav.querySelectorAll(\"button\").forEach((button) => {\n button.addEventListener(\"click\", () => {\n currentView = (button.dataset.view as ViewName) || \"home\";\n render();\n });\n});\n\ninitialize().catch((error) => {\n console.error(error);\n showToast(\"Could not load app\");\n});\n",[],[136,145],"edcffd3e-18ff-11f1-9347-42dde27851f2","index.html","edcffdfc-18ff-11f1-9347-42dde27851f2",4,["D",1772762291068],"\n\n \n \n \n Shift Todo\n \n \n \n \n \n \n

Shift flow

Shift Todo

\n Turn a messy paper checklist into a pocket shift board with live progress,\n quick notes, and reusable templates.\n

\n\n

\n Loading account…\n

\n\n \n

\n\n

\n \n\n

\n\n

\n \n \n\n",[],[136,153],["D",1772762290646],[163,164,165,166,167],[19],{"_38":83,"_13":84,"_41":85,"_43":44,"_45":46,"_47":86,"_49":50,"_51":180,"_17":53,"_54":55,"_56":88,"_58":59,"_60":-5,"_107":181,"_18":182},{"_38":76,"_13":77,"_41":78,"_43":44,"_45":46,"_47":79,"_49":50,"_51":177,"_17":53,"_54":55,"_56":81,"_58":59,"_60":-5,"_107":178,"_18":179},{"_38":69,"_13":70,"_41":71,"_43":44,"_45":46,"_47":72,"_49":50,"_51":174,"_17":53,"_54":55,"_56":74,"_58":59,"_60":-5,"_107":175,"_18":176},{"_38":62,"_13":63,"_41":64,"_43":44,"_45":46,"_47":65,"_49":50,"_51":171,"_17":53,"_54":55,"_56":67,"_58":59,"_60":-5,"_107":172,"_18":173},{"_38":39,"_13":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_51":168,"_17":53,"_54":55,"_56":57,"_58":59,"_60":-5,"_107":169,"_18":170},["D",1772762291290],[],[19,40],["D",1772762291183],[],[19,63],["D",1772762291189],[],[19,70],["D",1772762291193],[],[19,77],["D",1772762291253],[],[19,84],"29cdb7be-18ff-11f1-861f-42dde27851f2",["D",1772761962222],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","userId","1601447d-3c17-4580-a190-f6b82a1eb8e2","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","8789b31e-4477-4b2d-ae0d-cc5f2132061a","tursoName","29cdb7be18ff11f1861f42dde27851f2","tursoHostname","29cdb7be18ff11f1861f42dde27851f2-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789513858534],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_240":236},"org",{"_11":12,"_234":-5,"_235":236,"_193":194,"_237":238,"_239":59},"branch",{"_17":225,"_13":16,"_38":46,"_226":183,"_227":-5,"_228":-5,"_229":-5,"_230":-5,"_231":-5,"_232":14,"_233":12},"isOwned",15,"projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJ3WWZ5Sm91SWx1eXRNRTZDazIwbnFiUVV4WiJ9","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_38":183,"_13":14,"_51":319,"_185":-5,"_186":59,"_187":188,"_189":188,"_190":191,"_192":-5,"_193":194,"_195":101,"_196":50,"_197":-5,"_198":-5,"_199":53,"_200":201,"_202":203,"_204":205,"_206":320,"_208":-5,"_209":210,"_211":210,"_212":213,"_214":213,"_215":213,"_216":210,"_217":210,"_218":321,"_220":322,"_222":323,"_224":59},[280,286,289,292],"files",[280,281,282,283,284,285,286,287,288,289,290,291,292],"counts",{"_271":53,"_272":138,"_273":53,"_32":274,"_275":276},[261,262,263,264,265],{"_38":90,"_13":19,"_41":44,"_43":-5,"_45":46,"_47":91,"_49":50,"_51":92,"_17":53,"_54":93,"_56":-5,"_58":59,"_60":-5,"_18":260},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[19],{"_38":83,"_13":84,"_41":85,"_43":44,"_45":46,"_47":86,"_49":50,"_51":87,"_17":53,"_54":55,"_56":88,"_58":59,"_60":-5,"_18":270},{"_38":76,"_13":77,"_41":78,"_43":44,"_45":46,"_47":79,"_49":50,"_51":80,"_17":53,"_54":55,"_56":81,"_58":59,"_60":-5,"_18":269},{"_38":69,"_13":70,"_41":71,"_43":44,"_45":46,"_47":72,"_49":50,"_51":73,"_17":53,"_54":55,"_56":74,"_58":59,"_60":-5,"_18":268},{"_38":62,"_13":63,"_41":64,"_43":44,"_45":46,"_47":65,"_49":50,"_51":66,"_17":53,"_54":55,"_56":67,"_58":59,"_60":-5,"_18":267},{"_38":39,"_13":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_51":52,"_17":53,"_54":55,"_56":57,"_58":59,"_60":-5,"_18":266},[19,40],[19,63],[19,70],[19,77],[19,84],"pulls","branches","forks",{"_277":53,"_279":53},"connections",{"_277":53,"_278":53},"count","unfilledCount","emptyCount",{"_38":90,"_13":19,"_41":44,"_43":-5,"_45":46,"_47":91,"_49":50,"_51":160,"_17":53,"_54":93,"_56":-5,"_58":59,"_60":-5,"_107":317,"_18":318},{"_38":83,"_13":84,"_41":85,"_43":44,"_45":46,"_47":86,"_49":50,"_51":180,"_17":53,"_54":55,"_56":88,"_58":59,"_60":-5,"_107":315,"_18":316},{"_38":76,"_13":77,"_41":78,"_43":44,"_45":46,"_47":79,"_49":50,"_51":177,"_17":53,"_54":55,"_56":81,"_58":59,"_60":-5,"_107":313,"_18":314},{"_38":69,"_13":70,"_41":71,"_43":44,"_45":46,"_47":72,"_49":50,"_51":174,"_17":53,"_54":55,"_56":74,"_58":59,"_60":-5,"_107":311,"_18":312},{"_38":62,"_13":63,"_41":64,"_43":44,"_45":46,"_47":65,"_49":50,"_51":171,"_17":53,"_54":55,"_56":67,"_58":59,"_60":-5,"_107":309,"_18":310},{"_38":39,"_13":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_51":168,"_17":53,"_54":55,"_56":57,"_58":59,"_60":-5,"_107":307,"_18":308},{"_38":135,"_13":136,"_41":137,"_43":-5,"_45":46,"_47":138,"_49":50,"_51":139,"_17":53,"_54":93,"_56":-5,"_58":59,"_60":-5,"_107":305,"_18":306},{"_38":152,"_13":153,"_41":154,"_43":137,"_45":46,"_47":155,"_49":50,"_51":156,"_17":53,"_54":24,"_56":157,"_58":59,"_60":-5,"_107":303,"_18":304},{"_38":144,"_13":145,"_41":146,"_43":137,"_45":46,"_47":147,"_49":50,"_51":148,"_17":53,"_54":55,"_56":149,"_58":59,"_60":-5,"_107":301,"_18":302},{"_38":110,"_13":111,"_41":112,"_43":-5,"_45":46,"_47":113,"_49":50,"_51":114,"_17":53,"_54":93,"_56":-5,"_58":59,"_60":-5,"_107":299,"_18":300},{"_38":127,"_13":128,"_41":129,"_43":112,"_45":46,"_47":130,"_49":50,"_51":131,"_17":53,"_54":55,"_56":132,"_58":59,"_60":-5,"_107":297,"_18":298},{"_38":119,"_13":120,"_41":121,"_43":112,"_45":46,"_47":122,"_49":50,"_51":123,"_17":53,"_54":55,"_56":124,"_58":59,"_60":-5,"_107":295,"_18":296},{"_38":99,"_13":100,"_41":101,"_43":-5,"_45":46,"_47":102,"_49":50,"_51":103,"_17":53,"_54":104,"_56":105,"_58":59,"_60":106,"_107":293,"_18":294},[],[100],[],[111,120],[],[111,128],[290,291],[111],[],[136,145],[],[136,153],[287,288],[136],[],[19,40],[],[19,63],[],[19,70],[],[19,77],[],[19,84],[281,282,283,284,285],[19],["D",1772761962222],["D",1789513858534],{"_11":12,"_240":236},{"_11":12,"_234":-5,"_235":236,"_193":194,"_237":238,"_239":59},{"_17":225,"_13":16,"_38":46,"_226":183,"_227":-5,"_228":-5,"_229":-5,"_230":-5,"_231":-5,"_232":14,"_233":12},"ctx",{"_218":-5,"_257":357,"_358":359,"_360":361,"_362":59,"_363":59,"_364":59,"_365":50,"_366":-5,"_367":-7,"_368":-7,"_369":53,"_370":59,"_371":59,"_372":-5,"_373":59,"_374":59,"_375":59,"_376":-5},"ENV",{"_328":329,"_330":331,"_332":16,"_333":334,"_335":336,"_337":338,"_339":340,"_341":342,"_343":344,"_345":346,"_347":348,"_349":350,"_351":352,"_353":354,"_355":356},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","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","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

No active shift

${escapeHtml(section)}

${escapeHtml(formatDateTime(activeShift.shift.startedAt))}

Add a task mid-shift

What happened?

Work the board

${escapeHtml(formatDateTime(shift.startedAt))}

History

Templates

What a shift starts with

${escapeHtml(section)}

Login required