[{"_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,"_73":222,"_40":-7,"_223":-5,"_17":224,"_225":226,"_227":228,"_229":230,"_231":232,"_91":-5,"_233":234,"_235":236,"_237":48,"_238":239,"_240":26,"_241":-5,"_242":-5,"_243":244},"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","Melis","name","mevsim-oyunu","branchName","main","project",{"_32":59,"_13":14,"_34":181,"_46":-5,"_182":48,"_49":50,"_183":50,"_184":185,"_186":187,"_188":189,"_190":191,"_192":26,"_193":-5,"_194":-5,"_195":155,"_53":196,"_197":-5,"_198":-5,"_199":-5,"_200":-5,"_201":202,"_203":202,"_204":205,"_206":205,"_207":205,"_208":202,"_209":202,"_210":211,"_212":213,"_214":28,"_47":48},"ahead",6,"behind",2,"diff",{"_64":65,"_66":67,"_68":69},"hasChanges",true,"sourceBranch",{"_40":57,"_13":16,"_32":58,"_38":59,"_42":33,"_43":60,"_61":50,"_62":39,"_63":54,"_55":14,"_51":12},"targetBranch",{"_32":33,"_34":35,"_36":37,"_13":16,"_38":39,"_40":41,"_42":-5,"_43":-5,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":52,"_53":54,"_55":56},"pull","id","961078ea-f528-11ef-aa68-569c3dd06744","createdAt",["D",1740674013689],"updatedAt",["D",1785420707976],"projectId","96102714-f528-11ef-aa68-569c3dd06744","version",91,"forkedBranchId","forkedBranchVersion","lockfileKey","1785420708123-esm.town_v_templates_react-hono-starter@91-main","deletedAt","isOwned",false,"privacy","public","userHandle","templates","orgId","019aa807-52c2-709c-928b-2029bae9a558","projectName","react-hono-starter",7,"0e27538d-9ae0-41d6-b43e-e3f8d79f679c","ff7b0b1e-eb0c-4fd1-bcea-99992fcfb395",89,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","added",[159,160],"deleted",[147],"modified",[70,71,72],{"_73":131,"_75":132,"_77":133},{"_73":109,"_75":110,"_77":111},{"_73":74,"_75":76,"_77":78},"path","frontend/index.html","targetFile",{"_32":100,"_13":80,"_81":101,"_83":102,"_85":33,"_86":103,"_87":48,"_34":104,"_40":105,"_90":91,"_92":106,"_66":48,"_94":-5,"_95":-7,"_73":107,"_97":108},"sourceFile",{"_32":79,"_13":80,"_81":82,"_83":84,"_85":58,"_86":22,"_87":26,"_34":88,"_40":89,"_90":91,"_92":93,"_66":48,"_94":-5,"_95":-7,"_73":96,"_97":98},"3dbb58c5-8ec6-46d0-80e6-57c94e27039e","index.html","fileId","019ed9f6-03b6-77d1-98ec-75241379513f","parentId","019ed9f6-03b6-77d1-98ec-7edb84712585","branchId","branchVersion","latest",["D",1781773254024],1,"fileType","file","content","\n\n \n \n \n 🌈 Mevsimi Bul! - Eğlenceli Mevsim Oyunu\n \n \n \n \n \n

\n \n \n \n\n","label","children",[99,80],"contentHash","efb1315c5685e7ae917a9c854df59991f95fd60dd78f0ef9f386202fa3858ee9","frontend","5c059140-3996-11f1-a04c-42b51c65c3df","5404b440-f52b-11ef-99f0-569c3dd06744","a59cbf44-f528-11ef-ae42-569c3dd06744",74,["D",1776345337676],8,"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[99,80],"1ea8b3da4e18d579298229ba24af91b14b14ae02565f57c996f9acaa1f8333bc","frontend/components/App.tsx",{"_32":123,"_13":113,"_81":124,"_83":125,"_85":33,"_86":126,"_87":26,"_34":127,"_40":116,"_90":118,"_92":128,"_66":48,"_94":-5,"_95":-7,"_73":129,"_97":130},{"_32":112,"_13":113,"_81":114,"_83":115,"_85":58,"_86":116,"_87":26,"_34":117,"_40":89,"_90":118,"_92":119,"_66":48,"_94":-5,"_95":-7,"_73":120,"_97":121},"77011a86-8911-4e45-872b-d944c7de66c7","App.tsx","019ed9f6-03b6-77d1-98ec-66600868a297","019ed9f6-03b6-77d1-98ec-6f22224529a4",5,["D",1781773332710],"script","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useMemo, useState } from \"https://esm.sh/react@18.2.0\";\nimport { karistir, SEASONS, SORULAR, type Soru } from \"./data.ts\";\nimport { dogruSesi, konfetiPatlat, seslendir, yanlisSesi } from \"./efektler.ts\";\n\ntype Durum = \"baslangic\" | \"oyun\" | \"bitti\";\ntype Geri = null | \"dogru\" | \"yanlis\";\n\nconst TOPLAM_SORU = 8; // okul öncesi için kısa ve tatmin edici tur\n\nexport function App() {\n const [durum, setDurum] = useState(\"baslangic\");\n const [sorular, setSorular] = useState([]);\n const [adim, setAdim] = useState(0);\n const [puan, setPuan] = useState(0);\n const [geri, setGeri] = useState(null);\n const [kilit, setKilit] = useState(false);\n\n const aktif = sorular[adim];\n\n function oyunaBasla() {\n const yeni = karistir(SORULAR).slice(0, TOPLAM_SORU);\n setSorular(yeni);\n setAdim(0);\n setPuan(0);\n setGeri(null);\n setKilit(false);\n setDurum(\"oyun\");\n }\n\n // Yeni soru gelince nesnenin adını sesli oku\n useEffect(() => {\n if (durum === \"oyun\" && aktif) {\n seslendir(`Bu hangi mevsim? ${aktif.ad}`);\n }\n }, [durum, adim, aktif]);\n\n function cevapVer(secilen: string) {\n if (kilit || !aktif) return;\n setKilit(true);\n\n if (secilen === aktif.dogru) {\n setGeri(\"dogru\");\n setPuan((p) => p + 1);\n dogruSesi();\n konfetiPatlat();\n seslendir(\"Aferin! Doğru bildin!\");\n setTimeout(ilerle, 1700);\n } else {\n setGeri(\"yanlis\");\n yanlisSesi();\n const dogruMevsim = SEASONS.find((s) => s.id === aktif.dogru)!;\n seslendir(`Tekrar dene. Bu ${dogruMevsim.ad} mevsimi.`);\n // Yanlışta soruyu geçmeyiz; çocuk doğruyu görsün, kısa süre sonra tekrar denesin\n setTimeout(() => {\n setGeri(null);\n setKilit(false);\n }, 2000);\n }\n }\n\n function ilerle() {\n if (adim + 1 >= sorular.length) {\n setDurum(\"bitti\");\n setTimeout(() => seslendir(\"Tebrikler! Oyunu bitirdin!\"), 400);\n } else {\n setAdim((a) => a + 1);\n setGeri(null);\n setKilit(false);\n }\n }\n\n return (\n

\n {durum === \"baslangic\" && }\n {durum === \"oyun\" && aktif && (\n seslendir(aktif.ad)}\n />\n )}\n {durum === \"bitti\" && }\n\n

\n kaynağı gör\n

\n );\n}\n\nfunction Baslangic({ onBasla }: { onBasla: () => void }) {\n return (\n

🌈

\n Mevsimi Bul!\n

\n Ekranda göreceğin resim hangi mevsime ait?\n

\n {SEASONS.map((s) => {s.emoji})}\n

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

👩‍🏫 Okul öncesi çocuklar için

\n );\n}\n\nfunction Oyun({ soru, adim, toplam, puan, geri, kilit, onCevap, onTekrarOku }: {\n soru: Soru;\n adim: number;\n toplam: number;\n puan: number;\n geri: Geri;\n kilit: boolean;\n onCevap: (id: string) => void;\n onTekrarOku: () => void;\n}) {\n return (\n

\n {/* Üst bilgi: ilerleme ve yıldızlar */}\n

\n Soru {adim + 1} / {toplam}\n

\n {Array.from({ length: toplam }).map((_, i) => (\n {i < puan ? \"⭐\" : \"▪️\"}\n ))}\n

\n\n {/* Soru kartı */}\n \n

Bu hangi mevsim?

\n \n

{soru.ad}

\n \n

\n\n {/* Mevsim seçenekleri */}\n

\n {SEASONS.map((s) => {\n const dogruVurgu = geri === \"yanlis\" && s.id === soru.dogru;\n return (\n onCevap(s.id)}\n class={`${s.renk} ${dogruVurgu ? \"ring-8 ring-green-300 animate-wiggle\" : \"\"} disabled:opacity-70 text-white rounded-3xl py-6 sm:py-8 shadow-lg active:scale-95 transition-all flex flex-col items-center gap-1`}\n >\n {s.emoji}\n {s.ad}\n \n );\n })}\n

\n\n {/* Geri bildirim balonu */}\n

\n {geri === \"dogru\" && (\n

🎉 Aferin! Doğru! 🎉

\n )}\n {geri === \"yanlis\" && (\n

🤗 Tekrar deneyelim!

\n )}\n

\n \n );\n}\n\nfunction Bitis({ puan, toplam, onTekrar }: { puan: number; toplam: number; onTekrar: () => void }) {\n const yuzde = useMemo(() => Math.round((puan / toplam) * 100), [puan, toplam]);\n const mesaj = yuzde === 100 ? \"Mükemmel! Hepsini bildin! 🏆\" : yuzde >= 60 ? \"Çok güzel oynadın! 🌟\" : \"Harika bir başlangıç! 💪\";\n\n useEffect(() => { konfetiPatlat(); }, []);\n\n return (\n

🏆

Tebrikler!

{mesaj}

\n Doğru cevap: {puan} / {toplam}\n

\n {Array.from({ length: toplam }).map((_, i) => {i < puan ? \"⭐\" : \"▪️\"})}\n

\n \n 🔁 Tekrar Oyna\n \n

\n );\n}\n",[99,122,113],"6fc45bacae5e96ee11753cac1a1a800612f6ab113d0bed25f6a390c7683c5f3f","components","5d7e5e30-3996-11f1-bbdd-42b51c65c3df","6e585892-f52b-11ef-a8e1-569c3dd06744","69ed66bc-f52b-11ef-9dac-569c3dd06744",75,["D",1776345339930],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Counter } from \"./Counter.tsx\";\n\nexport function App() {\n return (\n

React + Hono Starter

\n \n

\n View source\n

\n );\n}\n",[99,122,113],"de0a7e5fc76c6fd6135aff964af1a5835e04e2758b23f3d0c7d9fabffe514df7","README.md",{"_32":140,"_13":131,"_81":141,"_83":-5,"_85":33,"_86":60,"_87":48,"_34":142,"_40":143,"_90":91,"_92":144,"_66":48,"_94":-5,"_95":-7,"_73":145,"_97":146},{"_32":134,"_13":131,"_81":135,"_83":-5,"_85":58,"_86":57,"_87":26,"_34":136,"_40":89,"_90":91,"_92":137,"_66":48,"_94":-5,"_95":-7,"_73":138,"_97":139},"43ecba65-1baa-4386-9657-119dc0fa973d","019ed9f6-03b6-77d1-98ec-836f53b26a43",["D",1781773366320],"# 🌈 Mevsimi Bul!\n\nOkul öncesi (3-6 yaş) çocuklar için tasarlanmış, eğlenceli ve **sesli** bir\nmevsim tanıma oyunu. Ekranda bir resim (örneğin ⛄ kardan adam) belirir, çocuk\nda bunun hangi mevsime ait olduğunu büyük renkli butonlardan seçer.\n\n## ✨ Özellikler\n\n- 🔊 **Sesli yönlendirme (Türkçe):** Henüz okuma bilmeyen çocuklar için her soru\n ve geri bildirim sesli okunur. Resme dokununca tekrar dinlenebilir.\n- 🎉 **Pozitif pekiştirme:** Doğru cevapta konfeti, neşeli müzik sesi ve \"Aferin!\"\n Yanlışta ise ceza yok — doğru mevsim parlatılır ve çocuk tekrar dener.\n- ⭐ **Yıldız toplama:** Her doğru cevap bir yıldız kazandırır, ilerleme görünür.\n- 🎨 **Çocuk dostu tasarım:** Büyük dokunmatik butonlar, canlı renkler,\n yumuşak animasyonlar. Tablet ve telefonda da rahat oynanır.\n- 🧩 **24 farklı resim**, her turda karışık 8 soru.\n\n## 🍂 Mevsimler ve örnek resimler\n\n| Mevsim | Örnekler |\n| --- | --- |\n| 🌷 İlkbahar | Lale, civciv, kelebek, gökkuşağı, arı |\n| ☀️ Yaz | Plaj, karpuz, dondurma, güneş gözlüğü |\n| 🍂 Sonbahar | Kuru yapraklar, mantar, kestane, üzüm |\n| ❄️ Kış | Kardan adam, kar tanesi, eldiven, atkı |\n\n## 🎮 Nasıl oynanır?\n\n1. **Başla**'ya bas.\n2. Kartta beliren resmi gör/dinle.\n3. Dört mevsim butonundan doğru olanı seç.\n4. 8 soru sonunda yıldızlarını topla ve istersen tekrar oyna!\n\n## 🛠️ Eğitmenler / ebeveynler için özelleştirme\n\nSoruları ve mevsimleri eklemek/çıkarmak çok kolay — kod bilmeden bile\ndüzenlenebilir:\n\n- **`frontend/components/data.ts`** → yeni resim eklemek için `SORULAR`\n listesine bir satır ekleyin: `{ emoji: \"🌻\", ad: \"Ayçiçeği\", dogru: \"yaz\" }`.\n- Tur uzunluğunu değiştirmek için `frontend/components/App.tsx` içindeki\n `TOPLAM_SORU` değerini güncelleyin.\n\n## 🗂️ Proje yapısı\n\n```mermaid\ngraph TD\n Browser -->|\"GET /\"| Hono[\"index.ts (Hono sunucu)\"]\n Hono -->|servis eder| HTML[\"index.html\"]\n HTML -->|yükler| Entry[\"index.tsx\"]\n Entry -->|render| App[\"App.tsx — oyun mantığı\"]\n App -->|veriler| Data[\"data.ts — mevsimler & sorular\"]\n App -->|ses/konfeti| FX[\"efektler.ts\"]\n```\n\nVal Town üzerinde React + Hono ile yapılmıştır.\n",[131],"eec6557a7c56b62dd1e5f350e97df758bcb5b31cce1d3e167f534447e44da0c1","b9c749c0-59e1-11f1-bb5f-ee650bb23af1","a50c3760-f53e-11ef-bd6d-569c3dd06744",["D",1779896144390],31,"# React + Hono Starter\n\nA minimal starter template for building client-side React apps with a Hono\nbackend on Val Town. Click **Remix** to get your own copy.\n\n## Picking a starter\n\n| Starter | When to pick it |\n| --- | --- |\n| [`basic-html-starter`](https://www.val.town/x/templates/basic-html-starter) | Static HTML pages. Sprinkle of vanilla JS. No server-side rendering. |\n| [`hono-jsx-starter`](https://www.val.town/x/templates/hono-jsx-starter) | Dynamic server-rendered HTML with JSX. API routes. No React, no SPA. |\n| **[`react-hono-starter`](https://www.val.town/x/templates/react-hono-starter)** *(you're here)* | Client-side React SPA with a Hono API backend. |\n\n**Want to build UI?** Start writing React components in\n[`frontend/components/`](/frontend/components/). Import them into `App.tsx` and\nyou're good to go. Styling is [Twind](https://twind.style/) — just use Tailwind\nutility classes, zero config.\n\n**Want to add an API?** Add routes in [`index.ts`](/index.ts) (there's a\ncommented-out example). Fetch them from your React components.\n\n## Architecture\n\n```mermaid\ngraph LR\n Browser -->|\"GET /\"| Hono[\"index.ts
(Hono server)\"]\n Hono -->|serves| HTML[\"index.html\"]\n HTML -->|loads| Entry[\"index.tsx\"]\n Entry -->|renders| App[\"App.tsx\"]\n App -->|renders| Counter[\"Counter.tsx\"]\n```\n\n## File structure\n\n```\nindex.ts ← Hono backend (serves frontend + API routes)\nfrontend/\n index.html ← HTML shell (loads Twind + React)\n index.tsx ← React entrypoint (mounts )\n favicon.svg ← App icon\n components/\n App.tsx ← Root component (layout + view source link)\n Counter.tsx ← Example component with state\n```\n\n## How it works\n\n1. **`index.ts`** is the HTTP entrypoint — a Hono server that serves the\n frontend and any API routes you add.\n2. **`frontend/index.html`** loads Twind and the React entrypoint.\n3. **`frontend/index.tsx`** mounts the React app.\n4. **`frontend/components/App.tsx`** is the root layout — add new components\n alongside it.\n5. **`frontend/components/Counter.tsx`** is an example stateful component —\n replace it with your own!\n\n## Next steps\n\n- Add API routes in `index.ts`\n- Add new components in `frontend/components/`\n- Add a SQLite database — see the\n [React Hono Example](https://www.val.town/x/stevekrouse/reactHonoExample) for\n a full-stack example with database, queries, and shared types\n",[131],"aaa4f5cc8e5bd01528335cdd2066e164bf95353ce2fe37c616b3e6406f49331e",{"_73":148,"_75":149,"_77":-7},"frontend/components/Counter.tsx",{"_32":150,"_13":151,"_81":152,"_83":125,"_85":33,"_86":153,"_87":26,"_34":154,"_40":155,"_90":118,"_92":156,"_66":48,"_94":-5,"_95":-7,"_73":157,"_97":158},"57a8cc52-3996-11f1-8db6-42b51c65c3df","Counter.tsx","57a8cd2e-3996-11f1-8db6-42b51c65c3df",73,["D",1776345330366],0,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function Counter() {\n const [count, setCount] = useState(0);\n return (\n

\n Clicked\n setCount((c) => c + 1)}\n class=\"bg-blue-500 hover:bg-blue-600 text-white font-medium px-4 py-2 rounded-lg transition-colors cursor-pointer\"\n >\n {count}\n \n times\n

\n );\n}\n",[99,122,151],"10ce4fbd7e41af337e504c3877201698031249b437d941845f0f7cdc52a79e66",{"_73":171,"_75":-7,"_77":172},{"_73":161,"_75":-7,"_77":162},"frontend/components/efektler.ts",{"_32":163,"_13":164,"_81":165,"_83":115,"_85":58,"_86":166,"_87":26,"_34":167,"_40":155,"_90":118,"_92":168,"_66":48,"_94":-5,"_95":-7,"_73":169,"_97":170},"aa5a077b-4cbe-416d-9734-3318f9b953b2","efektler.ts","4cc92b3a-6af4-11f1-808d-1607ee4eb77e",4,["D",1781773291789],"// Sesli okuma ve görsel kutlama efektleri (okul öncesi çocuklar için)\n\n// Türkçe sesli okuma — tarayıcının konuşma sentezini kullanır\nexport function seslendir(metin: string) {\n try {\n const synth = window.speechSynthesis;\n if (!synth) return;\n synth.cancel(); // önceki konuşmayı durdur\n const u = new SpeechSynthesisUtterance(metin);\n u.lang = \"tr-TR\";\n u.rate = 0.95;\n u.pitch = 1.1;\n // Mümkünse Türkçe bir ses seç\n const tr = synth.getVoices().find((v) => v.lang?.toLowerCase().startsWith(\"tr\"));\n if (tr) u.voice = tr;\n synth.speak(u);\n } catch (_) {\n // ses desteklenmiyorsa sessizce geç\n }\n}\n\n// Basit, hoş bir \"doğru\" sesi (Web Audio ile, dosya gerektirmez)\nexport function dogruSesi() {\n calNotalar([523, 659, 784, 1047], 0.12); // do-mi-sol-do (yükselen, neşeli)\n}\n\nexport function yanlisSesi() {\n calNotalar([330, 262], 0.18); // hafif inen, nazik\n}\n\nfunction calNotalar(frekanslar: number[], sure: number) {\n try {\n const AC = (window.AudioContext || (window as any).webkitAudioContext);\n if (!AC) return;\n const ctx = new AC();\n frekanslar.forEach((f, i) => {\n const osc = ctx.createOscillator();\n const gain = ctx.createGain();\n osc.type = \"sine\";\n osc.frequency.value = f;\n const t = ctx.currentTime + i * sure;\n gain.gain.setValueAtTime(0.0001, t);\n gain.gain.exponentialRampToValueAtTime(0.25, t + 0.02);\n gain.gain.exponentialRampToValueAtTime(0.0001, t + sure);\n osc.connect(gain).connect(ctx.destination);\n osc.start(t);\n osc.stop(t + sure);\n });\n } catch (_) {}\n}\n\n// Ekrana düşen konfeti efekti\nexport function konfetiPatlat() {\n const emojiler = [\"🎉\", \"⭐\", \"🌟\", \"✨\", \"🎈\", \"💛\", \"💖\", \"🏆\"];\n for (let i = 0; i < 28; i++) {\n const el = document.createElement(\"div\");\n el.className = \"confetti\";\n el.textContent = emojiler[Math.floor(Math.random() * emojiler.length)];\n el.style.left = Math.random() * 100 + \"vw\";\n el.style.animationDuration = 1.8 + Math.random() * 1.6 + \"s\";\n el.style.fontSize = 1.5 + Math.random() * 1.8 + \"rem\";\n document.body.appendChild(el);\n setTimeout(() => el.remove(), 3600);\n }\n}\n",[99,122,164],"f5b9652f70024a7e2a33864c2a3b637bb043f0abd71740604819af12fe1f68db","frontend/components/data.ts",{"_32":173,"_13":174,"_81":175,"_83":115,"_85":58,"_86":176,"_87":26,"_34":177,"_40":155,"_90":118,"_92":178,"_66":48,"_94":-5,"_95":-7,"_73":179,"_97":180},"078419fb-2a48-4c18-a861-612ac0a9fd87","data.ts","42f2e952-6af4-11f1-a138-1607ee4eb77e",3,["D",1781773275287],"// Mevsim oyununun verileri: mevsimler ve onlara ait nesneler/aktiviteler\n\nexport type SeasonId = \"ilkbahar\" | \"yaz\" | \"sonbahar\" | \"kis\";\n\nexport interface Season {\n id: SeasonId;\n ad: string;\n emoji: string;\n renk: string; // buton arka plan rengi (tailwind)\n renkAcik: string; // sahne arka plan rengi\n}\n\nexport const SEASONS: Season[] = [\n { id: \"ilkbahar\", ad: \"İlkbahar\", emoji: \"🌷\", renk: \"bg-pink-400 hover:bg-pink-500\", renkAcik: \"from-pink-200 to-green-200\" },\n { id: \"yaz\", ad: \"Yaz\", emoji: \"☀️\", renk: \"bg-yellow-400 hover:bg-yellow-500\", renkAcik: \"from-yellow-200 to-sky-200\" },\n { id: \"sonbahar\", ad: \"Sonbahar\", emoji: \"🍂\", renk: \"bg-orange-400 hover:bg-orange-500\", renkAcik: \"from-orange-200 to-amber-300\" },\n { id: \"kis\", ad: \"Kış\", emoji: \"❄️\", renk: \"bg-sky-400 hover:bg-sky-500\", renkAcik: \"from-sky-200 to-blue-200\" },\n];\n\nexport interface Soru {\n emoji: string;\n ad: string; // nesnenin/aktivitenin adı (sesli okunması için)\n dogru: SeasonId;\n}\n\n// Her mevsim için tanıdık, okul öncesi seviyesine uygun nesne/aktiviteler\nexport const SORULAR: Soru[] = [\n // İlkbahar\n { emoji: \"🌷\", ad: \"Lale çiçeği\", dogru: \"ilkbahar\" },\n { emoji: \"🐣\", ad: \"Civciv\", dogru: \"ilkbahar\" },\n { emoji: \"🦋\", ad: \"Kelebek\", dogru: \"ilkbahar\" },\n { emoji: \"🌈\", ad: \"Gökkuşağı\", dogru: \"ilkbahar\" },\n { emoji: \"🐝\", ad: \"Arı\", dogru: \"ilkbahar\" },\n { emoji: \"🌧️\", ad: \"Yağmur\", dogru: \"ilkbahar\" },\n\n // Yaz\n { emoji: \"🏖️\", ad: \"Deniz ve plaj\", dogru: \"yaz\" },\n { emoji: \"🍉\", ad: \"Karpuz\", dogru: \"yaz\" },\n { emoji: \"🍦\", ad: \"Dondurma\", dogru: \"yaz\" },\n { emoji: \"😎\", ad: \"Güneş gözlüğü\", dogru: \"yaz\" },\n { emoji: \"⛱️\", ad: \"Şemsiye ve kumsal\", dogru: \"yaz\" },\n { emoji: \"🩴\", ad: \"Parmak arası terlik\", dogru: \"yaz\" },\n\n // Sonbahar\n { emoji: \"🍂\", ad: \"Kuru yapraklar\", dogru: \"sonbahar\" },\n { emoji: \"🍄\", ad: \"Mantar\", dogru: \"sonbahar\" },\n { emoji: \"🌰\", ad: \"Kestane\", dogru: \"sonbahar\" },\n { emoji: \"🎒\", ad: \"Okul çantası\", dogru: \"sonbahar\" },\n { emoji: \"🍇\", ad: \"Üzüm\", dogru: \"sonbahar\" },\n { emoji: \"☂️\", ad: \"Yağmur şemsiyesi\", dogru: \"sonbahar\" },\n\n // Kış\n { emoji: \"⛄\", ad: \"Kardan adam\", dogru: \"kis\" },\n { emoji: \"❄️\", ad: \"Kar tanesi\", dogru: \"kis\" },\n { emoji: \"🧤\", ad: \"Eldiven\", dogru: \"kis\" },\n { emoji: \"🧣\", ad: \"Atkı\", dogru: \"kis\" },\n { emoji: \"⛷️\", ad: \"Kayak\", dogru: \"kis\" },\n { emoji: \"☕\", ad: \"Sıcak içecek\", dogru: \"kis\" },\n];\n\n// Diziyi karıştırmak için yardımcı fonksiyon\nexport function karistir(dizi: T[]): T[] {\n const kopya = [...dizi];\n for (let i = kopya.length - 1; i > 0; i--) {\n const j = Math.floor(Math.random() * (i + 1));\n [kopya[i], kopya[j]] = [kopya[j], kopya[i]];\n }\n return kopya;\n}\n",[99,122,174],"138ad86b9fd54c03e3a8967752a1b9dc1a5fd87341160cb4f5585fd5d6112f59",["D",1781773239139],"legacyEnvVars","httpPrivacy","description","Starter template with client-side React & Hono server","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789719869&sig=e6f5daf48221be4b91885fa2001150857ea0300025d9c91e1626b1d5c5ccbdd3","userId","10e040eb-e8fa-4323-ab20-295e9db19d76","pinnedFileId","019ed9f6-03b6-77d1-98ec-8447cf4f1ce0","pinPreview","pinMigrated","screenshotVersion","likeCount","797d81ac-556b-41cb-936a-3507b0bc3c61","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_221":217},"org",{"_11":12,"_215":-5,"_216":217,"_188":189,"_218":219,"_220":48},"branch","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJxQTlDcHg2NVQwTElEcXo2Qlh4VE1CeVF1VyJ9","tier","free","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":59,"_13":14,"_34":318,"_46":-5,"_182":48,"_49":50,"_183":50,"_184":185,"_186":187,"_188":189,"_190":191,"_192":26,"_193":-5,"_194":-5,"_195":155,"_53":196,"_197":-5,"_198":-5,"_199":-5,"_200":-5,"_201":202,"_203":202,"_204":205,"_206":205,"_207":205,"_208":202,"_209":202,"_210":319,"_212":320,"_214":321,"_47":48},"tree",[274,282,283],"files",[274,275,276,277,278,279,280,281,282,283],"counts",{"_264":155,"_265":89,"_266":155,"_267":268,"_269":270},"contents",[249,250,251],"upstreamProject",{"_32":39,"_13":56,"_184":185,"_186":187,"_49":50,"_210":247},"upstreamBranch",{"_32":33,"_34":245,"_36":246,"_13":16,"_38":39,"_40":41,"_42":-5,"_43":-5,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":52,"_53":54,"_55":56},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],["D",1785420707976],{"_11":52,"_221":248},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789719869&sig=d15d5b4cfa0484a17f3c7aabb58d04003c3e7f888bebc9a45502cffe6e22a967",{"_32":260,"_13":99,"_81":84,"_83":-5,"_85":58,"_86":89,"_87":26,"_34":261,"_40":155,"_90":262,"_92":-5,"_66":48,"_94":-5,"_73":263},{"_32":134,"_13":131,"_81":135,"_83":-5,"_85":58,"_86":57,"_87":26,"_34":258,"_40":89,"_90":91,"_92":137,"_66":48,"_94":-5,"_73":259},{"_32":252,"_13":253,"_81":191,"_83":-5,"_85":58,"_86":89,"_87":26,"_34":254,"_40":155,"_90":255,"_92":256,"_66":48,"_94":-5,"_73":257},"e552ff61-5682-467a-b0ad-a9f78097aa2c","index.ts",["D",1781773239139],"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",[253],["D",1781773366320],[131],"34d6689c-f949-480a-bf65-e19ac0fa8b4e",["D",1781773239139],"directory",[99],"pulls","branches","forks","envVars",{"_271":155,"_273":155},"connections",{"_271":155,"_272":155},"count","unfilledCount","emptyCount",{"_32":260,"_13":99,"_81":84,"_83":-5,"_85":58,"_86":89,"_87":26,"_34":315,"_40":155,"_90":262,"_92":-5,"_66":48,"_94":-5,"_95":316,"_73":317},{"_32":311,"_13":122,"_81":115,"_83":84,"_85":58,"_86":89,"_87":26,"_34":312,"_40":155,"_90":262,"_92":-5,"_66":48,"_94":-5,"_95":313,"_73":314},{"_32":112,"_13":113,"_81":114,"_83":115,"_85":58,"_86":116,"_87":26,"_34":117,"_40":89,"_90":118,"_92":119,"_66":48,"_94":-5,"_95":309,"_73":310},{"_32":173,"_13":174,"_81":175,"_83":115,"_85":58,"_86":176,"_87":26,"_34":177,"_40":155,"_90":118,"_92":178,"_66":48,"_94":-5,"_95":307,"_73":308},{"_32":163,"_13":164,"_81":165,"_83":115,"_85":58,"_86":166,"_87":26,"_34":167,"_40":155,"_90":118,"_92":168,"_66":48,"_94":-5,"_95":305,"_73":306},{"_32":298,"_13":299,"_81":300,"_83":84,"_85":58,"_86":89,"_87":26,"_34":301,"_40":155,"_90":91,"_92":302,"_66":48,"_94":-5,"_95":303,"_73":304},{"_32":79,"_13":80,"_81":82,"_83":84,"_85":58,"_86":22,"_87":26,"_34":88,"_40":89,"_90":91,"_92":93,"_66":48,"_94":-5,"_95":296,"_73":297},{"_32":289,"_13":290,"_81":291,"_83":84,"_85":58,"_86":89,"_87":26,"_34":292,"_40":155,"_90":118,"_92":293,"_66":48,"_94":-5,"_95":294,"_73":295},{"_32":134,"_13":131,"_81":135,"_83":-5,"_85":58,"_86":57,"_87":26,"_34":136,"_40":89,"_90":91,"_92":137,"_66":48,"_94":-5,"_95":287,"_73":288},{"_32":252,"_13":253,"_81":191,"_83":-5,"_85":58,"_86":89,"_87":26,"_34":284,"_40":155,"_90":255,"_92":256,"_66":48,"_94":-5,"_95":285,"_73":286},["D",1781773239139],[],[253],[],[131],"2ef205cd-9462-4a49-b257-238ba02aca0a","index.tsx","019ed9f6-03b6-77d1-98ec-789f36082896",["D",1781773239139],"/** @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();",[],[99,290],[],[99,80],"8270418d-4c7f-4a26-9d07-eab675c9c2cc","favicon.svg","019ed9f6-03b6-77d1-98ec-71ded31d1a6f",["D",1781773239139],"\n",[],[99,299],[],[99,122,164],[],[99,122,174],[],[99,122,113],"ea517fa5-c46d-46d3-96f5-e846a306f9da",["D",1781773239139],[276,277,278],[99,122],["D",1781773239139],[275,279,280,281],[99],["D",1781773239139],{"_11":12,"_221":217},{"_11":12,"_215":-5,"_216":217,"_188":189,"_218":219,"_220":48},{"_40":57,"_13":16,"_32":58,"_38":59,"_42":33,"_43":60,"_61":50,"_62":39,"_63":54,"_55":14,"_51":12},"ctx",{"_210":-5,"_242":355,"_356":357,"_358":359,"_360":48,"_361":48,"_362":48,"_363":26,"_364":-5,"_365":-7,"_366":-7,"_367":155,"_368":48,"_369":48,"_370":-5,"_371":48,"_372":48,"_373":48,"_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","71c1b20804b3232a7e513be260cfffc1932a9e97","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

MergeMelis/mainintotemplates/main

README.md+43-50

frontend/components/App.tsx+206-6

frontend/index.html+15-4

frontend/components/data.ts+69-0

frontend/components/efektler.ts+65-0

frontend/components/Counter.tsx+0-18