{game.name}

{game.category} • {game.players} o'yinchi

\n ⭐ {game.rating}\n setFullscreen(!fullscreen)}\n className=\"bg-purple-600 hover:bg-purple-500 text-white px-4 py-2 rounded-xl transition text-sm\"\n >\n {fullscreen ? \"🔲 Kichraytirish\" : \"⛶ Kattalashtirish\"}\n \n

\n\n {/* Game iframe */}\n

\n {fullscreen && (\n setFullscreen(false)}\n className=\"absolute top-4 right-4 z-50 bg-red-600 hover:bg-red-500 text-white px-4 py-2 rounded-xl\"\n >\n ✕ Yopish\n \n )}\n

\n {loading && (\n

{game.icon}

Yuklanmoqda...

now.gg orqali ulanmoqda

\n )}\n setLoading(false)}\n />\n

\n\n {!fullscreen && (\n

🎮 Qanday o'ynash?

now.gg sahifasi yuklanishini kuting
Roblox hisobingizga kiring
O'yinni qidirib toping va boshlang

💡 Maslahatlar

• Tez internet kerak (10+ Mbps)
• Chrome yoki Edge brauzer tavsiya etiladi
• Kattalashtirish tugmasini bosing

📊 O'yin haqida

📁 Kategoriya: {game.category}

👥 O'yinchilar: {game.players}

⭐ Reyting: {game.rating}/5

\n )}\n

\n );\n}\n",[164,83,81],"4ded5a8c-3d9e-11f1-979a-42b51c65c3df",["D",1776788554663],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nimport type { Game } from \"../../shared/games.ts\";\n\nexport function GameCard({ game, onPlay }: { game: Game; onPlay: (game: Game) => void }) {\n return (\n onPlay(game)}\n >\n

{game.icon}

{game.name}

{game.description}

\n ⭐ {game.rating}\n •\n 👥 {game.players}\n

\n \n {game.category}\n \n

\n {\n e.stopPropagation();\n onPlay(game);\n }}\n >\n ▶ O'ynash\n \n

\n \n );\n}\n",[164,83,66],"pulls","branches",1,"forks","envVars",{"_184":26,"_186":26},"connections",{"_184":26,"_185":26},"count","unfilledCount","emptyCount",{"_34":253,"_13":164,"_64":158,"_44":-5,"_36":37,"_160":254,"_168":24,"_38":255,"_40":26,"_67":84,"_157":-5,"_69":30,"_162":-5,"_203":256,"_17":257},{"_34":156,"_13":83,"_64":82,"_44":158,"_36":37,"_160":161,"_168":24,"_38":250,"_40":26,"_67":84,"_157":-5,"_69":30,"_162":-5,"_203":251,"_17":252},{"_34":172,"_13":66,"_64":65,"_44":82,"_36":37,"_160":41,"_168":24,"_38":247,"_40":26,"_67":68,"_157":174,"_69":30,"_162":-5,"_203":248,"_17":249},{"_34":167,"_13":81,"_64":80,"_44":82,"_36":37,"_160":75,"_168":24,"_38":244,"_40":26,"_67":68,"_157":170,"_69":30,"_162":-5,"_203":245,"_17":246},{"_34":236,"_13":237,"_64":238,"_44":158,"_36":37,"_160":239,"_168":24,"_38":240,"_40":26,"_67":21,"_157":241,"_69":30,"_162":-5,"_203":242,"_17":243},{"_34":228,"_13":229,"_64":230,"_44":158,"_36":37,"_160":231,"_168":24,"_38":232,"_40":26,"_67":68,"_157":233,"_69":30,"_162":-5,"_203":234,"_17":235},{"_34":223,"_13":222,"_64":216,"_44":-5,"_36":37,"_160":224,"_168":24,"_38":225,"_40":26,"_67":84,"_157":-5,"_69":30,"_162":-5,"_203":226,"_17":227},{"_34":213,"_13":214,"_64":215,"_44":216,"_36":37,"_160":217,"_168":24,"_38":218,"_40":26,"_67":68,"_157":219,"_69":30,"_162":-5,"_203":220,"_17":221},{"_34":206,"_13":207,"_64":208,"_44":-5,"_36":37,"_160":121,"_168":24,"_38":209,"_40":26,"_67":21,"_157":210,"_69":30,"_162":-5,"_203":211,"_17":212},{"_34":197,"_13":198,"_64":97,"_44":-5,"_36":37,"_160":199,"_168":24,"_38":200,"_40":178,"_67":201,"_157":202,"_69":30,"_162":-5,"_203":204,"_17":205},"6fb7fef6-3d9e-11f1-9666-42b51c65c3df","main.tsx",10,["D",1776788611311],"http","import { Hono } from \"npm:hono@4\";\nimport { serveFile, parseVal } from \"https://esm.town/v/std/utils/index.ts\";\nimport { games } from \"./shared/games.ts\";\n\nconst app = new Hono();\n\napp.onError((err) => Promise.reject(err));\n\n// API: o'yinlar ro'yxati\napp.get(\"/api/games\", (c) => c.json(games));\n\n// API: bitta o'yin\napp.get(\"/api/games/:id\", (c) => {\n const game = games.find(g => g.id === c.req.param(\"id\"));\n if (!game) return c.json({ error: \"O'yin topilmadi\" }, 404);\n return c.json(game);\n});\n\n// View source\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// Frontend static files\napp.get(\"/frontend/*\", (c) => serveFile(c.req.path, import.meta.url));\n\n// Main page\napp.get(\"/\", (c) => serveFile(\"/frontend/index.html\", import.meta.url));\n\nexport default app.fetch;\n","children",[],[198],"7b2894ee-3d9e-11f1-aa62-42b51c65c3df","README.md","7b289598-3d9e-11f1-aa62-42b51c65c3df",["D",1776788630547],"# 🎮 RobloxPlay UZ\n\nRoblox o'yinlarini to'g'ridan-to'g'ri brauzerda bepul o'ynash mumkin bo'lgan sayt!\n\n## Xususiyatlari\n\n- 🎮 **12 ta mashhur Roblox o'yini** — Blox Fruits, Brookhaven, Adopt Me va boshqalar\n- 🔍 **Qidiruv** — O'yinlarni nomi bo'yicha toping\n- 📂 **Kategoriyalar** — Roleplay, Action, Horror, Simulator va h.k.\n- 🌐 **Brauzerda o'ynash** — now.gg platformasi orqali\n- 🖥️ **Kattalashtirish rejimi** — Fullscreen o'ynash\n- 📱 **Mobil qurilmalar** uchun moslashtirilgan\n\n## Arxitektura\n\n```mermaid\ngraph TD\n A[Foydalanuvchi] --> B[main.tsx - Hono Server]\n B --> C[frontend/index.html]\n C --> D[frontend/index.tsx - React SPA]\n D --> E[GameCard.tsx]\n D --> F[GamePage.tsx]\n B --> G[/api/games - JSON API]\n F --> H[now.gg iframe]\n G --> I[shared/games.ts]\n```\n\n## Texnologiyalar\n\n- **Backend:** Hono (TypeScript)\n- **Frontend:** React 18 + Twind (Tailwind CSS)\n- **O'yin platformasi:** now.gg\n- **Hosting:** Val Town\n",[],[207],"44603ae8-3d9e-11f1-bf7b-42b51c65c3df","games.ts","44603bd8-3d9e-11f1-bf7b-42b51c65c3df","34750f82-3d9e-11f1-bf7b-42b51c65c3df",5,["D",1776788538637],"export interface Game {\n id: string;\n name: string;\n description: string;\n icon: string; // emoji\n category: string;\n players: string;\n rating: number;\n color: string; // gradient color\n nowggUrl: string;\n}\n\nexport const games: Game[] = [\n {\n id: \"adopt-me\",\n name: \"Adopt Me!\",\n description: \"Hayvonlarni asrang va uy qurib o'ynang!\",\n icon: \"🐾\",\n category: \"Roleplay\",\n players: \"500K+\",\n rating: 4.8,\n color: \"from-pink-500 to-rose-600\",\n nowggUrl: \"https://now.gg/play/roblox-corporation/5349/roblox\",\n },\n {\n id: \"brookhaven\",\n name: \"Brookhaven 🏡RP\",\n description: \"Shahar hayotini yashang — uy, mashina, do'stlar!\",\n icon: \"🏠\",\n category: \"Roleplay\",\n players: \"800K+\",\n rating: 4.7,\n color: \"from-blue-500 to-cyan-600\",\n nowggUrl: \"https://now.gg/play/roblox-corporation/5349/roblox\",\n },\n {\n id: \"blox-fruits\",\n name: \"Blox Fruits\",\n description: \"Mevalarni yig'ing, kuchli bo'ling va jang qiling!\",\n icon: \"⚔️\",\n category: \"Action\",\n players: \"1M+\",\n rating: 4.9,\n color: \"from-orange-500 to-red-600\",\n nowggUrl: \"https://now.gg/play/roblox-corporation/5349/roblox\",\n },\n {\n id: \"murder-mystery\",\n name: \"Murder Mystery 2\",\n description: \"Qotilni toping yoki qotil bo'ling!\",\n icon: \"🔪\",\n category: \"Mystery\",\n players: \"300K+\",\n rating: 4.6,\n color: \"from-red-600 to-red-900\",\n nowggUrl: \"https://now.gg/play/roblox-corporation/5349/roblox\",\n },\n {\n id: \"tower-of-hell\",\n name: \"Tower of Hell\",\n description: \"Minoraga tirmashib chiqing — vaqt tugamasdan!\",\n icon: \"🗼\",\n category: \"Obby\",\n players: \"200K+\",\n rating: 4.5,\n color: \"from-yellow-500 to-orange-600\",\n nowggUrl: \"https://now.gg/play/roblox-corporation/5349/roblox\",\n },\n {\n id: \"jailbreak\",\n name: \"Jailbreak\",\n description: \"Qamoqdan qoching yoki politsiyachi bo'ling!\",\n icon: \"🚔\",\n category: \"Action\",\n players: \"400K+\",\n rating: 4.7,\n color: \"from-indigo-500 to-purple-600\",\n nowggUrl: \"https://now.gg/play/roblox-corporation/5349/roblox\",\n },\n {\n id: \"pet-simulator\",\n name: \"Pet Simulator X\",\n description: \"Hayvonlarni yig'ing va boylik to'plang!\",\n icon: \"🐶\",\n category: \"Simulator\",\n players: \"600K+\",\n rating: 4.6,\n color: \"from-emerald-500 to-teal-600\",\n nowggUrl: \"https://now.gg/play/roblox-corporation/5349/roblox\",\n },\n {\n id: \"arsenal\",\n name: \"Arsenal\",\n description: \"Tezkor FPS o'yin — qurollar bilan jang!\",\n icon: \"🔫\",\n category: \"Shooter\",\n players: \"250K+\",\n rating: 4.8,\n color: \"from-gray-600 to-gray-800\",\n nowggUrl: \"https://now.gg/play/roblox-corporation/5349/roblox\",\n },\n {\n id: \"royale-high\",\n name: \"Royale High\",\n description: \"Sehrli maktabda o'qing va kiyimlar yig'ing!\",\n icon: \"👑\",\n category: \"Roleplay\",\n players: \"350K+\",\n rating: 4.7,\n color: \"from-fuchsia-500 to-pink-600\",\n nowggUrl: \"https://now.gg/play/roblox-corporation/5349/roblox\",\n },\n {\n id: \"natural-disaster\",\n name: \"Natural Disaster Survival\",\n description: \"Tabiiy ofatlardan omon qoling!\",\n icon: \"🌪️\",\n category: \"Survival\",\n players: \"150K+\",\n rating: 4.5,\n color: \"from-sky-500 to-blue-700\",\n nowggUrl: \"https://now.gg/play/roblox-corporation/5349/roblox\",\n },\n {\n id: \"bee-swarm\",\n name: \"Bee Swarm Simulator\",\n description: \"Asalarilar armiyasini to'plang va asal yig'ing!\",\n icon: \"🐝\",\n category: \"Simulator\",\n players: \"200K+\",\n rating: 4.6,\n color: \"from-amber-400 to-yellow-600\",\n nowggUrl: \"https://now.gg/play/roblox-corporation/5349/roblox\",\n },\n {\n id: \"doors\",\n name: \"DOORS 👁️\",\n description: \"Qo'rqinchli xonalardan o'ting — har bir eshik yangi xavf!\",\n icon: \"🚪\",\n category: \"Horror\",\n players: \"400K+\",\n rating: 4.9,\n color: \"from-neutral-700 to-neutral-900\",\n nowggUrl: \"https://now.gg/play/roblox-corporation/5349/roblox\",\n },\n];\n\nexport const categories = [...new Set(games.map(g => g.category))];\n",[],[222,214],"shared","34750dde-3d9e-11f1-bf7b-42b51c65c3df",4,["D",1776788511924],[194],[222],"65e3d120-3d9e-11f1-ab35-42b51c65c3df","index.tsx","65e3d1e8-3d9e-11f1-ab35-42b51c65c3df",9,["D",1776788594862],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nimport React, { useState, useMemo } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { GameCard } from \"./components/GameCard.tsx\";\nimport { GamePage } from \"./components/GamePage.tsx\";\nimport { games, categories, type Game } from \"../shared/games.ts\";\n\nfunction App() {\n const [currentGame, setCurrentGame] = useState(null);\n const [search, setSearch] = useState(\"\");\n const [selectedCategory, setSelectedCategory] = useState(\"Hammasi\");\n\n const filteredGames = useMemo(() => {\n return games.filter((game) => {\n const matchSearch = game.name.toLowerCase().includes(search.toLowerCase())\n || game.description.toLowerCase().includes(search.toLowerCase());\n const matchCategory = selectedCategory === \"Hammasi\" || game.category === selectedCategory;\n return matchSearch && matchCategory;\n });\n }, [search, selectedCategory]);\n\n if (currentGame) {\n return setCurrentGame(null)} />;\n }\n\n return (\n

\n {/* Hero Header */}\n

\n \n

\n 🎮 RobloxPlay UZ\n

\n Roblox o'yinlarini brauzerda bepul o'ynang! Hech narsa yuklab olish shart emas 🚀\n

\n 🎮 {games.length} ta o'yin\n •\n 🌐 Brauzerda\n •\n 💰 Bepul\n

\n\n {/* Search & Filter */}\n

\n 🔍\n setSearch(e.target.value)}\n className=\"w-full bg-gray-900 border border-gray-700 rounded-xl py-3 pl-12 pr-4 \n text-white placeholder-gray-500 focus:outline-none focus:border-purple-500 \n focus:ring-2 focus:ring-purple-500/20 transition\"\n />\n

\n\n {/* Categories */}\n

\n {[\"Hammasi\", ...categories].map((cat) => (\n setSelectedCategory(cat)}\n className={`px-4 py-2 rounded-full text-sm font-medium transition\n ${selectedCategory === cat \n ? \"bg-purple-600 text-white shadow-lg shadow-purple-500/30\" \n : \"bg-gray-800 text-gray-400 hover:bg-gray-700 hover:text-white\"}`}\n >\n {cat}\n \n ))}\n

\n\n {/* Games Grid */}\n

\n {filteredGames.length === 0 ? (\n

😔

O'yin topilmadi

Boshqa so'z bilan qidirib ko'ring

\n ) : (\n

\n {filteredGames.map((game) => (\n \n ))}\n

\n )}\n

\n\n {/* Footer */}\n \n

\n );\n}\n\ncreateRoot(document.getElementById(\"root\")!).render();\n",[],[164,229],"47ca7fb8-3d9e-11f1-a105-42b51c65c3df","index.html","47ca8080-3d9e-11f1-a105-42b51c65c3df",6,["D",1776788544368],"\n\n\n \n \n 🎮 RobloxPlay UZ — Roblox O'yinlari Brauzerda!\n \n \n \n \n \n\n\n

\n \n\n\n",[],[164,237],["D",1776788573113],[],[164,83,81],["D",1776788554663],[],[164,83,66],["D",1776788511611],[189,190],[164,83],"33f9f5d6-3d9e-11f1-8f90-42b51c65c3df",2,["D",1776788511122],[188,191,192],[164],["D",1776698609172],{"_11":12,"_134":72},{"_11":12,"_130":-5,"_71":72,"_31":70,"_131":132,"_133":30},{"_40":121,"_13":16,"_34":37,"_122":86,"_123":-5,"_124":-5,"_125":-5,"_126":-5,"_127":-5,"_128":14,"_129":12},"ctx",{"_54":-5,"_153":295,"_296":297,"_298":299,"_300":30,"_301":30,"_302":30,"_303":24,"_304":-5,"_305":-7,"_306":-7,"_307":26,"_308":30,"_309":30,"_310":-5,"_311":30,"_312":30,"_313":30,"_314":-5},"ENV",{"_266":267,"_268":269,"_270":16,"_271":272,"_273":274,"_275":276,"_277":278,"_279":280,"_281":282,"_283":284,"_285":286,"_287":288,"_289":290,"_291":292,"_293":294},"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"]

History · components