🎮 Game Tool

Download this powerful gaming tool for your game optimization!

\n \n \n \n

\n );\n};\n\nexport default App;",[],[184,190,196],[184,190],{"_104":205,"_95":206,"_157":207,"_159":185,"_160":138,"_161":208,"_163":164,"_106":209,"_100":162,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":210,"_98":273},"081de226-4f4a-11f0-94b4-f69ea79377d9","src","fcda0534-4f49-11f0-8fd9-f69ea79377d9",17,["D",1750583983070],[211,236,247,255,264],{"_104":212,"_95":190,"_157":213,"_159":207,"_160":138,"_161":214,"_163":164,"_106":215,"_100":162,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":216,"_98":235},"869b9fd0-4f4a-11f0-9527-f69ea79377d9","7f1769ba-4f4a-11f0-bb68-f69ea79377d9",29,["D",1750584195289],[217,226],{"_104":218,"_95":219,"_157":220,"_159":213,"_160":138,"_161":221,"_163":164,"_106":222,"_100":198,"_166":178,"_168":223,"_169":22,"_170":-5,"_171":224,"_98":225},"9a84f64a-4f4a-11f0-b2fd-f69ea79377d9","SensitivityTool.tsx","89c63256-4f4a-11f0-8378-f69ea79377d9",32,["D",1750584228695],"import React, { useState } from \"npm:react\";\n\nconst SensitivityTool: React.FC = () => {\n const [sensitivity, setSensitivity] = useState(50);\n\n const handleChange = (e: React.ChangeEvent) => {\n setSensitivity(Number(e.target.value));\n };\n\n return (\n

\n ⚙️\n

Sensitivity Tool

Adjust your sensitivity: {sensitivity}%

\n \n

\n );\n};\n\nexport default SensitivityTool;",[],[184,206,190,219],{"_104":227,"_95":228,"_157":229,"_159":213,"_160":138,"_161":230,"_163":164,"_106":231,"_100":198,"_166":178,"_168":232,"_169":22,"_170":-5,"_171":233,"_98":234},"be2f4046-4f4a-11f0-92fe-f69ea79377d9","WeaponStats.tsx","b0666fb6-4f4a-11f0-af09-f69ea79377d9",35,["D",1750584288530],"import React from \"npm:react\";\n\nconst WeaponStats: React.FC = () => {\n const stats = { damage: 45, fireRate: 60, range: 100 };\n return (\n

\n 🎯\n

Weapon Stats

Damage: {stats.damage}

Fire Rate: {stats.fireRate}

Range: {stats.range}

\n );\n};\n\nexport default WeaponStats;",[],[184,206,190,228],[184,206,190],{"_104":237,"_95":238,"_157":239,"_159":207,"_160":138,"_161":240,"_163":164,"_106":241,"_100":242,"_166":243,"_168":244,"_169":22,"_170":-5,"_171":245,"_98":246},"68c7157a-4f4a-11f0-9527-f69ea79377d9","App.css","5301b894-4f4a-11f0-8fd9-f69ea79377d9",27,["D",1750584145239],3,"file",".app {\n background-color: #1a1a1a;\n min-height: 100vh;\n color: #fff;\n font-family: \"Segoe UI\", Tahoma, Geneva, Verdana, sans-serif;\n}\n\n.header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 16px 24px;\n background-color: #2a2a2a;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n}\n\n.header h1 {\n font-size: 22px;\n font-weight: 700;\n margin: 0;\n}\n\n.menu-btn, .profile-btn {\n background: none;\n border: none;\n cursor: pointer;\n padding: 8px;\n border-radius: 4px;\n transition: background-color 0.3s;\n}\n\n.menu-btn:hover, .profile-btn:hover {\n background-color: #3a3a3a;\n}\n\n.dropdown {\n position: relative;\n display: inline-block;\n}\n\n.dropdown-content {\n display: none;\n position: absolute;\n background-color: #2a2a2a;\n min-width: 160px;\n box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);\n border-radius: 4px;\n z-index: 1;\n top: 100%;\n left: 0;\n margin-top: 8px;\n}\n\n.dropdown-content a {\n color: #fff;\n padding: 12px 16px;\n text-decoration: none;\n display: block;\n font-size: 14px;\n}\n\n.dropdown-content a:hover {\n background-color: #3a3a3a;\n}\n\n.dropdown:hover .dropdown-content {\n display: block;\n}\n\n.dashboard {\n padding: 24px;\n}\n\n.dashboard h2 {\n font-size: 28px;\n font-weight: 700;\n margin-bottom: 12px;\n color: #e0e0e0;\n}\n\n.dashboard p {\n font-size: 16px;\n color: #bbb;\n margin-bottom: 24px;\n}\n\n.grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n max-width: 800px;\n margin: 0 auto;\n}",[],[184,206,238],{"_104":248,"_95":196,"_157":249,"_159":207,"_160":138,"_161":250,"_163":22,"_106":251,"_100":198,"_166":178,"_168":252,"_169":22,"_170":-5,"_171":253,"_98":254},"35579f34-4f4a-11f0-94b4-f69ea79377d9","2ac331fa-4f4a-11f0-b4d6-f69ea79377d9",23,["D",1750584058947],"import React, { useEffect, useState } from \"npm:react\";\nimport DamageCalculator from \"./components/DamageCalculator\";\nimport MapGuide from \"./components/MapGuide\";\nimport SensitivityTool from \"./components/SensitivityTool\";\nimport WeaponStats from \"./components/WeaponStats\";\nimport \"./App.css\";\n\nconst App: React.FC = () => {\n const [tools, setTools] = useState([]);\n\n useEffect(() => {\n fetch(\"https://Raazbhail-web.val.run/tools\") // Replace with your Val Town URL\n .then((res) => res.json())\n .then((data) => setTools(data));\n }, []);\n\n return (\n

\n \n

\n alert(\"Settings opened!\")}>Settings\n alert(\"Profile opened!\")}>Profile\n alert(\"Logout\")}>Logout\n

BGMI Tools

\n \n

Welcome to BGMI Toolkit

Enhance your gameplay with our powerful tools

\n {tools.map((tool) => {\n switch (tool.title) {\n case \"Sensitivity Tool\":\n return ;\n case \"Weapon Stats\":\n return ;\n case \"Map Guide\":\n return ;\n case \"Damage Calculator\":\n return ;\n default:\n return null;\n }\n })}\n

\n );\n};\n\nexport default App;",[],[184,206,196],{"_104":256,"_95":257,"_157":258,"_159":207,"_160":138,"_161":259,"_163":164,"_106":260,"_100":242,"_166":243,"_168":261,"_169":22,"_170":-5,"_171":262,"_98":263},"e4c6d390-4f4a-11f0-8334-f69ea79377d9","index.css","ccac7198-4f4a-11f0-a117-f69ea79377d9",39,["D",1750584353278],".card {\n background-color: #2e2e2e;\n border-radius: 12px;\n padding: 20px;\n text-align: center;\n min-height: 160px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n transition: transform 0.2s, box-shadow 0.2s;\n border: 1px solid #3a3a3a;\n}\n\n.card:hover {\n transform: translateY(-5px);\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n}\n\n.card h3 {\n font-size: 18px;\n font-weight: 600;\n margin: 12px 0 8px;\n color: #fff;\n}\n\n.card p {\n font-size: 14px;\n color: #aaa;\n margin: 0;\n}\n\n.card .icon {\n font-size: 40px;\n margin-bottom: 12px;\n}\n\ninput[type=\"range\"] {\n -webkit-appearance: none;\n width: 100%;\n height: 8px;\n background: #3a3a3a;\n border-radius: 5px;\n outline: none;\n margin: 10px 0;\n}\n\ninput[type=\"range\"]::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n width: 16px;\n height: 16px;\n background: #fff;\n border-radius: 50%;\n cursor: pointer;\n}\n\ninput[type=\"number\"], button {\n padding: 8px;\n margin: 4px 0;\n border: none;\n border-radius: 4px;\n background-color: #3a3a3a;\n color: #fff;\n}\n\nbutton {\n cursor: pointer;\n transition: background-color 0.3s;\n}\n\nbutton:hover {\n background-color: #444;\n}",[],[184,206,257],{"_104":265,"_95":266,"_157":267,"_159":207,"_160":138,"_161":268,"_163":164,"_106":269,"_100":198,"_166":178,"_168":270,"_169":22,"_170":-5,"_171":271,"_98":272},"19b1e76c-4f4a-11f0-a035-f69ea79377d9","index.tsx","103082de-4f4a-11f0-9dac-f69ea79377d9",20,["D",1750584012563],"import React from \"npm:react\";\nimport { createRoot } from \"npm:react-dom/client\";\nimport App from \"./App.tsx\";\nimport \"./index.css\";\n\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render();",[],[184,206,266],[184,206],{"_104":275,"_95":276,"_157":277,"_159":185,"_160":138,"_161":162,"_163":164,"_106":278,"_100":32,"_166":243,"_168":279,"_169":22,"_170":-5,"_171":280,"_98":281},"db472eca-4f43-11f0-aaa8-f69ea79377d9","favicon.svg","93563c0e-6c6a-4575-83e2-df60aaa99589",["D",1750581330797],"\n",[],[184,276],{"_104":283,"_95":284,"_157":285,"_159":185,"_160":138,"_161":286,"_163":164,"_106":287,"_100":198,"_166":243,"_168":288,"_169":22,"_170":-5,"_171":289,"_98":290},"e51c9b64-4f49-11f0-b820-f69ea79377d9","index.html","72000046-7911-4774-a4ce-4668cf71e3b6",15,["D",1750583924345],"\n\n \n \n \n BGMI Tools\n \n \n

\n \n \n",[],[184,284],{"_104":292,"_95":266,"_157":293,"_159":185,"_160":138,"_161":242,"_163":164,"_106":294,"_100":162,"_166":178,"_168":295,"_169":22,"_170":-5,"_171":296,"_98":297},"0d23d70e-4f44-11f0-8a14-f69ea79377d9","b7cd4aac-3853-4c7c-99fc-390ea8bcfb8f",["D",1750581414523],"import React from \"react\";\nimport ReactDOM from \"react-dom/client\";\nimport App from \"./components/App\";\n\nconst root = document.getElementById(\"root\")!;\nReactDOM.createRoot(root).render();",[],[184,266],{"_104":299,"_95":300,"_157":301,"_159":185,"_160":138,"_161":302,"_163":164,"_106":303,"_100":162,"_166":243,"_168":304,"_169":22,"_170":-5,"_171":305,"_98":306},"37b74b04-4f44-11f0-921c-f69ea79377d9","style.css","9cf0818f-0ef4-4369-b7f1-f8355c443a8a",5,["D",1750581485949],"body {\n font-family: Arial, sans-serif;\n background: #111;\n color: #eee;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100vh;\n}\n\n.card {\n background-color: #222;\n padding: 2rem;\n border-radius: 16px;\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5);\n text-align: center;\n max-width: 300px;\n}\n\n.download-btn {\n margin-top: 1rem;\n padding: 0.5rem 1rem;\n font-size: 1rem;\n background: #00d26a;\n border: none;\n border-radius: 8px;\n color: white;\n cursor: pointer;\n transition: background 0.3s ease;\n}\n\n.download-btn:hover {\n background: #00b85a;\n}",[],[184,300],[184],{"_104":309,"_95":310,"_157":311,"_159":-5,"_160":138,"_161":162,"_163":164,"_106":312,"_100":32,"_166":243,"_168":313,"_169":22,"_170":-5,"_171":314,"_98":315},"db4737a8-4f43-11f0-aaa8-f69ea79377d9","README.md","e3e522da-8aa2-4bab-b639-0ca67744b1c0",["D",1750581330797],"# React Hono Starter\n\nThis app is a starter template for client-side React and server-side Hono.\n\n## Getting started\n\nGet a copy of this starter template by clicking the **Remix** button in the top-right.\n\n## How it works\n\n- The **entrypoint** is [`/backend/index.ts`](/backend/index.ts). That's the backend HTTP server, which also serves the all the frontend assets.\n\n- The **client-side entrypoint** is [`/frontend/index.html`](/frontend/index.html)\n - which in turn imports [`/frontend/index.tsx`](/frontend/index.tsx)\n - which in turn imports the React app from [`/frontend/components/App.tsx`](/frontend/components/App.tsx).\n\nSo if you wanted to get a sense of how this app comes together, we suggest reading the files in this order: \n\n[`/backend/index.ts`](/backend/index.ts) -> [`/frontend/index.html`](/frontend/index.html) -> [`/frontend/index.tsx`](/frontend/index.tsx) -> [`/frontend/components/App.tsx`](/frontend/components/App.tsx)\n\n## Further resources\n\n- [React Hono Example](https://www.val.town/x/stevekrouse/reactHonoExample) is a bigger example project, with a SQLite database table, queries, client-side CSS, a favicon, and shared code that runs on both client and server.",[],[310],"files",[154,173,182,188,194,204,211,217,226,236,247,255,264,274,282,291,298,308],"counts",{"_320":32,"_321":162,"_322":32,"_323":32},"pulls","branches","forks","envVars","contents",[],{"_104":174,"_95":175,"_157":176,"_159":158,"_160":138,"_161":101,"_163":22,"_106":327,"_100":32,"_166":178,"_168":72,"_169":22,"_170":-5,"_98":328},["D",1750586678718],[156,175],"upstreamProject",{"_104":146,"_95":96,"_112":331,"_113":-5,"_110":111,"_23":332},"Starter template with client-side React & Hono server",{"_93":333,"_130":334},"std","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJVaVhpQ1BId3dscVpBbkdZVWlMNjJtcjkxWS5wbmcifQ","upstreamBranch",{"_104":141,"_106":337,"_338":339,"_95":43,"_139":146,"_100":137,"_140":-5,"_142":-5,"_340":341,"_108":-5,"_151":22,"_110":111,"_150":333,"_16":148,"_149":96},["D",1740674013689],"updatedAt",["D",1755284984205],"lockfileKey","1755284987385-esm.town_v_std_reactHonoStarter@72-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_93":94,"_95":96,"_97":43,"_100":101,"_98":99,"_102":348,"_152":353,"_316":408,"_243":409,"_324":411,"_412":413,"_416":22,"_417":-5,"_418":419,"_420":302,"_421":422},{"_104":105,"_95":96,"_106":349,"_108":-5,"_109":22,"_110":111,"_112":-5,"_113":-5,"_14":114,"_115":-5,"_116":22,"_117":-5,"_118":32,"_16":119,"_120":121,"_122":121,"_123":124,"_125":124,"_126":124,"_127":121,"_128":121,"_23":350,"_132":351,"_135":352,"_151":22},["D",1750581330797],{"_93":94,"_130":131},{"_93":94,"_134":131},{"_100":137,"_95":43,"_104":138,"_139":105,"_140":141,"_142":143,"_144":111,"_145":146,"_147":148,"_149":96,"_150":94},[354,360,405],{"_104":155,"_95":156,"_157":158,"_159":-5,"_160":138,"_161":162,"_163":164,"_106":165,"_100":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":355,"_98":359},[356],{"_104":174,"_95":175,"_157":176,"_159":158,"_160":138,"_161":101,"_163":22,"_106":177,"_100":32,"_166":178,"_168":72,"_169":22,"_170":-5,"_171":357,"_98":358},[],[156,175],[156],{"_104":183,"_95":184,"_157":185,"_159":-5,"_160":138,"_161":162,"_163":164,"_106":186,"_100":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":361,"_98":404},[362,368,392,395,398,401],{"_104":189,"_95":190,"_157":191,"_159":185,"_160":138,"_161":162,"_163":164,"_106":192,"_100":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":363,"_98":367},[364],{"_104":195,"_95":196,"_157":197,"_159":191,"_160":138,"_161":198,"_163":164,"_106":199,"_100":162,"_166":178,"_168":200,"_169":22,"_170":-5,"_171":365,"_98":366},[],[184,190,196],[184,190],{"_104":205,"_95":206,"_157":207,"_159":185,"_160":138,"_161":208,"_163":164,"_106":209,"_100":162,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":369,"_98":391},[370,379,382,385,388],{"_104":212,"_95":190,"_157":213,"_159":207,"_160":138,"_161":214,"_163":164,"_106":215,"_100":162,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":371,"_98":378},[372,375],{"_104":218,"_95":219,"_157":220,"_159":213,"_160":138,"_161":221,"_163":164,"_106":222,"_100":198,"_166":178,"_168":223,"_169":22,"_170":-5,"_171":373,"_98":374},[],[184,206,190,219],{"_104":227,"_95":228,"_157":229,"_159":213,"_160":138,"_161":230,"_163":164,"_106":231,"_100":198,"_166":178,"_168":232,"_169":22,"_170":-5,"_171":376,"_98":377},[],[184,206,190,228],[184,206,190],{"_104":237,"_95":238,"_157":239,"_159":207,"_160":138,"_161":240,"_163":164,"_106":241,"_100":242,"_166":243,"_168":244,"_169":22,"_170":-5,"_171":380,"_98":381},[],[184,206,238],{"_104":248,"_95":196,"_157":249,"_159":207,"_160":138,"_161":250,"_163":22,"_106":251,"_100":198,"_166":178,"_168":252,"_169":22,"_170":-5,"_171":383,"_98":384},[],[184,206,196],{"_104":256,"_95":257,"_157":258,"_159":207,"_160":138,"_161":259,"_163":164,"_106":260,"_100":242,"_166":243,"_168":261,"_169":22,"_170":-5,"_171":386,"_98":387},[],[184,206,257],{"_104":265,"_95":266,"_157":267,"_159":207,"_160":138,"_161":268,"_163":164,"_106":269,"_100":198,"_166":178,"_168":270,"_169":22,"_170":-5,"_171":389,"_98":390},[],[184,206,266],[184,206],{"_104":275,"_95":276,"_157":277,"_159":185,"_160":138,"_161":162,"_163":164,"_106":278,"_100":32,"_166":243,"_168":279,"_169":22,"_170":-5,"_171":393,"_98":394},[],[184,276],{"_104":283,"_95":284,"_157":285,"_159":185,"_160":138,"_161":286,"_163":164,"_106":287,"_100":198,"_166":243,"_168":288,"_169":22,"_170":-5,"_171":396,"_98":397},[],[184,284],{"_104":292,"_95":266,"_157":293,"_159":185,"_160":138,"_161":242,"_163":164,"_106":294,"_100":162,"_166":178,"_168":295,"_169":22,"_170":-5,"_171":399,"_98":400},[],[184,266],{"_104":299,"_95":300,"_157":301,"_159":185,"_160":138,"_161":302,"_163":164,"_106":303,"_100":162,"_166":243,"_168":304,"_169":22,"_170":-5,"_171":402,"_98":403},[],[184,300],[184],{"_104":309,"_95":310,"_157":311,"_159":-5,"_160":138,"_161":162,"_163":164,"_106":312,"_100":32,"_166":243,"_168":313,"_169":22,"_170":-5,"_171":406,"_98":407},[],[310],[354,356,360,362,364,368,370,372,375,379,382,385,388,392,395,398,401,405],{"_104":174,"_95":175,"_157":176,"_159":158,"_160":138,"_161":101,"_163":22,"_106":327,"_100":32,"_166":178,"_168":72,"_169":22,"_170":-5,"_98":410},[156,175],[],"upstream",{"_104":141,"_106":414,"_338":415,"_95":43,"_139":146,"_100":137,"_140":-5,"_142":-5,"_340":341,"_108":-5,"_151":22,"_110":111,"_150":333,"_16":148,"_149":96},["D",1740674013689],["D",1755284984205],"showCompareCallout","pull","ahead",71,"behind","templates",[],"actionData","errors"]