[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_373":374,"_375":376},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_76":254,"_40":-7,"_255":-5,"_17":256,"_257":258,"_259":260,"_261":262,"_263":264,"_94":-5,"_265":266,"_267":268,"_269":50,"_270":271,"_272":26,"_273":-5,"_274":-5,"_275":276},"routes/_app.x.$handle.$name.compare.$branch",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":30,"_31":-5},"handle","randommuno46","name","animal-learning-game","branchName","main","project",{"_32":61,"_13":14,"_34":213,"_48":-5,"_214":50,"_51":52,"_215":52,"_216":217,"_218":219,"_220":221,"_222":223,"_224":26,"_225":-5,"_226":-5,"_227":22,"_55":228,"_229":-5,"_230":-5,"_231":-5,"_232":-5,"_233":234,"_235":234,"_236":237,"_238":237,"_239":237,"_240":234,"_241":234,"_242":243,"_244":245,"_246":28,"_49":50},"ahead",9,"behind",0,"diff",{"_65":66,"_67":68,"_69":70},"hasChanges",true,"sourceBranch",{"_40":59,"_13":16,"_32":60,"_38":61,"_42":33,"_44":41,"_62":52,"_63":39,"_64":56,"_57":14,"_53":12},"targetBranch",{"_32":33,"_34":35,"_36":37,"_13":16,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":-5,"_49":50,"_51":52,"_53":54,"_55":56,"_57":58},"pull","id","4858753f-eff0-4e8a-8a17-0ba6dac1be24","createdAt",["D",1781541316309],"updatedAt",["D",1781541490488],"projectId","fb850ee3-4fdd-43f0-b8b7-dc631063dc80","version",11,"forkedBranchId","961078ea-f528-11ef-aa68-569c3dd06744","forkedBranchVersion",89,"lockfileKey","1764013157902-esm.town_v_std_reactHonoStarter@72-main","deletedAt","isOwned",false,"privacy","public","userHandle","polat46","orgId","cb0f47d4-5041-4336-a59b-f79cc6472ac8","projectName","animal-match-game",10,"e0a08cdd-6014-4fc1-ae51-2af37985a689","cbb344ab-00e9-46e0-89d3-3f60938e2e80","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","added",[203],"deleted",[182,183],"modified",[71,72,73,74,75],{"_76":167,"_78":168,"_80":169},{"_76":150,"_78":151,"_80":152},{"_76":132,"_78":133,"_80":134},{"_76":111,"_78":112,"_80":113},{"_76":77,"_78":79,"_80":81},"path","frontend/index.html","targetFile",{"_32":103,"_13":83,"_84":104,"_86":105,"_88":33,"_89":20,"_90":26,"_34":106,"_40":107,"_93":94,"_95":108,"_67":50,"_97":-5,"_98":-7,"_76":109,"_100":110},"sourceFile",{"_32":82,"_13":83,"_84":85,"_86":87,"_88":60,"_89":20,"_90":26,"_34":91,"_40":92,"_93":94,"_95":96,"_67":50,"_97":-5,"_98":-7,"_76":99,"_100":101},"6eecad13-141a-4509-8e14-460d91e4f00a","index.html","fileId","019ecc2c-6f22-707f-9c35-015a024407a1","parentId","019ecc2c-6f22-707f-9c35-0a5c3c8e2946","branchId","branchVersion","latest",["D",1781541991013],2,"fileType","file","content","\n\n \n \n \n 🐾 Animal Sounds — English Learning Game\n \n \n \n \n \n

\n \n \n \n\n","label","children",[102,83],"contentHash","bdfc649e5c201add60b8799f306a4e45604c8e25b1339bf7696dc16dad71b18f","frontend","220ff31d-1bcc-48a1-beaf-011f7dfaf672","019ecc23-2746-76ab-af90-66779fcc57f7","019ecc23-2746-76ab-af90-6ea362ebd4bf",["D",1781541446975],1,"\n\n \n \n \n 🐾 Animal Match — English Learning Game\n \n \n \n \n \n

\n \n \n \n\n",[102,83],"0b64ec440d6120e36dc0d2a2a92940a0dc37dd96e0477b060bef4b15bb4e0e33","frontend/components/animals.ts",{"_32":125,"_13":115,"_84":126,"_86":127,"_88":33,"_89":92,"_90":26,"_34":128,"_40":22,"_93":120,"_95":129,"_67":50,"_97":-5,"_98":-7,"_76":130,"_100":131},{"_32":114,"_13":115,"_84":116,"_86":117,"_88":60,"_89":118,"_90":26,"_34":119,"_40":107,"_93":120,"_95":121,"_67":50,"_97":-5,"_98":-7,"_76":122,"_100":123},"720ad025-d3fb-4dd1-9edd-78019327cde7","animals.ts","019ecc2c-6f22-707f-9c34-f0632ac4845f","019ecc2c-6f22-707f-9c34-f8945763fae8",4,["D",1781541938510],"script","// Hayvan verileri: İngilizce isim + büyük renkli emoji görseli\nexport interface Animal {\n id: string;\n word: string; // İngilizce seslendirilecek kelime\n emoji: string; // büyük renkli görsel\n color: string; // kartın arka plan rengi (tailwind class)\n gradient: string; // dokununca gösterilecek büyük renkli kelime için gradyan\n}\n\n// İstenen 10 hayvan — her birine canlı, çocuk dostu bir renk verildi.\nexport const ANIMALS: Animal[] = [\n { id: \"dog\", word: \"Dog\", emoji: \"🐶\", color: \"bg-amber-200\", gradient: \"from-amber-400 to-orange-500\" },\n { id: \"cat\", word: \"Cat\", emoji: \"🐱\", color: \"bg-orange-200\", gradient: \"from-orange-400 to-red-500\" },\n { id: \"bird\", word: \"Bird\", emoji: \"🐦\", color: \"bg-sky-200\", gradient: \"from-sky-400 to-blue-500\" },\n { id: \"rabbit\", word: \"Rabbit\", emoji: \"🐰\", color: \"bg-pink-200\", gradient: \"from-pink-400 to-rose-500\" },\n { id: \"fish\", word: \"Fish\", emoji: \"🐠\", color: \"bg-cyan-200\", gradient: \"from-cyan-400 to-teal-500\" },\n { id: \"horse\", word: \"Horse\", emoji: \"🐴\", color: \"bg-yellow-200\", gradient: \"from-yellow-400 to-amber-600\" },\n { id: \"cow\", word: \"Cow\", emoji: \"🐮\", color: \"bg-lime-200\", gradient: \"from-lime-400 to-green-600\" },\n { id: \"sheep\", word: \"Sheep\", emoji: \"🐑\", color: \"bg-stone-200\", gradient: \"from-stone-400 to-gray-500\" },\n { id: \"duck\", word: \"Duck\", emoji: \"🦆\", color: \"bg-emerald-200\", gradient: \"from-emerald-400 to-green-500\" },\n { id: \"elephant\", word: \"Elephant\", emoji: \"🐘\", color: \"bg-indigo-200\", gradient: \"from-indigo-400 to-purple-600\" },\n];\n",[102,124,115],"27b0394c5c75efe84d5f09fdc1895d1b7bc3f46a2333e60c95b1ddbdea95dd8e","components","036252ee-7891-4706-9d56-b18e7c1dfa59","3a1297ec-68d8-11f1-8b51-1607ee4eb77e","019ecc23-2746-76ab-af90-5dd6eefd9135",["D",1781541332161],"// Hayvan verileri: İngilizce isim + büyük renkli emoji görseli\nexport interface Animal {\n id: string;\n word: string; // İngilizce seslendirilecek kelime\n emoji: string; // büyük renkli görsel\n color: string; // kartın arka plan rengi (tailwind class)\n}\n\nexport const ANIMALS: Animal[] = [\n { id: \"dog\", word: \"Dog\", emoji: \"🐶\", color: \"bg-amber-100\" },\n { id: \"cat\", word: \"Cat\", emoji: \"🐱\", color: \"bg-orange-100\" },\n { id: \"bird\", word: \"Bird\", emoji: \"🐦\", color: \"bg-sky-100\" },\n { id: \"rabbit\", word: \"Rabbit\", emoji: \"🐰\", color: \"bg-pink-100\" },\n { id: \"fish\", word: \"Fish\", emoji: \"🐠\", color: \"bg-cyan-100\" },\n { id: \"horse\", word: \"Horse\", emoji: \"🐴\", color: \"bg-yellow-100\" },\n { id: \"cow\", word: \"Cow\", emoji: \"🐮\", color: \"bg-lime-100\" },\n { id: \"sheep\", word: \"Sheep\", emoji: \"🐑\", color: \"bg-stone-100\" },\n { id: \"duck\", word: \"Duck\", emoji: \"🦆\", color: \"bg-emerald-100\" },\n { id: \"elephant\", word: \"Elephant\", emoji: \"🐘\", color: \"bg-indigo-100\" },\n];\n\n// Diziyi karıştırmak için yardımcı (Fisher-Yates)\nexport function shuffle(arr: T[]): T[] {\n const a = [...arr];\n for (let i = a.length - 1; i > 0; i--) {\n const j = Math.floor(Math.random() * (i + 1));\n [a[i], a[j]] = [a[j], a[i]];\n }\n return a;\n}\n",[102,124,115],"8299c5c37cc8178466960fa5f8d691a8b116fb819cd4a69e00c4d6d3c6294fec","frontend/components/App.tsx",{"_32":143,"_13":136,"_84":144,"_86":127,"_88":33,"_89":145,"_90":26,"_34":146,"_40":107,"_93":120,"_95":147,"_67":50,"_97":-5,"_98":-7,"_76":148,"_100":149},{"_32":135,"_13":136,"_84":137,"_86":117,"_88":60,"_89":138,"_90":26,"_34":139,"_40":107,"_93":120,"_95":140,"_67":50,"_97":-5,"_98":-7,"_76":141,"_100":142},"44a6a453-70d8-45c1-9325-669aa567e57f","App.tsx","019ecc2c-6f22-707f-9c34-e0417336b08d",7,["D",1781541978216],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { ANIMALS, type Animal } from \"./animals.ts\";\nimport { AnimalCard } from \"./AnimalCard.tsx\";\nimport { WordDisplay } from \"./WordDisplay.tsx\";\nimport { Confetti } from \"./Confetti.tsx\";\nimport { playSparkle, speak, unlockAudio } from \"./sound.ts\";\n\nexport function App() {\n // En son dokunulan hayvan (büyük kelime + vurgu için)\n const [active, setActive] = useState(null);\n // Her dokunuşta kısa konfeti patlaması için artan sayaç\n const [burst, setBurst] = useState(0);\n\n function handleTap(animal: Animal) {\n unlockAudio();\n\n // 1) İngilizce adı net telaffuzla seslendir\n speak(animal.word);\n // 2) Eğlenceli \"parıltı\" ses efekti\n playSparkle();\n // 3) Büyük renkli kelimeyi göster + kartı vurgula\n setActive(animal);\n // 4) Kısa konfeti patlaması (her dokunuşta yeniden tetikle)\n setBurst((b) => b + 1);\n }\n\n return (\n

\n {/* Her dokunuşta kısa parıltı/konfeti. key değişince animasyon yeniden başlar. */}\n {burst > 0 && }\n\n {/* Başlık */}\n

\n 🐾 Animal Sounds 🔊\n

\n Tap an animal to learn its name in English!\n

\n\n {/* Büyük renkli kelime gösterimi */}\n

\n \n

\n\n {/* Hayvan kartları ızgarası — büyük ve dokunmatik dostu */}\n

\n {ANIMALS.map((animal) => (\n handleTap(animal)}\n />\n ))}\n

\n\n \n

\n );\n}\n",[102,124,136],"bd477e33e0c55d99637fbbec7605e2214738efe23a13159d71606f3b1704608a","0386c7e2-7431-4ea6-86ff-3b2e73218f84","019ecc23-2745-726a-a755-e54d81208c30",8,["D",1781541436613],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useMemo, useState } from \"https://esm.sh/react@18.2.0\";\nimport { ANIMALS, type Animal, shuffle } from \"./animals.ts\";\nimport { AnimalCard, type CardState } from \"./AnimalCard.tsx\";\nimport { SoundButton } from \"./SoundButton.tsx\";\nimport { Confetti } from \"./Confetti.tsx\";\nimport { WinScreen } from \"./WinScreen.tsx\";\nimport {\n playApplause,\n playBuzzer,\n playCheer,\n playSparkle,\n speak,\n unlockAudio,\n} from \"./sound.ts\";\n\nconst PRAISE = [\"Great Job!\", \"Excellent!\", \"Awesome!\", \"Well Done!\", \"Super!\"];\n\nexport function App() {\n // Her oyun turu için iki bağımsız karıştırılmış sıralama\n const [round, setRound] = useState(0);\n const animalsLeft = useMemo(() => shuffle(ANIMALS), [round]);\n const soundsRight = useMemo(() => shuffle(ANIMALS), [round]);\n\n // Eşleşen hayvan id'leri\n const [matched, setMatched] = useState>(new Set());\n // Şu an seçili olan ses (kelime). Çocuk bunu bir hayvana eşleştirecek.\n const [activeId, setActiveId] = useState(null);\n // Sürüklenen ses\n const [draggingId, setDraggingId] = useState(null);\n // Sürüklemenin üzerinde olduğu hayvan kartı\n const [dropTargetId, setDropTargetId] = useState(null);\n // Geçici doğru/yanlış geri bildirim durumu (kart id -> state)\n const [feedback, setFeedback] = useState>({});\n // Kutlama (kısa konfeti) ve oyun sonu\n const [celebrate, setCelebrate] = useState(false);\n const [won, setWon] = useState(false);\n\n const allDone = matched.size === ANIMALS.length;\n\n useEffect(() => {\n if (allDone && !won) {\n setWon(true);\n playCheer();\n setTimeout(() => speak(\"You did it! Amazing!\"), 300);\n }\n }, [allDone, won]);\n\n function playWord(animal: Animal) {\n unlockAudio();\n setActiveId(animal.id);\n speak(animal.word);\n }\n\n // Bir hayvana, seçili/sürüklenen sesi eşleştirmeyi dene\n function attemptMatch(targetAnimal: Animal, soundId: string | null) {\n if (!soundId || matched.has(targetAnimal.id)) return;\n unlockAudio();\n\n if (soundId === targetAnimal.id) {\n // DOĞRU\n const next = new Set(matched);\n next.add(targetAnimal.id);\n setMatched(next);\n setActiveId(null);\n setFeedback((f) => ({ ...f, [targetAnimal.id]: \"correct\" }));\n playApplause();\n playSparkle();\n // kısa konfeti patlaması (oyun sonu değilse)\n if (next.size < ANIMALS.length) {\n setCelebrate(true);\n setTimeout(() => setCelebrate(false), 1500);\n }\n const praise = PRAISE[Math.floor(Math.random() * PRAISE.length)];\n setTimeout(() => speak(praise), 250);\n } else {\n // YANLIŞ — puan kaybı yok, tekrar denenebilir\n setFeedback((f) => ({ ...f, [targetAnimal.id]: \"wrong\" }));\n playBuzzer();\n setTimeout(() => speak(\"Daat! Try again.\"), 200);\n setTimeout(() => {\n setFeedback((f) => {\n const c = { ...f };\n delete c[targetAnimal.id];\n return c;\n });\n }, 700);\n }\n }\n\n function resetGame() {\n setMatched(new Set());\n setActiveId(null);\n setDraggingId(null);\n setDropTargetId(null);\n setFeedback({});\n setCelebrate(false);\n setWon(false);\n setRound((r) => r + 1);\n }\n\n return (\n

\n {celebrate && }\n {won && }\n\n {/* Başlık */}\n

\n 🐾 Animal Match 🔊\n

\n Tap a 🔊 sound, then tap the right animal!\n

\n {matched.size} / {ANIMALS.length} ⭐\n

\n\n {/* Oyun alanı: sol hayvanlar | sağ ses butonları */}\n

\n {/* SOL: Hayvan görselleri */}\n

\n Animals\n

\n {animalsLeft.map((animal) => (\n attemptMatch(animal, activeId)}\n onDropAnimal={() => attemptMatch(animal, draggingId)}\n onDragOver={(over) => setDropTargetId(over ? animal.id : null)}\n />\n ))}\n

\n\n {/* SAĞ: Ses butonları (yazısız) */}\n

\n Sounds\n

\n {soundsRight.map((animal) => (\n playWord(animal)}\n onDragStart={() => setDraggingId(animal.id)}\n onDragEnd={() => setDraggingId(null)}\n />\n ))}\n

\n\n \n

\n );\n}\n",[102,124,136],"27d2d2371f5945cff7476790757f491362106e38d710a7e7286d23f18e816699","frontend/components/AnimalCard.tsx",{"_32":161,"_13":154,"_84":162,"_86":127,"_88":33,"_89":156,"_90":26,"_34":163,"_40":22,"_93":120,"_95":164,"_67":50,"_97":-5,"_98":-7,"_76":165,"_100":166},{"_32":153,"_13":154,"_84":155,"_86":117,"_88":60,"_89":156,"_90":26,"_34":157,"_40":107,"_93":120,"_95":158,"_67":50,"_97":-5,"_98":-7,"_76":159,"_100":160},"67428c86-7cdb-4373-997d-4fbb229be630","AnimalCard.tsx","019ecc2c-6f21-779b-959c-cadcc5ab797c",5,["D",1781541950986],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport type { Animal } from \"./animals.ts\";\n\ninterface Props {\n animal: Animal;\n isActive: boolean; // en son dokunulan kart (vurgulanır)\n onTap: () => void;\n}\n\n// Büyük, renkli, dokunmatik dostu hayvan kartı.\n// Dokununca: parıltı (sparkle) animasyonu + aktif vurgu.\nexport function AnimalCard({ animal, isActive, onTap }: Props) {\n return (\n \n {/* Büyük hayvan görseli */}\n \n {animal.emoji}\n \n\n {/* Dokunuşta kısa parıltı animasyonu (yıldızlar) */}\n {isActive && (\n <>\n ✨\n ⭐\n \n )}\n \n );\n}\n",[102,124,154],"83cd69ecd434472593519cb7e2d7fb652cf19dc8a7ac3930c62ec9b38da5a551","18e0b196-e6da-4131-95f9-3a6b806eee6e","58b9cdfa-68d8-11f1-b538-1607ee4eb77e",["D",1781541383587],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport type { Animal } from \"./animals.ts\";\n\nexport type CardState = \"idle\" | \"correct\" | \"wrong\";\n\ninterface Props {\n animal: Animal;\n state: CardState;\n matched: boolean;\n isDropTarget: boolean; // sürükleme bu kartın üzerindeyken\n onActivate: () => void; // tıklama ile seçim\n onDropAnimal: () => void; // sürükle-bırak ile seçim\n onDragOver: (over: boolean) => void;\n}\n\nexport function AnimalCard(\n { animal, state, matched, isDropTarget, onActivate, onDropAnimal, onDragOver }: Props,\n) {\n let ring = \"ring-4 ring-transparent\";\n if (matched) ring = \"ring-8 ring-green-500\";\n else if (state === \"correct\") ring = \"ring-8 ring-green-500\";\n else if (state === \"wrong\") ring = \"ring-8 ring-red-500 animate-wiggle\";\n else if (isDropTarget) ring = \"ring-8 ring-yellow-400\";\n\n return (\n {\n e.preventDefault();\n onDragOver(true);\n }}\n onDragLeave={() => onDragOver(false)}\n onDrop={(e) => {\n e.preventDefault();\n onDragOver(false);\n onDropAnimal();\n }}\n class={`relative flex items-center justify-center rounded-3xl shadow-lg\n ${animal.color} ${ring}\n w-full aspect-square select-none transition-all duration-200\n ${matched ? \"opacity-90 scale-95\" : \"hover:scale-105 active:scale-95 cursor-pointer\"}`}\n aria-label={animal.word}\n >\n \n {animal.emoji}\n \n\n {/* Doğru eşleşmede parlayan yıldız animasyonu */}\n {(matched || state === \"correct\") && (\n \n ⭐\n \n )}\n {matched && (\n \n ✨\n \n )}\n \n );\n}\n",[102,124,154],"04a4ddea450c305168f2a4a640038bd5b1f8d535b8b1e665f34cfffa23e623ff","README.md",{"_32":176,"_13":167,"_84":177,"_86":-5,"_88":33,"_89":41,"_90":26,"_34":178,"_40":107,"_93":94,"_95":179,"_67":50,"_97":-5,"_98":-7,"_76":180,"_100":181},{"_32":170,"_13":167,"_84":171,"_86":-5,"_88":60,"_89":59,"_90":26,"_34":172,"_40":107,"_93":94,"_95":173,"_67":50,"_97":-5,"_98":-7,"_76":174,"_100":175},"e27a62d4-e33a-429e-8aa8-976b65bfa16a","019ecc2c-6f22-707f-9c35-0fdcb7bc4047",["D",1781542029433],"# 🐾 Animal Sounds — İngilizce Öğrenme Oyunu\n\nOkul öncesi çocuklar (4-6 yaş) için **İngilizce hayvan öğrenme** oyunu. Çocuk\nekrandaki büyük renkli bir hayvana dokunur; hayvanın İngilizce adı **sesli**\nsöylenir ve aynı anda ekranda **büyük renkli harflerle** belirir.\n\n## 🎮 Nasıl Oynanır?\n\n1. Ekrandaki **büyük bir hayvan görseline** dokun.\n2. Hayvanın İngilizce adı **net telaffuzla seslendirilir** (ör. \"Dog\").\n3. Aynı anda yukarıda **büyük renkli harflerle** kelime görünür (ör. **DOG**).\n4. Her dokunuşta kısa bir **parıltı ✨ animasyonu** ve eğlenceli **ses efekti**\n oynar.\n5. Çocuk aynı hayvana **istediği kadar tekrar** dokunabilir — doğru/yanlış,\n kazanma/kaybetme yok. Sadece dinle ve öğren!\n\n## 🐶 Hayvanlar (10)\n\nDog 🐶 · Cat 🐱 · Bird 🐦 · Rabbit 🐰 · Fish 🐠 · Horse 🐴 · Cow 🐮 ·\nSheep 🐑 · Duck 🦆 · Elephant 🐘\n\n## ✨ Özellikler\n\n- 🔊 **Gerçek seslendirme** — Web Speech API ile çocuklara uygun, yavaş ve net\n İngilizce telaffuz.\n- 🔤 **Büyük renkli kelime** — her hayvanın adı kendine özgü renkli gradyanla\n ekranda belirir.\n- 🎵 **Eğlenceli ses efekti** — her dokunuşta parıltı sesi (tamamen tarayıcıda\n üretilir, harici dosya yok).\n- ✨ **Parıltı animasyonu** — dokununca yıldızlar ve kısa konfeti.\n- 👆 **Dokunmatik uyumlu** — büyük kartlar, tablet ve telefon için ideal.\n- 📖 **Okuma gerektirmez** — okula başlamamış çocuklar tek başına oynayabilir.\n\n> **Not:** Ses için tarayıcının açık olması gerekir. İlk dokunuşla ses izni\n> otomatik açılır. En iyi sonuç için Chrome/Safari kullanın.\n\n## 🏗️ Mimari\n\n```mermaid\ngraph TD\n Browser -->|\"GET /\"| Hono[\"index.ts
(Hono server)\"]\n Hono -->|serves| HTML[\"index.html\"]\n HTML --> Entry[\"index.tsx\"]\n Entry --> App[\"App.tsx
(oyun mantığı)\"]\n App --> Card[\"AnimalCard.tsx
(büyük hayvan kartı)\"]\n App --> Word[\"WordDisplay.tsx
(büyük renkli kelime)\"]\n App --> Sound[\"sound.ts
(seslendirme + efekt)\"]\n App --> Conf[\"Confetti.tsx
(parıltı)\"]\n Card --> Data[\"animals.ts
(hayvan verisi)\"]\n```\n\n## 📁 Dosya Yapısı\n\n```\nindex.ts ← Hono backend (frontend'i servis eder)\nfrontend/\n index.html ← HTML shell (Twind + animasyonlar)\n index.tsx ← React giriş noktası\n components/\n App.tsx ← Oyun mantığı + düzen\n AnimalCard.tsx ← Büyük dokunmatik hayvan kartı\n WordDisplay.tsx ← Büyük renkli İngilizce kelime gösterimi\n Confetti.tsx ← Parıltı / konfeti efekti\n animals.ts ← Hayvan verileri (kelime + emoji + renk)\n sound.ts ← Seslendirme + ses efektleri\n```\n",[167],"a6c04337af300002ce95618afa768c269be3e92565650e9f2e46cd02133144ee","c8afd161-970f-4f85-8841-f618f6231448","019ecc23-2746-76ab-af90-70dbd0db8610",["D",1781541490488],"# 🐾 Animal Match — İngilizce Öğrenme Oyunu\n\nOkul öncesi çocuklar (4-6 yaş) için **İngilizce hayvan eşleştirme** oyunu.\nÇocuk bir ses butonuna basar, İngilizce hayvan adını duyar ve doğru hayvan\ngörseliyle eşleştirir.\n\n## 🎮 Nasıl Oynanır?\n\n1. Sağdaki bir **🔊 ses butonuna** dokun → İngilizce kelime seslendirilir\n (ör. \"Dog\").\n2. Soldaki **doğru hayvan görseline** dokun *(veya ses butonunu hayvanın\n üzerine sürükle-bırak)*.\n3. **Doğru** ise: alkış 👏, parlayan yıldız ⭐, konfeti 🎊, \"Great Job!\" ve\n yeşil çerçeve.\n4. **Yanlış** ise: komik \"Daaat!\" sesi, kısa kırmızı çerçeve — puan kaybı yok,\n tekrar dene!\n5. Tüm 10 hayvan eşleşince büyük **kutlama ekranı** açılır: konfeti yağar,\n alkış çalar, \"You Did It!\" seslendirilir.\n\n## 🐶 Hayvanlar\n\nDog, Cat, Bird, Rabbit, Fish, Horse, Cow, Sheep, Duck, Elephant\n\n## ✨ Özellikler\n\n- 🔊 **Gerçek seslendirme** — Web Speech API ile İngilizce telaffuz.\n- 🎵 **Ses efektleri** — alkış, yıldız, buzzer ve kutlama sesleri tamamen\n tarayıcıda üretilir (harici dosya yok).\n- 🎊 **Konfeti & yıldız animasyonları** — saf CSS/React.\n- 👆 **Dokunmatik uyumlu** — büyük butonlar, hem tıklama hem sürükle-bırak.\n- 🌈 **Çok renkli ve eğlenceli** — okul öncesi çocukların tek başına\n oynayabileceği basitlikte.\n\n> **Not:** Ses için tarayıcının açık olması ve ilk dokunuşla ses izninin\n> verilmesi gerekir. En iyi sonuç için Chrome/Safari kullanın.\n\n## 🏗️ Mimari\n\n```mermaid\ngraph TD\n Browser -->|\"GET /\"| Hono[\"index.ts
(Hono server)\"]\n Hono -->|serves| HTML[\"index.html\"]\n HTML --> Entry[\"index.tsx\"]\n Entry --> App[\"App.tsx
(oyun mantığı)\"]\n App --> Card[\"AnimalCard.tsx
(sol: görseller)\"]\n App --> Btn[\"SoundButton.tsx
(sağ: 🔊 butonlar)\"]\n App --> Sound[\"sound.ts
(seslendirme + efektler)\"]\n App --> Conf[\"Confetti.tsx\"]\n App --> Win[\"WinScreen.tsx\"]\n Card --> Data[\"animals.ts
(hayvan verisi)\"]\n Btn --> Data\n```\n\n## 📁 Dosya Yapısı\n\n```\nindex.ts ← Hono backend (frontend'i servis eder)\nfrontend/\n index.html ← HTML shell (Twind + animasyonlar)\n index.tsx ← React giriş noktası\n components/\n App.tsx ← Oyun mantığı + düzen\n AnimalCard.tsx ← Sol taraf hayvan görselleri\n SoundButton.tsx ← Sağ taraf yazısız ses butonları\n Confetti.tsx ← Konfeti efekti\n WinScreen.tsx ← Oyun sonu kutlama ekranı\n animals.ts ← Hayvan verileri (kelime + emoji)\n sound.ts ← Seslendirme + ses efektleri\n```\n",[167],"e77cc015ea4b8a24d997d182750951d6363453118a7663f67e12a8374c4ec257",{"_76":193,"_78":194,"_80":-7},{"_76":184,"_78":185,"_80":-7},"frontend/components/WinScreen.tsx",{"_32":186,"_13":187,"_84":188,"_86":127,"_88":33,"_89":138,"_90":26,"_34":189,"_40":22,"_93":120,"_95":190,"_67":50,"_97":-5,"_98":-7,"_76":191,"_100":192},"fb7001b8-09c1-4fb9-b2c2-8daf13127066","WinScreen.tsx","67b8aec0-68d8-11f1-98cc-1607ee4eb77e",["D",1781541408744],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Confetti } from \"./Confetti.tsx\";\n\nexport function WinScreen({ onPlayAgain }: { onPlayAgain: () => void }) {\n return (\n

\n \n

🎉🏆🎉

\n You Did It!\n

\n ⭐ All animals matched! ⭐\n

\n \n 🔄 Play Again\n \n

\n );\n}\n",[102,124,187],"1fd61c8eb2297a1fd323460f8def3282b0a5e540890bdbb9f156df7ae015fad2","frontend/components/SoundButton.tsx",{"_32":195,"_13":196,"_84":197,"_86":127,"_88":33,"_89":198,"_90":26,"_34":199,"_40":22,"_93":120,"_95":200,"_67":50,"_97":-5,"_98":-7,"_76":201,"_100":202},"fc08bdd9-fbc2-4754-b5cd-1a8c8a43f697","SoundButton.tsx","614eef9a-68d8-11f1-90af-1607ee4eb77e",6,["D",1781541397988],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\ninterface Props {\n matched: boolean;\n isActive: boolean; // şu an seçili (eşleştirilmeyi bekleyen) buton\n onPlay: () => void; // tıklayınca kelimeyi seslendir + bu butonu seç\n onDragStart: () => void;\n onDragEnd: () => void;\n}\n\n// Yazısız ses butonu: sadece hoparlör simgesi (inline SVG).\nexport function SoundButton({ matched, isActive, onPlay, onDragStart, onDragEnd }: Props) {\n let base = \"bg-purple-500 hover:bg-purple-600\";\n if (matched) base = \"bg-green-500 cursor-default\";\n else if (isActive) base = \"bg-pink-500 ring-8 ring-pink-300 animate-pulse\";\n\n return (\n {\n e.dataTransfer.effectAllowed = \"move\";\n // bazı tarayıcılar veri olmadan sürüklemeyi engeller\n e.dataTransfer.setData(\"text/plain\", \"sound\");\n onDragStart();\n }}\n onDragEnd={onDragEnd}\n class={`relative flex items-center justify-center rounded-3xl shadow-lg\n ${base} text-white\n w-full aspect-square select-none transition-all duration-200\n ${matched ? \"opacity-90\" : \"hover:scale-105 active:scale-95 cursor-pointer\"}`}\n aria-label=\"Play sound\"\n >\n {matched\n ? (\n \n )\n : (\n \n )}\n \n );\n}\n",[102,124,196],"fe19e84a8f948a45c0051c4ad24ce5baf44ce888c4c8de05197b97a503ad0d9c",{"_76":204,"_78":-7,"_80":205},"frontend/components/WordDisplay.tsx",{"_32":206,"_13":207,"_84":208,"_86":117,"_88":60,"_89":198,"_90":26,"_34":209,"_40":22,"_93":120,"_95":210,"_67":50,"_97":-5,"_98":-7,"_76":211,"_100":212},"a51a9648-e01a-4019-81f0-664e2ddee7f0","WordDisplay.tsx","b1ab190e-68d9-11f1-83e6-1607ee4eb77e",["D",1781541962307],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport type { Animal } from \"./animals.ts\";\n\n// Ekranın üstündeki büyük renkli kelime gösterimi.\n// Çocuk bir hayvana dokununca o hayvanın İngilizce adı burada büyük harflerle belirir.\nexport function WordDisplay({ animal }: { animal: Animal | null }) {\n return (\n

\n {animal\n ? (\n

\n {animal.emoji}\n \n {animal.word}\n \n

\n )\n : (\n

\n 👇 Tap an animal to hear its name! 👇\n

\n )}\n

\n );\n}\n",[102,124,207],"32e010395d9d233a0d5b426f27be6a8b8ae8969dd0a3879f63b238d96df02f75",["D",1781541924496],"legacyEnvVars","httpPrivacy","description","Okul öncesi (4-6 yaş) için İngilizce hayvan eşleştirme oyunu","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789592399&sig=9f2b8198a6bd290c0e4cd558a371acaf6bae0541324daebbd1636993bd403dce","userId","06437ba7-2a3c-428d-a299-c333861cf5ed","pinnedFileId","019ecc2c-6f22-707f-9c35-1009d856fe1a","pinPreview","pinMigrated","screenshotVersion","likeCount","e9d26b96-de35-4383-9f50-1bf9117e0df7","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_253":249},"org",{"_11":12,"_247":-5,"_248":249,"_220":221,"_250":251,"_252":50},"branch","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJweWwwaXdicEdOT0s3cTRHVHdRaGN4OWQ2MSJ9","tier","free","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":61,"_13":14,"_34":369,"_48":-5,"_214":50,"_51":52,"_215":52,"_216":217,"_218":219,"_220":221,"_222":223,"_224":26,"_225":-5,"_226":-5,"_227":22,"_55":228,"_229":-5,"_230":-5,"_231":-5,"_232":-5,"_233":234,"_235":234,"_236":237,"_238":237,"_239":237,"_240":234,"_241":234,"_242":370,"_244":371,"_246":372,"_49":50},"tree",[306,317,318],"files",[306,307,308,309,310,311,312,313,314,315,316,317,318],"counts",{"_296":22,"_297":107,"_298":22,"_299":300,"_301":302},"contents",[281,282,283],"upstreamProject",{"_32":39,"_13":58,"_216":217,"_218":219,"_51":52,"_242":279},"upstreamBranch",{"_32":33,"_34":277,"_36":278,"_13":16,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":-5,"_49":50,"_51":52,"_53":54,"_55":56,"_57":58},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1781541316309],["D",1781541490488],{"_11":54,"_253":280},"https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJxR0VRRnZqRm8zZ0JaYVJDMGd6a1NybHpGWiJ9",{"_32":292,"_13":102,"_84":87,"_86":-5,"_88":60,"_89":107,"_90":26,"_34":293,"_40":22,"_93":294,"_95":-5,"_67":50,"_97":-5,"_76":295},{"_32":170,"_13":167,"_84":171,"_86":-5,"_88":60,"_89":59,"_90":26,"_34":290,"_40":107,"_93":94,"_95":173,"_67":50,"_97":-5,"_76":291},{"_32":284,"_13":285,"_84":223,"_86":-5,"_88":60,"_89":107,"_90":26,"_34":286,"_40":22,"_93":287,"_95":288,"_67":50,"_97":-5,"_76":289},"01eb005f-8de8-4b34-83b3-8134ff28621d","index.ts",["D",1781541924496],"http","import { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\n\nconst app = new Hono();\n\n// Serve index.html at the root /\napp.get(\"/\", () => serveFile(\"/frontend/index.html\"));\n\n// Serve all /frontend files\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path));\n\n// View source redirect\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// Add your API routes here\n// app.get(\"/api/data\", c => c.json({ hello: \"world\" }));\n\n// Unwrap and rethrow Hono errors as the original error\n// If you delete this, all errors will be \"Internal Server Error\"\napp.onError((err) => Promise.reject(err));\n\n// HTTP vals expect an exported \"fetch handler\"\n// This is how you \"run the server\" in Val Town with Hono\nexport default app.fetch;\n",[285],["D",1781542029433],[167],"31944637-888e-4572-93c3-6e1381175948",["D",1781541924496],"directory",[102],"pulls","branches","forks","envVars",{"_303":22,"_305":22},"connections",{"_303":22,"_304":22},"count","unfilledCount","emptyCount",{"_32":292,"_13":102,"_84":87,"_86":-5,"_88":60,"_89":107,"_90":26,"_34":366,"_40":22,"_93":294,"_95":-5,"_67":50,"_97":-5,"_98":367,"_76":368},{"_32":362,"_13":124,"_84":117,"_86":87,"_88":60,"_89":107,"_90":26,"_34":363,"_40":22,"_93":294,"_95":-5,"_67":50,"_97":-5,"_98":364,"_76":365},{"_32":153,"_13":154,"_84":155,"_86":117,"_88":60,"_89":156,"_90":26,"_34":157,"_40":107,"_93":120,"_95":158,"_67":50,"_97":-5,"_98":360,"_76":361},{"_32":135,"_13":136,"_84":137,"_86":117,"_88":60,"_89":138,"_90":26,"_34":139,"_40":107,"_93":120,"_95":140,"_67":50,"_97":-5,"_98":358,"_76":359},{"_32":351,"_13":352,"_84":353,"_86":117,"_88":60,"_89":107,"_90":26,"_34":354,"_40":22,"_93":120,"_95":355,"_67":50,"_97":-5,"_98":356,"_76":357},{"_32":206,"_13":207,"_84":208,"_86":117,"_88":60,"_89":198,"_90":26,"_34":209,"_40":22,"_93":120,"_95":210,"_67":50,"_97":-5,"_98":349,"_76":350},{"_32":114,"_13":115,"_84":116,"_86":117,"_88":60,"_89":118,"_90":26,"_34":119,"_40":107,"_93":120,"_95":121,"_67":50,"_97":-5,"_98":347,"_76":348},{"_32":340,"_13":341,"_84":342,"_86":117,"_88":60,"_89":107,"_90":26,"_34":343,"_40":22,"_93":120,"_95":344,"_67":50,"_97":-5,"_98":345,"_76":346},{"_32":333,"_13":334,"_84":335,"_86":87,"_88":60,"_89":107,"_90":26,"_34":336,"_40":22,"_93":94,"_95":337,"_67":50,"_97":-5,"_98":338,"_76":339},{"_32":82,"_13":83,"_84":85,"_86":87,"_88":60,"_89":20,"_90":26,"_34":91,"_40":92,"_93":94,"_95":96,"_67":50,"_97":-5,"_98":331,"_76":332},{"_32":324,"_13":325,"_84":326,"_86":87,"_88":60,"_89":107,"_90":26,"_34":327,"_40":22,"_93":120,"_95":328,"_67":50,"_97":-5,"_98":329,"_76":330},{"_32":170,"_13":167,"_84":171,"_86":-5,"_88":60,"_89":59,"_90":26,"_34":172,"_40":107,"_93":94,"_95":173,"_67":50,"_97":-5,"_98":322,"_76":323},{"_32":284,"_13":285,"_84":223,"_86":-5,"_88":60,"_89":107,"_90":26,"_34":319,"_40":22,"_93":287,"_95":288,"_67":50,"_97":-5,"_98":320,"_76":321},["D",1781541924496],[],[285],[],[167],"841e69b3-2729-4e79-b842-1276c0cecbfb","index.tsx","019ecc2c-6f22-707f-9c35-0535c4445d8a",["D",1781541924496],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[],[102,325],[],[102,83],"433d4832-dfe2-4c7a-9d50-6a045110144b","favicon.svg","019ecc2c-6f22-707f-9c34-fd9d95b46555",["D",1781541924496],"\n",[],[102,334],"61673817-8583-495b-b993-043868f25cff","sound.ts","019ecc2c-6f22-707f-9c34-f4b67e4dece1",["D",1781541924496],"// Ses yardımcıları: harici dosya yok, hepsi tarayıcı API'leriyle üretilir.\n// - speak(): Web Speech API ile İngilizce seslendirme\n// - playApplause / playBuzzer / playSparkle / playCheer: Web Audio API ile efektler\n\nlet audioCtx: AudioContext | null = null;\nfunction ctx(): AudioContext {\n if (!audioCtx) {\n const AC = (globalThis as any).AudioContext || (globalThis as any).webkitAudioContext;\n audioCtx = new AC();\n }\n // iOS/Safari: kullanıcı etkileşiminden sonra context'i devam ettir\n if (audioCtx.state === \"suspended\") audioCtx.resume();\n return audioCtx;\n}\n\n// --- Seslendirme (Text-to-Speech) ---\nfunction pickEnglishVoice(): SpeechSynthesisVoice | undefined {\n const voices = speechSynthesis.getVoices();\n return (\n voices.find((v) => /en[-_]US/i.test(v.lang)) ||\n voices.find((v) => /^en/i.test(v.lang)) ||\n voices[0]\n );\n}\n\nexport function speak(text: string, opts: { rate?: number; pitch?: number } = {}) {\n if (!(\"speechSynthesis\" in globalThis)) return;\n try {\n speechSynthesis.cancel();\n const u = new SpeechSynthesisUtterance(text);\n u.lang = \"en-US\";\n u.rate = opts.rate ?? 0.85; // çocuklar için biraz yavaş\n u.pitch = opts.pitch ?? 1.1;\n const v = pickEnglishVoice();\n if (v) u.voice = v;\n speechSynthesis.speak(u);\n } catch {\n // sessizce geç\n }\n}\n\n// Sesler tarayıcıya asenkron yüklenir; hazır olunca seçimi tazele\nif (\"speechSynthesis\" in globalThis) {\n speechSynthesis.onvoiceschanged = () => pickEnglishVoice();\n}\n\n// --- Düşük seviye ton üretici ---\nfunction tone(\n freq: number,\n start: number,\n duration: number,\n type: OscillatorType = \"sine\",\n gain = 0.2,\n) {\n const c = ctx();\n const osc = c.createOscillator();\n const g = c.createGain();\n osc.type = type;\n osc.frequency.value = freq;\n g.gain.setValueAtTime(0.0001, c.currentTime + start);\n g.gain.exponentialRampToValueAtTime(gain, c.currentTime + start + 0.02);\n g.gain.exponentialRampToValueAtTime(0.0001, c.currentTime + start + duration);\n osc.connect(g).connect(c.destination);\n osc.start(c.currentTime + start);\n osc.stop(c.currentTime + start + duration + 0.05);\n}\n\n// Beyaz gürültü patlaması (alkış benzeri)\nfunction noiseBurst(start: number, duration: number, gain = 0.35) {\n const c = ctx();\n const bufferSize = Math.floor(c.sampleRate * duration);\n const buffer = c.createBuffer(1, bufferSize, c.sampleRate);\n const data = buffer.getChannelData(0);\n for (let i = 0; i < bufferSize; i++) {\n // sönümlü gürültü -> alkış hissi\n const decay = 1 - i / bufferSize;\n data[i] = (Math.random() * 2 - 1) * decay * decay;\n }\n const src = c.createBufferSource();\n src.buffer = buffer;\n const g = c.createGain();\n g.gain.value = gain;\n const filter = c.createBiquadFilter();\n filter.type = \"bandpass\";\n filter.frequency.value = 2200;\n src.connect(filter).connect(g).connect(c.destination);\n src.start(c.currentTime + start);\n}\n\n// --- Yüksek seviye efektler ---\n\n// Güçlü alkış: art arda gürültü patlamaları\nexport function playApplause() {\n for (let i = 0; i < 14; i++) {\n noiseBurst(i * 0.06, 0.12, 0.25 + Math.random() * 0.2);\n }\n}\n\n// Parlayan yıldız / başarı: yukarı çıkan neşeli arpej\nexport function playSparkle() {\n const notes = [523, 659, 784, 1047, 1319]; // C5 E5 G5 C6 E6\n notes.forEach((f, i) => tone(f, i * 0.08, 0.25, \"triangle\", 0.18));\n}\n\n// Yanlış cevap: komik \"daaat\" düşen vızıltı\nexport function playBuzzer() {\n const c = ctx();\n const osc = c.createOscillator();\n const g = c.createGain();\n osc.type = \"sawtooth\";\n osc.frequency.setValueAtTime(320, c.currentTime);\n osc.frequency.exponentialRampToValueAtTime(120, c.currentTime + 0.45);\n g.gain.setValueAtTime(0.0001, c.currentTime);\n g.gain.exponentialRampToValueAtTime(0.25, c.currentTime + 0.03);\n g.gain.exponentialRampToValueAtTime(0.0001, c.currentTime + 0.5);\n osc.connect(g).connect(c.destination);\n osc.start();\n osc.stop(c.currentTime + 0.55);\n}\n\n// Büyük kutlama: alkış + neşeli melodi\nexport function playCheer() {\n playApplause();\n const melody = [523, 659, 784, 659, 784, 1047]; // küçük zafer ezgisi\n melody.forEach((f, i) => tone(f, 0.1 + i * 0.18, 0.3, \"square\", 0.16));\n}\n\n// Tarayıcının ses iznini ilk dokunuşta açmak için\nexport function unlockAudio() {\n try {\n ctx();\n } catch {\n // yoksay\n }\n}\n",[],[102,124,341],[],[102,124,115],[],[102,124,207],"b1d33dda-dc0f-47e9-b244-09b71fcf48d3","Confetti.tsx","019ecc2c-6f22-707f-9c34-e43941a22382",["D",1781541924496],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useMemo } from \"https://esm.sh/react@18.2.0\";\n\nconst COLORS = [\n \"#ef4444\", \"#f59e0b\", \"#eab308\", \"#22c55e\",\n \"#06b6d4\", \"#3b82f6\", \"#8b5cf6\", \"#ec4899\",\n];\n\n// Harici kütüphane yok: bir grup renkli kareyi yukarıdan aşağı düşürüyoruz.\nexport function Confetti({ count = 120 }: { count?: number }) {\n const pieces = useMemo(() => {\n return Array.from({ length: count }).map((_, i) => ({\n id: i,\n left: Math.random() * 100, // %\n delay: Math.random() * 0.6, // s\n duration: 2.5 + Math.random() * 2, // s\n size: 8 + Math.random() * 10, // px\n color: COLORS[i % COLORS.length],\n rotate: Math.random() * 360,\n round: Math.random() > 0.5,\n }));\n }, [count]);\n\n return (\n

\n \n {pieces.map((p) => (\n \n ))}\n

\n );\n}\n",[],[102,124,352],[],[102,124,136],[],[102,124,154],"6558005b-f5ad-4eb4-b66a-5ad9bbb370f3",["D",1781541924496],[308,309,310,311,312,313],[102,124],["D",1781541924496],[307,314,315,316],[102],["D",1781541924496],{"_11":12,"_253":249},{"_11":12,"_247":-5,"_248":249,"_220":221,"_250":251,"_252":50},{"_40":59,"_13":16,"_32":60,"_38":61,"_42":33,"_44":41,"_62":52,"_63":39,"_64":56,"_57":14,"_53":12},"ctx",{"_242":-5,"_274":406,"_407":408,"_409":410,"_411":50,"_412":50,"_413":50,"_414":26,"_415":-5,"_416":-7,"_417":-7,"_418":22,"_419":50,"_420":50,"_421":-5,"_422":50,"_423":50,"_424":50,"_425":-5},"ENV",{"_377":378,"_379":380,"_381":16,"_382":383,"_384":385,"_386":387,"_388":389,"_390":391,"_392":393,"_394":395,"_396":397,"_398":399,"_400":401,"_402":403,"_404":405},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","5015b8df46402d8bba4f485ecc37aec202b0e06b","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

Mergerandommuno46/mainintopolat46/main

README.md+33-36

frontend/components/AnimalCard.tsx+19-44

frontend/components/App.tsx+37-140

frontend/components/animals.ts+12-20

frontend/index.html+15-8

frontend/components/WordDisplay.tsx+28-0

frontend/components/SoundButton.tsx+0-51

frontend/components/WinScreen.tsx+0-28