Pokemon: Quien es Quien

\n \n \n \n \n

\n \n \n Pokemon: Quien es Quien\n \n

\n Adivina el Pokemon secreto de tu rival antes que el adivine el\n tuyo\n

\n \n\n

\n \n Tu nombre de entrenador\n \n {\n setMN(e.target.value);\n setErr(\"\");\n }}\n onKeyDown={(e) => e.key === \"Enter\" && createRoom()}\n />\n {err && (\n \n {err}\n

\n )}\n\n \n {busy ? \"Creando sala...\" : \"+ Crear sala nueva\"}\n \n\n \n \n \n o unite a una sala existente\n \n \n

\n\n

\n {\n setJI(e.target.value.toUpperCase());\n setErr(\"\");\n }}\n maxLength={5}\n onKeyDown={(e) => e.key === \"Enter\" && joinRoom()}\n />\n \n

\n \n\n \n Generaciones 1–9 · 1010 Pokemon disponibles · 40 por partida\n

\n \n \n );\n }\n\n if (screen === \"waiting\") {\n return (\n \n \n \n \n \n \n Esperando rival...\n \n

\n Compartile este codigo a tu amigo:\n

\n \n {code}\n \n

\n Cargando los 40 Pokemon mientras esperas...\n

\n \n \n );\n }\n\n const pokemon = room?.pokemon || [];\n const msgs = room?.messages || [];\n const secName = secret ? (names[secret] || `#${secret}`) : null;\n const oSecId = room?.[oKey]?.secret;\n const myN = pNum === 1 ? room?.player1?.name : room?.player2?.name;\n const otN = pNum === 1 ? room?.player2?.name : room?.player1?.name;\n const isWinner = room?.winner === pKey;\n\n let statusLabel = \"\", statusColor = ct;\n if (phase === \"selecting\") {\n if (!secret) {\n statusLabel = \"Elegi tu Pokemon secreto (click en uno)\";\n statusColor = \"var(--color-text-warning)\";\n } else {\n statusLabel = `Elegiste a ${secName} — esperando que ${otN} elija...`;\n statusColor = \"var(--color-text-success)\";\n }\n } else if (phase === \"playing\") {\n if (gMode) {\n statusLabel = \"MODO ADIVINANZA — hace click en el Pokemon del rival\";\n statusColor = \"var(--color-text-info)\";\n } else if (canAsk) {\n statusLabel = \"Tu turno — hacé una pregunta o adiviná\";\n statusColor = \"var(--color-text-success)\";\n } else if (canAns) {\n statusLabel = `${otN} pregunto — respondé!`;\n statusColor = \"var(--color-text-warning)\";\n } else statusLabel = `Turno de ${otN}...`;\n } else if (phase === \"ended\") {\n statusLabel = isWinner ? \"Ganaste la partida!\" : \"Perdiste la partida\";\n statusColor = isWinner\n ? \"var(--color-text-success)\"\n : \"var(--color-text-danger)\";\n }\n\n return (\n \n \n Sala {code}\n \n {statusLabel}\n \n \n {myN} vs {otN || \"?\"}\n \n \n\n

\n {phase === \"selecting\" && !secret && (\n \n Hace click en un Pokemon para elegirlo como tu secreto. Tu rival\n NO lo va a ver.\n

\n )}\n {phase === \"selecting\" && secret && (\n \n Elegiste a {secName}! Esperando que {otN || \"el rival\"}{\" \"}\n elija su Pokemon...\n

\n )}\n {phase === \"playing\" && gMode && (\n \n MODO ADIVINANZA — hace click en el Pokemon que crees que eligio tu\n rival\n \n )}\n {phase === \"playing\" && !gMode && (\n \n Click para tachar/destachar Pokemons. Tu secreto (marcado) no se\n puede tachar.\n \n )}\n\n \n {pokemon.map((id) => {\n const isElim = elim.has(id);\n const isSec = id === secret;\n const isConf = confId === id;\n const clickable = phase === \"selecting\" || phase === \"playing\";\n\n return (\n handleCard(id)}\n title={names[id] || `#${id}`}\n style={{\n position: \"relative\",\n background: isSec ? \"var(--color-background-warning)\" : cs,\n border: `${isConf ? \"2px\" : \"0.5px\"} solid ${\n isConf\n ? \"var(--color-border-info)\"\n : isSec\n ? \"var(--color-border-warning)\"\n : gMode && !isSec\n ? \"var(--color-border-info)\"\n : \"var(--color-border-tertiary)\"\n }`,\n borderRadius: br,\n padding: \"6px 4px 4px\",\n cursor: clickable ? \"pointer\" : \"default\",\n opacity: isElim ? 0.12 : 1,\n transition:\n \"opacity .15s, border-color .15s, transform .1s\",\n textAlign: \"center\",\n userSelect: \"none\",\n }}\n onMouseEnter={(e) => {\n if (clickable && !isElim) {\n e.currentTarget.style.transform = \"scale(1.04)\";\n }\n }}\n onMouseLeave={(e) => {\n e.currentTarget.style.transform = \"scale(1)\";\n }}\n >\n \n \n {names[id] || `#${id}`}\n \n {isElim && (\n \n \n \n )}\n {isSec && (\n \n TU\n \n )}\n {gMode && !isSec && !isElim && (\n \n )}\n \n );\n })}\n \n \n\n \n \n

\n Tu secreto:{\" \"}\n \n {secName || (phase === \"selecting\" ? \"no elegido\" : \"—\")}\n \n

\n {phase === \"ended\" && oSecId && (\n

\n Rival tenia:{\" \"}\n \n {names[oSecId] || `#${oSecId}`}\n \n

\n )}\n \n\n \n {msgs.length === 0 && phase === \"playing\" && (\n \n {myTurn\n ? \"Es tu turno! Hacé una pregunta en el panel de abajo.\"\n : `Esperando la pregunta de ${otN}...`}\n

\n )}\n {msgs.map((m, i) => {\n const isMe = m.from === pKey;\n return (\n \n \n {m.name}\n \n \n {m.type === \"q\" && (\n \n PREGUNTA\n \n )}\n {m.type === \"a\" && (\n \n RESPUESTA\n \n )}\n {m.type === \"guess\" && (\n \n {m.correct ? \"CORRECTO\" : \"INCORRECTO\"}\n \n )}\n {m.text}\n \n \n );\n })}\n \n\n \n {phase === \"selecting\" && (\n \n {secret\n ? `Elegiste ${secName}. Esperando rival...`\n : \"Hace click en un Pokemon del tablero\"}\n

\n )}\n\n {canAns && !confId && (\n

\n sendA(\"Si!\")}\n >\n Si!\n \n sendA(\"No\")}\n >\n No\n \n

\n )}\n\n {confId && (\n \n \n \n Adivinar: {names[confId] || `#${confId}`}?\n

\n Si erras, perdes el turno\n

\n makeGuess(confId)}\n >\n Adivinar!\n \n {\n setCId(null);\n setGM(false);\n }}\n >\n Cancelar\n \n

\n \n )}\n\n {canAsk && !gMode && !confId && (\n <>\n setCI(e.target.value)}\n onKeyDown={(e) => {\n if (e.key === \"Enter\" && !e.shiftKey) {\n e.preventDefault();\n sendQ();\n }\n }}\n />\n

\n \n Preguntar\n \n \n

\n \n )}\n {canAsk && gMode && !confId && (\n setGM(false)}\n >\n Cancelar adivinanza\n \n )}\n\n {!myTurn && phase === \"playing\" && !room?.waitingAnswer &&\n !confId && (\n \n Esperando el turno de {otN}...\n

\n )}\n\n {phase === \"ended\" && (\n

\n {isWinner ? \"🏆\" : \"😢\"}\n

\n \n {isWinner ? \"Ganaste, entrenador!\" : \"Perdiste!\"}\n

\n {oSecId && (\n \n

\n Tu secreto\n

\n \n

\n {secName}\n

\n \n VS\n

\n Rival tenia\n

\n \n

\n {names[oSecId] || `#${oSecId}`}\n

\n \n )}\n \n Nueva partida\n \n \n )}\n \n \n \n \n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") client();\n\nexport default async function server(request) {\n const url = new URL(request.url);\n const { blob } = await import(\"https://esm.town/v/std/blob\");\n\n if (url.pathname === \"/get\") {\n const k = url.searchParams.get(\"k\");\n try {\n const data = await blob.getJSON(k);\n return Response.json(data);\n } catch {\n return Response.json(null);\n }\n }\n if (url.pathname === \"/set\") {\n const k = url.searchParams.get(\"k\");\n const v = await request.json();\n await blob.setJSON(k, v);\n return new Response(\"ok\");\n }\n\n return new Response(\n `\n \n \n \n \n Pokemon: Quien es Quien\n \n \n \n

\n \n \n \n `,\n { headers: { \"content-type\": \"text/html\" } },\n );\n}","deleted","label",[102],"permalink","https://www.val.town/x/tejadafacundo23/untitled-8796/code/main.ts","extension","actionData","errors"]