// ==UserScript==
// @name Bapev4 UI for NarrowOne
// @namespace [Link]
// @version 0.1
// @description Inject Bapev4 cheat interface into NarrowOne game
// @author You
// @match [Link] // Target all pages of [Link]
// @grant GM_addStyle
// ==/UserScript==
const clientHTML = `
<div class="bapev4">
<ul class="tabs">
<li onclick="showCategory('visual')">Visual</li>
<li onclick="showCategory('combat')">Combat</li>
<li onclick="showCategory('blatant')">Blatant</li>
<li onclick="showCategory('extra')">Extra</li>
</ul>
<div class="category" id="visual">
<h2>Visual</h2>
<button type="button" id="bapev4-esp"
onclick="toggleButton(this)">ESP</button>
<button type="button" id="bapev4-xray" onclick="toggleButton(this)">X-
Ray</button>
<button id="destroymap">Destroy Map</button>
<button id="earthquake1">Earthquake(v1)</button>
<button id="earthquake2">Earthquake(v2)</button>
<button id="earthquake3">Earthquake(v3)</button>
<button id="scope">Scope-Zoom(Hold Right Click)</button>
<button id="tiltL">Tilt Map Left</button>
<button id="tiltR">Tilt Map Right</button>
<button id="Ghosts">GhostTown</button>
<input type="text" class="input-field" id="fov" value="1" placeholder="Enter fov
value..." max="10" min="1">
</div>
<div class="category" id="combat">
<h2>Combat</h2>
<button id="d14">Highlight Objects(keybind: M)</button>
<button id="speed1">Big-Hitbox</button>
<button type="button" id="bapev4-autoclick" onclick="toggleButton(this)">Spam
Fire</button>
<button type="button" id="bapev4-highjump" onclick="toggleButton(this)">High
Jump</button>
<button type="button" id="bapev4-speed"
onclick="toggleButton(this)">Speed</button>
</div>
<div class="category" id="blatant">
<h2>Blatant</h2>
<button type="button" id="bapev4-killaura" onclick="toggleButton(this)">Silent-
Aim(beta)</button>
<button type="button" id="bapev4-killall"
onclick="toggleButton(this)">KillAll</button>
<button type="button" id="bapev4-autoCollectFlag"
onclick="toggleButton(this)">AutoCollectFlag</button>
</div>
<div class="category" id="extra">
<h2>Extra</h2>
<button type="button" id="bapev4-funnychat"
onclick="toggleButton(this)">FunnyChat</button>
<button id="speed1">Speed up game(v3)</button>
<button id="speed2">Speed up game(v4)</button>
<button id="">Directional-Boost(Beta)</button>
<button id="">Infinite-Acceleration(Beta)</button>
<input type="text" class="input-field" id="aimOffset" value="1"
placeholder="Enter aim offset value..." max="20" min="-20">
</div>
</div>
`;
const clientCSS = `
<style>
.bapev4 {
user-select:none;
padding: 10px;
box-sizing: border-box;
max-width: 362px;
position: absolute;
top: 13px;
left: 15px;
padding: 10px;
box-sizing: border-box;
background-color: #383d41;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
.tabs {
list-style: none;
padding: 0;
margin: 0;
display: flex;
background-color: #1a1d20;
border-radius: 8px 8px 0 0;
overflow: hidden;
.tabs li {
cursor: pointer;
padding: 15px;
color: white;
margin-right: 10px;
border: none;
transition: background-color 0.3s;
border-bottom: 2px solid #1a1d20;
}
.tabs li:hover {
background-color: #2a2d30;
.category {
display: none;
background-color: #2a2d30;
border-radius: 0 0 8px 8px;
padding: 20px;
.category h2 {
margin: 0;
color: #ffffff;
font-size: 24px;
margin-bottom: 15px;
.category button {
border: none;
background-color: gray;
color: #ffffff;
padding: 10px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
cursor: pointer;
width: 100%;
margin-bottom: 10px;
transition: background-color 0.3s;
border-radius: 5px;
.category button:hover {
background-color: #999;
transform:Scale(1.02);
.purple {
background-color: #800080 !important;
.bapev4 .input-fields {
margin:0 auto;
width: 100%;
outline: none;
border: 2px solid #333;
border-radius: 5px;
padding: 10px;
margin-bottom: 10px;
box-sizing: border-box;
background-color: gray;
color: white;
font-weight:700;
.bapev4 .input-fields::placeholder {
color:white;
.bapev4 .input-field:hover {
border-color: #666;
background-color: #999;
transform:Scale(1.02);
.bapev4 .input-field:focus {
outline: none;
border-color: #4caf50;
#extra input[type="number"] {
margin:0 auto;
width: 100%;
outline: none;
border: 2px solid #333;
border-radius: 4px;
padding: 10px;
margin-bottom: 10px;
box-sizing: border-box;
background-color: gray;
color: white;
font-weight:700;
</style>
`;
[Link] = function(button) {
[Link]('purple');
[Link]('DOMContentLoaded', function () {
[Link] = function(category) {
const categories = [Link]('.category');
[Link](cat => {
[Link] = 'none';
});
[Link](category).[Link] = 'block';
});
