\n {`${minutos}:${segundos.toString().padStart(2, \"0\")}`}\n \n

\n );\n};\n\nconst TecladoNumerico = ({ alHacerClicEnNumero, alEnviar, alLimpiar }) => {\n return (\n

\n {[1, 2, 3, 4, 5, 6, 7, 8, 9].map((num) => (\n alHacerClicEnNumero(num)}\n className=\"bg-gray-300 hover:bg-gray-400 rounded p-2 text-xl\"\n >\n {num}\n \n ))}\n \n \n \n

\n );\n};\n\nfunction App() {\n const [tareasCompletadas, setTareasCompletadas] = useState([]);\n const [estadosTemporizador, setEstadosTemporizador] = useState(tareasRutinarias.map(tarea => ({\n estaEnMarcha: false,\n estaCompleta: false,\n })));\n const [contrasenapadre, setContrasenaPadre] = useState(\"\");\n const [mostrarPromptContrasena, setMostrarPromptContrasena] = useState(false);\n const [indiceTareaActual, setIndiceTareaActual] = useState(null);\n const [errorContrasena, setErrorContrasena] = useState(false);\n\n const lanzarConfeti = () => {\n const cantidad = 500;\n const configuracionPredeterminada = {\n origin: { y: 0.7 },\n shapes: [\"star\"],\n ticks: 300,\n };\n\n function disparar(proporcionParticulas, opciones) {\n confetti({\n ...configuracionPredeterminada,\n ...opciones,\n particleCount: Math.floor(cantidad * proporcionParticulas),\n });\n }\n\n disparar(0.25, {\n spread: 26,\n startVelocity: 55,\n });\n\n disparar(0.2, {\n spread: 60,\n });\n\n disparar(0.35, {\n spread: 100,\n decay: 0.91,\n scalar: 0.8,\n });\n\n disparar(0.1, {\n spread: 120,\n startVelocity: 25,\n decay: 0.92,\n scalar: 1.2,\n });\n\n disparar(0.1, {\n spread: 120,\n startVelocity: 45,\n });\n };\n\n useEffect(() => {\n if (tareasCompletadas.length === tareasRutinarias.length) {\n lanzarConfeti();\n }\n }, [tareasCompletadas]);\n\n const alternarTarea = (indice) => {\n const tarea = tareasRutinarias[indice];\n const estadoTemporizador = estadosTemporizador[indice];\n\n if (tarea.cronometrado && !estadoTemporizador.estaCompleta) {\n setIndiceTareaActual(indice);\n setMostrarPromptContrasena(true);\n return;\n }\n\n if (tarea.requierePadre) {\n setIndiceTareaActual(indice);\n setMostrarPromptContrasena(true);\n return;\n }\n\n setTareasCompletadas(prev =>\n prev.includes(indice)\n ? prev.filter(indiceTarea => indiceTarea !== indice)\n : [...prev, indice]\n );\n };\n\n const manejarClicEnNumero = (numero) => {\n setContrasenaPadre(prev => prev + numero.toString());\n };\n\n const manejarEnvioContrasena = () => {\n if (hashSimple(contrasenapadre) === HASH_CONTRASENA_PADRE) {\n const tarea = tareasRutinarias[indiceTareaActual];\n if (tarea.cronometrado) {\n setEstadosTemporizador(prev => {\n const nuevosEstados = [...prev];\n nuevosEstados[indiceTareaActual].estaCompleta = true;\n nuevosEstados[indiceTareaActual].estaEnMarcha = false;\n return nuevosEstados;\n });\n }\n setTareasCompletadas(prev =>\n prev.includes(indiceTareaActual)\n ? prev.filter(indiceTarea => indiceTarea !== indiceTareaActual)\n : [...prev, indiceTareaActual]\n );\n cerrarPromptContrasena();\n } else {\n setErrorContrasena(true);\n }\n };\n\n const manejarLimpiarContrasena = () => {\n setContrasenaPadre(\"\");\n };\n\n const cerrarPromptContrasena = () => {\n setMostrarPromptContrasena(false);\n setContrasenaPadre(\"\");\n setErrorContrasena(false);\n setIndiceTareaActual(null);\n };\n\n const alCompletarTemporizador = (indice) => {\n setEstadosTemporizador(prev => {\n const nuevosEstados = [...prev];\n nuevosEstados[indice].estaCompleta = true;\n nuevosEstados[indice].estaEnMarcha = false;\n return nuevosEstados;\n });\n };\n\n const alternarTemporizador = (indice) => {\n setEstadosTemporizador(prev => {\n const nuevosEstados = [...prev];\n nuevosEstados[indice].estaEnMarcha = !nuevosEstados[indice].estaEnMarcha;\n return nuevosEstados;\n });\n };\n\n const reiniciarTareas = () => {\n setTareasCompletadas([]);\n setEstadosTemporizador(tareasRutinarias.map(tarea => ({\n estaEnMarcha: false,\n estaCompleta: false,\n })));\n };\n\n return (\n

Kaya's After School Routine

\n alternarTarea(indice)}\n >\n {tareasCompletadas.includes(indice)\n ? ✅\n : (tarea.requierePadre || (tarea.cronometrado && !estadosTemporizador[indice].estaCompleta))\n ? 🔒\n : (\n \n ⚪\n \n )}\n \n {taskIcons[tarea.nombre]}\n \n

\n {tarea.cronometrado && (\n alCompletarTemporizador(indice)}\n estaEnMarcha={estadosTemporizador[indice].estaEnMarcha}\n alternarTemporizador={() => alternarTemporizador(indice)}\n />\n )}\n \n ))}\n \n \n 🔄\n \n\n {mostrarPromptContrasena && (\n \n

e.stopPropagation()}>\n \n ✕\n \n

👨‍👩‍👧 Parent Verification Required

\n {contrasenapadre.replace(/./g, \"•\") || \"\\u00A0\"}\n

\n \n {errorContrasena && (\n

\n ❌ Incorrect password. Please try again.\n

\n )}\n

\n \n )}\n \n View source code\n \n \n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nasync function server(request: Request): Promise {\n return new Response(\n `\n \n \n Kaya's After School Routine\n \n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n },\n );\n}\n\nconst css = `\n body {\n font-family: system-ui, sans-serif;\n background-color: #f0f0f0;\n }\n`;\n\nexport default server;","label","children",[70],"contentHash","d42d4ba1e2dfff5a93d8d623997dbc146dd4d68a94646d66887bbcbce6dc1e23","README.md",{"_32":94,"_13":92,"_75":95,"_77":-5,"_78":55,"_79":96,"_80":26,"_34":97,"_40":57,"_83":98,"_85":99,"_63":47,"_87":-5,"_88":-7,"_69":100,"_90":101},"55f107bc-2759-11f0-86ff-569c3dd06744","55f1083e-2759-11f0-86ff-569c3dd06744",1,["D",1728747832359],"file","# Routine Tracker\n\nThis is a little React component to make our 7yo's after school routine self-serve so she can be a bit more independent after school.\n\nTo change the items in the list, modify the `routineTasks` array of objects:\n\n```javascript\n[\n {name: \"item\", timed: false},\n {name: \"item 2\", timed: true, duration: 2 * 60 }\n {name: \"item 3\", timed: false, requiresParent: true}\n]\n```\n\nYou can set the parent password on this line:\n\n```javascript\nconst PARENT_PASSWORD_HASH = simpleHash(\"1234\");\n```\n\n# Todos\n\n- Make the parent password modal touch friendly\n- Track dates/times of list completions\n- Show a tracker of how many completions this week",[92],"af4a93e45964b02a4f59f636167bd76682601fdecd154d38d573c67058853769",["D",1746192509564],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","38ec7b40-17a9-43fa-a3d5-53e452dd280c","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","1cdacdc7-61fd-469f-a348-e1c14536d623","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_139":135},"org",{"_11":12,"_133":-5,"_134":135,"_107":108,"_136":137,"_138":47},"branch","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ybktaY1hKTEJ4dGN6bXdhQm9ubHRuemxicDcifQ","tier","free","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":56,"_13":14,"_34":189,"_45":-5,"_103":26,"_48":49,"_104":49,"_105":-5,"_106":-5,"_107":108,"_109":76,"_110":26,"_111":-5,"_112":-5,"_113":57,"_52":114,"_115":-5,"_116":-5,"_117":-5,"_118":-5,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_128":190,"_130":191,"_132":192,"_46":47},"tree",[183,184],"files",[183,184],"counts",{"_173":57,"_174":96,"_175":57,"_176":177,"_178":179},"contents",[167,168],"upstreamProject",{"_32":39,"_13":14,"_105":-5,"_106":-5,"_48":49,"_128":165},"upstreamBranch",{"_32":33,"_34":163,"_36":164,"_13":16,"_38":39,"_40":22,"_41":-5,"_42":-5,"_43":44,"_45":-5,"_46":47,"_48":49,"_50":51,"_52":53,"_54":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746211357241],["D",1771236571302],{"_11":51,"_139":166},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaG5kR0hRRTM0S1BSeXlIR2hCdjFqb1dTS3AifQ",{"_32":94,"_13":92,"_75":95,"_77":-5,"_78":55,"_79":96,"_80":26,"_34":171,"_40":57,"_83":98,"_85":99,"_63":47,"_87":-5,"_69":172},{"_32":74,"_13":70,"_75":76,"_77":-5,"_78":55,"_79":20,"_80":26,"_34":169,"_40":82,"_83":84,"_85":86,"_63":47,"_87":-5,"_69":170},["D",1728748110475],[70],["D",1728747832359],[92],"pulls","branches","forks","envVars",{"_180":57,"_182":57},"connections",{"_180":57,"_181":57},"count","unfilledCount","emptyCount",{"_32":94,"_13":92,"_75":95,"_77":-5,"_78":55,"_79":96,"_80":26,"_34":97,"_40":57,"_83":98,"_85":99,"_63":47,"_87":-5,"_88":187,"_69":188},{"_32":74,"_13":70,"_75":76,"_77":-5,"_78":55,"_79":20,"_80":26,"_34":81,"_40":82,"_83":84,"_85":86,"_63":47,"_87":-5,"_88":185,"_69":186},[],[70],[],[92],["D",1746192509564],{"_11":12,"_139":135},{"_11":12,"_133":-5,"_134":135,"_107":108,"_136":137,"_138":47},{"_40":20,"_13":16,"_32":55,"_38":56,"_41":33,"_42":57,"_58":49,"_59":39,"_60":53,"_54":14,"_50":12},"ctx",{"_128":-5,"_160":226,"_227":228,"_229":230,"_231":47,"_232":47,"_233":47,"_234":26,"_235":-5,"_236":-7,"_237":-7,"_238":57,"_239":47,"_240":47,"_241":-5,"_242":47,"_243":47,"_244":47,"_245":-5},"ENV",{"_197":198,"_199":200,"_201":16,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225},"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"]

Compare

Mergejmt_es/mainintoashryanio/main

README.md+25-0

Hmain.tsx+416-0