[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_178":179,"_180":181},"routes/_app.x.$handle.$name",{"_98":97,"_32":45,"_106":84,"_27":107,"_13":14,"_108":-5,"_11":109,"_110":111,"_112":113,"_114":115,"_116":117,"_20":-5,"_118":119,"_120":121,"_122":25,"_123":124,"_125":57,"_126":-5,"_127":-5,"_128":129},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":31,"_56":57,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":25},"version",3,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","main.tsx","latestPath","fileId","019e6125-4238-708f-98de-3c91d2a5607f","name","fileType","http","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport React, {\n useEffect,\n useRef,\n useState,\n} from \"https://esm.sh/react@18.2.0\";\n\n// --- GAME CONFIGURATION ---\nconst CELL_SIZE = 50;\nconst COLS = 12;\nconst ROWS = 8;\nconst CANVAS_WIDTH = COLS * CELL_SIZE;\nconst CANVAS_HEIGHT = ROWS * CELL_SIZE;\n\n// --- ΤΟ ΜΟΝΟΠΑΤΙ ΤΩΝ ΕΧΘΡΩΝ (Waypoints) ---\nconst PATH_CELLS = [\n { c: 0, r: 2 },\n { c: 3, r: 2 },\n { c: 3, r: 6 },\n { c: 8, r: 6 },\n { c: 8, r: 2 },\n { c: 11, r: 2 },\n];\n\n// Υπολογισμός κέντρου κελιών για το μονοπάτι σε pixels\nconst PATH = PATH_CELLS.map((p) => ({\n x: p.c * CELL_SIZE + CELL_SIZE / 2,\n y: p.r * CELL_SIZE + CELL_SIZE / 2,\n}));\n\n// --- ΔΕΔΟΜΕΝΑ ΠΥΡΓΩΝ ---\nconst TOWER_TYPES = {\n coffee: {\n emoji: \"☕\",\n name: \"Καφές\",\n cost: 50,\n range: 100,\n damage: 15,\n cooldown: 30,\n }, // Γρήγορο, μικρό damage\n food: {\n emoji: \"🌯\",\n name: \"Σουβλάκι\",\n cost: 100,\n range: 120,\n damage: 40,\n cooldown: 60,\n }, // Αργό, μεγάλο damage\n hug: {\n emoji: \"🤗\",\n name: \"Αγκαλιά\",\n cost: 200,\n range: 180,\n damage: 25,\n cooldown: 45,\n }, // Τεράστια εμβέλεια\n};\n\n// --- ΔΕΔΟΜΕΝΑ ΕΧΘΡΩΝ ---\nconst ENEMY_TYPES = {\n tired: { emoji: \"🥱\", name: \"Κούραση\", hp: 100, speed: 1.5, reward: 15 },\n stress: { emoji: \"😰\", name: \"Άγχος\", hp: 60, speed: 2.5, reward: 10 },\n boss: { emoji: \"🌩️\", name: \"Γκρίνια\", hp: 400, speed: 1, reward: 50 },\n};\n\n// --- ΤΑ 5 ΚΥΜΑΤΑ (WAVES) ---\nconst WAVES = [\n { count: 5, type: \"tired\", interval: 80 },\n { count: 10, type: \"stress\", interval: 60 },\n { count: 15, type: \"tired\", interval: 50 },\n { count: 15, type: \"stress\", interval: 40 },\n { count: 20, type: \"tired\", interval: 30, bossWave: true }, // Τελευταίο κύμα ρίχνει και Bosses!\n];\n\n// --- MAIN COMPONENT ---\nfunction App() {\n const canvasRef = useRef(null);\n const [gameState, setGameState] = useState<\n \"START\" | \"PLAYING\" | \"GAMEOVER\" | \"WON\"\n >(\"START\");\n\n // UI State (Συγχρονίζεται με το Game Loop κάθε δευτερόλεπτο)\n const [money, setMoney] = useState(150);\n const [lives, setLives] = useState(10);\n const [wave, setWave] = useState(0);\n const [selectedTower, setSelectedTower] = useState<\n keyof typeof TOWER_TYPES | null\n >(null);\n\n // Mutable Game State (Για το Canvas 60fps Loop)\n const stateRef = useRef({\n money: 150,\n lives: 10,\n wave: 0,\n enemiesSpawnedInWave: 0,\n spawnTimer: 0,\n isWaveActive: false,\n enemies: [] as any[],\n towers: [] as any[],\n projectiles: [] as any[],\n });\n\n // --- GAME LOOP PHYSICS & DRAWING ---\n useEffect(() => {\n if (gameState !== \"PLAYING\") return;\n const canvas = canvasRef.current;\n if (!canvas) return;\n const ctx = canvas.getContext(\"2d\");\n if (!ctx) return;\n\n let animationId: number;\n\n const gameLoop = () => {\n const state = stateRef.current;\n\n // 1. Spawning Logic\n if (state.isWaveActive && state.wave < WAVES.length) {\n const currentWaveData = WAVES[state.wave];\n state.spawnTimer++;\n\n if (\n state.spawnTimer >= currentWaveData.interval &&\n state.enemiesSpawnedInWave < currentWaveData.count\n ) {\n // Spawn enemy\n let typeToSpawn = currentWaveData.type;\n // Στο τελευταίο wave ρίχνουμε και bosses ανάμεσα\n if (\n currentWaveData.bossWave && state.enemiesSpawnedInWave % 5 === 0\n ) typeToSpawn = \"boss\";\n\n const baseEnemy =\n ENEMY_TYPES[typeToSpawn as keyof typeof ENEMY_TYPES];\n state.enemies.push({\n ...baseEnemy,\n x: PATH[0].x,\n y: PATH[0].y,\n pathIndex: 0,\n maxHp: baseEnemy.hp,\n id: Math.random(),\n });\n state.enemiesSpawnedInWave++;\n state.spawnTimer = 0;\n }\n\n // Wave End Condition\n if (\n state.enemiesSpawnedInWave >= currentWaveData.count &&\n state.enemies.length === 0\n ) {\n state.isWaveActive = false;\n state.wave++;\n setWave(state.wave); // Update UI\n state.enemiesSpawnedInWave = 0;\n\n if (state.wave >= WAVES.length) {\n setGameState(\"WON\");\n return;\n }\n }\n }\n\n // 2. Clear Canvas\n ctx.clearRect(0, 0, CANVAS_WIDTH, CANVAS_HEIGHT);\n\n // 3. Draw Path\n ctx.lineWidth = 40;\n ctx.lineJoin = \"round\";\n ctx.lineCap = \"round\";\n ctx.strokeStyle = \"#e2e8f0\"; // Χρώμα δρόμου\n ctx.beginPath();\n ctx.moveTo(PATH[0].x, PATH[0].y);\n for (let i = 1; i < PATH.length; i++) ctx.lineTo(PATH[i].x, PATH[i].y);\n ctx.stroke();\n\n // Σύμβολο στο τέλος του δρόμου (Η Καρδιά / Το Ραντεβού)\n ctx.font = \"30px Arial\";\n ctx.textAlign = \"center\";\n ctx.textBaseline = \"middle\";\n ctx.fillText(\"❤️\", PATH[PATH.length - 1].x, PATH[PATH.length - 1].y);\n\n // 4. Update & Draw Towers\n state.towers.forEach((tower) => {\n // Draw Tower\n ctx.font = \"30px Arial\";\n ctx.fillText(tower.emoji, tower.x, tower.y);\n\n // Shooting Logic\n if (tower.currentCooldown > 0) tower.currentCooldown--;\n if (tower.currentCooldown <= 0) {\n // Find target in range\n const target = state.enemies.find((e) => {\n const dist = Math.hypot(e.x - tower.x, e.y - tower.y);\n return dist <= tower.range;\n });\n\n if (target) {\n state.projectiles.push({\n x: tower.x,\n y: tower.y,\n targetId: target.id,\n damage: tower.damage,\n speed: 8,\n emoji: tower.emoji === \"☕\"\n ? \"💧\"\n : (tower.emoji === \"🌯\" ? \"🍟\" : \"💖\"),\n });\n tower.currentCooldown = tower.cooldown;\n }\n }\n });\n\n // 5. Update & Draw Projectiles\n for (let i = state.projectiles.length - 1; i >= 0; i--) {\n const p = state.projectiles[i];\n const target = state.enemies.find((e) => e.id === p.targetId);\n\n if (!target) {\n state.projectiles.splice(i, 1); // Target died, remove projectile\n continue;\n }\n\n // Move towards target\n const angle = Math.atan2(target.y - p.y, target.x - p.x);\n p.x += Math.cos(angle) * p.speed;\n p.y += Math.sin(angle) * p.speed;\n\n // Draw Projectile\n ctx.font = \"15px Arial\";\n ctx.fillText(p.emoji, p.x, p.y);\n\n // Collision Check\n const dist = Math.hypot(target.x - p.x, target.y - p.y);\n if (dist < 20) {\n target.hp -= p.damage;\n state.projectiles.splice(i, 1);\n }\n }\n\n // 6. Update & Draw Enemies\n for (let i = state.enemies.length - 1; i >= 0; i--) {\n const e = state.enemies[i];\n\n // Death Check\n if (e.hp <= 0) {\n state.money += e.reward;\n setMoney(state.money); // Sync UI\n state.enemies.splice(i, 1);\n continue;\n }\n\n // Movement\n const targetWaypoint = PATH[e.pathIndex + 1];\n if (targetWaypoint) {\n const angle = Math.atan2(\n targetWaypoint.y - e.y,\n targetWaypoint.x - e.x,\n );\n e.x += Math.cos(angle) * e.speed;\n e.y += Math.sin(angle) * e.speed;\n\n // Reached waypoint?\n if (\n Math.hypot(targetWaypoint.x - e.x, targetWaypoint.y - e.y) < e.speed\n ) {\n e.pathIndex++;\n e.x = targetWaypoint.x;\n e.y = targetWaypoint.y;\n }\n } else {\n // Reached the end (Base Damage!)\n state.lives -= 1;\n setLives(state.lives);\n state.enemies.splice(i, 1);\n\n if (state.lives <= 0) {\n setGameState(\"GAMEOVER\");\n return;\n }\n }\n\n // Draw Enemy Emoji\n ctx.font = e.emoji === \"🌩️\" ? \"35px Arial\" : \"25px Arial\";\n ctx.fillText(e.emoji, e.x, e.y);\n\n // Draw Health Bar\n const hpPercent = Math.max(0, e.hp / e.maxHp);\n ctx.fillStyle = \"red\";\n ctx.fillRect(e.x - 15, e.y - 25, 30, 4);\n ctx.fillStyle = \"#22c55e\";\n ctx.fillRect(e.x - 15, e.y - 25, 30 * hpPercent, 4);\n }\n\n animationId = requestAnimationFrame(gameLoop);\n };\n\n gameLoop();\n return () => cancelAnimationFrame(animationId);\n }, [gameState]);\n\n // --- INTERACTIONS ---\n const handleCanvasClick = (e: React.MouseEvent) => {\n if (!selectedTower || gameState !== \"PLAYING\") return;\n\n const rect = canvasRef.current?.getBoundingClientRect();\n if (!rect) return;\n\n // Υπολογισμός σωστού x, y ανεξάρτητα από το scale της οθόνης\n const scaleX = CANVAS_WIDTH / rect.width;\n const scaleY = CANVAS_HEIGHT / rect.height;\n\n const x = (e.clientX - rect.left) * scaleX;\n const y = (e.clientY - rect.top) * scaleY;\n\n // Υπολογισμός Κελιού (Grid)\n const gridC = Math.floor(x / CELL_SIZE);\n const gridR = Math.floor(y / CELL_SIZE);\n const centerX = gridC * CELL_SIZE + CELL_SIZE / 2;\n const centerY = gridR * CELL_SIZE + CELL_SIZE / 2;\n\n // Ελέγχος: Είναι πάνω στο μονοπάτι;\n const isPath = PATH_CELLS.some((p) => p.c === gridC && p.r === gridR);\n if (isPath) {\n alert(\"Δεν μπορείς να χτίσεις πάνω στο δρόμο!\");\n return;\n }\n\n // Ελέγχος: Υπάρχει ήδη πύργος;\n const state = stateRef.current;\n const isOccupied = state.towers.some((t) => t.c === gridC && t.r === gridR);\n if (isOccupied) return;\n\n // Αγορά & Τοποθέτηση\n const towerInfo = TOWER_TYPES[selectedTower];\n if (state.money >= towerInfo.cost) {\n state.money -= towerInfo.cost;\n setMoney(state.money);\n state.towers.push({\n ...towerInfo,\n c: gridC,\n r: gridR,\n x: centerX,\n y: centerY,\n currentCooldown: 0,\n });\n setSelectedTower(null); // Deselect\n } else {\n alert(\"Δεν έχεις αρκετές Καρδιές!\");\n }\n };\n\n const startNextWave = () => {\n stateRef.current.isWaveActive = true;\n setWave(stateRef.current.wave); // Force UI update\n };\n\n const restartGame = () => {\n stateRef.current = {\n money: 150,\n lives: 10,\n wave: 0,\n enemiesSpawnedInWave: 0,\n spawnTimer: 0,\n isWaveActive: false,\n enemies: [],\n towers: [],\n projectiles: [],\n };\n setMoney(150);\n setLives(10);\n setWave(0);\n setGameState(\"PLAYING\");\n };\n\n return (\n

\n {gameState === \"START\" && (\n

🏰❤️

Προστάτεψε το Ραντεβού!

\n Έχουμε ραντεβού στο τέλος του δρόμου, αλλά η καθημερινότητα\n (Κούραση, Άγχος) έρχεται να μας το χαλάσει!
\n
\n Αγόρασε πύργους, χτίσε τους στο γρασίδι (όχι στο δρόμο) και σταμάτα\n τους εχθρούς.\n

\n setGameState(\"PLAYING\")}\n >\n ΠΑΙΞΕ ΤΩΡΑ\n \n

\n )}\n\n {gameState === \"PLAYING\" && (\n

\n {/* Top UI Bar */}\n

\n \n 💖 Καρδιές (Λεφτά): {money}\n \n \n 🛡️ Αντοχή: {lives}\n \n \n 🌊 Κύμα: {wave}/{WAVES.length}\n \n

\n\n \n {stateRef.current.isWaveActive\n ? \"ΕΠΙΘΕΣΗ ΣΕ ΕΞΕΛΙΞΗ...\"\n : \"▶ ΕΠΟΜΕΝΟ ΚΥΜΑ\"}\n \n

\n\n {/* Canvas Wrapper */}\n

\n \n

\n\n {/* Tower Shop */}\n

{tower.emoji}

\n {tower.name}\n

\n ❤️ {tower.cost}\n

\n );\n },\n )}\n

\n\n {selectedTower && (\n

\n Πάτα στο πράσινο γρασίδι για να χτίσεις τον πύργο!\n

\n )}\n

\n )}\n\n {gameState === \"GAMEOVER\" && (\n

💔

Το Ραντεβού χάλασε...

\n Η κούραση και το άγχος μας νίκησαν αυτή τη φορά. Αλλά δεν τα\n παρατάμε!\n

\n \n

\n )}\n\n {gameState === \"WON\" && (\n

\n 🍾🎉\n

\n \n ΤΑ ΚΑΤΑΦΕΡΕΣ!\n \n

\n Απωθήσαμε όλο το άγχος και την κούραση. Το ραντεβού μας είναι\n ασφαλές! Σε ευχαριστώ που παλεύεις πάντα για εμάς. Είσαι η καλύτερη!\n ❤️\n

\n )}\n \n );\n}\n\n// --- STYLES ---\nconst styles: { [key: string]: React.CSSProperties } = {\n page: {\n fontFamily: \"'Nunito', sans-serif\",\n backgroundColor: \"#0f172a\",\n minHeight: \"100vh\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n padding: \"10px\",\n boxSizing: \"border-box\",\n userSelect: \"none\",\n },\n overlayScreen: {\n backgroundColor: \"#1e293b\",\n padding: \"40px\",\n borderRadius: \"20px\",\n textAlign: \"center\",\n maxWidth: \"500px\",\n boxShadow: \"0 20px 50px rgba(0,0,0,0.5)\",\n color: \"white\",\n },\n logo: { fontSize: \"60px\", marginBottom: \"10px\" },\n title: { fontSize: \"28px\", color: \"#f8fafc\", margin: \"0 0 15px 0\" },\n instructions: {\n fontSize: \"16px\",\n color: \"#cbd5e1\",\n lineHeight: \"1.6\",\n marginBottom: \"30px\",\n },\n btnPrimary: {\n padding: \"15px 30px\",\n fontSize: \"18px\",\n fontWeight: \"bold\",\n backgroundColor: \"#f43f5e\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"30px\",\n cursor: \"pointer\",\n boxShadow: \"0 5px 15px rgba(244, 63, 94, 0.4)\",\n },\n\n gameContainer: {\n display: \"flex\",\n flexDirection: \"column\",\n gap: \"15px\",\n width: \"100%\",\n maxWidth: `${CANVAS_WIDTH}px`,\n },\n uiBar: {\n display: \"flex\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n backgroundColor: \"#1e293b\",\n padding: \"15px\",\n borderRadius: \"15px\",\n flexWrap: \"wrap\",\n gap: \"10px\",\n },\n stats: {\n display: \"flex\",\n gap: \"20px\",\n color: \"white\",\n fontSize: \"15px\",\n flexWrap: \"wrap\",\n },\n statItem: { background: \"#334155\", padding: \"5px 10px\", borderRadius: \"8px\" },\n btnSecondary: {\n padding: \"10px 20px\",\n backgroundColor: \"#3b82f6\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"10px\",\n fontWeight: \"bold\",\n cursor: \"pointer\",\n },\n canvasWrapper: {\n border: \"4px solid #334155\",\n borderRadius: \"15px\",\n overflow: \"hidden\",\n boxShadow: \"0 10px 30px rgba(0,0,0,0.5)\",\n display: \"flex\",\n },\n shop: {\n display: \"flex\",\n gap: \"10px\",\n justifyContent: \"center\",\n flexWrap: \"wrap\",\n },\n shopItem: {\n backgroundColor: \"#1e293b\",\n padding: \"10px 20px\",\n borderRadius: \"15px\",\n textAlign: \"center\",\n color: \"white\",\n cursor: \"pointer\",\n transition: \"all 0.2s\",\n },\n hint: {\n textAlign: \"center\",\n color: \"#fbbf24\",\n fontWeight: \"bold\",\n animation: \"pulse 1s infinite\",\n },\n};\n\nfunction client() {\n const styleSheet = document.createElement(\"style\");\n styleSheet.innerText = `\n @import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;900&display=swap');\n body { margin: 0; background-color: #0f172a; }\n @keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }\n @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }\n `;\n document.head.appendChild(styleSheet);\n createRoot(document.getElementById(\"root\")!).render();\n}\n\nif (typeof document !== \"undefined\") client();\n\nexport default async function server(req: Request): Promise {\n return new Response(\n `\n \n \n \n Προστάτεψε το Ραντεβού ❤️\n \n \n \n \n

\n \n \n \n `,\n { headers: { \"content-type\": \"text/html; charset=UTF-8\" } },\n );\n}","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport React, {\n useEffect,\n useRef,\n useState,\n} from \"https://esm.sh/react@18.2.0\";\n\n// ==========================================\n// 1. ΡΥΘΜΙΣΕΙΣ ΠΑΙΧΝΙΔΙΟΥ & ΧΑΡΤΗ\n// ==========================================\nconst CELL_SIZE = 50;\nconst COLS = 12;\nconst ROWS = 8;\nconst CANVAS_WIDTH = COLS * CELL_SIZE;\nconst CANVAS_HEIGHT = ROWS * CELL_SIZE;\n\n// Τα γωνιακά σημεία του δρόμου (για να ξέρουν οι εχθροί πού να στρίψουν)\nconst PATH_WAYPOINTS = [\n { c: 0, r: 2 },\n { c: 3, r: 2 },\n { c: 3, r: 6 },\n { c: 8, r: 6 },\n { c: 8, r: 2 },\n { c: 11, r: 2 },\n];\n\n// Υπολογισμός των ακριβών συντεταγμένων σε pixels\nconst PATH = PATH_WAYPOINTS.map((p) => ({\n x: p.c * CELL_SIZE + CELL_SIZE / 2,\n y: p.r * CELL_SIZE + CELL_SIZE / 2,\n}));\n\n// Όλα τα κελιά που αποτελούν τον δρόμο (για να απαγορεύσουμε το χτίσιμο πάνω τους)\nconst ALL_ROAD_CELLS = [\n { c: 0, r: 2 },\n { c: 1, r: 2 },\n { c: 2, r: 2 },\n { c: 3, r: 2 }, // Οριζόντια 1\n { c: 3, r: 3 },\n { c: 3, r: 4 },\n { c: 3, r: 5 },\n { c: 3, r: 6 }, // Κάθετα 1\n { c: 4, r: 6 },\n { c: 5, r: 6 },\n { c: 6, r: 6 },\n { c: 7, r: 6 },\n { c: 8, r: 6 }, // Οριζόντια 2\n { c: 8, r: 5 },\n { c: 8, r: 4 },\n { c: 8, r: 3 },\n { c: 8, r: 2 }, // Κάθετα 2\n { c: 9, r: 2 },\n { c: 10, r: 2 },\n { c: 11, r: 2 }, // Οριζόντια 3\n];\n\n// ==========================================\n// 2. ΔΕΔΟΜΕΝΑ ΠΥΡΓΩΝ & ΕΧΘΡΩΝ\n// ==========================================\nconst TOWER_TYPES = {\n kiss: {\n emoji: \"💋\",\n name: \"Φιλί\",\n cost: 50,\n range: 100,\n damage: 16,\n cooldown: 25,\n },\n laughter: {\n emoji: \"😆\",\n name: \"Γέλιο\",\n cost: 100,\n range: 125,\n damage: 45,\n cooldown: 55,\n },\n hug: {\n emoji: \"🤗\",\n name: \"Αγκαλιά\",\n cost: 200,\n range: 180,\n damage: 25,\n cooldown: 45,\n },\n};\n\nconst ENEMY_TYPES = {\n tired: { emoji: \"🥱\", name: \"Κούραση\", hp: 100, speed: 1.5, reward: 15 },\n stress: { emoji: \"😰\", name: \"Άγχος\", hp: 65, speed: 2.4, reward: 10 },\n boss: { emoji: \"🌩️\", name: \"Γκρίνια\", hp: 450, speed: 1, reward: 50 },\n};\n\nconst WAVES = [\n { count: 5, type: \"tired\", interval: 80 },\n { count: 10, type: \"stress\", interval: 60 },\n { count: 12, type: \"tired\", interval: 50 },\n { count: 15, type: \"stress\", interval: 45 },\n { count: 20, type: \"tired\", interval: 30, bossWave: true }, // Τελευταίο κύμα με Bosses!\n];\n\n// ==========================================\n// 3. ΒΑΣΙΚΗ ΕΦΑΡΜΟΓΗ (REACT)\n// ==========================================\nfunction App() {\n const canvasRef = useRef(null);\n const [gameState, setGameState] = useState<\n \"START\" | \"PLAYING\" | \"GAMEOVER\" | \"WON\"\n >(\"START\");\n\n // Κατάσταση UI\n const [money, setMoney] = useState(150);\n const [lives, setLives] = useState(10);\n const [wave, setWave] = useState(0);\n const [selectedTower, setSelectedTower] = useState<\n keyof typeof TOWER_TYPES | null\n >(null);\n const [hintMessage, setHintMessage] = useState(\n \"Διάλεξε ένα συναίσθημα από κάτω για να ξεκινήσεις!\",\n );\n\n // Κατάσταση Κινητήρα Παιχνιδιού (Game Engine State - 60FPS)\n const stateRef = useRef({\n money: 150,\n lives: 10,\n wave: 0,\n enemiesSpawnedInWave: 0,\n spawnTimer: 0,\n isWaveActive: false,\n enemies: [] as any[],\n towers: [] as any[],\n projectiles: [] as any[],\n });\n\n // --- ΚΥΡΙΟΣ ΒΡΟΧΟΣ ΠΑΙΧΝΙΔΙΟΥ (GAME LOOP) ---\n useEffect(() => {\n if (gameState !== \"PLAYING\") return;\n const canvas = canvasRef.current;\n if (!canvas) return;\n const ctx = canvas.getContext(\"2d\");\n if (!ctx) return;\n\n let animationId: number;\n\n const gameLoop = () => {\n const state = stateRef.current;\n\n // 1. Λογική Παραγωγής Εχθρών (Spawning)\n if (state.isWaveActive && state.wave < WAVES.length) {\n const currentWaveData = WAVES[state.wave];\n state.spawnTimer++;\n\n if (\n state.spawnTimer >= currentWaveData.interval &&\n state.enemiesSpawnedInWave < currentWaveData.count\n ) {\n let typeToSpawn = currentWaveData.type;\n\n // Στο τελευταίο κύμα, πετάει bosses\n if (\n currentWaveData.bossWave && state.enemiesSpawnedInWave % 6 === 0\n ) {\n typeToSpawn = \"boss\";\n }\n\n const baseEnemy =\n ENEMY_TYPES[typeToSpawn as keyof typeof ENEMY_TYPES];\n state.enemies.push({\n ...baseEnemy,\n x: PATH[0].x,\n y: PATH[0].y,\n pathIndex: 0,\n maxHp: baseEnemy.hp,\n id: Math.random(),\n });\n state.enemiesSpawnedInWave++;\n state.spawnTimer = 0;\n }\n\n // Έλεγχος τέλους κύματος\n if (\n state.enemiesSpawnedInWave >= currentWaveData.count &&\n state.enemies.length === 0\n ) {\n state.isWaveActive = false;\n state.wave++;\n setWave(state.wave);\n state.enemiesSpawnedInWave = 0;\n\n if (state.wave >= WAVES.length) {\n setGameState(\"WON\");\n return;\n }\n }\n }\n\n // 2. Καθαρισμός Οθόνης\n ctx.clearRect(0, 0, CANVAS_WIDTH, CANVAS_HEIGHT);\n\n // 3. Σχεδίαση Δρόμου\n ctx.lineWidth = 40;\n ctx.lineJoin = \"round\";\n ctx.lineCap = \"round\";\n ctx.strokeStyle = \"#e2e8f0\";\n ctx.beginPath();\n ctx.moveTo(PATH[0].x, PATH[0].y);\n for (let i = 1; i < PATH.length; i++) {\n ctx.lineTo(PATH[i].x, PATH[i].y);\n }\n ctx.stroke();\n\n // Στόχος (Το Ραντεβού)\n ctx.font = \"30px Arial\";\n ctx.textAlign = \"center\";\n ctx.textBaseline = \"middle\";\n ctx.fillText(\"❤️\", PATH[PATH.length - 1].x, PATH[PATH.length - 1].y);\n\n // 4. Ενημέρωση και Σχεδίαση Πύργων\n state.towers.forEach((tower) => {\n ctx.font = \"30px Arial\";\n ctx.fillText(tower.emoji, tower.x, tower.y);\n\n if (tower.currentCooldown > 0) tower.currentCooldown--;\n\n // Βολή!\n if (tower.currentCooldown <= 0) {\n const target = state.enemies.find((e) =>\n Math.hypot(e.x - tower.x, e.y - tower.y) <= tower.range\n );\n\n if (target) {\n state.projectiles.push({\n x: tower.x,\n y: tower.y,\n targetId: target.id,\n damage: tower.damage,\n speed: 9,\n emoji: tower.emoji === \"💋\"\n ? \"❤️\"\n : (tower.emoji === \"😆\" ? \"😂\" : \"💖\"),\n });\n tower.currentCooldown = tower.cooldown;\n }\n }\n });\n\n // 5. Ενημέρωση και Σχεδίαση Βολών (Projectiles)\n for (let i = state.projectiles.length - 1; i >= 0; i--) {\n const p = state.projectiles[i];\n const target = state.enemies.find((e) => e.id === p.targetId);\n\n if (!target) {\n state.projectiles.splice(i, 1);\n continue;\n }\n\n const angle = Math.atan2(target.y - p.y, target.x - p.x);\n p.x += Math.cos(angle) * p.speed;\n p.y += Math.sin(angle) * p.speed;\n\n ctx.font = \"16px Arial\";\n ctx.fillText(p.emoji, p.x, p.y);\n\n // Έλεγχος Σύγκρουσης\n if (Math.hypot(target.x - p.x, target.y - p.y) < 20) {\n target.hp -= p.damage;\n state.projectiles.splice(i, 1);\n }\n }\n\n // 6. Ενημέρωση και Σχεδίαση Εχθρών\n for (let i = state.enemies.length - 1; i >= 0; i--) {\n const e = state.enemies[i];\n\n // Αν πέθανε ο εχθρός\n if (e.hp <= 0) {\n state.money += e.reward;\n setMoney(state.money);\n state.enemies.splice(i, 1);\n continue;\n }\n\n // Κίνηση Εχθρού\n const targetWaypoint = PATH[e.pathIndex + 1];\n if (targetWaypoint) {\n const angle = Math.atan2(\n targetWaypoint.y - e.y,\n targetWaypoint.x - e.x,\n );\n e.x += Math.cos(angle) * e.speed;\n e.y += Math.sin(angle) * e.speed;\n\n if (\n Math.hypot(targetWaypoint.x - e.x, targetWaypoint.y - e.y) < e.speed\n ) {\n e.pathIndex++;\n e.x = targetWaypoint.x;\n e.y = targetWaypoint.y;\n }\n } else {\n // Έφτασε στο ραντεβού! Χάνεις ζωή.\n state.lives -= 1;\n setLives(state.lives);\n state.enemies.splice(i, 1);\n\n if (state.lives <= 0) {\n setGameState(\"GAMEOVER\");\n return;\n }\n }\n\n // Ζωγραφική Εχθρού\n ctx.font = e.emoji === \"🌩️\" ? \"35px Arial\" : \"25px Arial\";\n ctx.fillText(e.emoji, e.x, e.y);\n\n // Μπάρα Ζωής (Health Bar)\n const hpPercent = Math.max(0, e.hp / e.maxHp);\n ctx.fillStyle = \"red\";\n ctx.fillRect(e.x - 15, e.y - 25, 30, 4);\n ctx.fillStyle = \"#22c55e\";\n ctx.fillRect(e.x - 15, e.y - 25, 30 * hpPercent, 4);\n }\n\n animationId = requestAnimationFrame(gameLoop);\n };\n\n gameLoop();\n return () => cancelAnimationFrame(animationId);\n }, [gameState]);\n\n // --- ΑΛΛΗΛΕΠΙΔΡΑΣΗ ΧΡΗΣΤΗ ---\n const handleCanvasClick = (e: React.MouseEvent) => {\n if (!selectedTower || gameState !== \"PLAYING\") return;\n\n const rect = canvasRef.current?.getBoundingClientRect();\n if (!rect) return;\n\n const scaleX = CANVAS_WIDTH / rect.width;\n const scaleY = CANVAS_HEIGHT / rect.height;\n\n const x = (e.clientX - rect.left) * scaleX;\n const y = (e.clientY - rect.top) * scaleY;\n\n const gridC = Math.floor(x / CELL_SIZE);\n const gridR = Math.floor(y / CELL_SIZE);\n const centerX = gridC * CELL_SIZE + CELL_SIZE / 2;\n const centerY = gridR * CELL_SIZE + CELL_SIZE / 2;\n\n // ΕΛΕΓΧΟΣ: Είναι πάνω στον δρόμο;\n const isOnRoad = ALL_ROAD_CELLS.some((p) => p.c === gridC && p.r === gridR);\n if (isOnRoad) {\n setHintMessage(\n \"❌ Δεν μπορείς να χτίσεις πάνω στον δρόμο! Βρες ελεύθερο γρασίδι.\",\n );\n return;\n }\n\n // ΕΛΕΓΧΟΣ: Υπάρχει ήδη πύργος εκεί;\n const state = stateRef.current;\n const isOccupied = state.towers.some((t) => t.c === gridC && t.r === gridR);\n if (isOccupied) return;\n\n // Τοποθέτηση!\n const towerInfo = TOWER_TYPES[selectedTower];\n if (state.money >= towerInfo.cost) {\n state.money -= towerInfo.cost;\n setMoney(state.money);\n state.towers.push({\n ...towerInfo,\n c: gridC,\n r: gridR,\n x: centerX,\n y: centerY,\n currentCooldown: 0,\n });\n setSelectedTower(null);\n setHintMessage(\"Υπέροχα! Το συναίσθημα τοποθετήθηκε 💖\");\n } else {\n setHintMessage(\"❌ Δεν έχεις αρκετές Καρδιές για αυτό το συναίσθημα!\");\n }\n };\n\n const startNextWave = () => {\n stateRef.current.isWaveActive = true;\n setWave(stateRef.current.wave);\n setHintMessage(\"Οι εχθροί έρχονται! Προστάτεψε το ραντεβού μας! ⚔️\");\n };\n\n const restartGame = () => {\n stateRef.current = {\n money: 150,\n lives: 10,\n wave: 0,\n enemiesSpawnedInWave: 0,\n spawnTimer: 0,\n isWaveActive: false,\n enemies: [],\n towers: [],\n projectiles: [],\n };\n setMoney(150);\n setLives(10);\n setWave(0);\n setSelectedTower(null);\n setHintMessage(\"Διάλεξε ένα συναίσθημα από κάτω για να ξεκινήσεις!\");\n setGameState(\"PLAYING\");\n };\n\n return (\n

\n {gameState === \"START\" && (\n

🏰❤️

Προστάτεψε το Ραντεβού!

\n Έχουμε ραντεβού στο τέλος του δρόμου, αλλά η καθημερινότητα (Κούραση\n 🥱, Άγχος 😰) έρχεται να μας το χαλάσει!
\n
\n Αγόρασε θετικά συναισθήματα (Φιλιά, Γέλια, Αγκαλιές), χτίσε τα στο\n γρασίδι και διώξε κάθε αρνητική σκέψη.\n

\n setGameState(\"PLAYING\")}\n >\n ΠΑΙΞΕ ΤΩΡΑ\n \n

\n )}\n\n {gameState === \"PLAYING\" && (\n

\n \n 💖 Καρδιές: {money}\n \n \n 🛡️ Αντοχή: {lives}\n \n \n 🌊 Κύμα: {wave}/{WAVES.length}\n \n

\n\n \n {stateRef.current.isWaveActive ? \"ΑΜΥΝΑ...\" : \"▶ ΕΠΟΜΕΝΟ ΚΥΜΑ\"}\n \n

\n\n

{hintMessage}

\n\n

\n \n

\n\n

\n {(Object.keys(TOWER_TYPES) as Array).map(\n (key) => {\n const tower = TOWER_TYPES[key];\n const isSelected = selectedTower === key;\n const canAfford = money >= tower.cost;\n\n return (\n {\n if (canAfford) {\n setSelectedTower(isSelected ? null : key);\n setHintMessage(\n isSelected\n ? \"Διάλεξε ένα συναίσθημα!\"\n : `Επέλεξες: ${tower.name}. Πάτα στο γρασίδι για τοποθέτηση.`,\n );\n }\n }}\n >\n

{tower.emoji}

\n \n {tower.name}\n

\n \n ❤️ {tower.cost}\n

\n );\n },\n )}\n \n \n )}\n\n {gameState === \"GAMEOVER\" && (\n

💔

Το Ραντεβού χάλασε...

\n Η κούραση και το άγχος μας νίκησαν αυτή τη φορά. Αλλά δεν τα\n παρατάμε!\n

\n \n

\n )}\n\n {gameState === \"WON\" && (\n

🍾🎉

\n \n Η ΑΓΑΠΗ ΝΙΚΗΣΕ!\n \n

\n Διώξαμε κάθε ίχνος άγχους και κούρασης με φιλιά, γέλια και αγκαλιές!\n Το ραντεβού μας είναι απόλυτα ασφαλές. Είσαι η καλύτερη συμπαίκτρια\n στη ζωή μου! ❤️\n

\n )}\n \n );\n}\n\n// ==========================================\n// 4. ΣΤΥΛ (CSS in JS)\n// ==========================================\nconst styles: { [key: string]: React.CSSProperties } = {\n page: {\n fontFamily: \"'Nunito', sans-serif\",\n backgroundColor: \"#0f172a\",\n minHeight: \"100vh\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n padding: \"10px\",\n boxSizing: \"border-box\",\n userSelect: \"none\",\n },\n overlayScreen: {\n backgroundColor: \"#1e293b\",\n padding: \"35px\",\n borderRadius: \"20px\",\n textAlign: \"center\",\n maxWidth: \"480px\",\n boxShadow: \"0 20px 50px rgba(0,0,0,0.5)\",\n color: \"white\",\n },\n logo: {\n fontSize: \"60px\",\n marginBottom: \"10px\",\n },\n title: {\n fontSize: \"26px\",\n color: \"#f8fafc\",\n margin: \"0 0 15px 0\",\n },\n instructions: {\n fontSize: \"15px\",\n color: \"#cbd5e1\",\n lineHeight: \"1.6\",\n marginBottom: \"30px\",\n },\n btnPrimary: {\n padding: \"15px 30px\",\n fontSize: \"18px\",\n fontWeight: \"bold\",\n backgroundColor: \"#f43f5e\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"30px\",\n cursor: \"pointer\",\n boxShadow: \"0 5px 15px rgba(244, 63, 94, 0.4)\",\n },\n gameContainer: {\n display: \"flex\",\n flexDirection: \"column\",\n gap: \"12px\",\n width: \"100%\",\n maxWidth: `${CANVAS_WIDTH}px`,\n },\n uiBar: {\n display: \"flex\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n backgroundColor: \"#1e293b\",\n padding: \"12px 15px\",\n borderRadius: \"15px\",\n flexWrap: \"wrap\",\n gap: \"10px\",\n },\n stats: {\n display: \"flex\",\n gap: \"12px\",\n color: \"white\",\n fontSize: \"14px\",\n flexWrap: \"wrap\",\n },\n statItem: {\n background: \"#334155\",\n padding: \"5px 10px\",\n borderRadius: \"8px\",\n },\n btnSecondary: {\n padding: \"10px 18px\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"10px\",\n fontWeight: \"bold\",\n cursor: \"pointer\",\n transition: \"0.2s\",\n },\n canvasWrapper: {\n border: \"4px solid #334155\",\n borderRadius: \"15px\",\n overflow: \"hidden\",\n boxShadow: \"0 10px 30px rgba(0,0,0,0.5)\",\n display: \"flex\",\n },\n shop: {\n display: \"flex\",\n gap: \"10px\",\n justifyContent: \"center\",\n flexWrap: \"wrap\",\n },\n shopItem: {\n backgroundColor: \"#1e293b\",\n padding: \"10px 18px\",\n borderRadius: \"15px\",\n textAlign: \"center\",\n color: \"white\",\n cursor: \"pointer\",\n minWidth: \"80px\",\n },\n hint: {\n textAlign: \"center\",\n color: \"#fbbf24\",\n fontWeight: \"bold\",\n minHeight: \"22px\",\n fontSize: \"14px\",\n padding: \"0 5px\",\n },\n};\n\n// ==========================================\n// 5. CLIENT & SERVER SETUP\n// ==========================================\nfunction client() {\n const styleSheet = document.createElement(\"style\");\n styleSheet.innerText = `\n @import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;900&display=swap');\n body { margin: 0; background-color: #0f172a; }\n `;\n document.head.appendChild(styleSheet);\n createRoot(document.getElementById(\"root\")!).render();\n}\n\nif (typeof document !== \"undefined\") client();\n\nexport default async function server(req: Request): Promise {\n return new Response(\n `\n \n \n \n Προστάτεψε το Ραντεβού ❤️\n \n \n \n \n

\n \n \n \n `,\n { headers: { \"content-type\": \"text/html; charset=UTF-8\" } },\n );\n}","createdAt",["D",1779746851719],"branchVersion","branchId","d2ead024-5884-11f1-99cd-ee650bb23af1","id","d2e61d72-5884-11f1-99cd-ee650bb23af1","game",["D",1779746292229],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","019c201a-c6d5-73df-9c72-e5a567918c20","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019c201a-c6d5-73df-9c72-eb12f876751d","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_98":97,"_105":101},"org",{"_98":97,"_99":-5,"_100":101,"_18":54,"_102":103,"_104":25},"branch",{"_13":14,"_32":84,"_43":42,"_85":44,"_86":87,"_88":89,"_90":50,"_91":92,"_93":94,"_95":45,"_96":97},"isOwned","main","projectId","forkedBranchId","fdd9b22e-27b0-11f0-aecd-569c3dd06744","forkedBranchVersion",11,"forkedProjectPrivacy","forkedProjectId","fdd966ca-27b0-11f0-aecd-569c3dd06744","forkedProjectOrgId","1ea2ca52-aecd-4993-8c60-cb61483dff1b","projectName","userHandle","alexandrosgalazoulas96","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzM5ODYyMzhDV3h6QnVKc2dNaFN0akxjMUJSaCJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":174,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":31,"_56":57,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":175,"_79":176,"_81":177,"_83":25},"tree",[165,166],"files",[165,166],"counts",{"_155":61,"_156":151,"_157":61,"_158":159,"_160":161},"contents",[139,140],"upstreamProject",{"_43":92,"_32":136,"_52":-5,"_53":-5,"_49":50,"_77":137},"upstreamBranch",{"_43":87,"_38":130,"_131":132,"_32":84,"_85":92,"_13":89,"_86":-5,"_88":-5,"_133":134,"_47":-5,"_83":25,"_49":50,"_96":135,"_62":94,"_95":136},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746230157507],"updatedAt",["D",1739338420215],"lockfileKey","1767110342515-esm.town_v_mewtru_valentine@11-main","mewtru","valentine",{"_98":135,"_105":138},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaWlEbWhXRTJ3Y3kwcTR0VjZYZEdyYmZFZVkifQ",{"_43":148,"_32":149,"_30":150,"_142":-5,"_41":42,"_40":151,"_143":57,"_38":152,"_13":61,"_33":20,"_35":153,"_24":25,"_146":-5,"_27":154},{"_43":141,"_32":28,"_30":31,"_142":-5,"_41":42,"_40":14,"_143":57,"_38":144,"_13":145,"_33":34,"_35":37,"_24":25,"_146":-5,"_27":147},"2062458e-5886-11f1-95a7-ee650bb23af1","parentId","latest",["D",1779746851719],2,"label",[28],"d2ee1a36-5884-11f1-99cd-ee650bb23af1","README.md","019e6125-4238-708f-98de-3a136cb022ff",1,["D",1779746292229],"Hello!!! \n\nFeel free to mess around with this val and make it your own :). Just click on \"Fork\" in the top right.\n\nYou can change the phrases that show up as you click no, you can change the firstImg and secondImg, maybe even add more images. And you can also change the colors and any of the text on the screen!\n\nHave fun with it and hopefully your crush says yes hehe.",[149],"pulls","branches","forks","envVars",{"_162":61,"_164":61},"connections",{"_162":61,"_163":61},"count","unfilledCount","emptyCount",{"_43":148,"_32":149,"_30":150,"_142":-5,"_41":42,"_40":151,"_143":57,"_38":171,"_13":61,"_33":20,"_35":153,"_24":25,"_146":-5,"_168":172,"_27":173},{"_43":141,"_32":28,"_30":31,"_142":-5,"_41":42,"_40":14,"_143":57,"_38":167,"_13":145,"_33":34,"_35":37,"_24":25,"_146":-5,"_168":169,"_27":170},["D",1779746851719],"children",[],[28],["D",1779746292229],[],[149],["D",1779746292229],{"_98":97,"_105":101},{"_98":97,"_99":-5,"_100":101,"_18":54,"_102":103,"_104":25},{"_13":14,"_32":84,"_43":42,"_85":44,"_86":87,"_88":89,"_90":50,"_91":92,"_93":94,"_95":45,"_96":97},"ctx",{"_77":-5,"_127":211,"_212":213,"_214":215,"_216":25,"_217":25,"_218":25,"_219":57,"_220":-5,"_221":-7,"_222":-7,"_223":61,"_224":25,"_225":25,"_226":-5,"_227":25,"_228":25,"_229":25,"_230":-5},"ENV",{"_182":183,"_184":185,"_186":84,"_187":188,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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"]

Diff · v3