\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;","deleted","label",[123],"55f107bc-2759-11f0-86ff-569c3dd06744","README.md","55f1083e-2759-11f0-86ff-569c3dd06744",1,["D",1728747832359],"# 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",[139],"pulls","branches","forks","envVars",{"_152":40,"_154":40},"connections",{"_152":40,"_153":40},"count","unfilledCount","emptyCount",{"_18":138,"_20":139,"_124":140,"_125":-5,"_126":67,"_127":141,"_128":26,"_22":161,"_64":40,"_131":98,"_133":143,"_135":63,"_136":-5,"_158":162,"_87":163},{"_18":122,"_20":123,"_124":35,"_125":-5,"_126":67,"_127":65,"_128":26,"_22":157,"_64":130,"_131":132,"_133":134,"_135":63,"_136":-5,"_158":159,"_87":160},["D",1728748110475],"children",[],[123],["D",1728747832359],[],[139],["D",1746192509564],{"_16":17,"_85":81},{"_16":17,"_79":-5,"_80":81,"_32":33,"_82":83,"_84":63},{"_64":65,"_20":66,"_18":67,"_68":19,"_69":70,"_71":40,"_72":28,"_73":74,"_75":76,"_77":21,"_78":17},"ctx",{"_56":-5,"_108":201,"_202":203,"_204":205,"_206":63,"_207":63,"_208":63,"_209":26,"_210":-5,"_211":-7,"_212":-7,"_213":40,"_214":63,"_215":63,"_216":-5,"_217":63,"_218":63,"_219":63,"_220":-5},"ENV",{"_172":173,"_174":175,"_176":66,"_177":178,"_179":180,"_181":182,"_183":184,"_185":186,"_187":188,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200},"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"]

Search