🐍 Snake Game

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_197":198,"_199":200},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_149":-5,"_20":150,"_22":151,"_152":153,"_154":155,"_25":156,"_24":-5,"_157":-5,"_158":-5,"_159":53,"_160":161,"_162":53,"_163":-5,"_164":-5,"_165":166},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":-5,"_28":-5,"_29":-5,"_30":-5,"_31":-5},"handle","cvm","name","damian","branchName","main","version","path","","project",{"_34":92,"_13":14,"_46":93,"_94":-5,"_95":53,"_96":97,"_98":97,"_99":100,"_101":-5,"_102":103,"_104":-5,"_105":53,"_106":-5,"_107":-5,"_108":61,"_109":110,"_111":112,"_113":114,"_115":116,"_117":-5,"_118":119,"_120":119,"_121":122,"_123":122,"_124":122,"_125":119,"_126":119,"_127":128,"_129":130,"_131":132,"_133":53},"tree",[64,65],"file","contents",[32,33],"upstream","pull","ahead","behind","envVars",{"_34":56,"_13":57,"_37":58,"_39":-5,"_40":41,"_42":59,"_44":45,"_46":60,"_17":61,"_49":62,"_50":-5,"_52":53,"_54":-5,"_18":63},{"_34":35,"_13":36,"_37":38,"_39":-5,"_40":41,"_42":43,"_44":45,"_46":47,"_17":48,"_49":24,"_50":51,"_52":53,"_54":-5,"_18":55},"id","8faa5284-5ad3-11f1-bb4d-ee650bb23af1","README.md","fileId","1de895f2-5ad3-11f1-a9a9-ee650bb23af1","parentId","branchId","f7bfccca-5acc-11f1-ae1e-ee650bb23af1","branchVersion",22,"latest",true,"createdAt",["D",1780000011978],1,"fileType","content","# 🐍 Snake Game\n\nA classic Snake game built with React and TypeScript.\n\n## How to Play\n\n- **Arrow keys** or **WASD** to move\n- **Space** to pause/resume\n- **Swipe** on mobile\n- Eat 🍎 to grow and score points\n- Don't hit the walls or yourself!\n\n## Features\n- Speed increases as you score\n- High score saved locally\n- Mobile-friendly with touch controls and D-pad\n- Smooth animations\n","deleted",false,"label",[36],"6b946aec-5ad3-11f1-b2d7-ee650bb23af1","frontend","6b946bd2-5ad3-11f1-b2d7-ee650bb23af1",17,["D",1779999951451],0,"directory",[57],{"_34":56,"_13":57,"_37":58,"_39":-5,"_40":41,"_42":59,"_44":45,"_46":70,"_17":61,"_49":62,"_50":-5,"_52":53,"_54":-5,"_67":71,"_18":72},{"_34":35,"_13":36,"_37":38,"_39":-5,"_40":41,"_42":43,"_44":45,"_46":66,"_17":48,"_49":24,"_50":51,"_52":53,"_54":-5,"_67":68,"_18":69},["D",1780000011978],"children",[],[36],["D",1779999951451],[73,74],[57],{"_34":84,"_13":85,"_37":86,"_39":58,"_40":41,"_42":87,"_44":45,"_46":88,"_17":61,"_49":24,"_50":89,"_52":53,"_54":-5,"_67":90,"_18":91},{"_34":75,"_13":76,"_37":77,"_39":58,"_40":41,"_42":78,"_44":45,"_46":79,"_17":61,"_49":80,"_50":81,"_52":53,"_54":-5,"_67":82,"_18":83},"6ee83296-5ad3-11f1-bb4d-ee650bb23af1","index.tsx","6ee83340-5ad3-11f1-bb4d-ee650bb23af1",19,["D",1779999957037],"script","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { SnakeGame } from \"./SnakeGame.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) throw new Error(\"No root element found\");\n\ncreateRoot(root).render();\n",[],[57,76],"6e3e1e78-5ad3-11f1-9648-ee650bb23af1","index.html","6e3e1f5e-5ad3-11f1-9648-ee650bb23af1",18,["D",1779999955927],"\n\n \n \n \n 🐍 Snake Game\n \n \n \n \n

\n \n \n \n",[],[57,85],"f7bee116-5acc-11f1-ae1e-ee650bb23af1",["D",1779997180149],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","h","imageUrl","userId","f0a80c12-7765-45a5-97e5-94a00e79fd0d","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","019e7019-1384-706c-9400-44ff984c9a5c","tursoName","f7bee1165acc11f1ae1eee650bb23af1","tursoHostname","f7bee1165acc11f1ae1eee650bb23af1-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789504908499],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_148":19},"org",{"_11":12,"_143":19,"_144":19,"_102":103,"_145":146,"_147":53},"branch",{"_17":134,"_13":16,"_34":41,"_135":92,"_136":-5,"_137":-5,"_138":-5,"_139":-5,"_140":-5,"_141":14,"_142":12},"isOwned",24,"projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_34":92,"_13":14,"_46":192,"_94":-5,"_95":53,"_96":97,"_98":97,"_99":100,"_101":-5,"_102":103,"_104":-5,"_105":53,"_106":-5,"_107":-5,"_108":61,"_109":110,"_111":112,"_113":114,"_115":193,"_117":-5,"_118":119,"_120":119,"_121":122,"_123":122,"_124":122,"_125":119,"_126":119,"_127":194,"_129":195,"_131":196,"_133":53},[180,183],"files",[180,181,182,183],"counts",{"_171":61,"_172":48,"_173":61,"_31":174,"_175":176},[167,168],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_34":56,"_13":57,"_37":58,"_39":-5,"_40":41,"_42":59,"_44":45,"_46":60,"_17":61,"_49":62,"_50":-5,"_52":53,"_54":-5,"_18":170},{"_34":35,"_13":36,"_37":38,"_39":-5,"_40":41,"_42":43,"_44":45,"_46":47,"_17":48,"_49":24,"_50":51,"_52":53,"_54":-5,"_18":169},[36],[57],"pulls","branches","forks",{"_177":61,"_179":61},"connections",{"_177":61,"_178":61},"count","unfilledCount","emptyCount",{"_34":56,"_13":57,"_37":58,"_39":-5,"_40":41,"_42":59,"_44":45,"_46":70,"_17":61,"_49":62,"_50":-5,"_52":53,"_54":-5,"_67":190,"_18":191},{"_34":84,"_13":85,"_37":86,"_39":58,"_40":41,"_42":87,"_44":45,"_46":88,"_17":61,"_49":24,"_50":89,"_52":53,"_54":-5,"_67":188,"_18":189},{"_34":75,"_13":76,"_37":77,"_39":58,"_40":41,"_42":78,"_44":45,"_46":79,"_17":61,"_49":80,"_50":81,"_52":53,"_54":-5,"_67":186,"_18":187},{"_34":35,"_13":36,"_37":38,"_39":-5,"_40":41,"_42":43,"_44":45,"_46":66,"_17":48,"_49":24,"_50":51,"_52":53,"_54":-5,"_67":184,"_18":185},[],[36],[],[57,76],[],[57,85],[181,182],[57],["D",1779997180149],["D",1789504908499],{"_11":12,"_148":19},{"_11":12,"_143":19,"_144":19,"_102":103,"_145":146,"_147":53},{"_17":134,"_13":16,"_34":41,"_135":92,"_136":-5,"_137":-5,"_138":-5,"_139":-5,"_140":-5,"_141":14,"_142":12},"ctx",{"_127":-5,"_164":230,"_231":232,"_233":234,"_235":53,"_236":53,"_237":53,"_238":45,"_239":-5,"_240":-7,"_241":-7,"_242":61,"_243":53,"_244":53,"_245":-5,"_246":53,"_247":53,"_248":53,"_249":-5},"ENV",{"_201":202,"_203":204,"_205":16,"_206":207,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","9e167d8120a57de5d747867e0b686da51bcc19a4","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"]

Code