[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_322":323,"_324":325},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_240":-5,"_20":241,"_22":242,"_243":244,"_245":246,"_26":247,"_24":248,"_249":-5,"_250":-5,"_251":57,"_252":253,"_254":48,"_255":-5,"_256":-5,"_257":258},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","glinzkan","name","Gulozkn","branchName","main","version","path","frontend","project",{"_36":185,"_13":14,"_49":186,"_187":-5,"_188":57,"_189":190,"_191":190,"_192":193,"_194":-5,"_195":196,"_197":82,"_198":48,"_199":-5,"_200":-5,"_201":51,"_202":203,"_204":-5,"_205":-5,"_206":-5,"_207":-5,"_208":209,"_210":209,"_211":212,"_213":212,"_214":212,"_215":209,"_216":209,"_217":218,"_219":220,"_221":222,"_223":57},"tree",[77,78,79],"file",{"_36":74,"_13":19,"_39":42,"_41":-5,"_43":44,"_45":63,"_47":48,"_49":75,"_17":51,"_52":72,"_54":-5,"_56":57,"_58":-5,"_18":76},"contents",[33,34,35],"upstream","pull","ahead","behind","envVars",{"_36":67,"_13":68,"_39":69,"_41":42,"_43":44,"_45":70,"_47":48,"_49":71,"_17":51,"_52":72,"_54":-5,"_56":57,"_58":-5,"_18":73},{"_36":60,"_13":61,"_39":62,"_41":42,"_43":44,"_45":63,"_47":48,"_49":64,"_17":51,"_52":24,"_54":65,"_56":57,"_58":-5,"_18":66},{"_36":37,"_13":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_17":51,"_52":53,"_54":55,"_56":57,"_58":-5,"_18":59},"id","886c75f8-6318-4093-a111-abd2501f1f22","index.tsx","fileId","c579513c-6af3-11f1-af37-1607ee4eb77e","parentId","b58a82ba-6676-4187-ad22-7a114958da30","branchId","be193657-250a-483c-b142-86775f4edef7","branchVersion",6,"latest",true,"createdAt",["D",1781773064774],0,"fileType","script","content","/** @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) throw new Error(\"root bulunamadı\");\n\ncreateRoot(root).render();\n","deleted",false,"label",[19,38],"a9f06d0c-b2bb-4b5a-80b2-245577f8d29c","index.html","c4a11c68-6af3-11f1-944b-1607ee4eb77e",5,["D",1781773063333],"\n\n \n \n \n 🌈 Mevsimlerin Yolculuğu\n \n 🌈\" type=\"image/svg+xml\">\n \n \n \n

\n \n \n \n\n",[19,61],"d2418327-5546-40f6-bc4f-7baee1e2c2a9","components","ae7af50b-9261-4c36-a1c4-f1bdf7221aba",7,["D",1781773087391],"directory",[19,68],"e0e46c98-2e78-4d6c-a442-40792d2812bf",["D",1781773063333],[19],{"_36":74,"_13":19,"_39":42,"_41":-5,"_43":44,"_45":63,"_47":48,"_49":99,"_17":51,"_52":72,"_54":-5,"_56":57,"_58":-5,"_88":100,"_18":101},{"_36":91,"_13":92,"_39":93,"_41":-5,"_43":44,"_45":94,"_47":48,"_49":95,"_17":51,"_52":24,"_54":96,"_56":57,"_58":-5,"_88":97,"_18":98},{"_36":80,"_13":81,"_39":82,"_41":-5,"_43":44,"_45":83,"_47":48,"_49":84,"_17":85,"_52":86,"_54":87,"_56":57,"_58":-5,"_88":89,"_18":90},"b1a5220d-ad59-454a-a45b-61843a7db71f","main.ts","247a06f0-6af3-11f1-98c7-1607ee4eb77e",4,["D",1781773057010],3,"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// Ana sayfada index.html sun\napp.get(\"/\", () => serveFile(\"/frontend/index.html\"));\n\n// Tüm /frontend dosyalarını sun\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path));\n\n// Kaynak kodu görüntüleme\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// Hono hatalarını orijinal haliyle yeniden fırlat\napp.onError((err) => Promise.reject(err));\n\nexport default app.fetch;\n","children",[],[81],"6057fd77-b5a3-4fea-a6e4-69e9ef52d347","README.md","283fa08c-6af4-11f1-93b7-1607ee4eb77e",15,["D",1781773230490],"# 🌈 Mevsimlerin Yolculuğu\n\nOkul öncesi çocuklar için dört mevsimi öğreten, eğitici ve eğlenceli bir oyun. Tamamen Türkçe, renkli ve dokunmatik dostu (büyük butonlar, basit kontroller).\n\n## 🎮 Nasıl Oynanır?\n\nOyuncu sırasıyla dört mevsim bölümünü tamamlar. Her bölümde **2 görev** vardır ve sonunda mevsimle ilgili **kısa bir bilgi** verilir:\n\n| Bölüm | 1. Görev | 2. Görev |\n| --- | --- | --- |\n| 🌸 İlkbahar | Çiçek toplama | Kelebekleri bulma |\n| ☀️ Yaz | Dondurma toplama | Yazlık kıyafet seçme |\n| 🍁 Sonbahar | Yaprak toplama | Meyveleri eşleştirme |\n| ❄️ Kış | Kardan adam için kar toplama | Kışlık kıyafet seçme |\n\nDört bölüm bitince oyuncu **mevsimleri doğru sıraya dizer** (İlkbahar → Yaz → Sonbahar → Kış) ve **🏅 \"Mevsim Uzmanı\" rozetini** kazanır!\n\n## ✨ Özellikler\n\n- 🎨 Renkli, çocuk dostu arayüz ve her mevsime özel arka plan renkleri\n- 🔘 Büyük butonlar, kolay dokunmatik kontroller\n- 🔊 Tıklama ve başarı sesleri (Web Audio — ekstra dosya gerektirmez)\n- ⭐ İlerleme yıldızları ve neşeli animasyonlar (zıplama, sallanma, düşen öğeler)\n- 📚 Her bölüm sonunda eğitici mevsim bilgisi\n\n## 🗺️ Oyun Akışı\n\n```mermaid\nflowchart LR\n A[Başla] --> B[🌸 İlkbahar]\n B --> C[☀️ Yaz]\n C --> D[🍁 Sonbahar]\n D --> E[❄️ Kış]\n E --> F[Mevsimleri Sırala]\n F --> G[🏅 Mevsim Uzmanı Rozeti]\n```\n\n## 🧩 Dosya Yapısı\n\n- `main.ts` — Hono HTTP sunucusu (statik dosyaları sunar)\n- `frontend/index.html` — sayfa iskeleti ve animasyonlar\n- `frontend/index.tsx` — React giriş noktası\n- `frontend/components/`\n - `App.tsx` — oyun aşamalarını yöneten ana bileşen\n - `seasons.ts` — mevsim verileri ve bilgiler\n - `SeasonLevel.tsx` — bir mevsim bölümünün akışı ve görev tanımları\n - `CollectGame.tsx` — toplama mini oyunu\n - `ChooseGame.tsx` — seçme/eşleştirme mini oyunu\n - `OrderGame.tsx` — mevsimleri sıralama (final görev)\n - `WinScreen.tsx` — rozet / oyun sonu ekranı\n - `ui.tsx` — ortak butonlar, sesler ve süslemeler\n\nReact + Hono ile [Val Town](https://www.val.town) üzerinde çalışır.\n",[],[92],["D",1781773063333],[102,103,104],[19],{"_36":67,"_13":68,"_39":69,"_41":42,"_43":44,"_45":70,"_47":48,"_49":111,"_17":51,"_52":72,"_54":-5,"_56":57,"_58":-5,"_88":112,"_18":113},{"_36":60,"_13":61,"_39":62,"_41":42,"_43":44,"_45":63,"_47":48,"_49":108,"_17":51,"_52":24,"_54":65,"_56":57,"_58":-5,"_88":109,"_18":110},{"_36":37,"_13":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":105,"_17":51,"_52":53,"_54":55,"_56":57,"_58":-5,"_88":106,"_18":107},["D",1781773064774],[],[19,38],["D",1781773063333],[],[19,61],["D",1781773087391],[114,115,116,117,118,119,120,121],[19,68],{"_36":177,"_13":178,"_39":179,"_41":69,"_43":44,"_45":180,"_47":48,"_49":181,"_17":51,"_52":53,"_54":182,"_56":57,"_58":-5,"_88":183,"_18":184},{"_36":169,"_13":170,"_39":171,"_41":69,"_43":44,"_45":172,"_47":48,"_49":173,"_17":51,"_52":53,"_54":174,"_56":57,"_58":-5,"_88":175,"_18":176},{"_36":161,"_13":162,"_39":163,"_41":69,"_43":44,"_45":164,"_47":48,"_49":165,"_17":51,"_52":53,"_54":166,"_56":57,"_58":-5,"_88":167,"_18":168},{"_36":153,"_13":154,"_39":155,"_41":69,"_43":44,"_45":156,"_47":48,"_49":157,"_17":51,"_52":53,"_54":158,"_56":57,"_58":-5,"_88":159,"_18":160},{"_36":145,"_13":146,"_39":147,"_41":69,"_43":44,"_45":148,"_47":48,"_49":149,"_17":51,"_52":53,"_54":150,"_56":57,"_58":-5,"_88":151,"_18":152},{"_36":137,"_13":138,"_39":139,"_41":69,"_43":44,"_45":140,"_47":48,"_49":141,"_17":51,"_52":53,"_54":142,"_56":57,"_58":-5,"_88":143,"_18":144},{"_36":129,"_13":130,"_39":131,"_41":69,"_43":44,"_45":132,"_47":48,"_49":133,"_17":51,"_52":53,"_54":134,"_56":57,"_58":-5,"_88":135,"_18":136},{"_36":122,"_13":123,"_39":124,"_41":69,"_43":44,"_45":70,"_47":48,"_49":125,"_17":51,"_52":53,"_54":126,"_56":57,"_58":-5,"_88":127,"_18":128},"49bfd421-39a2-499d-b3b2-274172a11e59","ui.tsx","d2f4ffa0-6af3-11f1-af37-1607ee4eb77e",["D",1781773087391],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\n// Basit \"tıkla\" sesi - Web Audio ile (dosya gerektirmez)\nlet audioCtx: AudioContext | null = null;\nexport function playSound(type: \"pop\" | \"win\" | \"wrong\" | \"star\" = \"pop\") {\n try {\n audioCtx = audioCtx || new (window.AudioContext || (window as any).webkitAudioContext)();\n const ctx = audioCtx;\n const now = ctx.currentTime;\n const notes: Record = {\n pop: [660],\n star: [523, 784],\n win: [523, 659, 784, 1046],\n wrong: [220, 180],\n };\n (notes[type] || notes.pop).forEach((freq, i) => {\n const osc = ctx.createOscillator();\n const gain = ctx.createGain();\n osc.type = type === \"wrong\" ? \"sawtooth\" : \"triangle\";\n osc.frequency.value = freq;\n const t = now + i * 0.12;\n gain.gain.setValueAtTime(0.0001, t);\n gain.gain.exponentialRampToValueAtTime(0.25, t + 0.02);\n gain.gain.exponentialRampToValueAtTime(0.0001, t + 0.25);\n osc.connect(gain).connect(ctx.destination);\n osc.start(t);\n osc.stop(t + 0.3);\n });\n } catch (_) { /* ses desteklenmiyor */ }\n}\n\n// Büyük, çocuk dostu buton\nexport function BigButton(\n { children, onClick, color = \"bg-pink-500\", className = \"\" }: {\n children: React.ReactNode;\n onClick?: () => void;\n color?: string;\n className?: string;\n },\n) {\n return (\n {\n playSound(\"pop\");\n onClick?.();\n }}\n className={`${color} text-white font-extrabold text-2xl md:text-3xl px-8 py-5 rounded-full shadow-lg\n active:scale-95 hover:brightness-110 transition-all border-b-8 border-black/20 ${className}`}\n >\n {children}\n \n );\n}\n\n// İlerleme yıldızları (kaç görev tamamlandı)\nexport function ProgressStars({ total, done }: { total: number; done: number }) {\n return (\n

\n {Array.from({ length: total }).map((_, i) => (\n \n {i < done ? \"⭐\" : \"☆\"}\n \n ))}\n

\n );\n}\n\n// Bilgi kartı (her bölüm sonunda gösterilir)\nexport function FactCard(\n { emoji, title, fact, onNext, color }: {\n emoji: string;\n title: string;\n fact: string;\n onNext: () => void;\n color: string;\n },\n) {\n return (\n

{emoji}

🎉 {title} 🎉

{fact}

\n Devam Et ➡️\n

\n );\n}\n\n// Konfeti / düşen öğeler (dekoratif)\nexport function FallingItems({ items }: { items: string[] }) {\n const drops = React.useMemo(\n () =>\n Array.from({ length: 14 }).map((_, i) => ({\n emoji: items[i % items.length],\n left: Math.random() * 100,\n dur: 5 + Math.random() * 5,\n delay: Math.random() * 5,\n size: 22 + Math.random() * 22,\n })),\n [items],\n );\n return (\n

\n {drops.map((d, i) => (\n \n {d.emoji}\n \n ))}\n

\n );\n}\n",[],[19,68,123],"5b860cd8-f9dd-4af0-a931-7c8c37adb07e","seasons.ts","db98f256-6af3-11f1-8d48-1607ee4eb77e",8,["D",1781773101892],"// Mevsim verileri - tüm bölümlerin tanımları burada\nexport interface Season {\n id: string;\n name: string;\n emoji: string;\n bg: string; // arka plan gradyanı\n accent: string; // vurgu rengi (butonlar/kartlar)\n fact: string; // bölüm sonu bilgisi\n}\n\nexport const SEASONS: Season[] = [\n {\n id: \"ilkbahar\",\n name: \"İlkbahar\",\n emoji: \"🌷\",\n bg: \"from-green-200 via-pink-100 to-green-100\",\n accent: \"bg-pink-500\",\n fact: \"İlkbaharda hava ısınır, çiçekler açar ve kelebekler uçmaya başlar. Ağaçlar yeşil yapraklarla dolar!\",\n },\n {\n id: \"yaz\",\n name: \"Yaz\",\n emoji: \"☀️\",\n bg: \"from-yellow-200 via-orange-100 to-blue-100\",\n accent: \"bg-orange-500\",\n fact: \"Yaz en sıcak mevsimdir. Güneş çok parlar, denize gireriz ve serinlemek için dondurma yeriz!\",\n },\n {\n id: \"sonbahar\",\n name: \"Sonbahar\",\n emoji: \"🍂\",\n bg: \"from-orange-200 via-amber-100 to-yellow-100\",\n accent: \"bg-amber-600\",\n fact: \"Sonbaharda yapraklar sararır ve yere düşer. Hava serinler, ağaçlar meyvelerini verir!\",\n },\n {\n id: \"kis\",\n name: \"Kış\",\n emoji: \"❄️\",\n bg: \"from-blue-200 via-cyan-100 to-white\",\n accent: \"bg-blue-500\",\n fact: \"Kış en soğuk mevsimdir. Kar yağar, kardan adam yaparız ve kalın kışlık kıyafetler giyeriz!\",\n },\n];\n",[],[19,68,130],"5ceb5cb7-2e1b-4f09-8edc-332ad93fab4c","WinScreen.tsx","0cd3deb2-6af4-11f1-8d48-1607ee4eb77e",13,["D",1781773184487],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { BigButton, FallingItems } from \"./ui.tsx\";\n\n// Oyun sonu - \"Mevsim Uzmanı\" rozeti\nexport function WinScreen({ onRestart }: { onRestart: () => void }) {\n return (\n

\n \n

🎉 Tebrikler! 🎉

\n\n {/* Rozet */}\n

\n 🏅\n MEVSİM
UZMANI\n

\n ⭐\n ⭐\n

\n\n

\n Dört mevsimi de öğrendin! 🌸 İlkbahar, ☀️ Yaz, 🍁 Sonbahar ve ❄️ Kış.\n Artık sen bir Mevsim Uzmanısın! 🌟\n

\n\n 🔁 Tekrar Oyna\n

\n );\n}\n",[],[19,68,138],"c27879db-5a9b-451f-83e1-3def5b9b1b4d","SeasonLevel.tsx","fd55386e-6af3-11f1-90ae-1607ee4eb77e",11,["D",1781773158481],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport { CollectGame } from \"./CollectGame.tsx\";\nimport { ChooseGame, Choice } from \"./ChooseGame.tsx\";\nimport { FactCard, ProgressStars } from \"./ui.tsx\";\nimport type { Season } from \"./seasons.ts\";\n\n// Her mevsimin 2 görevini tanımlayan yapı\ninterface Task1 { // toplama görevi\n title: string;\n instruction: string;\n target: string;\n decoys: string[];\n goal: number;\n}\ninterface Task2 { // seçme/eşleştirme görevi\n title: string;\n instruction: string;\n choices: Choice[];\n needed: number;\n}\n\nexport const LEVEL_TASKS: Record = {\n ilkbahar: {\n collect: {\n title: \"Çiçek Topla! 🌸\",\n instruction: \"Pembe çiçeklere dokun ve hepsini topla!\",\n target: \"🌸\",\n decoys: [\"🪨\", \"🍄\", \"🐌\"],\n goal: 5,\n },\n choose: {\n title: \"Kelebekleri Bul! 🦋\",\n instruction: \"Sadece kelebeklere dokun.\",\n needed: 3,\n choices: [\n { emoji: \"🦋\", label: \"Kelebek\", correct: true },\n { emoji: \"🐛\", label: \"Tırtıl\", correct: false },\n { emoji: \"🦋\", label: \"Kelebek\", correct: true },\n { emoji: \"🐝\", label: \"Arı\", correct: false },\n { emoji: \"🦋\", label: \"Kelebek\", correct: true },\n { emoji: \"🐞\", label: \"Uğur Böceği\", correct: false },\n ],\n },\n },\n yaz: {\n collect: {\n title: \"Dondurma Topla! 🍦\",\n instruction: \"Tüm dondurmalara dokun, sıcakta erimeden topla!\",\n target: \"🍦\",\n decoys: [\"🌶️\", \"🔥\", \"🪨\"],\n goal: 5,\n },\n choose: {\n title: \"Yazlık Kıyafet Seç! 👕\",\n instruction: \"Sıcak yaz günü için hafif kıyafetleri seç.\",\n needed: 3,\n choices: [\n { emoji: \"👕\", label: \"Tişört\", correct: true },\n { emoji: \"🧥\", label: \"Mont\", correct: false },\n { emoji: \"🩳\", label: \"Şort\", correct: true },\n { emoji: \"🧤\", label: \"Eldiven\", correct: false },\n { emoji: \"🕶️\", label: \"Güneş Gözlüğü\", correct: true },\n { emoji: \"🧣\", label: \"Atkı\", correct: false },\n ],\n },\n },\n sonbahar: {\n collect: {\n title: \"Yaprak Topla! 🍁\",\n instruction: \"Düşen sarı yapraklara dokun ve topla!\",\n target: \"🍁\",\n decoys: [\"🌰\", \"🪵\", \"🐿️\"],\n goal: 5,\n },\n choose: {\n title: \"Meyveleri Bul! 🍎\",\n instruction: \"Sonbahar meyvelerine dokun (meyve olmayanlara değil).\",\n needed: 3,\n choices: [\n { emoji: \"🍎\", label: \"Elma\", correct: true },\n { emoji: \"🍂\", label: \"Yaprak\", correct: false },\n { emoji: \"🍇\", label: \"Üzüm\", correct: true },\n { emoji: \"🌰\", label: \"Kestane\", correct: false },\n { emoji: \"🍐\", label: \"Armut\", correct: true },\n { emoji: \"🍄\", label: \"Mantar\", correct: false },\n ],\n },\n },\n kis: {\n collect: {\n title: \"Kardan Adam İçin Kar Topla! ⚪\",\n instruction: \"Kar tanelerine dokun, kardan adam için kar biriktir!\",\n target: \"❄️\",\n decoys: [\"🔥\", \"☀️\", \"🍂\"],\n goal: 5,\n },\n choose: {\n title: \"Kışlık Kıyafet Seç! 🧥\",\n instruction: \"Soğuk kış günü için sıcak tutan kıyafetleri seç.\",\n needed: 3,\n choices: [\n { emoji: \"🧥\", label: \"Mont\", correct: true },\n { emoji: \"🩳\", label: \"Şort\", correct: false },\n { emoji: \"🧣\", label: \"Atkı\", correct: true },\n { emoji: \"🕶️\", label: \"Güneş Gözlüğü\", correct: false },\n { emoji: \"🧤\", label: \"Eldiven\", correct: true },\n { emoji: \"👙\", label: \"Mayo\", correct: false },\n ],\n },\n },\n};\n\ntype Step = \"collect\" | \"choose\" | \"fact\";\n\n// Bir mevsim bölümünün tüm akışını yönetir\nexport function SeasonLevel({ season, onComplete }: { season: Season; onComplete: () => void }) {\n const [step, setStep] = useState(\"collect\");\n const tasks = LEVEL_TASKS[season.id];\n const doneCount = step === \"collect\" ? 0 : step === \"choose\" ? 1 : 2;\n\n return (\n

\n {season.emoji} {season.name}\n

\n \n\n {step === \"collect\" && (\n setStep(\"choose\")}\n />\n )}\n\n {step === \"choose\" && (\n setStep(\"fact\")}\n />\n )}\n\n {step === \"fact\" && (\n \n )}\n

\n );\n}\n",[],[19,68,146],"bb9a16fa-7559-4bb9-881b-f5a8010e5b7d","OrderGame.tsx","08d6aa74-6af4-11f1-944b-1607ee4eb77e",12,["D",1781773177794],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport { BigButton, playSound } from \"./ui.tsx\";\nimport { SEASONS } from \"./seasons.ts\";\n\n// Mevsimleri doğru sıraya dizme oyunu (final görev)\nexport function OrderGame({ onWin }: { onWin: () => void }) {\n const correctOrder = SEASONS.map((s) => s.id); // ilkbahar, yaz, sonbahar, kış\n const [pool, setPool] = useState(() => [...SEASONS].sort(() => Math.random() - 0.5));\n const [slots, setSlots] = useState<(typeof SEASONS[number] | null)[]>([null, null, null, null]);\n const [shake, setShake] = useState(false);\n\n function placeNext(season: typeof SEASONS[number]) {\n const nextSlot = slots.findIndex((s) => s === null);\n if (nextSlot === -1) return;\n playSound(\"pop\");\n setSlots((prev) => {\n const cp = [...prev];\n cp[nextSlot] = season;\n return cp;\n });\n setPool((prev) => prev.filter((s) => s.id !== season.id));\n }\n\n function reset() {\n playSound(\"pop\");\n setPool([...SEASONS].sort(() => Math.random() - 0.5));\n setSlots([null, null, null, null]);\n }\n\n function check() {\n const filled = slots.every(Boolean);\n if (!filled) return;\n const ok = slots.every((s, i) => s!.id === correctOrder[i]);\n if (ok) {\n playSound(\"win\");\n onWin();\n } else {\n playSound(\"wrong\");\n setShake(true);\n setTimeout(() => {\n setShake(false);\n reset();\n }, 900);\n }\n }\n\n const allPlaced = slots.every(Boolean);\n\n return (\n

🏁 Son Görev!

\n Mevsimleri doğru sıraya diz: İlkbahar ➡️ Yaz ➡️ Sonbahar ➡️ Kış\n

\n\n {/* Sıralama kutuları */}\n

\n {slots.map((s, i) => (\n \n {i + 1}.\n {s ? {s.emoji} : ❔}\n {s && {s.name}}\n

\n ))}\n

\n\n {/* Seçilebilir mevsimler */}\n

\n {pool.map((s) => (\n placeNext(s)}\n className=\"flex flex-col items-center bg-white rounded-2xl border-4 border-white shadow-lg p-3\n hover:scale-110 active:scale-95 transition-all wiggle\"\n >\n {s.emoji}\n {s.name}\n \n ))}\n

\n\n

\n 🔄 Sıfırla\n {allPlaced && (\n Kontrol Et ✅\n )}\n

\n \n );\n}\n",[],[19,68,154],"c7a6f7e6-cde6-4677-b44c-37ad6ed1fde2","CollectGame.tsx","e6e88f90-6af3-11f1-8c14-1607ee4eb77e",9,["D",1781773120867],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useMemo, useState } from \"https://esm.sh/react@18.2.0\";\nimport { BigButton, playSound } from \"./ui.tsx\";\n\ninterface Spot {\n id: number;\n emoji: string;\n isTarget: boolean;\n top: number;\n left: number;\n collected: boolean;\n}\n\n// Tıklayarak doğru öğeleri toplama oyunu.\n// target: toplanacak emoji, decoys: yanlış emojiler, goal: kaç tane toplanacak\nexport function CollectGame(\n { title, instruction, target, decoys, goal, color, onDone }: {\n title: string;\n instruction: string;\n target: string;\n decoys: string[];\n goal: number;\n color: string;\n onDone: () => void;\n },\n) {\n const [spots, setSpots] = useState(() => makeSpots(target, decoys, goal));\n const collected = spots.filter((s) => s.isTarget && s.collected).length;\n const finished = collected >= goal;\n\n function tap(spot: Spot) {\n if (spot.collected) return;\n if (spot.isTarget) {\n playSound(\"star\");\n setSpots((prev) => prev.map((s) => (s.id === spot.id ? { ...s, collected: true } : s)));\n } else {\n playSound(\"wrong\");\n }\n }\n\n return (\n

{title}

{instruction}

\n {target} {collected} / {goal}\n

\n\n

\n {spots.map((s) => (\n tap(s)}\n style={{ top: `${s.top}%`, left: `${s.left}%` }}\n className={`absolute -translate-x-1/2 -translate-y-1/2 text-5xl md:text-6xl transition-all\n ${s.collected ? \"opacity-0 scale-0\" : \"hover:scale-125 active:scale-90 wiggle\"}`}\n aria-label={s.isTarget ? \"topla\" : \"yanlış\"}\n >\n {s.emoji}\n \n ))}\n {finished && (\n

🎊

Hepsini topladın!

\n Tamamla ✅\n

\n )}\n

\n );\n}\n\nfunction makeSpots(target: string, decoys: string[], goal: number): Spot[] {\n const list: Omit[] = [];\n for (let i = 0; i < goal; i++) {\n list.push({ id: i, emoji: target, isTarget: true, collected: false });\n }\n for (let i = 0; i < Math.max(3, goal); i++) {\n list.push({\n id: 100 + i,\n emoji: decoys[i % decoys.length],\n isTarget: false,\n collected: false,\n });\n }\n // karıştır ve rastgele konum ver (kenarlardan uzak)\n return list\n .sort(() => Math.random() - 0.5)\n .map((s) => ({\n ...s,\n top: 12 + Math.random() * 76,\n left: 10 + Math.random() * 80,\n }));\n}\n",[],[19,68,162],"89bcc344-91ad-44a8-b239-57e464f8defb","ChooseGame.tsx","ed2e345e-6af3-11f1-84f1-1607ee4eb77e",10,["D",1781773131339],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport { BigButton, playSound } from \"./ui.tsx\";\n\nexport interface Choice {\n emoji: string;\n label: string;\n correct: boolean;\n}\n\n// Doğru seçeneği/seçenekleri seçme oyunu (kıyafet seçme, eşleştirme vb.)\n// needed: kaç doğru seçenek seçilmeli\nexport function ChooseGame(\n { title, instruction, choices, needed, color, onDone }: {\n title: string;\n instruction: string;\n choices: Choice[];\n needed: number;\n color: string;\n onDone: () => void;\n },\n) {\n const [picked, setPicked] = useState>({});\n const correctCount = Object.values(picked).filter((v) => v === \"ok\").length;\n const finished = correctCount >= needed;\n\n function pick(i: number, c: Choice) {\n if (picked[i] === \"ok\") return;\n if (c.correct) {\n playSound(\"star\");\n setPicked((p) => ({ ...p, [i]: \"ok\" }));\n } else {\n playSound(\"wrong\");\n setPicked((p) => ({ ...p, [i]: \"no\" }));\n setTimeout(() => setPicked((p) => {\n const cp = { ...p };\n if (cp[i] === \"no\") delete cp[i];\n return cp;\n }), 600);\n }\n }\n\n return (\n

{title}

{instruction}

✅ {correctCount} / {needed}

\n\n

\n {choices.map((c, i) => {\n const state = picked[i];\n return (\n pick(i, c)}\n className={`flex flex-col items-center gap-1 p-4 rounded-3xl border-4 shadow-lg transition-all\n ${state === \"ok\" ? \"bg-green-200 border-green-500 scale-105\" : \"\"}\n ${state === \"no\" ? \"bg-red-200 border-red-400 animate-pulse\" : \"\"}\n ${!state ? \"bg-white border-white hover:scale-105 active:scale-95\" : \"\"}`}\n >\n {c.emoji}\n {c.label}\n {state === \"ok\" && ⭐}\n \n );\n })}\n

\n\n {finished && (\n

\n Harika! Tamamla ✅\n

\n )}\n

\n );\n}\n",[],[19,68,170],"9fff9225-71c1-4d11-ad7a-79d7c8d9cf5b","App.tsx","16805b34-6af4-11f1-9e32-1607ee4eb77e",14,["D",1781773200716],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport { SEASONS } from \"./seasons.ts\";\nimport { SeasonLevel } from \"./SeasonLevel.tsx\";\nimport { OrderGame } from \"./OrderGame.tsx\";\nimport { WinScreen } from \"./WinScreen.tsx\";\nimport { BigButton, FallingItems } from \"./ui.tsx\";\n\n// Oyun aşamaları:\n// \"start\" -> mevsim bölümleri (0..3) -> \"order\" -> \"win\"\ntype Phase = \"start\" | \"level\" | \"order\" | \"win\";\n\nexport function App() {\n const [phase, setPhase] = useState(\"start\");\n const [levelIndex, setLevelIndex] = useState(0);\n\n const currentSeason = SEASONS[levelIndex];\n const bg = phase === \"level\"\n ? currentSeason.bg\n : phase === \"order\"\n ? \"from-purple-200 via-pink-100 to-blue-100\"\n : phase === \"win\"\n ? \"from-yellow-200 via-pink-100 to-purple-200\"\n : \"from-sky-200 via-green-100 to-pink-100\";\n\n function startGame() {\n setLevelIndex(0);\n setPhase(\"level\");\n }\n\n function nextLevel() {\n if (levelIndex < SEASONS.length - 1) {\n setLevelIndex((i) => i + 1);\n } else {\n setPhase(\"order\"); // tüm bölümler bitti -> sıralama\n }\n }\n\n return (\n

\n\n {phase === \"start\" && }\n\n {phase === \"level\" && (\n \n )}\n\n {phase === \"order\" && setPhase(\"win\")} />}\n\n {phase === \"win\" && setPhase(\"start\")} />}\n\n \n kaynağı gör\n \n

\n );\n}\n\nfunction StartScreen({ onStart }: { onStart: () => void }) {\n return (\n

\n \n\n

\n 🌸\n ☀️\n 🍁\n ❄️\n

\n\n

\n Mevsimlerin
Yolculuğu\n

\n\n

\n Merhaba! 👋 Dört mevsimde eğlenceli bir yolculuğa çıkalım.\n Görevleri tamamla ve Mevsim Uzmanı rozetini kazan! 🏅\n

\n\n \n ▶️ Başla!\n \n\n

\n 🌸 İlkbahar · ☀️ Yaz · 🍁 Sonbahar · ❄️ Kış\n

\n );\n}\n",[],[19,68,178],"cfa7d773-c8df-48da-b5c8-421253d43278",["D",1781772794658],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","🌈 Mevsimlerin Yolculuğu - Çocuklar için mevsim oyunu","imageUrl","userId","a8c5d7b4-9d49-45b6-a255-580de1a11489","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","019eca3e-083f-7598-9e0a-7d3ec398f35e","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_239":235},"org",{"_11":12,"_232":233,"_234":235,"_195":196,"_236":237,"_238":57},"branch",{"_17":94,"_13":16,"_36":44,"_224":185,"_225":-5,"_226":-5,"_227":-5,"_228":-5,"_229":-5,"_230":14,"_231":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Gülçin ÖZKAN","avatar","https://lh3.googleusercontent.com/a/ACg8ocIqktiBg65xHolo_EBwO1JEeZpGrOBNVkKHIb5rROEdxCqoF_TQ=s96-c","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":185,"_13":14,"_49":318,"_187":-5,"_188":57,"_189":190,"_191":190,"_192":193,"_194":-5,"_195":196,"_197":82,"_198":48,"_199":-5,"_200":-5,"_201":51,"_202":203,"_204":-5,"_205":-5,"_206":-5,"_207":-5,"_208":209,"_210":209,"_211":212,"_213":212,"_214":212,"_215":209,"_216":209,"_217":319,"_219":320,"_221":321,"_223":57},[276,288,289],"files",[276,277,278,279,280,281,282,283,284,285,286,287,288,289],"counts",{"_266":51,"_267":268,"_269":268,"_32":270,"_271":272},[260,261,262],{"_36":74,"_13":19,"_39":42,"_41":-5,"_43":44,"_45":63,"_47":48,"_49":75,"_17":51,"_52":72,"_54":-5,"_56":57,"_58":-5,"_18":259},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[19],{"_36":67,"_13":68,"_39":69,"_41":42,"_43":44,"_45":70,"_47":48,"_49":71,"_17":51,"_52":72,"_54":-5,"_56":57,"_58":-5,"_18":265},{"_36":60,"_13":61,"_39":62,"_41":42,"_43":44,"_45":63,"_47":48,"_49":64,"_17":51,"_52":24,"_54":65,"_56":57,"_58":-5,"_18":264},{"_36":37,"_13":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_17":51,"_52":53,"_54":55,"_56":57,"_58":-5,"_18":263},[19,38],[19,61],[19,68],"pulls","branches",1,"forks",{"_273":51,"_275":51},"connections",{"_273":51,"_274":51},"count","unfilledCount","emptyCount",{"_36":74,"_13":19,"_39":42,"_41":-5,"_43":44,"_45":63,"_47":48,"_49":99,"_17":51,"_52":72,"_54":-5,"_56":57,"_58":-5,"_88":316,"_18":317},{"_36":67,"_13":68,"_39":69,"_41":42,"_43":44,"_45":70,"_47":48,"_49":111,"_17":51,"_52":72,"_54":-5,"_56":57,"_58":-5,"_88":314,"_18":315},{"_36":177,"_13":178,"_39":179,"_41":69,"_43":44,"_45":180,"_47":48,"_49":181,"_17":51,"_52":53,"_54":182,"_56":57,"_58":-5,"_88":312,"_18":313},{"_36":169,"_13":170,"_39":171,"_41":69,"_43":44,"_45":172,"_47":48,"_49":173,"_17":51,"_52":53,"_54":174,"_56":57,"_58":-5,"_88":310,"_18":311},{"_36":161,"_13":162,"_39":163,"_41":69,"_43":44,"_45":164,"_47":48,"_49":165,"_17":51,"_52":53,"_54":166,"_56":57,"_58":-5,"_88":308,"_18":309},{"_36":153,"_13":154,"_39":155,"_41":69,"_43":44,"_45":156,"_47":48,"_49":157,"_17":51,"_52":53,"_54":158,"_56":57,"_58":-5,"_88":306,"_18":307},{"_36":145,"_13":146,"_39":147,"_41":69,"_43":44,"_45":148,"_47":48,"_49":149,"_17":51,"_52":53,"_54":150,"_56":57,"_58":-5,"_88":304,"_18":305},{"_36":137,"_13":138,"_39":139,"_41":69,"_43":44,"_45":140,"_47":48,"_49":141,"_17":51,"_52":53,"_54":142,"_56":57,"_58":-5,"_88":302,"_18":303},{"_36":129,"_13":130,"_39":131,"_41":69,"_43":44,"_45":132,"_47":48,"_49":133,"_17":51,"_52":53,"_54":134,"_56":57,"_58":-5,"_88":300,"_18":301},{"_36":122,"_13":123,"_39":124,"_41":69,"_43":44,"_45":70,"_47":48,"_49":125,"_17":51,"_52":53,"_54":126,"_56":57,"_58":-5,"_88":298,"_18":299},{"_36":60,"_13":61,"_39":62,"_41":42,"_43":44,"_45":63,"_47":48,"_49":108,"_17":51,"_52":24,"_54":65,"_56":57,"_58":-5,"_88":296,"_18":297},{"_36":37,"_13":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":105,"_17":51,"_52":53,"_54":55,"_56":57,"_58":-5,"_88":294,"_18":295},{"_36":91,"_13":92,"_39":93,"_41":-5,"_43":44,"_45":94,"_47":48,"_49":95,"_17":51,"_52":24,"_54":96,"_56":57,"_58":-5,"_88":292,"_18":293},{"_36":80,"_13":81,"_39":82,"_41":-5,"_43":44,"_45":83,"_47":48,"_49":84,"_17":85,"_52":86,"_54":87,"_56":57,"_58":-5,"_88":290,"_18":291},[],[81],[],[92],[],[19,38],[],[19,61],[],[19,68,123],[],[19,68,130],[],[19,68,138],[],[19,68,146],[],[19,68,154],[],[19,68,162],[],[19,68,170],[],[19,68,178],[278,279,280,281,282,283,284,285],[19,68],[277,286,287],[19],["D",1781772794658],{"_11":12,"_239":235},{"_11":12,"_232":233,"_234":235,"_195":196,"_236":237,"_238":57},{"_17":94,"_13":16,"_36":44,"_224":185,"_225":-5,"_226":-5,"_227":-5,"_228":-5,"_229":-5,"_230":14,"_231":12},"ctx",{"_217":-5,"_256":355,"_356":357,"_358":359,"_360":57,"_361":57,"_362":57,"_363":48,"_364":-5,"_365":-7,"_366":-7,"_367":51,"_368":57,"_369":57,"_370":-5,"_371":57,"_372":57,"_373":57,"_374":-5},"ENV",{"_326":327,"_328":329,"_330":16,"_331":332,"_333":334,"_335":336,"_337":338,"_339":340,"_341":342,"_343":344,"_345":346,"_347":348,"_349":350,"_351":352,"_353":354},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","a3e067d4463eea85f6334f8e583e8516ae58c4f6","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"]

🎉 {title} 🎉

🎉 Tebrikler! 🎉

🏁 Son Görev!

{title}

{title}

\n MevsimlerinYolculuğu\n

\n Mevsimlerin
Yolculuğu\n