Mevsim Eşleştirme Oyunu 🌸☀️🍂❄️

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_233":234,"_235":236},"routes/_app.x.$handle.$name",{"_102":101,"_37":50,"_110":92,"_32":111,"_13":14,"_112":-5,"_11":113,"_114":115,"_116":117,"_118":119,"_120":121,"_26":-5,"_122":-5,"_123":-5,"_124":30,"_125":126,"_127":64,"_128":-5,"_129":-5,"_130":131},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_48":49,"_37":50,"_43":51,"_52":-5,"_53":30,"_54":55,"_56":55,"_57":58,"_59":-5,"_19":60,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":68,"_69":70,"_71":-5,"_72":-5,"_73":-5,"_74":-5,"_75":76,"_77":76,"_78":79,"_80":79,"_81":79,"_82":76,"_83":76,"_84":85,"_86":87,"_88":89,"_90":30},"version",8,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","14eeaf8c-f44f-45fc-9382-de31e2c969d2","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":-7,"_29":30,"_31":30,"_32":33,"_34":33},"file",{"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":14,"_46":47,"_29":30},"previous","deleted",false,"deletedHere","path","frontend/components/DraggableItem.tsx","latestPath","fileId","a4584c58-38fb-11f1-82be-42b51c65c3df","name","DraggableItem.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport type { GameItem } from \"../../shared/game-data.ts\";\nimport { getCategoryLabel } from \"../../shared/game-data.ts\";\n\ninterface DraggableItemProps {\n item: GameItem;\n onDragStart: (item: GameItem) => void;\n isPlaced: boolean;\n}\n\nexport function DraggableItem({ item, onDragStart, isPlaced }: DraggableItemProps) {\n if (isPlaced) return null;\n\n return (\n onDragStart(item)}\n className=\"\n bg-white rounded-xl px-4 py-3 shadow-md cursor-grab active:cursor-grabbing\n hover:shadow-lg hover:scale-105 transition-all duration-200\n border-2 border-gray-200 hover:border-purple-400\n flex flex-col items-center gap-1 select-none min-w-[100px]\n \"\n >\n {item.emoji}\n {item.name}\n {getCategoryLabel(item.category)}\n \n );\n}\n","createdAt",["D",1776278887022],"branchVersion","branchId","880fb496-38fb-11f1-9cf7-42b51c65c3df","id","880f2dbe-38fb-11f1-9cf7-42b51c65c3df","mevsim-eslestirme",["D",1776278839579],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Mevsimler ve kiyafet/yiyecek eslestirme oyunu","imageUrl","06437ba7-2a3c-428d-a299-c333861cf5ed","pinnedFileId","88157282-38fb-11f1-9cf7-42b51c65c3df","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","e9d26b96-de35-4383-9f50-1bf9117e0df7","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_102":101,"_109":105},"org",{"_102":101,"_103":-5,"_104":105,"_19":60,"_106":107,"_108":30},"branch",{"_13":91,"_37":92,"_48":47,"_93":49,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":50,"_100":101},"isOwned",10,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","randommuno46","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJweWwwaXdicEdOT0s3cTRHVHdRaGN4OWQ2MSJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_48":49,"_37":50,"_43":229,"_52":-5,"_53":30,"_54":55,"_56":55,"_57":58,"_59":-5,"_19":60,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":68,"_69":70,"_71":-5,"_72":-5,"_73":-5,"_74":-5,"_75":76,"_77":76,"_78":79,"_80":79,"_81":79,"_82":76,"_83":76,"_84":230,"_86":231,"_88":232,"_90":30},"tree",[168,174,176],"files",[168,169,170,171,172,173,174,175,176],"counts",{"_158":68,"_159":138,"_160":68,"_161":162,"_163":164},"contents",[132,133,134],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_48":152,"_37":153,"_35":154,"_137":-5,"_46":47,"_45":155,"_139":64,"_43":156,"_13":68,"_39":150,"_41":-5,"_29":30,"_143":-5,"_32":157},{"_48":145,"_37":146,"_35":147,"_137":-5,"_46":47,"_45":148,"_139":64,"_43":149,"_13":68,"_39":150,"_41":-5,"_29":30,"_143":-5,"_32":151},{"_48":135,"_37":136,"_35":62,"_137":-5,"_46":47,"_45":138,"_139":64,"_43":140,"_13":68,"_39":141,"_41":142,"_29":30,"_143":-5,"_32":144},"881571c4-38fb-11f1-9cf7-42b51c65c3df","index.ts","parentId",1,"latest",["D",1776278839610],"http","import { serveFile, parseVal } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\n\nconst app = new Hono();\n\napp.get(\"/\", () => serveFile(\"/frontend/index.html\"));\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path));\napp.get(\"/source\", (c) => c.redirect(parseVal(import.meta.url).links.self.val));\n\napp.onError((err) => Promise.reject(err));\n\nexport default app.fetch;","label",[136],"97ceaedc-38fb-11f1-a3f1-42b51c65c3df","shared","c569aac2-9a2a-46c3-abe6-a52898a3ed05",4,["D",1776278865993],"directory",[146],"89ff635a-38fb-11f1-b7fb-42b51c65c3df","frontend","89ff6422-38fb-11f1-b7fb-42b51c65c3df",2,["D",1776278842827],[153],"pulls","branches","forks","envVars",{"_165":68,"_167":68},"connections",{"_165":68,"_166":68},"count","unfilledCount","emptyCount",{"_48":152,"_37":153,"_35":154,"_137":-5,"_46":47,"_45":155,"_139":64,"_43":226,"_13":68,"_39":150,"_41":-5,"_29":30,"_143":-5,"_178":227,"_32":228},{"_48":221,"_37":216,"_35":210,"_137":154,"_46":47,"_45":222,"_139":64,"_43":223,"_13":68,"_39":150,"_41":-5,"_29":30,"_143":-5,"_178":224,"_32":225},{"_48":217,"_37":38,"_35":36,"_137":210,"_46":47,"_45":14,"_139":64,"_43":218,"_13":68,"_39":40,"_41":42,"_29":30,"_143":-5,"_178":219,"_32":220},{"_48":207,"_37":208,"_35":209,"_137":210,"_46":47,"_45":211,"_139":64,"_43":212,"_13":68,"_39":40,"_41":213,"_29":30,"_143":-5,"_178":214,"_32":215},{"_48":199,"_37":200,"_35":201,"_137":154,"_46":47,"_45":202,"_139":64,"_43":203,"_13":68,"_39":26,"_41":204,"_29":30,"_143":-5,"_178":205,"_32":206},{"_48":191,"_37":192,"_35":193,"_137":154,"_46":47,"_45":194,"_139":64,"_43":195,"_13":68,"_39":40,"_41":196,"_29":30,"_143":-5,"_178":197,"_32":198},{"_48":145,"_37":146,"_35":147,"_137":-5,"_46":47,"_45":148,"_139":64,"_43":188,"_13":68,"_39":150,"_41":-5,"_29":30,"_143":-5,"_178":189,"_32":190},{"_48":181,"_37":182,"_35":183,"_137":147,"_46":47,"_45":148,"_139":64,"_43":184,"_13":68,"_39":40,"_41":185,"_29":30,"_143":-5,"_178":186,"_32":187},{"_48":135,"_37":136,"_35":62,"_137":-5,"_46":47,"_45":138,"_139":64,"_43":177,"_13":68,"_39":141,"_41":142,"_29":30,"_143":-5,"_178":179,"_32":180},["D",1776278839610],"children",[],[136],"97ce8ce0-38fb-11f1-a3f1-42b51c65c3df","game-data.ts","97ce8db2-38fb-11f1-a3f1-42b51c65c3df",["D",1776278865993],"export type Season = \"ilkbahar\" | \"yaz\" | \"sonbahar\" | \"kis\";\n\nexport interface SeasonInfo {\n id: Season;\n name: string;\n emoji: string;\n color: string;\n bgGradient: string;\n}\n\nexport interface GameItem {\n id: string;\n emoji: string;\n name: string;\n season: Season;\n category: \"kiyafet\" | \"yiyecek\" | \"aktivite\";\n}\n\nexport const seasons: SeasonInfo[] = [\n {\n id: \"ilkbahar\",\n name: \"İlkbahar\",\n emoji: \"🌸\",\n color: \"text-pink-600\",\n bgGradient: \"from-pink-100 to-green-100\",\n },\n {\n id: \"yaz\",\n name: \"Yaz\",\n emoji: \"☀️\",\n color: \"text-yellow-500\",\n bgGradient: \"from-yellow-100 to-orange-100\",\n },\n {\n id: \"sonbahar\",\n name: \"Sonbahar\",\n emoji: \"🍂\",\n color: \"text-orange-600\",\n bgGradient: \"from-orange-100 to-amber-100\",\n },\n {\n id: \"kis\",\n name: \"Kış\",\n emoji: \"❄️\",\n color: \"text-blue-500\",\n bgGradient: \"from-blue-100 to-indigo-100\",\n },\n];\n\nexport const allItems: GameItem[] = [\n // İlkbahar\n { id: \"yagmurluk\", emoji: \"🧥\", name: \"Yağmurluk\", season: \"ilkbahar\", category: \"kiyafet\" },\n { id: \"cilek\", emoji: \"🍓\", name: \"Çilek\", season: \"ilkbahar\", category: \"yiyecek\" },\n { id: \"bisiklet\", emoji: \"🚲\", name: \"Bisiklet Turu\", season: \"ilkbahar\", category: \"aktivite\" },\n { id: \"semsiye\", emoji: \"☂️\", name: \"Şemsiye\", season: \"ilkbahar\", category: \"kiyafet\" },\n { id: \"enginar\", emoji: \"🥬\", name: \"Enginar\", season: \"ilkbahar\", category: \"yiyecek\" },\n { id: \"piknik\", emoji: \"🧺\", name: \"Piknik\", season: \"ilkbahar\", category: \"aktivite\" },\n\n // Yaz\n { id: \"sort\", emoji: \"🩳\", name: \"Şort\", season: \"yaz\", category: \"kiyafet\" },\n { id: \"dondurma\", emoji: \"🍦\", name: \"Dondurma\", season: \"yaz\", category: \"yiyecek\" },\n { id: \"yuzme\", emoji: \"🏊\", name: \"Yüzme\", season: \"yaz\", category: \"aktivite\" },\n { id: \"gunes_gozlugu\", emoji: \"🕶️\", name: \"Güneş Gözlüğü\", season: \"yaz\", category: \"kiyafet\" },\n { id: \"karpuz\", emoji: \"🍉\", name: \"Karpuz\", season: \"yaz\", category: \"yiyecek\" },\n { id: \"sorf\", emoji: \"🏄\", name: \"Sörf\", season: \"yaz\", category: \"aktivite\" },\n\n // Sonbahar\n { id: \"hirka\", emoji: \"🧶\", name: \"Hırka\", season: \"sonbahar\", category: \"kiyafet\" },\n { id: \"kabak\", emoji: \"🎃\", name: \"Kabak Çorbası\", season: \"sonbahar\", category: \"yiyecek\" },\n { id: \"yuruyus\", emoji: \"🥾\", name: \"Doğa Yürüyüşü\", season: \"sonbahar\", category: \"aktivite\" },\n { id: \"bot\", emoji: \"👢\", name: \"Bot\", season: \"sonbahar\", category: \"kiyafet\" },\n { id: \"kestane\", emoji: \"🌰\", name: \"Kestane\", season: \"sonbahar\", category: \"yiyecek\" },\n { id: \"kitap\", emoji: \"📚\", name: \"Kitap Okuma\", season: \"sonbahar\", category: \"aktivite\" },\n\n // Kış\n { id: \"bere\", emoji: \"🧣\", name: \"Atkı & Bere\", season: \"kis\", category: \"kiyafet\" },\n { id: \"salep\", emoji: \"☕\", name: \"Salep\", season: \"kis\", category: \"yiyecek\" },\n { id: \"kayak\", emoji: \"⛷️\", name: \"Kayak\", season: \"kis\", category: \"aktivite\" },\n { id: \"mont\", emoji: \"🧥\", name: \"Kışlık Mont\", season: \"kis\", category: \"kiyafet\" },\n { id: \"corbasi\", emoji: \"🍲\", name: \"Mercimek Çorbası\", season: \"kis\", category: \"yiyecek\" },\n { id: \"kardan_adam\", emoji: \"⛄\", name: \"Kardan Adam\", season: \"kis\", category: \"aktivite\" },\n];\n\nexport function shuffleArray(array: T[]): T[] {\n const shuffled = [...array];\n for (let i = shuffled.length - 1; i > 0; i--) {\n const j = Math.floor(Math.random() * (i + 1));\n [shuffled[i], shuffled[j]] = [shuffled[j], shuffled[i]];\n }\n return shuffled;\n}\n\nexport function getItemsForRound(count: number): GameItem[] {\n return shuffleArray(allItems).slice(0, count);\n}\n\nexport function getCategoryLabel(cat: string): string {\n switch (cat) {\n case \"kiyafet\": return \"👕 Kıyafet\";\n case \"yiyecek\": return \"🍽️ Yiyecek\";\n case \"aktivite\": return \"🎯 Aktivite\";\n default: return cat;\n }\n}\n",[],[146,182],["D",1776278865993],[175],[146],"9c8d11a2-38fb-11f1-a9bd-42b51c65c3df","index.tsx","9c8d126a-38fb-11f1-a9bd-42b51c65c3df",6,["D",1776278873954],"/** @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(\"No root element found\");\n\ncreateRoot(root).render();\n",[],[153,192],"8ccb4982-38fb-11f1-a3f1-42b51c65c3df","index.html","8ccb4a36-38fb-11f1-a3f1-42b51c65c3df",3,["D",1776278847516],"\n\n \n \n \n Mevsim Eşleştirme Oyunu 🌸☀️🍂❄️\n \n \n \n

\n \n \n \n",[],[153,200],"a1de8e88-38fb-11f1-a9bd-42b51c65c3df","SeasonZone.tsx","a1de8f50-38fb-11f1-a9bd-42b51c65c3df","99f04f4a-38fb-11f1-9fac-42b51c65c3df",7,["D",1776278882875],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport type { SeasonInfo, GameItem } from \"../../shared/game-data.ts\";\nimport { getCategoryLabel } from \"../../shared/game-data.ts\";\n\ninterface SeasonZoneProps {\n season: SeasonInfo;\n droppedItems: GameItem[];\n onDrop: (seasonId: string) => void;\n isHighlighted: boolean;\n onDragOver: (seasonId: string) => void;\n onDragLeave: () => void;\n}\n\nexport function SeasonZone({ season, droppedItems, onDrop, isHighlighted, onDragOver, onDragLeave }: SeasonZoneProps) {\n return (\n {\n e.preventDefault();\n onDragOver(season.id);\n }}\n onDragLeave={onDragLeave}\n onDrop={(e) => {\n e.preventDefault();\n onDrop(season.id);\n }}\n className={`\n rounded-2xl p-4 min-h-[200px] transition-all duration-300 border-2 border-dashed\n bg-gradient-to-br ${season.bgGradient}\n ${isHighlighted ? \"border-purple-500 scale-105 shadow-lg\" : \"border-gray-300\"}\n `}\n >\n

\n {season.emoji}\n

{season.name}

\n\n

\n {droppedItems.map((item) => (\n \n {item.emoji}\n {item.name}\n {item.season === season.id ? (\n ✅\n ) : (\n ❌\n )}\n

\n ))}\n {droppedItems.length === 0 && (\n

Buraya sürükle...

\n )}\n \n \n );\n}\n",[],[153,216,208],"components","a4584b72-38fb-11f1-82be-42b51c65c3df",["D",1776278887022],[],[153,216,38],"99f04eb4-38fb-11f1-9fac-42b51c65c3df",5,["D",1776278869543],[170,171],[153,216],["D",1776278842827],[169,172,173],[153],["D",1776278839579],{"_102":101,"_109":105},{"_102":101,"_103":-5,"_104":105,"_19":60,"_106":107,"_108":30},{"_13":91,"_37":92,"_48":47,"_93":49,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":50,"_100":101},"ctx",{"_84":-5,"_129":266,"_267":268,"_269":270,"_271":30,"_272":30,"_273":30,"_274":64,"_275":-5,"_276":-7,"_277":-7,"_278":68,"_279":30,"_280":30,"_281":-5,"_282":30,"_283":30,"_284":30,"_285":-5},"ENV",{"_237":238,"_239":240,"_241":92,"_242":243,"_244":245,"_246":247,"_248":249,"_250":251,"_252":253,"_254":255,"_256":257,"_258":259,"_260":261,"_262":263,"_264":265},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v8