\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",[98],"permalink","https://www.val.town/x/jmt_es/routineTrackerApp/code/main.tsx","extension","actionData","errors"]