[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_279":280,"_281":282},"routes/_app.x.$handle.$name",{"_99":98,"_37":48,"_108":89,"_32":109,"_13":14,"_110":-5,"_11":111,"_112":113,"_114":115,"_116":117,"_118":119,"_26":-5,"_120":-5,"_121":-5,"_122":30,"_123":124,"_125":62,"_126":-5,"_127":-5,"_128":129},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_46":47,"_37":48,"_41":49,"_50":-5,"_51":30,"_52":53,"_54":53,"_55":56,"_57":-5,"_19":58,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":66,"_67":68,"_69":-5,"_70":-5,"_71":-5,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":83,"_84":85,"_86":87,"_88":30},"version",15,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","01683c0f-e563-4421-85f6-aa73fc616515","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":-7,"_29":30,"_31":30,"_32":33,"_34":33},"file",{"_35":36,"_37":33,"_38":26,"_39":40,"_41":42,"_43":14,"_44":45,"_29":30},"previous","deleted",false,"deletedHere","path","README.md","latestPath","fileId","283fa08c-6af4-11f1-93b7-1607ee4eb77e","name","fileType","content","# 🌈 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","createdAt",["D",1781773230490],"branchVersion","branchId","be193657-250a-483c-b142-86775f4edef7","id","cfa7d773-c8df-48da-b5c8-421253d43278","Gulozkn",["D",1781772794658],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","🌈 Mevsimlerin Yolculuğu - Çocuklar için mevsim oyunu","imageUrl","a8c5d7b4-9d49-45b6-a255-580de1a11489","pinnedFileId","247a06f0-6af3-11f1-98c7-1607ee4eb77e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019eca3e-083f-7598-9e0a-7d3ec398f35e","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_99":98,"_107":103},"org",{"_99":98,"_100":101,"_102":103,"_19":58,"_104":105,"_106":30},"branch",{"_13":14,"_37":89,"_46":45,"_90":47,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":48,"_97":98},"isOwned","main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","glinzkan","handle","displayName","Gülçin ÖZKAN","avatar","https://lh3.googleusercontent.com/a/ACg8ocIqktiBg65xHolo_EBwO1JEeZpGrOBNVkKHIb5rROEdxCqoF_TQ=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_46":47,"_37":48,"_41":275,"_50":-5,"_51":30,"_52":53,"_54":53,"_55":56,"_57":-5,"_19":58,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":66,"_67":68,"_69":-5,"_70":-5,"_71":-5,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":276,"_84":277,"_86":278,"_88":30},"tree",[165,177,178],"files",[165,166,167,168,169,170,171,172,173,174,175,176,177,178],"counts",{"_154":66,"_155":156,"_157":156,"_158":159,"_160":161},"contents",[130,131,132],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_46":147,"_37":148,"_35":149,"_135":-5,"_44":45,"_43":150,"_137":62,"_41":151,"_13":66,"_38":152,"_39":-5,"_29":30,"_142":-5,"_32":153},{"_46":144,"_37":33,"_35":36,"_135":-5,"_44":45,"_43":14,"_137":62,"_41":145,"_13":66,"_38":26,"_39":40,"_29":30,"_142":-5,"_32":146},{"_46":133,"_37":134,"_35":60,"_135":-5,"_44":45,"_43":136,"_137":62,"_41":138,"_13":139,"_38":140,"_39":141,"_29":30,"_142":-5,"_32":143},"b1a5220d-ad59-454a-a45b-61843a7db71f","main.ts","parentId",4,"latest",["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","label",[134],"6057fd77-b5a3-4fea-a6e4-69e9ef52d347",["D",1781773230490],[33],"e0e46c98-2e78-4d6c-a442-40792d2812bf","frontend","b58a82ba-6676-4187-ad22-7a114958da30",5,["D",1781773063333],"directory",[148],"pulls","branches",1,"forks","envVars",{"_162":66,"_164":66},"connections",{"_162":66,"_163":66},"count","unfilledCount","emptyCount",{"_46":147,"_37":148,"_35":149,"_135":-5,"_44":45,"_43":150,"_137":62,"_41":272,"_13":66,"_38":152,"_39":-5,"_29":30,"_142":-5,"_180":273,"_32":274},{"_46":268,"_37":211,"_35":205,"_135":149,"_44":45,"_43":206,"_137":62,"_41":269,"_13":66,"_38":152,"_39":-5,"_29":30,"_142":-5,"_180":270,"_32":271},{"_46":260,"_37":261,"_35":262,"_135":205,"_44":45,"_43":263,"_137":62,"_41":264,"_13":66,"_38":191,"_39":265,"_29":30,"_142":-5,"_180":266,"_32":267},{"_46":252,"_37":253,"_35":254,"_135":205,"_44":45,"_43":255,"_137":62,"_41":256,"_13":66,"_38":191,"_39":257,"_29":30,"_142":-5,"_180":258,"_32":259},{"_46":244,"_37":245,"_35":246,"_135":205,"_44":45,"_43":247,"_137":62,"_41":248,"_13":66,"_38":191,"_39":249,"_29":30,"_142":-5,"_180":250,"_32":251},{"_46":236,"_37":237,"_35":238,"_135":205,"_44":45,"_43":239,"_137":62,"_41":240,"_13":66,"_38":191,"_39":241,"_29":30,"_142":-5,"_180":242,"_32":243},{"_46":228,"_37":229,"_35":230,"_135":205,"_44":45,"_43":231,"_137":62,"_41":232,"_13":66,"_38":191,"_39":233,"_29":30,"_142":-5,"_180":234,"_32":235},{"_46":220,"_37":221,"_35":222,"_135":205,"_44":45,"_43":223,"_137":62,"_41":224,"_13":66,"_38":191,"_39":225,"_29":30,"_142":-5,"_180":226,"_32":227},{"_46":212,"_37":213,"_35":214,"_135":205,"_44":45,"_43":215,"_137":62,"_41":216,"_13":66,"_38":191,"_39":217,"_29":30,"_142":-5,"_180":218,"_32":219},{"_46":202,"_37":203,"_35":204,"_135":205,"_44":45,"_43":206,"_137":62,"_41":207,"_13":66,"_38":191,"_39":208,"_29":30,"_142":-5,"_180":209,"_32":210},{"_46":195,"_37":196,"_35":197,"_135":149,"_44":45,"_43":150,"_137":62,"_41":198,"_13":66,"_38":26,"_39":199,"_29":30,"_142":-5,"_180":200,"_32":201},{"_46":186,"_37":187,"_35":188,"_135":149,"_44":45,"_43":189,"_137":62,"_41":190,"_13":66,"_38":191,"_39":192,"_29":30,"_142":-5,"_180":193,"_32":194},{"_46":144,"_37":33,"_35":36,"_135":-5,"_44":45,"_43":14,"_137":62,"_41":183,"_13":66,"_38":26,"_39":40,"_29":30,"_142":-5,"_180":184,"_32":185},{"_46":133,"_37":134,"_35":60,"_135":-5,"_44":45,"_43":136,"_137":62,"_41":179,"_13":139,"_38":140,"_39":141,"_29":30,"_142":-5,"_180":181,"_32":182},["D",1781773057010],"children",[],[134],["D",1781773230490],[],[33],"886c75f8-6318-4093-a111-abd2501f1f22","index.tsx","c579513c-6af3-11f1-af37-1607ee4eb77e",6,["D",1781773064774],"script","/** @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",[],[148,187],"a9f06d0c-b2bb-4b5a-80b2-245577f8d29c","index.html","c4a11c68-6af3-11f1-944b-1607ee4eb77e",["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",[],[148,196],"49bfd421-39a2-499d-b3b2-274172a11e59","ui.tsx","d2f4ffa0-6af3-11f1-af37-1607ee4eb77e","ae7af50b-9261-4c36-a1c4-f1bdf7221aba",7,["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",[],[148,211,203],"components","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",[],[148,211,213],"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",[],[148,211,221],"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",[],[148,211,229],"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",[],[148,211,237],"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",[],[148,211,245],"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",[],[148,211,253],"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",[],[148,211,261],"d2418327-5546-40f6-bc4f-7baee1e2c2a9",["D",1781773087391],[167,168,169,170,171,172,173,174],[148,211],["D",1781773063333],[166,175,176],[148],["D",1781772794658],{"_99":98,"_107":103},{"_99":98,"_100":101,"_102":103,"_19":58,"_104":105,"_106":30},{"_13":14,"_37":89,"_46":45,"_90":47,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":48,"_97":98},"ctx",{"_82":-5,"_127":312,"_313":314,"_315":316,"_317":30,"_318":30,"_319":30,"_320":62,"_321":-5,"_322":-7,"_323":-7,"_324":66,"_325":30,"_326":30,"_327":-5,"_328":30,"_329":30,"_330":30,"_331":-5},"ENV",{"_283":284,"_285":286,"_287":89,"_288":289,"_290":291,"_292":293,"_294":295,"_296":297,"_298":299,"_300":301,"_302":303,"_304":305,"_306":307,"_308":309,"_310":311},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","81405aa0531e90dfbb71a5bf473aaa0cf4c8702f","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

Diff · v15