Delta - extensión para Agario con zoom, minimapa, ayudas y bloqueador de anuncios
Versión del día
// ==UserScript==
// @name 'Delta - 999999 in 1
// @name:ru 'Delta - 999999 в 1
// @name:uk 'Delta - 999999 в 1
// @name:ru 'Delta - 999999 в 1'
// @name:ja 'デルタ - 999999 イン 1'
// @name:es 'Delta - 999999 en 1'
// @name:zh-CN 'Delta - 999999 合 1'
// @name:de 'Delta - 999999 in 1'
// @name:ar 'دلتا - 999999 في 1'
// @description Delta - Agario extension, with zoom, minimap, helpers, adblocker
// @description:es Delta - extensión para Agario con zoom, minimapa, ayudas y bloqueador de anuncios
// @description:ru Delta — расширение для Agario с зумом, миникартой, помощниками и блокировщиком рекламы
// @description:zh-CN Delta - agario 的扩展，带有缩放、小地图、辅助功能和广告拦截器
// @description:uk Delta — розширення для Agario із зумом, мінікартою, помічниками та блокувальником реклами
// @description:tr Delta - Agario için yakınlaştırma, mini harita, yardımcılar ve reklam engelleyici uzantısı
// @description:de Delta – Erweiterung für Agario mit Zoom, Minikarte, Helfern und Werbeblocker
// @description:ja Delta - Agario のズーム、ミニマップ、ヘルパー、広告ブロッカー付き拡張機能
// @description:pl Delta - rozszerzenie do Agario z powiększeniem, minimapą, pomocnikami i blokadą reklam
// @description:fr Delta - extension pour Agario avec zoom, mini-carte, assistants et bloqueur de publicité
// @description:ar دلتا - إضافة لـ Agario مع مانع إعلانات
// @version 7.9
// @namespace delta.agar
// @author neo
// @icon https://deltav4.gitlab.io/favicon.ico
// @match *://*.agar.io/
// @run-at document-start
// @grant GM.xmlHttpRequest
// @grant GM.registerMenuCommand
// @grant window.close
// @grant unsafeWindow
// @license MPL-2.0
// @antifeature ads
// @supportURL https://discord.gg/HHmyKW6
// @connect cdnjs.cloudflare.net
// @require https://cdnjs.cloudflare.com/ajax/libs/preact/10.21.0/preact.umd.min.js
// @require https://cdnjs.cloudflare.com/ajax/libs/preact/10.21.0/hooks.umd.min.js
// @require https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4
// ==/UserScript==
/*
GREASYFORK VERSION
Sorry, Delta is no longer available for GreasyFork users.
Delta will be available again after all GreasyFork rules are met.
Right now there is a lite version of Delta
en: If this user script does not start, write me a discord
ru: Если данное расширение не запускается, напишите мне в дискорд
https://discord.gg/HHmyKW6
*/(function (window) {
var __webpack_modules__ = {
32: module => {
"use strict";
module.exports = preact;
},
93: (__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
__webpack_require__.d(__webpack_exports__, {
camelCaseToWords: () => camelCaseToWords,
find_node: () => find_node,
overrideMethod: () => overrideMethod,
overridePrototype: () => overridePrototype,
updateCssString: () => updateCssString
});
function find_node(where = window['agarApp'].home, cond) {
const results = [];
const find_static = (where = window['agarApp'].home, cond) => {
function each_children(child, depth) {
depth += 1;
child.forEach((ch => {
if (cond(ch, depth)) {
results.push(ch);
}
ch.children && each_children(ch.children, depth);
}));
}
each_children(where, -1);
return results;
};
function each_children(child, depth) {
var _a, _b, _c, _d, _e, _f, _g;
depth += 1;
if (cond(child, depth)) {
results.push(child);
}
child._staticTrees && find_static(child._staticTrees, cond);
null === (_a = child.$children) || void 0 === _a || _a.forEach((ch => {
each_children(ch, depth);
}));
null === (_b = child.children) || void 0 === _b || _b.forEach((ch => {
each_children(ch, depth);
}));
null === (_d = null === (_c = child._vnode) || void 0 === _c ? void 0 : _c.children) || void 0 === _d || _d.forEach((ch => {
each_children(ch, depth);
}));
null === (_g = null === (_f = null === (_e = child._vnode) || void 0 === _e ? void 0 : _e.componentOptions) || void 0 === _f ? void 0 : _f.children) || void 0 === _g || _g.forEach((ch => {
each_children(ch, depth);
}));
}
each_children(where, -1);
return results;
}
function overrideMethod(obj, methodName, getMethod) {
const originalMethod = obj[methodName];
obj[methodName] = function() {
return getMethod(originalMethod, arguments);
};
}
function overridePrototype(obj, methodName, getMethod) {
const originalMethod = obj[methodName];
return obj[methodName] = getMethod(originalMethod);
}
const updateCssString = (() => {
const records = {};
return (name, css) => {
if (!records[name]) {
const style = document.createElement('style');
style.setAttribute('data-css-name', name);
document.head.appendChild(style);
records[name] = style;
}
records[name].textContent = css;
};
})();
function camelCaseToWords(s) {
const result = s.replace(/([A-Z])/g, ' $1');
return result.charAt(0).toUpperCase() + result.slice(1);
}
},
122: (module, __unused_webpack___webpack_exports__, __webpack_require__) => {
"use strict";
var Eventify = __webpack_require__(742);
var __classPrivateFieldGet = function(receiver, state, kind, f) {
if ("a" === kind && !f) {
throw new TypeError("Private accessor was defined without a getter");
}
if ("function" === typeof state ? receiver !== state || !f : !state.has(receiver)) {
throw new TypeError("Cannot read private member from an object whose class did not declare it");
}
return "m" === kind ? f : "a" === kind ? f.call(receiver) : f ? f.value : state.get(receiver);
};
var _Storage_namespace;
class Storage {
constructor() {
_Storage_namespace.set(this, 'v6');
}
set(key, object, namespace = __classPrivateFieldGet(this, _Storage_namespace, "f"), middleware = d => d) {
localStorage.setItem(namespace + key, middleware(JSON.stringify(object)));
}
get(key, namespace = __classPrivateFieldGet(this, _Storage_namespace, "f"), middleware = d => d) {
let obj = {};
const rawData = localStorage.getItem(namespace + key);
if ('string' === typeof rawData) {
try {
obj = JSON.parse(middleware(rawData));
} catch (e) {
console.error(e);
}
}
return obj;
}
clear(key, namespace = __classPrivateFieldGet(this, _Storage_namespace, "f")) {
return localStorage.removeItem(namespace + key);
}
}
_Storage_namespace = new WeakMap;
const storage = new Storage;
var utils = __webpack_require__(93);
function coreInitPatch() {
(0, utils.overrideMethod)(window['core'], 'setFpsCap', (originalMethod => originalMethod(-1)));
}
function coreUiPatch() {
document.querySelector('#title').innerHTML = 'Delta';
}
function coreAdsPatch() {
var _a, _b, _c, _d, _e;
null === (_a = (0, utils.find_node)(void 0, (child => {
var _a;
return null === (_a = child.$vnode) || void 0 === _a ? void 0 : _a.tag.includes('-ads');
}))[0]) || void 0 === _a || _a.$destroy();
null === (_b = (0, utils.find_node)(void 0, (child => {
var _a;
return null === (_a = child.$vnode) || void 0 === _a ? void 0 : _a.tag.includes('-promo');
}))[0]) || void 0 === _b || _b.$destroy();
(0, utils.find_node)(void 0, (child => {
var _a, _b;
return null === (_b = null === (_a = child.elm) || void 0 === _a ? void 0 : _a.id) || void 0 === _b ? void 0 : _b.includes('agar-io');
})).forEach((child => {
var _a;
null === (_a = child.elm.parentElement) || void 0 === _a || _a.removeChild(child.elm);
}));
(0, utils.find_node)(void 0, (child => child.playVideoAd)).forEach((elem => {
elem.getVideoTimestamp = () => Date.now();
}));
{
const vnode = null === (_c = (0, utils.find_node)(void 0, (child => Object.getPrototypeOf(child).hasOwnProperty('hasBottomAd')))) || void 0 === _c ? void 0 : _c[0];
if (vnode) {
Object.defineProperties(vnode, {
fastEntry: {
get: () => true
}
});
}
}
{
const vnode = (0, utils.find_node)(void 0, (child => {
var _a;
if ('socialButtons' == (null === (_a = null === child || void 0 === child ? void 0 : child.elm) || void 0 === _a ? void 0 : _a.id)) {
return true;
}
}))[0];
if (vnode) {
vnode.elm.parentElement.removeChild(vnode.elm);
}
}
{
const bubble = (0, utils.find_node)(void 0, (child => {
var _a, _b;
return null === (_b = null === (_a = child.data) || void 0 === _a ? void 0 : _a.staticClass) || void 0 === _b ? void 0 : _b.includes('bubble');
}))[0];
null === (_d = null === bubble || void 0 === bubble ? void 0 : bubble.elm) || void 0 === _d || _d.parentElement.removeChild(null === bubble || void 0 === bubble ? void 0 : bubble.elm);
}
{
const vnode = null === (_e = (0, utils.find_node)(void 0, (child => Object.getPrototypeOf(child).hasOwnProperty('hasBottomAd')))) || void 0 === _e ? void 0 : _e[0];
if (vnode) {
[ 'hasBottomAd', 'hasSideAds' ].map((prop => {
vnode._computedWatchers[prop]['getter'] = () => false;
}));
Object.defineProperties(vnode, {
hasBottomAd: {
get: () => false
},
fastEntry: {
get: () => true
}
});
}
}
document.documentElement.style.setProperty("--bottom-banner-height", '0px');
window.Object.defineProperty(window, 'agarApp', {
get() {
return window['agarApp_'];
},
set(value) {
window['agarApp_'] = value;
onAgarApp();
}
});
function onAgarApp() {
var _a, _b, _c;
var _d;
null !== (_a = (_d = window['agarApp']).ads) && void 0 !== _a || (_d.ads = {});
Object.assign(window['agarApp'].ads, {
requestAds() {},
requestAd() {},
refreshAd() {},
destroyAd() {},
adSlots() {},
enableTargetedAds() {},
disableTargetedAds() {},
isTargeted() {},
supersonicAds: {
BrandConnectReadyEvent() {},
BrandConnectDoneEvent() {},
BrandConnectOpenEvent() {},
BrandConnectCloseEvent() {},
BrandConnectCompletedEvent() {},
hasEngagement() {
return false;
}
}
});
if (null === (_b = window['agarApp']) || void 0 === _b ? void 0 : _b.main) {
[ 'sendEndSession', 'initDataDog', 'sendAnalyticsInitEvent', 'onGoliathReady', 'onGoliathUnload', 'initAnalytics', 'initGuestAnalytics', 'sendAnalyticsInitEvent', 'initBrowserId' ].forEach((prop => {
window['agarApp'].main[prop] = () => {};
}));
}
if (null === (_c = window['agarApp']) || void 0 === _c ? void 0 : _c.MCSDK) {
[ 'sendMatchEvent' ].forEach((prop => window['agarApp'].MCSDK[prop] = () => {}));
}
}
try {
onAgarApp();
} catch (e) {}
}
function fixNoServers() {
let AgarioEndpoints = null;
class HookXMLHttpRequest extends window.XMLHttpRequest {
constructor() {
super();
}
open(method, _url, async, username, password) {
const url = new URL(_url, location.href);
if (url.pathname.endsWith('/info')) {
this.addEventListener('load', (() => {
const regions = JSON.parse(this.responseText);
AgarioEndpoints = regions;
}));
}
if (url.pathname.endsWith('/findServerWithFriends')) {
console.log('Hooked XMLHttpRequest:', method, url);
this.addEventListener('load', (e => {
const endpoints = JSON.parse(this.responseText);
if ('no_servers' == endpoints.status) {
e.stopPropagation();
e.stopImmediatePropagation();
[ 'responseText', 'response' ].forEach((prop => {
Object.defineProperty(this, prop, {
value: JSON.stringify({
endpoints: {
http: 'web-arenas-live-v25-0.agario.miniclippt.com/us-east-1/3-80-219-193',
https: 'web-arenas-live-v25-0.agario.miniclippt.com/us-east-1/3-80-219-193'
},
status: 'ok',
count: 0
})
});
}));
this.dispatchEvent(new ProgressEvent('load', e));
}
}));
}
super.open(method, url, async, username, password);
}
}
window.XMLHttpRequest = HookXMLHttpRequest;
}
var external_preact_ = __webpack_require__(32);
var jsxRuntime_module = __webpack_require__(557);
class Portal extends external_preact_.Component {
constructor() {
super(...arguments);
this.isMounted = false;
}
componentDidUpdate(props) {
for (const i in props) {
if (props[i] !== this.props[i]) {
return setTimeout((() => this.renderLayer()));
}
}
}
componentDidMount() {
this.isMounted = true;
this.renderLayer = this.renderLayer.bind(this);
this.renderLayer();
}
componentWillUnmount() {
this.renderLayer(false);
this.isMounted = false;
if (this.remote && this.remote.parentNode) {
this.remote.parentNode.removeChild(this.remote);
}
}
findNode(node) {
return 'string' === typeof node ? document.querySelector(node) : node;
}
renderLayer(show = true) {
if (!this.isMounted) {
return;
}
if (this.props.into !== this.intoPointer) {
this.intoPointer = this.props.into;
if (this.into && this.remote) {
this.remote = (0, external_preact_.render)((0, jsxRuntime_module.jsx)(PortalProxy, {}), createRootFragment(this.into, this.remote));
}
this.into = this.findNode(this.props.into);
}
this.remote = (0, external_preact_.render)((0, jsxRuntime_module.jsx)(PortalProxy, {
context: this.$state,
children: show && this.props.children ? [ this.props.children ] : null
}), createRootFragment(this.into, this.remote));
}
render() {
return null;
}
}
class PortalProxy extends external_preact_.Component {
getChildContext() {
return this.props.context;
}
render({children: children} = this.props) {
return children && children[0] || null;
}
}
function createRootFragment(parent, replaceNode) {
if (replaceNode) {
replaceNode = Array.isArray(replaceNode) ? replaceNode : [ replaceNode ];
} else {
replaceNode = [ parent ];
parent = parent.parentNode;
}
const s = replaceNode[replaceNode.length - 1].nextSibling;
const rootFragment = {
nodeType: 1,
parentNode: parent,
firstChild: replaceNode[0],
childNodes: replaceNode,
insertBefore: (c, r) => {
parent.insertBefore(c, r || s);
return c;
},
appendChild: c => {
parent.insertBefore(c, s);
return c;
},
removeChild: function(c) {
parent.removeChild(c);
return c;
}
};
parent.__k = rootFragment;
return rootFragment;
}
var Contexts = __webpack_require__(621);
var Menu = __webpack_require__(647);
var external_preactHooks_ = __webpack_require__(632);
function g(n, t) {
for (var e in t) {
n[e] = t[e];
}
return n;
}
function E(n, t) {
for (var e in n) {
if ("__source" !== e && !(e in t)) {
return !0;
}
}
for (var r in t) {
if ("__source" !== r && n[r] !== t[r]) {
return !0;
}
}
return !1;
}
function C(n, t) {
var e = t(), r = (0, external_preactHooks_.useState)({
t: {
__: e,
u: t
}
}), u = r[0].t, o = r[1];
return (0, external_preactHooks_.useLayoutEffect)((function() {
u.__ = e, u.u = t, x(u) && o({
t: u
});
}), [ n, e, t ]), (0, external_preactHooks_.useEffect)((function() {
return x(u) && o({
t: u
}), n((function() {
x(u) && o({
t: u
});
}));
}), [ n ]), e;
}
function x(n) {
var t, e, r = n.u, u = n.__;
try {
var o = r();
return !((t = u) === (e = o) && (0 !== t || 1 / t == 1 / e) || t != t && e != e);
} catch (n) {
return !0;
}
}
function R(n) {
n();
}
function w(n) {
return n;
}
function k() {
return [ !1, R ];
}
var I = external_preactHooks_.useLayoutEffect;
function N(n, t) {
this.props = n, this.context = t;
}
function M(n, e) {
function r(n) {
var t = this.props.ref, r = t == n.ref;
return !r && t && (t.call ? t(null) : t.current = null), e ? !e(this.props, n) || !r : E(this.props, n);
}
function u(e) {
return this.shouldComponentUpdate = r, (0, external_preact_.createElement)(n, e);
}
return u.displayName = "Memo(" + (n.displayName || n.name) + ")", u.prototype.isReactComponent = !0, u.__f = !0, u;
}
(N.prototype = new external_preact_.Component).isPureReactComponent = !0, N.prototype.shouldComponentUpdate = function(n, t) {
return E(this.props, n) || E(this.state, t);
};
var T = external_preact_.options.__b;
external_preact_.options.__b = function(n) {
n.type && n.type.__f && n.ref && (n.props.ref = n.ref, n.ref = null), T && T(n);
};
var A = "undefined" != typeof Symbol && Symbol.for && Symbol.for("react.forward_ref") || 3911;
function D(n) {
function t(t) {
var e = g({}, t);
return delete e.ref, n(e, t.ref || null);
}
return t.$$typeof = A, t.render = t, t.prototype.isReactComponent = t.__f = !0, t.displayName = "ForwardRef(" + (n.displayName || n.name) + ")", t;
}
var L = function(n, t) {
return null == n ? null : (0, external_preact_.toChildArray)((0, external_preact_.toChildArray)(n).map(t));
}, O = {
map: L,
forEach: L,
count: function(n) {
return n ? (0, external_preact_.toChildArray)(n).length : 0;
},
only: function(n) {
var t = (0, external_preact_.toChildArray)(n);
if (1 !== t.length) {
throw "Children.only";
}
return t[0];
},
toArray: external_preact_.toChildArray
}, F = external_preact_.options.__e;
external_preact_.options.__e = function(n, t, e, r) {
if (n.then) {
for (var u, o = t; o = o.__; ) {
if ((u = o.__c) && u.__c) {
return null == t.__e && (t.__e = e.__e, t.__k = e.__k), u.__c(n, t);
}
}
}
F(n, t, e, r);
};
var U = external_preact_.options.unmount;
function V(n, t, e) {
return n && (n.__c && n.__c.__H && (n.__c.__H.__.forEach((function(n) {
"function" == typeof n.__c && n.__c();
})), n.__c.__H = null), null != (n = g({}, n)).__c && (n.__c.__P === e && (n.__c.__P = t), n.__c = null), n.__k = n.__k && n.__k.map((function(n) {
return V(n, t, e);
}))), n;
}
function W(n, t, e) {
return n && e && (n.__v = null, n.__k = n.__k && n.__k.map((function(n) {
return W(n, t, e);
})), n.__c && n.__c.__P === t && (n.__e && e.appendChild(n.__e), n.__c.__e = !0, n.__c.__P = e)), n;
}
function P() {
this.__u = 0, this.o = null, this.__b = null;
}
function j(n) {
var t = n.__.__c;
return t && t.__a && t.__a(n);
}
function z(n) {
var e, r, u;
function o(o) {
if (e || (e = n()).then((function(n) {
r = n.default || n;
}), (function(n) {
u = n;
})), u) {
throw u;
}
if (!r) {
throw e;
}
return (0, external_preact_.createElement)(r, o);
}
return o.displayName = "Lazy", o.__f = !0, o;
}
function B() {
this.i = null, this.l = null;
}
external_preact_.options.unmount = function(n) {
var t = n.__c;
t && t.__R && t.__R(), t && 32 & n.__u && (n.type = null), U && U(n);
}, (P.prototype = new external_preact_.Component).__c = function(n, t) {
var e = t.__c, r = this;
null == r.o && (r.o = []), r.o.push(e);
var u = j(r.__v), o = !1, i = function() {
o || (o = !0, e.__R = null, u ? u(c) : c());
};
e.__R = i;
var c = function() {
if (! --r.__u) {
if (r.state.__a) {
var n = r.state.__a;
r.__v.__k[0] = W(n, n.__c.__P, n.__c.__O);
}
var t;
for (r.setState({
__a: r.__b = null
}); t = r.o.pop(); ) {
t.forceUpdate();
}
}
};
r.__u++ || 32 & t.__u || r.setState({
__a: r.__b = r.__v.__k[0]
}), n.then(i, i);
}, P.prototype.componentWillUnmount = function() {
this.o = [];
}, P.prototype.render = function(n, e) {
if (this.__b) {
if (this.__v.__k) {
var r = document.createElement("div"), o = this.__v.__k[0].__c;
this.__v.__k[0] = V(this.__b, r, o.__O = o.__P);
}
this.__b = null;
}
var i = e.__a && (0, external_preact_.createElement)(external_preact_.Fragment, null, n.fallback);
return i && (i.__u &= -33), [ (0, external_preact_.createElement)(external_preact_.Fragment, null, e.__a ? null : n.children), i ];
};
var H = function(n, t, e) {
if (++e[1] === e[0] && n.l.delete(t), n.props.revealOrder && ("t" !== n.props.revealOrder[0] || !n.l.size)) {
for (e = n.i; e; ) {
for (;e.length > 3; ) {
e.pop()();
}
if (e[1] < e[0]) {
break;
}
n.i = e = e[2];
}
}
};
function Z(n) {
return this.getChildContext = function() {
return n.context;
}, n.children;
}
function Y(n) {
var e = this, r = n.h;
e.componentWillUnmount = function() {
(0, external_preact_.render)(null, e.v), e.v = null, e.h = null;
}, e.h && e.h !== r && e.componentWillUnmount(), e.v || (e.h = r, e.v = {
nodeType: 1,
parentNode: r,
childNodes: [],
contains: function() {
return !0;
},
appendChild: function(n) {
this.childNodes.push(n), e.h.appendChild(n);
},
insertBefore: function(n, t) {
this.childNodes.push(n), e.h.insertBefore(n, t);
},
removeChild: function(n) {
this.childNodes.splice(this.childNodes.indexOf(n) >>> 1, 1), e.h.removeChild(n);
}
}), (0, external_preact_.render)((0, external_preact_.createElement)(Z, {
context: e.context
}, n.__v), e.v);
}
function $(n, e) {
var r = (0, external_preact_.createElement)(Y, {
__v: n,
h: e
});
return r.containerInfo = e, r;
}
(B.prototype = new external_preact_.Component).__a = function(n) {
var t = this, e = j(t.__v), r = t.l.get(n);
return r[0]++, function(u) {
var o = function() {
t.props.revealOrder ? (r.push(u), H(t, n, r)) : u();
};
e ? e(o) : o();
};
}, B.prototype.render = function(n) {
this.i = null, this.l = new Map;
var t = (0, external_preact_.toChildArray)(n.children);
n.revealOrder && "b" === n.revealOrder[0] && t.reverse();
for (var e = t.length; e--; ) {
this.l.set(t[e], this.i = [ 1, 0, this.i ]);
}
return n.children;
}, B.prototype.componentDidUpdate = B.prototype.componentDidMount = function() {
var n = this;
this.l.forEach((function(t, e) {
H(n, e, t);
}));
};
var q = "undefined" != typeof Symbol && Symbol.for && Symbol.for("react.element") || 60103, G = /^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|image(!S)|letter|lighting|marker(?!H|W|U)|overline|paint|pointer|shape|stop|strikethrough|stroke|text(?!L)|transform|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/, J = /^on(Ani|Tra|Tou|BeforeInp|Compo)/, K = /[A-Z0-9]/g, Q = "undefined" != typeof document, X = function(n) {
return ("undefined" != typeof Symbol && "symbol" == typeof Symbol() ? /fil|che|rad/ : /fil|che|ra/).test(n);
};
function nn(n, t, e) {
return null == t.__k && (t.textContent = ""), (0, external_preact_.render)(n, t), "function" == typeof e && e(), n ? n.__c : null;
}
function tn(n, t, e) {
return (0, external_preact_.hydrate)(n, t), "function" == typeof e && e(), n ? n.__c : null;
}
external_preact_.Component.prototype.isReactComponent = {}, [ "componentWillMount", "componentWillReceiveProps", "componentWillUpdate" ].forEach((function(t) {
Object.defineProperty(external_preact_.Component.prototype, t, {
configurable: !0,
get: function() {
return this["UNSAFE_" + t];
},
set: function(n) {
Object.defineProperty(this, t, {
configurable: !0,
writable: !0,
value: n
});
}
});
}));
var en = external_preact_.options.event;
function rn() {}
function un() {
return this.cancelBubble;
}
function on() {
return this.defaultPrevented;
}
external_preact_.options.event = function(n) {
return en && (n = en(n)), n.persist = rn, n.isPropagationStopped = un, n.isDefaultPrevented = on, n.nativeEvent = n;
};
var cn, ln = {
enumerable: !1,
configurable: !0,
get: function() {
return this.class;
}
}, fn = external_preact_.options.vnode;
external_preact_.options.vnode = function(n) {
"string" == typeof n.type && function(n) {
var t = n.props, e = n.type, u = {}, o = -1 === e.indexOf("-");
for (var i in t) {
var c = t[i];
if (!("value" === i && "defaultValue" in t && null == c || Q && "children" === i && "noscript" === e || "class" === i || "className" === i)) {
var l = i.toLowerCase();
"defaultValue" === i && "value" in t && null == t.value ? i = "value" : "download" === i && !0 === c ? c = "" : "translate" === l && "no" === c ? c = !1 : "o" === l[0] && "n" === l[1] ? "ondoubleclick" === l ? i = "ondblclick" : "onchange" !== l || "input" !== e && "textarea" !== e || X(t.type) ? "onfocus" === l ? i = "onfocusin" : "onblur" === l ? i = "onfocusout" : J.test(i) && (i = l) : l = i = "oninput" : o && G.test(i) ? i = i.replace(K, "-$&").toLowerCase() : null === c && (c = void 0),
"oninput" === l && u[i = l] && (i = "oninputCapture"), u[i] = c;
}
}
"select" == e && u.multiple && Array.isArray(u.value) && (u.value = (0, external_preact_.toChildArray)(t.children).forEach((function(n) {
n.props.selected = -1 != u.value.indexOf(n.props.value);
}))), "select" == e && null != u.defaultValue && (u.value = (0, external_preact_.toChildArray)(t.children).forEach((function(n) {
n.props.selected = u.multiple ? -1 != u.defaultValue.indexOf(n.props.value) : u.defaultValue == n.props.value;
}))), t.class && !t.className ? (u.class = t.class, Object.defineProperty(u, "className", ln)) : (t.className && !t.class || t.class && t.className) && (u.class = u.className = t.className),
n.props = u;
}(n), n.$$typeof = q, fn && fn(n);
};
var an = external_preact_.options.__r;
external_preact_.options.__r = function(n) {
an && an(n), cn = n.__c;
};
var sn = external_preact_.options.diffed;
external_preact_.options.diffed = function(n) {
sn && sn(n);
var t = n.props, e = n.__e;
null != e && "textarea" === n.type && "value" in t && t.value !== e.value && (e.value = null == t.value ? "" : t.value), cn = null;
};
var hn = {
ReactCurrentDispatcher: {
current: {
readContext: function(n) {
return cn.__n[n.__c].props.value;
},
useCallback: external_preactHooks_.useCallback,
useContext: external_preactHooks_.useContext,
useDebugValue: external_preactHooks_.useDebugValue,
useDeferredValue: w,
useEffect: external_preactHooks_.useEffect,
useId: external_preactHooks_.useId,
useImperativeHandle: external_preactHooks_.useImperativeHandle,
useInsertionEffect: I,
useLayoutEffect: external_preactHooks_.useLayoutEffect,
useMemo: external_preactHooks_.useMemo,
useReducer: external_preactHooks_.useReducer,
useRef: external_preactHooks_.useRef,
useState: external_preactHooks_.useState,
useSyncExternalStore: C,
useTransition: k
}
}
};
function dn(n) {
return external_preact_.createElement.bind(null, n);
}
function pn(n) {
return !!n && n.$$typeof === q;
}
function mn(n) {
return pn(n) && n.type === external_preact_.Fragment;
}
function yn(n) {
return !!n && !!n.displayName && ("string" == typeof n.displayName || n.displayName instanceof String) && n.displayName.startsWith("Memo(");
}
function _n(n) {
return pn(n) ? external_preact_.cloneElement.apply(null, arguments) : n;
}
function bn(n) {
return !!n.__k && ((0, external_preact_.render)(null, n), !0);
}
function Sn(n) {
return n && (n.base || 1 === n.nodeType && n) || null;
}
var gn = function(n, t) {
return n(t);
}, En = function(n, t) {
return n(t);
}, Cn = external_preact_.Fragment, xn = pn;
external_preactHooks_.useState, external_preactHooks_.useId, external_preactHooks_.useReducer, external_preactHooks_.useEffect, external_preactHooks_.useLayoutEffect,
external_preactHooks_.useRef, external_preactHooks_.useImperativeHandle, external_preactHooks_.useMemo, external_preactHooks_.useCallback, external_preactHooks_.useContext,
external_preactHooks_.useDebugValue, external_preact_.createElement, external_preact_.createContext, external_preact_.createRef, external_preact_.Fragment, external_preact_.Component;
function Minimap() {
const app = (0, external_preactHooks_.useContext)(Contexts.AppContext);
const $canvas = (0, external_preactHooks_.useRef)(null);
const $sectors = (0, external_preactHooks_.useRef)(null);
(0, external_preactHooks_.useLayoutEffect)((() => {
const ctx = $canvas.current.getContext('2d');
const sectors = $sectors.current.querySelectorAll('.sector');
let sectorIndex = -1;
let rafId = requestAnimationFrame(render);
(0, utils.updateCssString)('minimap-styles', minimapStyles);
function render() {
const sectorId = app.world.drawMinimap(ctx, $canvas.current);
setSector(sectorId);
rafId = requestAnimationFrame(render);
}
function setSector(index) {
if (index === sectorIndex || index < 0) {
return;
}
index = Math.min(index, sectors.length - 1);
-1 !== sectorIndex && sectors[sectorIndex].classList.remove('active');
sectors[index].classList.add('active');
sectorIndex = index;
}
return () => {
cancelAnimationFrame(rafId);
};
}), []);
return (0, jsxRuntime_module.jsxs)("div", {
id: "xevo-minimap",
style: {
zIndex: 1000
},
children: [ (0, jsxRuntime_module.jsxs)("div", {
class: "background",
ref: $sectors,
children: [ (0, jsxRuntime_module.jsx)("div", {
class: "sector",
children: "A1"
}), (0, jsxRuntime_module.jsx)("div", {
class: "sector",
children: "A2"
}), (0, jsxRuntime_module.jsx)("div", {
class: "sector",
children: "A3"
}), (0, jsxRuntime_module.jsx)("div", {
class: "sector",
children: "A4"
}), (0, jsxRuntime_module.jsx)("div", {
class: "sector",
children: "A5"
}), (0, jsxRuntime_module.jsx)("div", {
class: "sector",
children: "B1"
}), (0, jsxRuntime_module.jsx)("div", {
class: "sector",
children: "B2"
}), (0, jsxRuntime_module.jsx)("div", {
class: "sector",
children: "B3"
}), (0, jsxRuntime_module.jsx)("div", {
class: "sector",
children: "B4"
}), (0, jsxRuntime_module.jsx)("div", {
class: "sector",
children: "B5"
}), (0, jsxRuntime_module.jsx)("div", {
class: "sector",
children: "C1"
}), (0, jsxRuntime_module.jsx)("div", {
class: "sector",
children: "C2"
}), (0, jsxRuntime_module.jsx)("div", {
class: "sector",
children: "C3"
}), (0, jsxRuntime_module.jsx)("div", {
class: "sector",
children: "C4"
}), (0, jsxRuntime_module.jsx)("div", {
class: "sector",
children: "C5"
}), (0, jsxRuntime_module.jsx)("div", {
class: "sector",
children: "D1"
}), (0, jsxRuntime_module.jsx)("div", {
class: "sector",
children: "D2"
}), (0, jsxRuntime_module.jsx)("div", {
class: "sector",
children: "D3"
}), (0, jsxRuntime_module.jsx)("div", {
class: "sector",
children: "D4"
}), (0, jsxRuntime_module.jsx)("div", {
class: "sector",
children: "D5"
}), (0, jsxRuntime_module.jsx)("div", {
class: "sector",
children: "E1"
}), (0, jsxRuntime_module.jsx)("div", {
class: "sector",
children: "E2"
}), (0, jsxRuntime_module.jsx)("div", {
class: "sector",
children: "E3"
}), (0, jsxRuntime_module.jsx)("div", {
class: "sector",
children: "E4"
}), (0, jsxRuntime_module.jsx)("div", {
class: "sector",
children: "E5"
}) ]
}), (0, jsxRuntime_module.jsx)("canvas", {
id: "minimap",
width: "200",
height: "200",
ref: $canvas
}) ]
});
}
const minimapStyles = "\n :root {\n --bottom-banner-height: 0px !important;\n }\n #minimap {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n }\n #xevo-minimap {\n position: fixed;\n bottom: 15px;\n right: 15px;\n width: 200px;\n height: 200px;\n border: 2px solid rgba(255, 255, 255, 0.3);\n border-radius: 10px;\n overflow: hidden;\n background-color: rgba(20, 20, 20, 0.75);\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);\n }\n #xevo-minimap .background {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n grid-template-rows: repeat(5, 1fr);\n width: 100%;\n height: 100%;\n }\n #xevo-minimap .sector {\n display: flex;\n justify-content: center;\n align-items: center;\n color: #ddd;\n font-size: 12px;\n border: 1px solid rgba(255, 255, 255, 0.2);\n transition: background-color 0.3s ease, transform 0.2s ease;\n }\n #xevo-minimap .sector.active {\n background-color: rgba(0, 191, 255, 0.3);\n border: 1px solid #00bfff;\n }\n ";
function initLiteui(app) {
const liteui = document.createElement('div');
liteui.style = 'display:flex; flex-direction:column; overflow:hidden;';
document.getElementById('instructions').insertAdjacentElement('afterend', liteui);
(0, external_preact_.render)((0, jsxRuntime_module.jsx)(jsxRuntime_module.Fragment, {
children: (0, jsxRuntime_module.jsx)(Portal, {
into: liteui,
children: (0, jsxRuntime_module.jsx)(jsxRuntime_module.Fragment, {
children: (0, jsxRuntime_module.jsxs)("div", {
"data-portal": true,
className: "w-full",
style: "overflow: hidden;display: flex;height: 100%;flex-direction: column;",
children: [ (0, jsxRuntime_module.jsx)(Contexts.AppContext.Provider, {
value: app,
children: (0, jsxRuntime_module.jsx)(Menu.MenuButtons, {})
}), (0, jsxRuntime_module.jsx)(Contexts.AppContext.Provider, {
value: app,
children: (0, jsxRuntime_module.jsx)(Menu.Menu, {})
}) ]
})
})
})
}), document.body);
const minimapElem = document.createElement('div');
(0, external_preact_.render)((0, jsxRuntime_module.jsx)(Contexts.AppContext.Provider, {
value: app,
children: (0, jsxRuntime_module.jsx)(Minimap, {})
}), minimapElem);
document.body.insertAdjacentElement('afterbegin', minimapElem);
const observer = new window.MutationObserver((mtRecs => {
for (const mtRec of mtRecs) {
const elem = mtRec.target;
if ('none' !== elem.style.display) {
elem.style.display = 'flex';
elem.style.display = 'flex-direction:column';
}
}
}));
observer.observe(window.document.querySelector('#mainPanel'), {
attributeFilter: [ 'style' ]
});
}
const styles = "\n#title {\n margin-top: 0 !important;\n}\n#mainui-play {\n height: 595px;\n}\n#mainPanel {\n display: flex ;\n flex-direction: column;\n height: 100%;\n}\n#socialLoginContainer{\n position: initial !important;\n}\n#instructions{\n position: initial !important;\n display: none !important;\n overflow: hidden !important;\n flex-direction: column !important;\n margin: 0 !important;\n}\n.play-container {\n display: flex;\n height: 100%;\n padding: 0 !important;\n}\n\n#play {\n top: initial !important;\n}\n\n#nick{\n position: initial !important;\n left: initial !important;\n top: initial !important; \n float: initial !important;\n}\n\n#skinButton {\n position: relative !important;\n display: block;\n left: initial !important;\n width: 46px;\n height: 46px;\n}\n#playnick {\n position: initial !important;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: center;\n align-items: center\n}\n#socialLoginContainer {\n top: initial !important;\n margin: 4px 20px 0px 20px !important;\n}\n\n.guest{\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n\n.menu-addon {\n gap: 4px;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.menu-button {\n color: #fff;\n background-color: #54c800;\n border-color: #54c800;\n height: 34px;\n font-size: 20px;\n line-height: 1.5;\n padding: 0 0.5rem;\n}\n\n.menu-button:hover {\n filter: brightness(0.7) contrast(1);\n}\n.input-addon {\n width: 100%;\n height: 28px;\n}\n\n.circle.green {\n position: absolute !important; \n}\n.sprite-main {\n background-image: url(/mc/atlas/main_shop.png) !important;\n}\n#settingsButton {\n left:5px;\n position: absolute !important;\n}\n.circle {\n display: flex;\n justify-content: center;\n}\n";
var settings = __webpack_require__(423);
function makeGLobal(name, value) {
window[name] = value;
return value;
}
class Sampler {
constructor() {
this.samplerIndex = 0;
this.sampler = new Float32Array(30).fill(0);
this.averagePerSecond = 0;
this.renderedFrames = 0;
this.average = 0;
this.now = 0;
}
step() {
const now = Date.now();
const elapsed = now - this.now;
this.now = now;
const delta = elapsed / 1000;
const perSecond = 1 / delta;
let average = 0;
let howmuchSamples = 0;
this.sampler[this.samplerIndex] = Math.round(perSecond);
this.samplerIndex = (this.samplerIndex + 1) % this.sampler.length;
for (let i = 0; i < Math.min(this.sampler.length, this.renderedFrames); i++) {
average += this.sampler[i];
howmuchSamples++;
}
average = Math.round(average / howmuchSamples);
this.average = average;
if (this.renderedFrames <= this.sampler.length) {
this.renderedFrames++;
}
}
}
function applyPatch(u8, operations, anyFail) {
let result = u8;
for (const {pattern: pattern, payload: payload, type: type} of operations) {
const index = findPattern(result, pattern);
if (-1 === index) {
console.warn(`Pattern not found: ${pattern.map((b => b.toString(16))).join(' ')}`);
anyFail();
continue;
}
let patchIndex = index;
if ('insertAfter' === type) {
patchIndex = index + pattern.length;
} else if ('insertBefore' === type) {
patchIndex = index;
} else if ('replaceAfter' === type) {
patchIndex = index + pattern.length;
const sliceBefore = result.slice(0, patchIndex);
const sliceAfter = result.slice(patchIndex + payload.length);
result = concatUint8Arrays([ sliceBefore, new Uint8Array(payload), sliceAfter ]);
continue;
} else if ('replaceBefore' === type) {
patchIndex = index - payload.length;
if (patchIndex < 0) {
throw new Error('replaceBefore would underflow the buffer');
}
const sliceBefore = result.slice(0, patchIndex);
const sliceAfter = result.slice(index);
result = concatUint8Arrays([ sliceBefore, new Uint8Array(payload), sliceAfter ]);
continue;
}
const sliceBefore = result.slice(0, patchIndex);
const sliceAfter = result.slice(patchIndex);
result = concatUint8Arrays([ sliceBefore, new Uint8Array(payload), sliceAfter ]);
}
return result;
}
function findPattern(buffer, pattern) {
for (let i = 0; i <= buffer.length - pattern.length; i++) {
let match = true;
for (let j = 0; j < pattern.length; j++) {
if (buffer[i + j] !== pattern[j]) {
match = false;
break;
}
}
if (match) {
return i;
}
}
return -1;
}
function concatUint8Arrays(arrays) {
const totalLength = arrays.reduce(((sum, arr) => sum + arr.length), 0);
const result = new Uint8Array(totalLength);
let offset = 0;
for (const arr of arrays) {
result.set(arr, offset);
offset += arr.length;
}
return result;
}
class World {
constructor(app) {
this.xorBuffer = (buffer, key) => {
const dataView = new DataView(buffer);
for (let i = 0; i < dataView.byteLength; i++) {
dataView.setUint8(i, dataView.getUint8(i) ^ key >>> i % 4 * 8 & 255);
}
return buffer;
};
this.overWriteWS = _target => {
const target = _target;
setTimeout((() => {
target._onopen = target.onopen;
target._onmessage = target.onmessage;
target.onopen = e => {
this.reset();
target._onopen(e);
};
target.onmessage = message => {
target._onmessage(message);
let offset = 0;
let msg = message.data;
if (this.decryptionKey) {
msg = this.xorBuffer(msg, 31122 ^ this.decryptionKey);
}
const view = new DataView(msg);
const opcode = view.getUint8(offset++);
switch (opcode) {
case 17:
const playerX = view.getFloat32(offset, true);
offset += 4;
const playerY = view.getFloat32(offset, true);
offset += 4;
this.targetX = this.receiveX(playerX);
this.targetY = this.receiveY(playerY);
break;
case 32:
this.myCellIds.push(view.getUint32(offset, true));
break;
case 69:
this.ghostCells(view, offset);
break;
case 241:
this.decryptionKey = view.getUint32(offset, true);
break;
case 255:
this.handleMessages(this.uncompressMessage(new Uint8Array(view.buffer.slice(5)), new Uint8Array(view.getUint32(offset, true))));
break;
}
};
}), 0);
};
this.websocketHooked = false;
this.reset();
this.app = app;
}
reset() {
this.minimap = [];
this.offsetX = 0;
this.offsetY = 0;
this.borderX = 0;
this.borderY = 0;
this.targetX = 0;
this.targetY = 0;
this.myCellIds = [];
this.decryptionKey = 0;
this.mapOffsetFixed = false;
this.mapShiftX = 0;
this.mapShiftY = 0;
this.mapOffsetX = 0;
this.mapOffsetY = 0;
this.mapMinX = 0;
this.mapMinY = 0;
this.mapMaxX = 0;
this.mapMaxY = 0;
this.mapMidX = 0;
this.mapMidY = 0;
this.mapSizeH = 0;
this.mapSizeV = 0;
this.mapShrinkW = 0;
this.mapShrinkH = 0;
this.viewX = 0;
this.viewY = 0;
this.mirrorV = false;
this.mirrorH = false;
}
uncompressMessage(input, output) {
for (let i = 0, j = 0; i < input.length; ) {
const byte = input[i++];
let literalsLength = byte >> 4;
if (literalsLength > 0) {
let length = literalsLength + 240;
while (255 === length) {
length = input[i++];
literalsLength += length;
}
const end = i + literalsLength;
while (i < end) {
output[j++] = input[i++];
}
if (i === input.length) {
return output;
}
}
const offset = input[i++] | input[i++] << 8;
if (0 === offset || offset > j) {
return -(i - 2);
}
let matchLength = 15 & byte;
let length = matchLength + 240;
while (255 === length) {
length = input[i++];
matchLength += length;
}
let pos = j - offset;
const end = j + matchLength + 4;
while (j < end) {
output[j++] = output[pos++];
}
}
return output;
}
handleMessages(message) {
let offset = 0;
const view = new DataView(message.buffer);
const opcode = view.getUint8(offset++);
switch (opcode) {
case 16:
{
const eatRecordLength = view.getUint16(offset, true);
offset += 2;
for (let i = 0; i < eatRecordLength; i++) {
offset += 8;
}
while (true) {
const id = view.getUint32(offset, true);
offset += 4;
if (0 === id) {
break;
}
const targetX = this.receiveX(view.getInt32(offset, true));
offset += 4;
const targetY = this.receiveY(view.getInt32(offset, true));
offset += 4;
offset += 2;
const flags = view.getUint8(offset++);
const extendedFlags = 128 & flags ? view.getUint8(offset++) : 0;
if (2 & flags) {
offset += 3;
}
if (4 & flags) {
while (0 !== view.getInt8(offset++)) {}
}
if (8 & flags) {
while (0 !== view.getInt8(offset++)) {}
}
if (4 & extendedFlags) {
offset += 4;
}
if (-1 !== this.myCellIds.indexOf(id)) {
this.targetX = targetX;
this.targetY = targetY;
}
}
const removeLength = view.getUint16(offset, true);
offset += 2;
for (let i = 0; i < removeLength; i++) {
const removedID = view.getUint32(offset, true);
offset += 4;
if (this.myCellIds.includes(removedID)) {
this.myCellIds = this.myCellIds.filter((id => id != removedID));
}
}
}
break;
case 64:
const minx = view.getFloat64(offset, true);
offset += 8;
const miny = view.getFloat64(offset, true);
offset += 8;
const maxx = view.getFloat64(offset, true);
offset += 8;
const maxy = view.getFloat64(offset, true);
if (!this.mapOffsetFixed) {
this.offsetX = (minx + maxx) / 2;
this.offsetY = (miny + maxy) / 2;
this.borderX = maxx - minx;
this.borderY = maxy - miny;
this.setMapOffset(minx, miny, maxx, maxy);
this.mapOffsetFixed = true;
}
break;
}
}
setMapOffset(left, top, right, bottom) {
const isAgario = true;
if (right - left > 14000 && bottom - top > 14000 || !isAgario) {
if (this.mapOffsetFixed) {
return;
}
if (isAgario) {
const side = 14142;
this.mapShrinkW = side / (right - left);
this.mapShrinkH = side / (bottom - top);
left = this.shrinkX(left);
top = this.shrinkY(top);
right = this.shrinkX(right);
bottom = this.shrinkY(bottom);
}
this.mapShiftY = 0;
this.mapShiftX = 0;
const prX = 0.5 * -(right - left);
const prY = 0.5 * -(bottom - top);
const diffX = prX - left;
const diffY = prY - top;
this.mapShiftX = -diffX;
this.mapShiftY = -diffY;
left = this.shiftX(left);
top = this.shiftY(top);
right = this.shiftX(right);
bottom = this.shiftY(bottom);
this.mapOffsetX = 0.5 * (right - left) - right;
this.mapOffsetY = 0.5 * (bottom - top) - bottom;
this.mapMinX = left;
this.mapMinY = top;
this.mapMaxX = right;
this.mapMaxY = bottom;
this.mapMidX = 0.5 * (this.mapMaxX + this.mapMinX);
this.mapMidY = 0.5 * (this.mapMaxY + this.mapMinY);
this.mapSizeH = this.mapMaxX - this.mapMinX;
this.mapSizeV = this.mapMaxY - this.mapMinY;
if (!this.mapOffsetFixed) {
this.viewX = 0.5 * (right + left);
this.viewY = 0.5 * (bottom + top);
}
this.mapOffsetFixed = true;
}
}
ghostCells(view, offset) {
this.minimap = [];
let x = 0, y = 0, mass = 0;
const length = view.getUint16(offset, true);
offset += 2;
for (let i = 0; i < length; i++) {
x = this.receiveX(view.getInt32(offset, true));
offset += 4;
y = this.receiveY(view.getInt32(offset, true));
offset += 4;
mass = view.getUint32(offset, true);
offset += 5;
this.minimap.push({
x: x,
y: y,
size: ~~Math.sqrt(100 * mass),
mass: mass
});
}
}
unshrinkX(x) {
return x / this.mapShrinkW;
}
unshrinkY(y) {
return y / this.mapShrinkH;
}
shrinkX(x) {
return x * this.mapShrinkW;
}
shrinkY(y) {
return y * this.mapShrinkH;
}
unshiftX(x) {
return x - -this.mapShiftX;
}
unshiftY(y) {
return y - -this.mapShiftY;
}
shiftX(x) {
return x - this.mapShiftX;
}
shiftY(y) {
return y - this.mapShiftY;
}
invflipX(x) {
return this.mirrorH ? x : this.mapMaxX - (x - this.mapMinX);
}
invflipY(y) {
return this.mirrorV ? y : this.mapMaxY - (y - this.mapMinY);
}
flipX(x) {
return !this.mirrorH ? x : this.mapMaxX - (x - this.mapMinX);
}
flipY(y) {
return !this.mirrorV ? y : this.mapMaxY - (y - this.mapMinY);
}
receiveX(x) {
x = this.shrinkX(x);
x = this.shiftX(x);
x = this.flipX(x);
return x;
}
receiveY(y) {
y = this.shrinkY(y);
y = this.shiftY(y);
y = this.flipY(y);
return y;
}
serverX(x) {
x = this.flipX(x);
x = this.unshiftX(x);
x = this.unshrinkX(x);
return x;
}
serverY(y) {
y = this.flipY(y);
y = this.unshiftY(y);
y = this.unshrinkY(y);
return y;
}
drawMinimap(ctx, canvas, clear = true) {
function safe(number) {
return 0 == number ? 1 : number;
}
if (clear) {
ctx.clearRect(0, 0, canvas.width, canvas.height);
}
this.minimap.forEach((cell => {
const x = safe(cell.x + this.borderX / 2) / this.borderX * canvas.width;
const y = safe(cell.y + this.borderY / 2) / this.borderY * canvas.height;
const size = cell.size / this.borderX * canvas.width + 1;
ctx.fillStyle = '#ffd700';
ctx.beginPath();
ctx.arc(x, y, size, 0, 2 * Math.PI);
ctx.fill();
}));
const playerX = safe(this.targetX + this.borderX / 2) / this.borderX * canvas.width;
const playerY = safe(this.targetY + this.borderY / 2) / this.borderY * canvas.height;
ctx.fillStyle = '#00bfff';
ctx.beginPath();
ctx.arc(playerX, playerY, 5, 0, 2 * Math.PI);
ctx.fill();
const sectorSizeX = canvas.width / 5;
const sectorSizeY = canvas.height / 5;
const sectorCol = Math.floor(playerX / sectorSizeX);
const sectorRow = Math.floor(playerY / sectorSizeY);
const activeSectorIndex = 5 * sectorRow + sectorCol;
return Number.isFinite(activeSectorIndex) ? activeSectorIndex : -1;
}
initialize() {
if (this.websocketHooked) {
return console.error('Error: WebSocket already hooked');
}
this.websocketHooked = true;
const self = this;
class WS extends window.WebSocket {
constructor(url, protocols) {
const errorStack = (new Error).stack;
const isAgar = /wasm:\/\//.test(errorStack);
super(url, protocols);
if (isAgar) {
self.overWriteWS(this);
}
}
}
WS.injectedOnce = false;
window.WebSocket = WS;
}
}
var __awaiter = function(thisArg, _arguments, P, generator) {
function adopt(value) {
return value instanceof P ? value : new P((function(resolve) {
resolve(value);
}));
}
return new (P || (P = Promise))((function(resolve, reject) {
function fulfilled(value) {
try {
step(generator.next(value));
} catch (e) {
reject(e);
}
}
function rejected(value) {
try {
step(generator["throw"](value));
} catch (e) {
reject(e);
}
}
function step(result) {
result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
}
step((generator = generator.apply(thisArg, _arguments || [])).next());
}));
};
class App {
display_vue() {
return (0, utils.find_node)(window['agarApp'].home, ((child, depth) => {
var _a;
console.log(child, null === (_a = null === child || void 0 === child ? void 0 : child.$vnode) || void 0 === _a ? void 0 : _a.tag);
return true;
}));
}
constructor() {
this.sampler = new Sampler;
this.performance_now = 0;
this.timer_mp = 1;
this.waitForSpawn = false;
this.zoom_speed = 0.8;
this.sector = 5;
this.zoomvalue = 0.3;
this.stopmovement = false;
this.mouse = {
x: 0,
y: 0
};
this.camera = {
x: 0,
y: 0
};
this.state = (0, Eventify.EventObject)({
play: false,
pause: false,
ws: ''
});
this.memory = (0, Eventify.EventObject)({
skinUrl: ''
});
this.mainui = null;
this.emsc = null;
this.observerPatcher = e => {
window['app'] = this;
const app = 'window.app';
window['applyPatch'] = applyPatch;
const replacements = {
registerSkin: [ [ /("\s?registerSkin\s?"\s?:\s?function\s?\(\s?(.+?)\s?,\s?(.+?)\s?,\s?(.+?)\s?,\s?(.+?)\s?,\s?(.+?)\s?\)\s?\{\s?)/i, `$1${app}.onRegisterSkin($2,$3,$4,$5,$6);` ] ],
onConnect: [ [ /(;..?\s?\.\s?onopen\s?=\s?function\s?\(\s?\)\s?\{\s?)/i, `$1${app}.onConnect(this.url, this);` ] ],
mobileData: [ [ /(\s?if\s?\(\s?window\s?\[\s?"\s?MC\s?"\s?]\s?&&\s?window\s?\[\s?"\s?MC\s?"\s?]\s?\[\s?"\s?onMobileData\s?"\s?]\s?\)\s?window\s?\[\s?"\s?MC\s?"\s?]\s?\[\s?"\s?onMobileData\s?"\s?]\s?\(\s?(.+?)\s?\))/i, `$2=${app}.onPacket($2);$1` ] ],
'Emscripten hook': [ [ /(\w+)\W+instantiateWasm/, `(${app}.onEmscripten($1)), $&` ] ],
'Mouse hook': [ [ /("\s?setTarget\s?"\s?:\s?function\s?\(\s?(.+?)\s?,\s?(.+?)\s?\)\s?\{\s?)/i, `$1$2=${app}.onMouseX($2);$3=${app}.onMouseY($3);` ] ],
'Player Zoom': [ [ /("\s?playerZoom\s?"\s?:\s?function\s?\(\s?(.+?)\s?\)\s?\{\s?)/i, `$1$2=${app}.onPlayerZoom($2);` ] ],
'WebSocket onclose': [ [ /(;..?\s?\.\s?onclose\s?=\s?function\s?\(\s?\)\s?\{\s?)/i, `$1${app}.onDisconnect(this);` ] ],
'WebSocket onerror': [ [ /(;..?\s?\.\s?onerror\s?=\s?function\s?\(\s?\)\s?\{\s?)/i, `$1${app}.onDisconnect(this);` ] ],
'Binary Patch': [ [ /(instantiate\(\s?)([^,]+)/, `$1${app}.patchWasm($2)` ] ],
something: [ [ /([a-z]{6}\s?[a-z|A-Z]{16}\s?\(\s?([a-z]{6})\s?,\s?[a-z|A-Z]{10}\s?,\s?[a-z|A-Z]{7}\s?,\s?[a-zA-Z]{8}\s?\)\s?\{\s?)/i, '$1$2=true;' ] ]
};
for (const [name, array] of Object.entries(replacements)) {
let current = 0;
for (const [regexp, replacer] of array) {
if (regexp.test(e)) {
e = e.replace(regexp, replacer);
current++;
} else {
console.log(`[Not Found - ${current}]: `, name);
}
}
}
return e;
};
this.calls = [];
this.world = new World(this);
const storageName = 'lite_settings';
settings.settings.import(Object.assign(Object.assign({}, settings.settings.export()), storage.get(storageName)));
settings.settings.on('*', (_ => {
storage.set(storageName, settings.settings.export());
}));
Object.assign(this.memory, storage.get('memory'));
this.memory.on('*', (() => {
console.log('nick', this.memory);
storage.set('memory', this.memory);
}));
settings.settings.on('ZoomOut', (v => {
v ? this.zoomvalue = 0.3 : this.zoomvalue = 1;
}))(settings.settings.proxy.ZoomOut);
this.initObserver().then((() => {
this.world.initialize();
this.waitCore().then((() => {
this.handleCoreInit();
}));
}));
(0, utils.overrideMethod)(window.console, 'log', (function(o, args) {
var _a, _b;
if (null === (_b = (_a = args[0]).startsWith) || void 0 === _b ? void 0 : _b.call(_a, ' ,,,,,')) {
return window.console.log = o;
}
return o.apply(this, args);
}));
}
loadAndPatchCore(url, resolve) {
return __awaiter(this, void 0, void 0, (function*() {
try {
const request = new XMLHttpRequest;
request.open('GET', url, false);
request.onload = () => {
const patchedText = this.observerPatcher(request.responseText);
const blob = new Blob([ patchedText ], {
type: 'text/javascript'
});
const blobURL = URL.createObjectURL(blob);
const script = document.createElement('script');
script.id = 'agario.core.js';
script.src = blobURL;
script.onload = () => {
URL.revokeObjectURL(blobURL);
resolve();
};
document.body.appendChild(script);
};
request.send();
} catch (error) {
console.error('[ERROR] Failed to load and patch core:', error);
}
}));
}
initObserver() {
const deferred = (0, Eventify.deferrify)();
const observer = new window.MutationObserver((mtRecs => {
var _a;
for (const mtRec of mtRecs) {
for (let i = 0; i < mtRec.addedNodes.length; i++) {
const elem = mtRec.addedNodes[i];
const [t] = elem.src && elem.src.match(/agario\.core\.js.+/i) || [];
if (t) {
observer.disconnect();
elem.remove();
null === (_a = elem.parentNode) || void 0 === _a || _a.removeChild(elem);
this.loadAndPatchCore(t, deferred.resolve);
}
}
}
}));
observer.observe(document, {
childList: true,
subtree: true
});
return deferred.promise;
}
patchWasm(u) {
let anyFail = false;
const patchedUint8Array = applyPatch(new Uint8Array(u), [ {
pattern: [ 0x45, 0x0d, 0x00, 0x20, 0x02, 0x10, 0x0f, 0x20, 0x01, 0x20, 0x02, 0x10, 0x1e, 0x21, 0x01 ],
payload: [ 0x20, 0x00, 0x28, 0x02, 0x1c, 0x45, 0x04, 0x40, 0x0f, 0x0b ],
type: 'insertAfter'
}, {
pattern: [ 0x81, 0x03, 0x84, 0x03, 0x10, 0x87, 0x03, 0x86, 0x03, 0x85, 0x03, 0x0a ],
payload: [ 203 ],
type: 'replaceAfter'
}, {
pattern: [ 0x00, 0x20, 0x00, 0x20, 0x04, 0x37, 0x03, 0x08, 0x20, 0x03, 0x41, 0x10, 0x6a, 0x24, 0x00, 0x0b ],
payload: [ 138 ],
type: 'replaceAfter'
}, {
pattern: [ 0x01, 0x2d, 0x00, 0x07, 0x20, 0x02, 0x41, 0x1b, 0x6c, 0x41, 0x01, 0x6a, 0x73, 0x3a, 0x00, 0x07, 0x20, 0x1f, 0xbf, 0x44, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 ],
payload: [ 0, 0 ],
type: 'replaceAfter'
} ], (() => anyFail = true));
if (anyFail) {
return u;
}
return patchedUint8Array.buffer;
}
waitCore() {
return __awaiter(this, void 0, void 0, (function*() {
const deferred = (0, Eventify.deferrify)();
addEventListener('core_init_complete', (() => {
var _a;
if (!window['core']) {
if (null === (_a = window['MC']) || void 0 === _a ? void 0 : _a['onAgarioCoreLoaded']) {
const old_loaded = window['MC']['onAgarioCoreLoaded'];
window['MC']['onAgarioCoreLoaded'] = function() {
deferred.resolve();
window['MC']['onAgarioCoreLoaded'] = old_loaded;
return old_loaded.apply(this, arguments);
};
return;
}
Object.defineProperty(window, 'core', {
get: () => window['_core'],
set: value => (window['_core'] = value, deferred.resolve())
});
return;
}
deferred.resolve();
}));
addEventListener('event_regions_update', (() => __awaiter(this, void 0, void 0, (function*() {}))));
return deferred.promise;
}));
}
handleCoreInit() {
this.init();
coreInitPatch();
coreAdsPatch();
fixNoServers();
coreUiPatch();
this.onCoreInit();
(0, utils.updateCssString)('main', styles);
initLiteui(this);
}
modifyScore(sourceString) {
if (!this.state.play) {
sourceString = '';
}
return `${sourceString}`;
}
init() {
const modifyScore = this.modifyScore.bind(this);
const onPlayerSpawn = this.onPlayerSpawn.bind(this);
const onPlayerDeath = this.onPlayerDeath.bind(this);
(0, utils.overridePrototype)(CanvasRenderingContext2D.prototype, 'fillText', (o => function() {
if (arguments[0].includes('Scor')) {
arguments[0] = modifyScore(arguments[0]);
}
return o.apply(this, arguments);
}));
(0, utils.overridePrototype)(CanvasRenderingContext2D.prototype, 'measureText', (o => function() {
if (arguments[0].includes('Scor')) {
arguments[0] = modifyScore(arguments[0]);
}
return o.apply(this, arguments);
}));
(0, utils.overrideMethod)(window['MC'], 'onPlayerSpawn', (function(o, args) {
o.apply(this, args);
onPlayerSpawn(...args);
}));
(0, utils.overrideMethod)(window['MC'], 'onPlayerDeath', (function(o, args) {
o.apply(this, args);
onPlayerDeath(...args);
}));
}
onEmscripten(Module) {
var _a, _b;
this.emsc = Module;
makeGLobal('emsc', Module);
console.log('emsc', Module);
const canvas = document.getElementById('canvas');
const ctx = canvas.getContext('2d');
const world = this.world;
const self = this;
const traceCalls = [ 'clearRect', 'drawImage', 'fillText', 'strokeText', 'fillRect', 'strokeRect', 'moveTo', 'scale', 'save', 'restore', 'translate', 'transform', 'setTransform' ];
let gotScale = false;
let callNumber = -1;
traceCalls.forEach((method => {
(0, utils.overrideMethod)(ctx, method, (function(o, args) {
callNumber++;
const cmd = o.apply(ctx, args);
return cmd;
}));
}));
(0, utils.overrideMethod)(ctx, 'scale', (function(o, args) {
if (!gotScale) {
gotScale = true;
self.zoomvalue = args[0];
}
const cmd = o.apply(ctx, args);
return cmd;
}));
(0, utils.overrideMethod)(ctx, 'drawImage', (function(o, args) {
let dx = 0, dy = 0, dw = 0, dh = 0;
if (9 == args.length) {
dx = args[5];
dy = args[6];
dw = args[7];
dh = args[8];
} else if (3 == args.length) {
dx = args[1];
dy = args[2];
}
const cmd = o.apply(ctx, args);
return cmd;
}));
let translateCall = -1;
(0, utils.overrideMethod)(ctx, 'translate', (function(o, args) {
translateCall++;
if (2 == translateCall) {
self.camera.x = args[0];
self.camera.y = args[1];
self.drawBackground(ctx, world, o);
}
return o.apply(ctx, args);
}));
null !== (_a = Module['preMainLoop']) && void 0 !== _a || (Module['preMainLoop'] = () => {});
(0, utils.overrideMethod)(Module, 'preMainLoop', ((o, args) => {
this.calls = [];
o.apply(this, args);
}));
null !== (_b = Module['postMainLoop']) && void 0 !== _b || (Module['postMainLoop'] = () => {});
(0, utils.overrideMethod)(Module, 'postMainLoop', ((o, args) => {
this.sampler.step();
callNumber = -1;
translateCall = -1;
gotScale = false;
this.drawHud(ctx);
o.apply(this, args);
}));
}
onRegisterSkin() {}
onMouseX(x) {
if (this.state.pause) {
return window.innerWidth / 2;
}
this.syncMouse(x, void 0);
return x;
}
onMouseY(y) {
if (this.state.pause) {
return window.innerHeight / 2;
}
this.syncMouse(void 0, y);
return y;
}
onCoreInit() {
settings.settings.on('Minimap', (() => {}))();
settings.settings.on('AcidMode', (v => {
window['core'].setAcid(v);
}))(settings.settings.proxy.AcidMode);
}
get menuShow() {
if (!this.mainui) {
this.mainui = (0, utils.find_node)(window['agarApp'].home, (child => {
var _a, _b;
return null === (_b = null === (_a = child.$vnode) || void 0 === _a ? void 0 : _a.tag) || void 0 === _b ? void 0 : _b.toLowerCase().includes('mainui');
}))[0];
}
if (!this.mainui) {
return false;
}
return this.mainui.menuShow;
}
onConnect(url) {
console.log('Connected', url);
this.state.ws = url;
if (this.waitForSpawn) {
window['MC'].playGame();
this.waitForSpawn = false;
}
this.disableMenuBackground();
}
disableMenuBackground() {
this.emsc._ac_special_on();
window['core'].setFpsCap(-1);
window['core'].setFadeout(false);
requestAnimationFrame((() => {
window['core'].setFadeout(true);
}));
this.emsc._ac_spectate();
}
spetate() {
var _a;
null === (_a = (0, utils.find_node)(void 0, (child => null === child || void 0 === child ? void 0 : child.spectate))[0]) || void 0 === _a || _a.spectate();
}
connect(url) {
window['core'].disableIntegrityChecks(!url.includes('miniclippt'));
if (window['raga'] && url.indexOf('raga') > -1) {
window['raga'].isSwitchingGameMode = true;
window['raga'].gameMode = 'ragaffa-16x';
}
window['core'].connect(url);
}
respawn() {
if (this.state.play) {
this.connect(this.state.ws);
this.waitForSpawn = true;
} else {
window['core'].setFadeout(false);
window['core'].sendSpectate();
window['MC'].playGame();
setTimeout((() => {}), 200);
}
}
onPlayerSpawn(...args) {
this.state.play = true;
this.reset();
}
onPlayerDeath(...args) {
(0, utils.find_node)(void 0, (child => {
if (void 0 !== child.fastEntry) {
return true;
} else {
return false;
}
})).forEach((child => {
!child.fastEntry && Object.defineProperty(child, 'fastEntry', {
get: () => true,
set: x => x
});
}));
window['core'].setFadeout(true);
window['_setInterval'] || window.setInterval;
window['_clearInterval'] || window.clearInterval;
const setTimeout = window['_setTimeout'] || window.setTimeout;
window['_clearTimeout'] || window.clearTimeout;
this.state.play = false;
this.reset();
if (!window['agarApp'].home.$children[0].$children[0].showMenu && settings.settings.proxy.AutoRespawn) {
this.respawn();
return true;
} else {
const prev = this.timer_mp;
this.timer_mp = 10000;
setTimeout((() => this.timer_mp = prev), 800);
}
}
onPacket(packet) {
return packet;
}
reset() {
this.stopmovement = false;
this.world.myCellIds = [];
}
dumpMem() {
const blob = new Blob([ this['emsc'].buffer ]);
const a = document.createElement('a');
a.href = URL.createObjectURL(blob);
a.download = 'dump.bin';
a.click();
URL.revokeObjectURL(a.href);
}
onDisconnect(obj) {
console.log('disconnected', obj);
}
onPlayerZoom(zoom) {
this.zoomvalue = zoom;
return zoom;
}
syncCamera(x, y) {
this.camera.x = x;
this.camera.y = y;
}
syncMouse(x, y) {
if (void 0 !== x) {
this.mouse.x = x - this.world.mapOffsetX;
}
if (void 0 !== y) {
this.mouse.y = y - this.world.mapOffsetY;
}
}
renderLoop() {}
drawBackground(ctx, world, translate = ctx['translate']) {
const offsetX = this.camera.x + this.world.offsetX;
const offsetY = this.camera.y + this.world.offsetY;
const initialAlpha = ctx.globalAlpha;
translate(offsetX, offsetY);
if (settings.settings.proxy.MapBorder) {
ctx.globalAlpha = 0.2;
ctx.lineWidth = 20;
ctx.fillStyle = 'green';
ctx.strokeRect(this.world.mapMinX, this.world.mapMinY, this.world.mapSizeH, this.world.mapSizeV);
ctx.globalAlpha = initialAlpha;
}
const parselw = this.world.mapSizeH / this.sector;
const parselh = this.world.mapSizeV / this.sector;
if (settings.settings.proxy.MapSectors) {
ctx.beginPath();
ctx.lineWidth = 10;
ctx.strokeStyle = 'green';
ctx.globalAlpha = 0.2;
for (let zi = 1; zi < this.sector; zi++) {
ctx.moveTo(this.world.mapMinX, this.world.mapMinY + parselw * zi);
ctx.lineTo(this.world.mapMaxX, this.world.mapMinY + parselw * zi);
ctx.moveTo(this.world.mapMinX + parselh * zi, this.world.mapMinY);
ctx.lineTo(this.world.mapMinX + parselh * zi, this.world.mapMaxY);
}
ctx.stroke();
ctx.closePath();
ctx.globalAlpha = initialAlpha;
}
if (settings.settings.proxy.MapSectorLabels) {
ctx.textAlign = 'center';
ctx.textBaseline = 'middle';
ctx.font = parselw / 2.8 + 'px Segoe Print';
ctx.globalAlpha = 0.2;
ctx.fillStyle = 'green';
const bucw = parselw / 2, buch = parselh / 2;
for (let sat = 0; sat < this.sector; sat++) {
const label = String.fromCharCode(65 + sat);
for (let sut = 0; sut < this.sector; sut++) {
ctx.fillText(label + (sut + 1), this.world.mapMinX + parselw * sut + bucw, this.world.mapMinY + parselh * sat + buch);
}
}
ctx.globalAlpha = initialAlpha;
}
ctx.textBaseline = 'middle';
ctx.textAlign = 'center';
ctx.font = '380px Segoe Print';
ctx.globalAlpha = 0.5;
ctx.fillStyle = '#808080';
ctx.fillText('Delta', 0, 0);
ctx.globalAlpha = initialAlpha;
translate(-offsetX, -offsetY);
return;
}
drawHud(ctx) {
ctx.fillStyle = 'rgba(0, 0, 0, 0.3)';
ctx.fillRect(0, 0, 0, 0);
}
}
function registerMenuCommands() {
const links = [ {
name: '🜂⁷ Play cell games on Delt.io',
url: 'https://delt.io'
}, {
name: '🖭 Delta Discord',
url: 'https://bit.ly/3RXQXQd'
} ];
try {
links.forEach((link => GM.registerMenuCommand(link.name, (() => window.location.href = link.url))));
} catch (e) {}
}
function registerCheckUpdates() {
GM.registerMenuCommand(`Version: ${GM.info.script.version} - Check for updates`, checkUpdates);
}
function checkUpdates() {
const url = GM.info.scriptUpdateURL;
if (!url) {
return alert('⛔ Error:\nNo update URL found!');
}
const version2int = (x = "0") => x.split('.').reduce(((n, c, i, a) => n + parseInt(c) * Math.pow(100, a.length - i - 1)), 0);
const req = new Promise((r => GM.xmlHttpRequest({
method: 'GET',
url: url,
onload: r
})));
req.then((res => {
const matches = /\/\/\s*@version\s*(\S+)/im.exec(res.responseText);
if (!matches) {
return alert('⛔ Error:\nNo version found!');
}
const remoteVersion = version2int(matches[1]);
const localVersion = version2int(GM.info.script.version);
if (remoteVersion > localVersion) {
const msg = `🔔 New version available: ${matches[1]}\n\nDo you want to update?`;
if (confirm(msg)) {
const installer = window.open(url, '_blank');
const i = setInterval((() => {
if (!installer.closed) {
return;
}
clearInterval(i);
location.reload();
}), 100);
}
} else {
alert('👍 You are using the latest version!');
}
})).catch((e => {
console.error(e);
alert('⛔ Error: Cant fetch update info!\n' + e);
}));
}
function isGM() {
return 'undefined' !== typeof GM && GM;
}
function enableVueDevtools() {
(0, utils.overrideMethod)(window.Object, 'defineProperty', ((originalMethod, args) => {
if ('config' === args[1]) {
const orig_getter = args[2].get;
args[2].get = function() {
const vueConfig = orig_getter();
vueConfig.devtools = true;
vueConfig.productionTip = true;
return () => vueConfig;
};
window.Object.defineProperty = originalMethod;
}
return originalMethod.apply(window.Object, args);
}));
}
function enableFastCanvasView() {
Object.defineProperty(window.HTMLCanvasElement.prototype, 'aaa', {
get() {
this.toBlob((blob => {
const blobUrl = URL.createObjectURL(blob);
window.open(blobUrl);
}));
return 1;
}
});
}
module = __webpack_require__.hmd(module);
enableVueDevtools();
enableFastCanvasView();
const app = new App;
makeGLobal('app', app);
makeGLobal('find_node', utils.find_node);
if (isGM()) {
registerMenuCommands();
registerCheckUpdates();
}
if (null === module || void 0 === module ? void 0 : module['hot']) {
module['hot'].accept();
module['hot'].addDisposeHandler((function() {
console.log('module.hot.addDisposeHandler', ...arguments);
}));
module['hot'].addStatusHandler((function() {
console.log('module.hot.addStatusHandler', ...arguments);
}));
}
},
423: (__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
__webpack_require__.d(__webpack_exports__, {
settings: () => settings
});
var Eventify = __webpack_require__(742);
class FontManager {
constructor() {
this.possibleFonts = {
Ubuntu: {
fontWeights: {
700: 'bold',
500: ''
}
},
Roboto: {
fontWeights: {
700: 'bold',
500: ''
}
},
Oswald: {
fontWeights: {
700: 'bold',
500: ''
}
},
'Titillium Web': {
fontWeights: {
400: ''
}
},
'Exo 2': {
fontWeights: {
400: '',
600: 'semi-bold'
}
},
Play: {
fontWeights: {
400: '',
700: 'bold'
}
},
'Press Start 2P': {
fontWeights: {
500: ''
}
},
Pacifico: {
fontWeights: {
500: ''
}
},
'VCR OSD Mono': {
fontWeights: {
500: ''
}
}
};
this.h = null;
this.d = document.createElement('DIV');
this.s = document.createElement('SPAN');
this.defaultWidth = 0;
this.defaultHeight = 0;
this.d.appendChild(this.s);
this.d.style.fontFamily = 'sans';
this.s.style.fontFamily = 'sans';
this.s.style.fontSize = '72px';
this.s.innerHTML = 'mmmmmmmmmmlil';
document.addEventListener('DOMContentLoaded', (() => {
this.h = document.getElementsByTagName('BODY')[0];
this.h.appendChild(this.d);
this.defaultWidth = this.s.offsetWidth;
this.defaultHeight = this.s.offsetHeight;
this.h.removeChild(this.d);
}));
}
test(fontFamily) {
this.h.appendChild(this.d);
const b = {};
b.name = this.s.style.fontFamily = fontFamily;
b.width = this.s.offsetWidth;
b.height = this.s.offsetHeight;
this.h.removeChild(this.d);
fontFamily = fontFamily.toLowerCase();
if ('serif' == fontFamily) {
b.found = true;
} else {
b.found = b.width != this.defaultWidth || b.height != this.defaultHeight;
}
return b;
}
}
FontManager.el = document.createElement('span');
const fontManager = new FontManager;
var _a;
class MicroColor {
constructor(red = 255, green = 255, blue = 255, alpha = 255) {
this.r = red;
this.g = green;
this.b = blue;
this.a = alpha;
this.vector = new Float32Array(4);
this.bytes = new Uint8Array(4);
this.dataview = new DataView(this.bytes.buffer);
this.string = '#000000';
this.int = 0;
this.inta = 0;
this.updVector();
this.updString();
this.updInt();
}
updVector() {
this.vector[0] = this.r / 255;
this.vector[1] = this.g / 255;
this.vector[2] = this.b / 255;
this.vector[3] = this.a / 255;
this.bytes[0] = this.r;
this.bytes[1] = this.g;
this.bytes[2] = this.b;
this.bytes[3] = this.a;
this.float = this.dataview.getFloat32(0, true);
this.u32 = this.r | this.g << 8 | this.b << 16 | this.a << 24;
}
updString() {
this.string = this.toRgb(true);
}
updInt() {
this.int = this.getInt();
this.inta = this.getInta();
}
cloneFrom(t) {
this.r = t.r;
this.g = t.g;
this.b = t.b;
this.a = t.a;
this.updVector();
this.updString();
return this;
}
fromHSL(h, s, l, a = 255) {
s /= 100;
l /= 100;
const c = (1 - Math.abs(2 * l - 1)) * s;
const x = c * (1 - Math.abs(h / 60 % 2 - 1));
const m = l - c / 2;
let r = 0;
let g = 0;
let b = 0;
if (0 <= h && h < 60) {
r = c, g = x, b = 0;
} else if (60 <= h && h < 120) {
r = x, g = c, b = 0;
} else if (120 <= h && h < 180) {
r = 0, g = c, b = x;
} else if (180 <= h && h < 240) {
r = 0, g = x, b = c;
} else if (240 <= h && h < 300) {
r = x, g = 0, b = c;
} else if (300 <= h && h < 360) {
r = c, g = 0, b = x;
}
this.r = Math.round(255 * (r + m));
this.g = Math.round(255 * (g + m));
this.b = Math.round(255 * (b + m));
this.a = a;
return this;
}
fromRGB(r, g, b, a = 255) {
this.r = r;
this.g = g;
this.b = b;
this.a = a;
this.updVector();
this.updString();
return this;
}
fromINT(int, reorder) {
this.a = (4278190080 & int) >>> 24;
this.r = (16711680 & int) >>> 16;
this.g = (65280 & int) >>> 8;
this.b = (255 & int) >>> 0;
if (reorder) {
Object.assign(this, {
r: this.a,
g: this.r,
b: this.g,
a: this.b
});
}
this.updVector();
this.updString();
return this;
}
fromHex(hex) {
const len = hex.length;
if (!hex || 7 !== len && 9 !== len) {
return this;
}
let i = 9 === hex.length ? 32 : 24;
const n = parseInt(hex.slice(1), 16);
const r = n >> (i -= 8) & 255;
const g = n >> (i -= 8) & 255;
const b = n >> (i -= 8) & 255;
const a = i ? n >> i - 8 & 255 : 255;
return this.fromRGB(r, g, b, a);
}
get getNormalFromSecure() {
return _a.rgbToInt(Math.ceil(this.r / 0.9), Math.ceil(this.g / 0.9), Math.ceil(this.b / 0.9));
}
toRgb(useAlpha) {
return useAlpha ? `rgba(${this.r}, ${this.g}, ${this.b}, ${this.a / 255})` : `rgb(${this.r}, ${this.g}, ${this.b})`;
}
getHEXA() {
let r = this.r.toString(16);
let g = this.g.toString(16);
let b = this.b.toString(16);
let a = this.a.toString(16);
if (1 == r.length) {
r = '0' + r;
}
if (1 == g.length) {
g = '0' + g;
}
if (1 == b.length) {
b = '0' + b;
}
if (1 == a.length) {
a = '0' + a;
}
return '#' + r + g + b + a;
}
getFloat() {
const bits = this.a << 24 | this.b << 16 | this.g << 8 | this.r;
return _a.pack(0xfeffffff & bits);
}
getHEX() {
return '#' + (16777216 | this.getInt()).toString(16).substring(1);
}
getInt() {
return this.r << 16 | this.g << 8 | this.b;
}
getIntaShader(alpha) {
return this.r | this.g << 8 | this.b << 16 | (alpha < 0 ? this.a : alpha) << 24;
}
getIntShader() {
return this.r | this.g << 8 | this.b << 16;
}
getInta() {
return this.a << 24 | this.r << 16 | this.g << 8 | this.b;
}
getSecureHex() {
return _a.colorIntToHex(_a.rgbToInt(~~(0.9 * this.r), ~~(0.9 * this.g), ~~(0.9 * this.b)));
}
static rgbToInt(r, g, b) {
return r << 16 | g << 8 | b;
}
static colorIntToHex(int) {
let s = int.toString(16);
for (;s.length < 6; ) {
s = '0' + s;
}
return '#' + s;
}
static inta2shader(int) {
const a = (0xff000000 & int) >>> 24;
const r = (0xff0000 & int) >>> 16;
const g = (0xff00 & int) >>> 8;
const b = (0xff & int) >>> 0;
return r | g << 8 | b << 16 | a << 24;
}
toHEX8() {
return `#${(16777216 | this.getInt()).toString(16).substring(1)}${this.a.toString(16).padStart(2, '0')}`;
}
static pack(i) {
_a.int32[0] = i;
return _a.float32[0];
}
static unpack(f) {
_a.float32[0] = f;
return _a.int32[0];
}
static darkenColor(color, percent) {
const num = 'string' == typeof color ? parseInt(color, 16) : color, amt = Math.round(2.55 * percent), R = (num >> 16) + amt, B = (num >> 8 & 0x00ff) + amt, G = (0x0000ff & num) + amt;
return 255 << 24 | R << 16 | G << 8 | B;
}
static brighten(int, amount = 10) {
const a = (4278190080 & int) >>> 24;
let r = (16711680 & int) >>> 16;
let g = (65280 & int) >>> 8;
let b = (255 & int) >>> 0;
r = Math.max(0, Math.min(255, r - Math.round(-amount / 100 * 255)));
g = Math.max(0, Math.min(255, g - Math.round(-amount / 100 * 255)));
b = Math.max(0, Math.min(255, b - Math.round(-amount / 100 * 255)));
return a << 24 | r << 16 | g << 8 | b;
}
static multiplyAlpha(int, alpha) {
return ((int >>> 24) * alpha & 0xff) << 24 | 0x00ffffff & int;
}
}
_a = MicroColor;
(() => {
_a.int8 = new Int8Array(4);
_a.int32 = new Int32Array(_a.int8.buffer, 0, 1);
_a.float32 = new Float32Array(_a.int8.buffer, 0, 1);
})();
MicroColor.temp = new _a;
MicroColor.isValidHex = hex => /^#([A-Fa-f0-9]{3,4}){1,2}$/.test(hex);
MicroColor.getChunksFromString = (st, chunkSize) => st.match(new RegExp(`.{${chunkSize}}`, 'g'));
MicroColor.convertHexUnitTo256 = hexStr => parseInt(hexStr.repeat(2 / hexStr.length), 16);
MicroColor.getAlphafloat = (a, alpha) => {
if ('undefined' !== typeof a) {
return a / 255;
}
if ('number' != typeof alpha || alpha < 0 || alpha > 1) {
return 1;
}
return alpha;
};
MicroColor.hexToRGBA = hex => {
if (!_a.isValidHex(hex)) {
throw new Error('Invalid HEX');
}
const chunkSize = Math.floor((hex.length - 1) / 3);
const hexArr = _a.getChunksFromString(hex.slice(1), chunkSize);
return hexArr.map(_a.convertHexUnitTo256);
};
class BasicSetting {
constructor({path: path = "DEFAULT", name: name = ""}) {
this.exportable = true;
this.type = 'NONE';
this._value = null;
this.default = null;
this.path = path;
this.name = name;
}
get value() {
return this._value;
}
set value(data) {
this._value = data;
}
setter(data) {
this.value = data;
}
get export() {
return this.value;
}
}
class Slider extends BasicSetting {
constructor({name: name, min: min, max: max, step: step, value: value, useCss: useCss = false, dim: dim = "", unit: unit = "", path: path}) {
var _a;
super({
name: name,
path: path
});
this.type = 'SLD';
this.min = min;
this.max = max;
this.step = step;
this.value = value;
this.default = value;
this.useCss = useCss;
this.dim = dim;
this.unit = unit;
this.precision = (null === (_a = step.toString().split('.')[1]) || void 0 === _a ? void 0 : _a.length) || 0;
this.setter(value);
}
get export() {
return this.value;
}
toJSON() {
return this.export;
}
setter(data) {
if ('number' !== typeof data || 'undefined' == typeof data) {
data = this.default;
}
this.value = data;
}
}
class Option extends BasicSetting {
constructor({name: name, value: value, path: path}) {
super({
name: name,
path: path
});
this.type = 'OPT';
this.value = value;
this.default = value;
this.setter(value);
}
get export() {
return this.value;
}
toJSON() {
return this.export;
}
setter(data) {
this.value = data;
}
}
class Input extends BasicSetting {
constructor({name: name, value: value, csshook: csshook = s => s, path: path, useCss: useCss = false, options: options = {}}) {
super({
name: name,
path: path
});
this.type = 'INP';
this.value = value;
this.default = value;
this.csshook = csshook;
this.useCss = useCss;
this.options = options;
this.setter(value);
}
get export() {
return this.value;
}
toJSON() {
return this.export;
}
setter(data) {
if ('string' !== typeof data || 'undefined' == typeof data) {
data = this.default;
}
this.value = String(data);
}
cssValue() {
return this.csshook ? this.csshook(this.value) : this.value;
}
}
class Font extends BasicSetting {
constructor({value: value = "normal normal 500 25px Ubuntu", path: path = ""}) {
super({
path: path
});
this.fontStyle = 'normal';
this.fontVariant = 'normal';
this.fontWeight = '500';
this.fontSize = '25px';
this.lineHeight = 'normal';
this.fontFamily = 'Ubuntu';
this.type = 'FONT';
this.default = this.value;
this.setter(value);
}
get value() {
const fontSize_lineHeight = this.fontSize + '/' + this.lineHeight;
return `${this.fontStyle} ${this.fontVariant} ${this.fontWeight} ${fontSize_lineHeight} ${this.fontFamily}`;
}
set value(cssFontString) {
this.setter(cssFontString);
}
get export() {
return this.value;
}
setter(cssFontString) {
var _a;
if ('undefined' === typeof cssFontString || null === cssFontString) {
cssFontString = this.default;
}
if ('string' === typeof cssFontString && ' ' == cssFontString[0]) {
cssFontString = this.default;
}
null !== (_a = Font.el) && void 0 !== _a || (Font.el = Font.getElem());
Font.el.style.font = cssFontString;
this.fontStyle = Font.el.style.fontStyle;
this.fontVariant = Font.el.style.fontVariant;
this.fontWeight = Font.el.style.fontWeight;
this.fontSize = Font.el.style.fontSize;
this.lineHeight = Font.el.style.lineHeight;
this.fontFamily = Font.el.style.fontFamily;
}
toJSON() {
return this.export;
}
toSelectboxFormat() {
return this.fontWeight + ' 25px ' + this.fontFamily;
}
load(text, timeout) {
return new Promise(((resolve, reject) => {
const fontFamily = this.fontFamily.replace(/"/g, '');
if (fontManager.possibleFonts[fontFamily] && fontManager.possibleFonts[fontFamily].isSystemFont) {
return resolve();
}
const fonts = Array.from(document.fonts).filter((font => font.family === fontFamily && font.weight === this.fontWeight));
Promise.all(fonts.map((font => font.load()))).then((() => resolve()));
new FontFaceObserver(fontFamily.replace(/"/g, ''), {
weight: this.fontWeight
}).load(text, timeout).then(resolve, reject);
}));
}
}
Font.getElem = () => {
var _a;
const el = document.createElement('span');
null === (_a = document.body) || void 0 === _a || _a.appendChild(el);
el.style.zIndex = '-9999';
el.style.position = 'absolute';
el.style.top = '-100px';
return el;
};
Font.el = null;
class Settings extends Eventify.Eventify {
constructor(descriptions) {
super();
this.raw = descriptions;
const self = this;
this.proxy = new Proxy(this.raw, {
set: (target, prop, newValue) => {
const previous = target[prop].value;
self.emit('before*', prop, newValue);
target[prop].setter(newValue);
try {
newValue !== previous && self.emit.call(this, prop, newValue, previous);
newValue !== previous && self.emit('*', prop, newValue, previous);
} catch (message) {
console.error(message);
}
return true;
},
get(target, prop) {
return target[prop].value;
}
});
}
import(object) {
if (!object) {
return;
}
for (const option in this.raw) {
if (this.raw.hasOwnProperty(option) && object.hasOwnProperty(option)) {
this.proxy[option] = object[option];
}
}
}
export() {
const export_data = {};
for (const option in this.raw) {
export_data[option] = this.raw[option].export;
}
return export_data;
}
restore() {
for (const opt in this.raw) {
const option = opt;
if (this.raw.hasOwnProperty(option)) {
this.proxy[option] = this.raw[option].default;
}
}
}
}
var Group1;
(function(Group1) {
Group1["s_game"] = "gameplayGroup";
})(Group1 || (Group1 = {}));
const settingsDescriptions = {
AutoZoom: new Option({
path: Group1.s_game,
value: false
}),
Minimap: new Option({
path: Group1.s_game,
value: true
}),
ZoomOut: new Option({
path: Group1.s_game,
value: false
}),
AutoRespawn: new Option({
path: Group1.s_game,
value: false
}),
AcidMode: new Option({
path: Group1.s_game,
value: false
}),
LeaderboardTitle: new Input({
path: Group1.s_game,
value: 'Delta'
}),
MapBorder: new Option({
path: Group1.s_game,
value: true
}),
MapSectors: new Option({
path: Group1.s_game,
value: true
}),
MapSectorLabels: new Option({
path: Group1.s_game,
value: true
}),
transparent_cells: new Slider({
path: Group1.s_game,
value: 1,
min: 0.1,
max: 1,
step: 0.1
})
};
const settings = new Settings(settingsDescriptions);
},
557: (__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
__webpack_require__.d(__webpack_exports__, {
Fragment: () => preact__WEBPACK_IMPORTED_MODULE_0__.Fragment,
jsx: () => u,
jsxs: () => u
});
var preact__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(32);
var f = 0;
Array.isArray;
function u(e, t, n, o, i, u) {
t || (t = {});
var a, c, p = t;
if ("ref" in p) {
for (c in p = {}, t) {
"ref" == c ? a = t[c] : p[c] = t[c];
}
}
var l = {
type: e,
props: p,
key: n,
ref: a,
__k: null,
__: null,
__b: 0,
__e: null,
__c: null,
constructor: void 0,
__v: --f,
__i: -1,
__u: 0,
__source: i,
__self: u
};
if ("function" == typeof e && (a = e.defaultProps)) {
for (c in a) {
void 0 === p[c] && (p[c] = a[c]);
}
}
return preact__WEBPACK_IMPORTED_MODULE_0__.options.vnode && preact__WEBPACK_IMPORTED_MODULE_0__.options.vnode(l), l;
}
},
621: (__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
__webpack_require__.d(__webpack_exports__, {
AppContext: () => AppContext
});
var preact__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(32);
const AppContext = (0, preact__WEBPACK_IMPORTED_MODULE_0__.createContext)(null);
},
632: module => {
"use strict";
module.exports = preactHooks;
},
647: (module, __webpack_exports__, __webpack_require__) => {
"use strict";
__webpack_require__.d(__webpack_exports__, {
Menu: () => Menu,
MenuButtons: () => MenuButtons
});
var external_preactHooks_ = __webpack_require__(632);
var settings = __webpack_require__(423);
var Contexts = __webpack_require__(621);
var utils = __webpack_require__(93);
var Eventify = __webpack_require__(742);
function vh(v) {
const h = window.innerHeight;
return v * h / 100;
}
function vw(v) {
const w = window.innerWidth;
return v * w / 100;
}
function gcd(a = window.innerWidth, b = window.innerHeight) {
return 0 == b ? a : gcd(b, a % b);
}
const scaling = (0, Eventify.EventObject)({
uiScale: 1
});
function calcScale() {
const gc = gcd();
let sizeOfMap = 1;
const {w: w, h: h} = {
w: 4,
h: 3
};
if (gc * window.innerWidth / (gc * window.innerHeight) > w / h) {
sizeOfMap = vh(27) / 200;
} else {
sizeOfMap = h * vw(27) / w / 200;
}
scaling.uiScale = Math.min(1, sizeOfMap);
}
window.addEventListener('resize', calcScale);
calcScale();
function useEventify(effect, deps) {
const eventify = (0, external_preactHooks_.useMemo)((() => new Eventify.Eventify), []);
(0, external_preactHooks_.useEffect)((() => {
const destroy = effect(eventify);
return () => {
if (destroy) {
destroy();
}
eventify.unlisten();
};
}), deps);
}
var jsxRuntime_module = __webpack_require__(557);
function keepValue(a) {
const e = a;
if (27 === e.keyCode) {
e.target.blur();
e.preventDefault();
}
}
function UiOption({target: target, name: name}) {
const [value, updateValue] = (0, external_preactHooks_.useState)(target.raw[name].value);
useEventify((e => e.listenTo(target, name, (() => updateValue(target.raw[name].value)))()), [ name ]);
return (0, jsxRuntime_module.jsx)(UiOptionMarkup, {
name: (0, utils.camelCaseToWords)(target.raw[name].name || name),
value: value,
onValue: value => {
updateValue(value);
target.proxy[name] = value;
}
});
}
function UiOptionMarkup({name: name, value: value, onValue: onValue}) {
return (0, jsxRuntime_module.jsxs)("label", {
className: "flex p-1 text-left gap-2",
children: [ (0, jsxRuntime_module.jsx)("div", {
className: "grow",
children: name
}), (0, jsxRuntime_module.jsx)("div", {
className: "",
children: (0, jsxRuntime_module.jsxs)("label", {
className: "switch",
children: [ (0, jsxRuntime_module.jsx)("input", {
name: Math.random().toString(),
className: "",
onChange: e => onValue(e.target['checked']),
checked: value,
defaultChecked: value,
type: "checkbox"
}), (0, jsxRuntime_module.jsx)("div", {
className: "slider round",
"data-on": 'ui_on',
"data-off": 'ui_off'
}) ]
})
}) ]
});
}
function UiSlider({target: target, name: name}) {
const helperRef = (0, external_preactHooks_.useRef)();
const unit = target.raw[name].unit || '';
function updateValue(value) {
helperRef.current.innerText = String(value.toFixed(target.raw[name].precision)) + unit;
}
useEventify((e => {
e.listenTo(target, name, (() => updateValue(target.raw[name].value)))();
return () => e.unlisten();
}), [ name ]);
return (0, jsxRuntime_module.jsx)(SliderRender, {
name: (0, utils.camelCaseToWords)(name),
value: target.raw[name].value,
data: target.raw[name],
onValue: value => {
target.proxy[name] = value;
updateValue(value);
},
helperRef: helperRef
});
}
function SliderRender({name: name, value: value, data: data, onValue: onValue, helperRef: helperRef}) {
const rangeRef = (0, external_preactHooks_.useRef)();
return (0, jsxRuntime_module.jsxs)("label", {
class: "flex p-1 text-left gap-2",
children: [ (0, jsxRuntime_module.jsx)("div", {
class: "grow",
children: name
}), (0, jsxRuntime_module.jsx)("div", {
ref: helperRef,
class: "helper"
}), (0, jsxRuntime_module.jsx)("div", {
class: "text-left",
children: (0, jsxRuntime_module.jsx)("input", {
name: Math.random().toString(),
ref: rangeRef,
class: "",
type: "range",
onInput: e => onValue(Number(e.target['value'])),
min: data.min,
max: data.max,
step: data.step,
value: value,
defaultValue: value.toString()
})
}) ]
});
}
function UiSelectbox({target: target, name: name}) {
const [value, updateValue] = (0, external_preactHooks_.useState)(target.raw[name].value);
useEventify((e => {
const handleStatusChange = () => updateValue(target.raw[name].value);
e.listenTo(target, name, handleStatusChange);
handleStatusChange();
return () => e.unlisten();
}), [ name ]);
return (0, jsxRuntime_module.jsx)(SelectboxRender, {
name: (0, utils.camelCaseToWords)(name.toString()),
value: value,
data: target.raw[name].options,
onValue: value => {
target.proxy[name] = value;
}
});
}
function SelectboxRender({name: name, value: value, data: data, onValue: onValue}) {
return (0, jsxRuntime_module.jsxs)("div", {
className: "flex p-1 text-left gap-2",
children: [ (0, jsxRuntime_module.jsx)("div", {
className: "grow",
children: name
}), (0, jsxRuntime_module.jsx)("div", {
className: "",
children: (0, jsxRuntime_module.jsx)("select", {
name: Math.random().toString(),
className: "selectbox",
value: value,
onChange: e => onValue(isNaN(e.target.value) ? e.target.value : Number(e.target.value)),
children: Object.entries(data).map((([name, value]) => (0, jsxRuntime_module.jsx)("option", {
value: value,
children: (0, utils.camelCaseToWords)(name)
})))
})
}) ]
});
}
function UiInputbox({target: target, name: name}) {
var _a;
function onValue(value) {
target.proxy[name] = value;
}
const [value, updateValue] = (0, external_preactHooks_.useState)(target.raw[name].value);
useEventify((e => {
const handleStatusChange = () => updateValue(target.raw[name].value);
e.listenTo(target, name, handleStatusChange);
handleStatusChange();
return () => e.unlisten();
}), [ name ]);
const display_name = (0, utils.camelCaseToWords)(name);
return (0, jsxRuntime_module.jsxs)("div", {
class: "flex p-1 text-left gap-2",
children: [ (0, jsxRuntime_module.jsx)("div", {
class: "grow",
children: display_name
}), (0, jsxRuntime_module.jsxs)("div", {
class: "flex grow",
style: {
width: '30%'
},
children: [ (0, jsxRuntime_module.jsx)("input", {
name: Math.random().toString(),
class: "input",
type: "search",
inputMode: "text",
autocomplete: "off",
style: "width: 100%;",
placeholder: name.toString(),
onKeyDown: keepValue,
onInput: e => onValue(e.target['value']),
value: value,
defaultValue: value
}), true ? (0, jsxRuntime_module.jsxs)("select", {
name: 'select-' + Math.random(),
class: "w-4",
onChange: _e => {
const e = _e;
void 0 != e.target.value && onValue(e.target.value);
e.target.value = '';
e.target.blur();
},
style: "",
children: [ (0, jsxRuntime_module.jsx)("option", {
value: ""
}), 'undefined' !== typeof target.raw[name].default && (0, jsxRuntime_module.jsx)("option", {
value: target.raw[name].default,
children: "Default"
}), null === (_a = Object.entries(target.raw[name].options)) || void 0 === _a ? void 0 : _a.map((([key, val]) => (0, jsxRuntime_module.jsx)("option", {
value: val,
children: key
}))) ]
}) : 0 ]
}) ]
});
}
function SettingsList({array: array, target: target}) {
const result = array.map((([optName, setting]) => {
const type = setting.type;
if ('OPT' == type) {
return (0, jsxRuntime_module.jsx)(UiOption, {
target: target,
name: optName
});
}
if ('SLD' == type) {
return (0, jsxRuntime_module.jsx)(UiSlider, {
target: target,
name: optName
});
}
if ('SEL' == type) {
return (0, jsxRuntime_module.jsx)(UiSelectbox, {
target: target,
name: optName
});
}
if ('INP' == type) {
return (0, jsxRuntime_module.jsx)(UiInputbox, {
target: target,
name: optName
});
}
if ('COL' == type) {
return (0, jsxRuntime_module.jsx)(UiColorbox, {
target: target,
name: optName
});
}
}));
return result;
}
module = __webpack_require__.hmd(module);
var _a;
function MenuButtons() {
const app = (0, external_preactHooks_.useContext)(Contexts.AppContext);
const inputRef = (0, external_preactHooks_.useRef)();
useEventify((e => {
e.listenTo(app.state, 'ws', (() => {
inputRef.current.value = app.state.ws;
}))();
}), []);
return (0, jsxRuntime_module.jsxs)("div", {
class: 'menu-addon',
style: {
marginTop: '4px',
display: 'flex',
flexDirection: 'column',
alignItems: 'center'
},
children: [ (0, jsxRuntime_module.jsx)("button", {
style: {
width: '242px'
},
type: "submit",
class: "btn menu-button ",
onClick: () => app.spetate(),
children: "Spectate"
}), (0, jsxRuntime_module.jsxs)("div", {
style: {
display: 'flex',
gap: '4px',
paddingTop: '4px'
},
children: [ (0, jsxRuntime_module.jsx)("input", {
class: "input-addon",
placeholder: "server",
ref: inputRef
}), (0, jsxRuntime_module.jsx)("button", {
type: "submit",
class: "btn menu-button",
onClick: () => app.connect(inputRef.current.value),
children: "Connect"
}) ]
}) ]
});
}
const Menu = () => (0, jsxRuntime_module.jsx)("div", {
style: {
overflowY: 'scroll'
},
onWheel: e => e.stopPropagation(),
children: (0, jsxRuntime_module.jsxs)("div", {
className: "mx-2",
children: [ (0, jsxRuntime_module.jsx)(SettingsList, {
array: Object.entries(settings.settings.raw),
target: settings.settings
}), (0, jsxRuntime_module.jsx)("br", {}), (0, jsxRuntime_module.jsx)("br", {}), (0, jsxRuntime_module.jsx)("br", {}), (0, jsxRuntime_module.jsx)("br", {}), (0,
jsxRuntime_module.jsx)("br", {}), (0, jsxRuntime_module.jsx)("br", {}), (0, jsxRuntime_module.jsx)("br", {}), (0, jsxRuntime_module.jsx)("br", {}), (0, jsxRuntime_module.jsx)("br", {}), (0,
jsxRuntime_module.jsx)("br", {}), (0, jsxRuntime_module.jsx)("br", {}), (0, jsxRuntime_module.jsx)("br", {}), (0, jsxRuntime_module.jsx)("br", {}), (0, jsxRuntime_module.jsx)("br", {}), (0,
jsxRuntime_module.jsx)("br", {}), (0, jsxRuntime_module.jsx)("br", {}), (0, jsxRuntime_module.jsx)("br", {}), (0, jsxRuntime_module.jsx)("br", {}), (0, jsxRuntime_module.jsx)("br", {}), (0,
jsxRuntime_module.jsx)("br", {}), (0, jsxRuntime_module.jsx)("br", {}), (0, jsxRuntime_module.jsx)("br", {}), " Delta" ]
})
});
null === (_a = null === module || void 0 === module ? void 0 : module['hot']) || void 0 === _a || _a.accept();
},
742: (__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
__webpack_require__.d(__webpack_exports__, {
EventObject: () => EventObject,
Eventify: () => Eventify,
deferrify: () => deferrify
});
function EventMixin(Base) {
class EventifyBase extends Base {
events={};
ev=[];
blockRemovingListeners=false;
on(...rest) {
if (rest.length < 2) {
throw new Error('Eventify.on() need at least 2 arguments');
}
const length = rest.length;
const listener = rest[length - 1];
for (let i = 0; length - 1 > i; i++) {
const event = rest[i];
if ('object' !== typeof this.events[event]) {
this.events[event] = [];
}
this.events[event].push(listener);
}
return listener;
}
removeListener(event, listener) {
if ('object' === typeof this.events[event]) {
const idx = this.events[event].indexOf(listener);
if (idx > -1) {
this.events[event].splice(idx, 1);
}
if (0 === this.events[event].length) {
delete this.events[event];
}
}
}
emit(event, ...rest) {
if ('object' === typeof this.events[event]) {
const listeners = this.events[event].slice();
for (const listener of listeners) {
listener.apply(this, rest);
}
}
}
once(event, listener) {
const once_listener = (...args) => {
this.removeListener(event, once_listener);
listener.apply(this, args);
};
this.on(event, once_listener);
return once_listener;
}
waitTimeout(event, timeout, abortController) {
const ret = this.waitfor(event, ((_, rejector) => {
const timeoutId = setTimeout((() => {
const error = new Error(`Waiting "${event.toString()}" Timeout`);
error.cause = 'timeout';
rejector(error);
}), timeout);
if (abortController) {
function abort() {
clearTimeout(timeoutId);
const error = new Error(`Waiting "${event.toString()}" Aborted`);
error.cause = 'aborted';
rejector(error);
}
if (abortController.signal.aborted) {
abort();
} else {
abortController.signal.addEventListener('abort', abort, {
once: true
});
}
}
return () => {
clearTimeout(timeoutId);
};
}));
return ret;
}
waitfor(event, reject_callback) {
return new Promise(((_resolve, _reject) => {
let destroyCallbackCalled = false;
const removeListener = () => {
this.removeListener(event, resolver);
this.removeListener(event, rejector);
if (destroyCallbackCalled) {
return;
}
destroyCallbackCalled = true;
destroyRejectCallback();
};
function resolver(v) {
_resolve(v);
removeListener();
}
function rejector(e) {
_reject(e);
removeListener();
}
const destroyRejectCallback = reject_callback(resolver, rejector);
const self = this;
self.listenSelf(event, resolver);
self.listenSelf(event, rejector);
}));
}
delegateTo(target, ...rest) {
if (arguments.length < 3) {
throw new Error('Eventify.delegateTo() need at least 3 arguments');
}
const length = rest.length, listener = rest[length - 1];
for (let i = 0; length - 1 > i; i++) {
const event = rest[i];
if ('object' !== typeof target.events[event]) {
target.events[event] = [];
}
target.ev.push({
delegated: this,
event: event,
listener: listener
});
this.on(event, listener);
}
return listener;
}
listenTo(target, ...rest) {
return target.delegateTo(this, ...rest);
}
listenSelf(...rest) {
return this.listenTo(this, ...rest);
}
unlisten() {
const before = this.ev.slice();
for (let i = 0; before.length > i; i++) {
const target = before[i].delegated;
const eventName = before[i].event;
const listener = before[i].listener;
target.removeListener(eventName, listener);
const idx = this.ev.indexOf(before[i]);
if (idx > -1) {
this.ev.splice(idx, 1);
}
}
if (this.ev.length > 0) {
console.error('We have error in unlisten()', before, this.ev);
}
}
}
return EventifyBase;
}
class Eventify extends(EventMixin(class {})){}
const props = [ 'on', 'removeListener', 'emit', 'once', 'listenTo', 'delegateTo', 'listenSelf', 'unlisten', 'ev', 'events', 'waitfor', 'waitTimeout' ];
const eventify = function(object) {
const EVENTIFY = new Eventify;
props.forEach((key => {
Object.defineProperty(object, key, {
value: EVENTIFY[key],
enumerable: false,
writable: false
});
}));
return object;
};
function EventObject(object) {
const _Eventify = eventify(object);
const eventObject = new Proxy(object, {
set(target, prop, val) {
const prev = object[prop];
const curr = val;
_Eventify.emit('before*', prop, val);
object[prop] = val;
try {
_Eventify.emit(prop, val, prev);
if (prev !== curr) {
_Eventify.emit('change:*', prop, val);
_Eventify.emit('change:' + String(prop), val, prev);
}
_Eventify.emit('*', prop, val, prev);
} catch (message) {
console.error(message);
}
return true;
}
});
Object.defineProperty(eventObject, 'raw', {
get() {
return object;
}
});
return eventObject;
}
function deferrify(params) {
let resolve = null;
let reject = null;
const promise = new Promise(((resolveFunc, rejectFunc) => {
resolve = resolveFunc;
reject = rejectFunc;
if (params?.signal instanceof Promise) {
params.signal.catch(reject);
} else if (params?.signal?.aborted) {
reject();
}
}));
return {
promise: promise,
resolve: resolve,
reject: reject
};
}
}
};
var __webpack_module_cache__ = {};
function __webpack_require__(moduleId) {
var cachedModule = __webpack_module_cache__[moduleId];
if (void 0 !== cachedModule) {
return cachedModule.exports;
}
var module = __webpack_module_cache__[moduleId] = {
id: moduleId,
loaded: false,
exports: {}
};
__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
module.loaded = true;
return module.exports;
}
(() => {
__webpack_require__.n = module => {
var getter = module && module.__esModule ? () => module['default'] : () => module;
__webpack_require__.d(getter, {
a: getter
});
return getter;
};
})();
(() => {
__webpack_require__.d = (exports, definition) => {
for (var key in definition) {
if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
Object.defineProperty(exports, key, {
enumerable: true,
get: definition[key]
});
}
}
};
})();
(() => {
__webpack_require__.hmd = module => {
module = Object.create(module);
if (!module.children) {
module.children = [];
}
Object.defineProperty(module, 'exports', {
enumerable: true,
set: () => {
throw new Error('ES Modules may not assign module.exports or exports.*, Use ESM export syntax, instead: ' + module.id);
}
});
return module;
};
})();
(() => {
__webpack_require__.o = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop);
})();
var __webpack_exports__ = __webpack_require__(122);
MyLibrary = __webpack_exports__;
})(typeof unsafeWindow !== 'undefined' ? unsafeWindow : window);