Select Theme Type:
preview
${title}
${additionalContent}
No Preview Available
Welcome ${this.Username}, to the SigMod Client!
Your stats
Announcements
No announcements yet...
Quick access
Mod profile
Guest
Guest
No Bio.
Guest
No Bio.
Theme Editor
${theme.name}
`;
themeCard.addEventListener("click", () => {
toggleTheme(theme);
});
themeCard.addEventListener('contextmenu', (ev) => {
ev.preventDefault();
if (confirm("Do you want to delete this Theme?")) {
themeCard.remove();
const themeIndex = modSettings.themes.custom.findIndex((addedTheme) => addedTheme.name === theme.name);
if (themeIndex !== -1) {
modSettings.themes.custom.splice(themeIndex, 1);
updateStorage();
}
}
});
themesDiv.appendChild(themeCard);
modSettings.themes.custom.push(theme)
updateStorage();
themeEditor.style.display = "none";
themesDiv.scrollTop = themesDiv.scrollHeight;
});
saveGradientThemeBtn.addEventListener("click", () => {
const name = byId("GradientThemeName").value;
const gColor1 = byId("theme-editor-gcolor1").value;
const gColor2 = byId("theme-editor-g_color").value;
const gTextColor = byId("theme-editor-gcolor2").value;
const gAngle = byId("g_angle").value;
const gradientType = byId("gradient-type").value;
if (name == "") return
let gradient_radial_linear = () => {
if (gradientType == "linear") {
return `${gradientType}-gradient(${gAngle}deg, ${gColor1}, ${gColor2})`
} else if (gradientType == "radial") {
return `${gradientType}-gradient(circle, ${gColor1}, ${gColor2})`
}
}
const theme = {
name: name,
background: gradient_radial_linear(),
text: gTextColor,
};
const themeCard = document.createElement("div");
themeCard.classList.add("theme");
let themeBG;
if (theme.background.includes("http")) {
themeBG = `background: url(${theme.preview || theme.background})`;
} else {
themeBG = `background: ${theme.background}`;
}
themeCard.innerHTML = `
${theme.name}
`;
themeCard.addEventListener("click", () => {
toggleTheme(theme);
});
themeCard.addEventListener('contextmenu', (ev) => {
ev.preventDefault();
if (confirm("Do you want to delete this Theme?")) {
themeCard.remove();
const themeIndex = modSettings.themes.custom.findIndex((addedTheme) => addedTheme.name === theme.name);
if (themeIndex !== -1) {
modSettings.themes.custom.splice(themeIndex, 1);
updateStorage();
}
}
});
themesDiv.appendChild(themeCard);
modSettings.themes.custom.push(theme)
updateStorage();
themeEditor.style.display = "none";
themesDiv.scrollTop = themesDiv.scrollHeight;
});
saveImageThemeBtn.addEventListener("click", () => {
const name = byId("imageThemeName").value;
const imageLink = byId("theme-editor-imagelink").value;
const textColorImageInput = byId("theme-editor-textcolorImage").value;
if (name == "" || imageLink == "") return
const theme = {
name: name,
background: imageLink,
text: textColorImageInput
};
const themeCard = document.createElement("div");
themeCard.classList.add("theme");
let themeBG;
if (theme.background.includes("http")) {
themeBG = `background: url(${theme.preview || theme.background})`;
} else {
themeBG = `background: ${theme.background}`;
}
themeCard.innerHTML = `
${theme.name}
`;
themeCard.addEventListener("click", () => {
toggleTheme(theme);
});
themeCard.addEventListener('contextmenu', (ev) => {
ev.preventDefault();
if (confirm("Do you want to delete this Theme?")) {
themeCard.remove();
const themeIndex = modSettings.themes.custom.findIndex((addedTheme) => addedTheme.name === theme.name);
if (themeIndex !== -1) {
modSettings.themes.custom.splice(themeIndex, 1);
updateStorage();
}
}
});
themesDiv.appendChild(themeCard);
modSettings.themes.custom.push(theme)
updateStorage();
themeEditor.style.display = "none";
themesDiv.scrollTop = themesDiv.scrollHeight;
});
});
const b_inner = document.querySelector(".body__inner");
let bodyColorElements = b_inner.querySelectorAll(
".body__inner > :not(.body__inner), #s-skin-select-icon-text"
);
const toggleColor = (element, background, text) => {
let image = `url("${background}")`;
if (background.includes("http")) {
element.style.background = image;
element.style.backgroundPosition = "center";
element.style.backgroundSize = "cover";
element.style.backgroundRepeat = "no-repeat";
} else {
element.style.background = background;
element.style.backgroundRepeat = "no-repeat";
}
element.style.color = text;
};
const openSVG = document.querySelector("#clans_and_settings > Button:nth-of-type(2) > svg");
const openSVGPath = openSVG.querySelector("path");
const newPath = openSVG.setAttribute("fill", "#fff")
openSVG.setAttribute("width", "36")
openSVG.setAttribute("height", "36")
const applyThemeToElement = (el, theme) => {
if (el.matches("#title")) {
el.style.color = theme.text;
} else {
toggleColor(el, theme.background, theme.text);
}
appliedElements.add(el);
};
const toggleTheme = (theme) => {
try {
if (checkInterval) clearInterval(checkInterval);
appliedElements.clear();
const applyTheme = () => {
let allApplied = true;
elements.forEach(selector => {
const elements = document.querySelectorAll(selector);
elements.forEach(el => {
if (el && !appliedElements.has(el)) {
applyThemeToElement(el, theme);
allApplied = false;
}
});
});
customTextElements.forEach(qs => {
document.querySelectorAll(qs).forEach(el => {
if (!appliedElements.has(el)) {
el.style.setProperty('color', theme.text, 'important');
appliedElements.add(el);
allApplied = false;
}
});
});
bodyColorElements.forEach(el => {
if (!appliedElements.has(el)) {
el.style.color = theme.text;
appliedElements.add(el);
allApplied = false;
}
});
if (allApplied) {
clearInterval(checkInterval);
return;
}
// Apply the SVG path color
openSVGPath.setAttribute("fill", theme.text === "#FFFFFF" ? "#fff" : "#222");
modSettings.themes.current = theme.name;
updateStorage();
};
checkInterval = setInterval(applyTheme, 100);
} catch (e) {
console.error(e);
}
};
const themes = window.themes = {
defaults: [
{
name: "Dark",
background: "#151515",
text: "#FFFFFF"
},
{
name: "White",
background: "#ffffff",
text: "#000000"
},
{
name: "Transparent",
background: "rgba(0, 0, 0,0)",
text: "#FFFFFF"
},
],
orderly: [
{
name: "THC",
background: "linear-gradient(160deg, #9BEC7A, #117500)",
text: "#000000"
},
{
name: "4 AM",
background: "linear-gradient(160deg, #8B0AE1, #111)",
text: "#FFFFFF"
},
{
name: "OTO",
background: "linear-gradient(160deg, #A20000, #050505)",
text: "#FFFFFF"
},
{
name: "Gaming",
background: "https://i.ibb.co/DwKkQfh/BG-1-lower-quality.jpg",
text: "#FFFFFF"
},
{
name: "Shapes",
background: "https://i.ibb.co/h8TmVyM/BG-2.png",
preview: "https://app.czrsd.com/static/themes/BG-2.jpg",
text: "#FFFFFF"
},
{
name: "Blue",
background: "https://i.ibb.co/9yQBfWj/BG-3.png",
preview: "https://app.czrsd.com/static/themes/BG-3.jpg",
text: "#FFFFFF"
},
{
name: "Blue - 2",
background: "https://i.ibb.co/7RJvNCX/BG-4.png",
preview: "https://app.czrsd.com/static/themes/BG-4.jpg",
text: "#FFFFFF"
},
{
name: "Purple",
background: "https://i.ibb.co/vxY15Tv/BG-5.png",
preview: "https://app.czrsd.com/static/themes/BG-5.jpg",
text: "#FFFFFF"
},
{
name: "Orange Blue",
background: "https://i.ibb.co/99nfFBN/BG-6.png",
preview: "https://app.czrsd.com/static/themes/BG-6.jpg",
text: "#FFFFFF"
},
{
name: "Gradient",
background: "https://i.ibb.co/hWMLwLS/BG-7.png",
preview: "https://app.czrsd.com/static/themes/BG-7.jpg",
text: "#FFFFFF"
},
{
name: "Sky",
background: "https://i.ibb.co/P4XqDFw/BG-9.png",
preview: "https://app.czrsd.com/static/themes/BG-9.jpg",
text: "#000000"
},
{
name: "Sunset",
background: "https://i.ibb.co/0BVbYHC/BG-10.png",
preview: "https://app.czrsd.com/static/themes/BG-10.jpg",
text: "#FFFFFF"
},
{
name: "Galaxy",
background: "https://i.ibb.co/MsssDKP/Galaxy.png",
preview: "https://app.czrsd.com/static/themes/Galaxy.jpg",
text: "#FFFFFF"
},
{
name: "Planet",
background: "https://i.ibb.co/KLqWM32/Planet.png",
preview: "https://app.czrsd.com/static/themes/Planet.jpg",
text: "#FFFFFF"
},
{
name: "colorful",
background: "https://i.ibb.co/VqtB3TX/colorful.png",
preview: "https://app.czrsd.com/static/themes/colorful.jpg",
text: "#FFFFFF"
},
{
name: "Sunset - 2",
background: "https://i.ibb.co/TLp2nvv/Sunset.png",
preview: "https://app.czrsd.com/static/themes/Sunset.jpg",
text: "#FFFFFF"
},
{
name: "Epic",
background: "https://i.ibb.co/kcv4tvn/Epic.png",
preview: "https://app.czrsd.com/static/themes/Epic.jpg",
text: "#FFFFFF"
},
{
name: "Galaxy - 2",
background: "https://i.ibb.co/smRs6V0/galaxy.png",
preview: 'https://app.czrsd.com/static/themes/galaxy2.jpg',
text: "#FFFFFF"
},
{
name: "Cloudy",
background: "https://i.ibb.co/MCW7Bcd/cloudy.png",
preview: "https://app.czrsd.com/static/themes/cloudy.jpg",
text: "#000000"
},
]
};
function createThemeCard(theme) {
const themeCard = document.createElement("div");
themeCard.classList.add("theme");
let themeBG;
if (theme.background.includes("http")) {
themeBG = `background: url(${theme.preview || theme.background})`;
} else {
themeBG = `background: ${theme.background}`;
}
themeCard.innerHTML = `
${theme.name}
`;
themeCard.addEventListener("click", () => {
toggleTheme(theme);
});
if (modSettings.themes.custom.includes(theme)) {
themeCard.addEventListener('contextmenu', (ev) => {
ev.preventDefault();
if (confirm("Do you want to delete this Theme?")) {
themeCard.remove();
const themeIndex = modSettings.themes.custom.findIndex((addedTheme) => addedTheme.name === theme.name);
if (themeIndex !== -1) {
modSettings.themes.custom.splice(themeIndex, 1);
updateStorage();
}
}
}, false);
}
return themeCard;
}
const themesContainer = byId("themes");
themes.defaults.forEach((theme) => {
const themeCard = createThemeCard(theme);
themesContainer.append(themeCard);
});
const orderlyThemes = [...themes.orderly, ...modSettings.themes.custom];
orderlyThemes.sort((a, b) => a.name.localeCompare(b.name));
orderlyThemes.forEach((theme) => {
const themeCard = createThemeCard(theme);
themesContainer.appendChild(themeCard);
});
const savedTheme = modSettings.themes.current;
if (savedTheme) {
let selectedTheme;
selectedTheme = themes.defaults.find((theme) => theme.name === savedTheme);
if (!selectedTheme) {
selectedTheme = themes.orderly.find((theme) => theme.name === savedTheme) || modSettings.themes.custom.find((theme) => theme.name === savedTheme);
}
if (selectedTheme) {
toggleTheme(selectedTheme);
}
}
const inputBorderRadius = byId("theme-inputBorderRadius");
const menuBorderRadius = byId("theme-menuBorderRadius");
const inputBorder = byId("theme-inputBorder");
function setCSS(key, value, targets, property) {
modSettings.themes[key] = value;
targets.forEach(target => {
document.querySelectorAll(target).forEach(el => el.style[property] = value);
});
updateStorage();
}
inputBorderRadius.value = modSettings.themes.inputBorderRadius ? modSettings.themes.inputBorderRadius.replace("px", "") : "4";
menuBorderRadius.value = modSettings.themes.menuBorderRadius ? modSettings.themes.menuBorderRadius.replace("px", "") : "15";
inputBorder.checked = modSettings.themes.inputBorder ? modSettings.themes.inputBorder === "1px" : "1px";
setCSS("inputBorderRadius", `${inputBorderRadius.value}px`, [".form-control"], "borderRadius");
setCSS("menuBorderRadius", `${menuBorderRadius.value}px`, [...elements, ".text-block"], "borderRadius");
setCSS("inputBorder", inputBorder.checked ? "1px" : "0px", [".form-control"], "borderWidth");
inputBorderRadius.addEventListener("input", () => setCSS("inputBorderRadius", `${inputBorderRadius.value}px`, [".form-control"], "borderRadius"));
menuBorderRadius.addEventListener("input", () => setCSS("menuBorderRadius", `${menuBorderRadius.value}px`, [...elements, ".text-block"], "borderRadius"));
inputBorder.addEventListener("input", () => setCSS("inputBorder", inputBorder.checked ? "1px" : "0px", [".form-control"], "borderWidth"));
},
chat() {
// disable old chat
setTimeout(() => {
const showChat = document.querySelector('#showChat');
if (showChat && showChat.checked) {
showChat.click();
}
if (showChat) {
showChat.remove();
}
}, 300);
// If someone uninstalls the mod, the chat is visible again
window.addEventListener("beforeunload", () => {
localStorage.setItem("settings", JSON.stringify({
...JSON.parse(localStorage.getItem("settings")),
showChat: true
}));
});
const chatDiv = document.createElement("div");
chatDiv.classList.add("modChat");
chatDiv.innerHTML = `
:
${message}
Keybindings
Location
Show / Hide
General
Time
Name colors
Party / Main
Blur Tag
Location text
Style
Compact chat
Text
Background
Theme
Sigmally
Mod by Cursed `; gameTitle.replaceWith(newTitle); const nickName = byId("nick"); nickName.maxLength = 50; nickName.type = "text"; function updNick() { const nick = nickName.value; mods.nick = nick; const welcome = byId("welcomeUser"); if (welcome) { welcome.innerHTML = `Welcome ${mods.nick || "Unnamed"}, to the SigMod Client!`; } } nickName.addEventListener("input", () => { updNick(); }); updNick(); // Better grammar in the descriptions of the challenges setTimeout(() => { window.shopLocales.challenge_tab.tasks = { "eaten": "Eat %n food in a game.", "xp": "Get %n XP in a game.", "alive": "Stay alive for %n minutes in a game.", "pos": "Reach top %n on leaderboard." }; }, 1000); const topusersInner = document.querySelector(".top-users__inner"); topusersInner.classList.add("scroll"); topusersInner.style.border = "none"; byId("signOutBtn").addEventListener("click", () => { window.gameSettings.user = null; }); const mode = byId("gamemode"); mode.addEventListener("change", () => { client.send({ type: "server-changed", content: getGameMode() }); window.gameSettings.isPlaying = false; }); // redirect to owned skins instead of free skins const ot = Element.prototype.openTab; Element.prototype.openTab = function(tab) { if (!tab === "skins") return; setTimeout(() => { Element.prototype.changeTab('owned') }, 100); ot.apply(this, arguments); }; // Updating the mouse position & the side of the mouse position on the screen document.addEventListener("mousemove", (e) => { this.mouseX = e.clientX + window.pageXOffset; this.mouseY = e.clientY + window.pageYOffset; this.screenSide = this.mouseX < window.innerWidth / 2 ? "left" : "right"; const mouseTracker = document.querySelector(".mouseTracker"); if (!mouseTracker) return; mouseTracker.innerText = `X: ${this.mouseX}; Y: ${this.mouseY}`; }); if (window.sigfix) { const scoreElement = document.querySelector('div[style="position: fixed; top: 10px; left: 10px; width: 400px; height: fit-content; user-select: none; z-index: 2; transform-origin: left top;"] > div'); setInterval(() => { if (scoreElement.innerHTML === "" || !window.gameSettings.isPlaying) return; const score = parseInt(scoreElement.innerHTML.split(": ")[1]); // TODO: fix for tournaments }, 1000); } // change password input type in tournament server to password if (!window.tourneyServer) return; const password = byId("password"); if (!password) return; password.type = "password"; password.autocomplete = "off"; }, removeStorage(storage) { localStorage.removeItem(storage); }, credits() { console.log(`%c ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā āāāāāāā āāā āāāāā āāāāāā āāāāāā āāāāā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā āāāāāāā āāā āāāāā āāāāāā āāāāāā āāāāā ā ā ā ā ā ā ā ā ā ā ā ā ā V${version} ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā āāāāāāā āāā āāāāā āāāāāā āāāāāā āāāāā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā ā ā ā ā ā ā āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā ā ā ā ā ā ā āāāāāāā¦āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā ā ā ā ā ā ā āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā ā ā ā ā ā ā āāāāāāā¦āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā ā ā ā ā ā ā āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā `, 'background-color: black; color: green') }, saveNames() { let savedNames = modSettings.settings.savedNames; let savedNamesOutput = byId("savedNames"); let saveNameBtn = byId("saveName"); let saveNameInput = byId("saveNameValue"); const createNameDiv = (name) => { let nameDiv = document.createElement("div"); nameDiv.classList.add("NameDiv"); let nameLabel = document.createElement("label"); nameLabel.classList.add("NameLabel"); nameLabel.innerText = name; let delName = document.createElement("button"); delName.innerText = "X"; delName.classList.add("delName"); nameDiv.addEventListener("click", () => { const name = nameLabel.innerText; navigator.clipboard.writeText(name).then(() => { this.modAlert(`Added the name '${name}' to your clipboard!`, "success"); }); }); delName.addEventListener("click", () => { if (confirm("Are you sure you want to delete the name '" + nameLabel.innerText + "'?")) { nameDiv.remove(); savedNames = savedNames.filter((n) => n !== nameLabel.innerText); modSettings.settings.savedNames = savedNames; updateStorage(); } }); nameDiv.appendChild(nameLabel); nameDiv.appendChild(delName); return nameDiv; }; saveNameBtn.addEventListener("click", () => { if (saveNameInput.value === "") return setTimeout(() => { saveNameInput.value = ""; }, 10); if (savedNames.includes(saveNameInput.value)) { return; } let nameDiv = createNameDiv(saveNameInput.value); savedNamesOutput.appendChild(nameDiv); savedNames.push(saveNameInput.value); modSettings.settings.savedNames = savedNames; updateStorage(); }); if (savedNames.length > 0) { savedNames.forEach((name) => { let nameDiv = createNameDiv(name); savedNamesOutput.appendChild(nameDiv); }); } }, initStats() { // initialize player stats const statElements = ["stat-time-played", "stat-highest-mass", "stat-total-deaths", "stat-total-mass"]; this.storage = localStorage.getItem("game-stats"); if (!this.storage) { this.storage = { "time-played": 0, // seconds "highest-mass": 0, "total-deaths": 0, "total-mass": 0, }; localStorage.setItem("game-stats", JSON.stringify(this.storage)); } else { this.storage = JSON.parse(this.storage); } statElements.forEach(rawStat => { const stat = rawStat.replace("stat-", ""); const value = this.storage[stat]; this.updateStatElm(rawStat, value); }); this.session.bind(this)(); }, updateStat(key, value) { this.storage[key] = value; localStorage.setItem("game-stats", JSON.stringify(this.storage)); this.updateStatElm(key, value); }, updateStatElm(stat, value) { const element = byId(stat); if (element) { if (stat === "stat-time-played") { const hours = Math.floor(value / 3600); const minutes = Math.floor((value % 3600) / 60); const formattedTime = hours > 0 ? `${hours}h ${minutes}m` : `${minutes}m`; element.innerHTML = formattedTime; } else { const formattedValue = stat === "stat-highest-mass" || stat === "stat-total-mass" ? value > 999 ? `${(value / 1000).toFixed(1)}k` : value.toString() : value.toString(); element.innerHTML = formattedValue; } } }, session() { let playingInterval; let minPlaying = 0; let isPlaying = window.gameSettings.isPlaying; const playBtn = byId("play-btn"); let a = null; playBtn.addEventListener("click", async () => { if (isPlaying) return; while (!window.gameSettings.isPlaying) { await new Promise(resolve => setTimeout(resolve, 200)); } isPlaying = true; let timer = null; if (modSettings.playTimer) { timer = document.createElement("span"); timer.classList.add("playTimer"); timer.innerText = "0m0s played"; document.body.append(timer); } // mouse tracker in session method so it's only visible when playing if (modSettings.mouseTracker) { const mouse = document.createElement("span"); mouse.classList.add("mouseTracker"); mouse.innerText = "X: 0; Y: 0"; document.body.append(mouse); if (!modSettings.playTimer) { mouse.style.top = "128px"; } } let count = 0; playingInterval = setInterval(() => { count++; this.storage["time-played"]++; if (count % 60 === 0) { minPlaying++; } this.updateStat("time-played", this.storage["time-played"]); if (modSettings.playTimer) { this.updateTimeStat(timer, count); } }, 1000); }); setInterval(() => { if (menuClosed() && byId("overlays").style.display !== "none") { byId("overlays").style.display = "none"; } if (isDead() && !dead) { clearInterval(playingInterval); dead = true; const playTimer = document.querySelector(".playTimer"); if (playTimer) playTimer.remove(); const mouseTracker = document.querySelector(".mouseTracker"); if (mouseTracker) mouseTracker.remove(); const score = parseFloat(byId("highest_mass").innerText); const highest = this.storage["highest-mass"]; if (score > highest) { this.storage["highest-mass"] = score; this.updateStat("highest-mass", this.storage["highest-mass"]); } this.storage["total-deaths"]++; this.updateStat("total-deaths", this.storage["total-deaths"]); this.storage["total-mass"] += score; this.updateStat("total-mass", this.storage["total-mass"]); isPlaying = window.gameSettings.isPlaying = false; if (this.lastOneStanding) { client.send({ type: "result", content: null }); playBtn.disabled = true; } if (modSettings.showChallenges && window.gameSettings.user) this.showChallenges(); } else if (!isDead()) { dead = false; const challengesDeathscreen = document.querySelector(".challenges_deathscreen"); if (challengesDeathscreen) challengesDeathscreen.remove(); } }); }, updateTimeStat(el, seconds) { const minutes = Math.floor(seconds / 60); const remainingSeconds = seconds % 60; const timeString = `${minutes}m${remainingSeconds}s`; el.innerText = `${timeString} played`; }, async showChallenges() { const challengeData = await (await fetch(`https://sigmally.com/api/user/challenge/${window.gameSettings.user.email}`)).json(); if (challengeData.status !== 'success') return; const shopLocales = window.shopLocales; let challengesCompleted = 0; const allChallenges = challengeData.data; allChallenges.forEach(({status}) => { if (status) challengesCompleted++; }); let challenges; if (challengesCompleted === allChallenges.length) { challenges = `All challenges completed.
`;
} else {
challenges = allChallenges
.filter(({status}) => !status)
.map(({task, best, status, ready, goal}) => {
const desc = shopLocales.challenge_tab.tasks[task].replace(
'%n',
task === 'alive' ? goal / 60 : goal
);
const btn = ready
? ``
: `${shopLocales.challenge_tab.result}${Math.round(best)}${task === 'alive' ? 's' : ''}
`;
return `
${desc}
${btn}
${challenges}
New challenges in 0h 0m 0s
`;
const toggleColor = (element, background, text) => {
let image = `url("${background}")`;
if (background.includes("http")) {
element.style.background = image;
element.style.backgroundPosition = "center";
element.style.backgroundSize = "cover";
element.style.backgroundRepeat = "no-repeat";
} else {
element.style.background = background;
element.style.backgroundRepeat = "no-repeat";
}
element.style.color = text;
};
if (modSettings.themes.current !== "Dark") {
let selectedTheme;
selectedTheme = window.themes.defaults.find((theme) => theme.name === modSettings.themes.current) || modSettings.themes.custom.find((theme) => theme.name === modSettings.themes.current) || null;
if (!selectedTheme) {
selectedTheme = window.themes.orderly.find((theme) => theme.name === modSettings.themes.current) || modSettings.themes.custom.find((theme) => theme.name === modSettings.themes.current);
}
if (selectedTheme) {
toggleColor(modal, selectedTheme.background, selectedTheme.text);
}
}
document.querySelector(".menu-wrapper--stats-mode").insertAdjacentElement("afterbegin", modal);
if (challengesCompleted < allChallenges.length) {
document.querySelectorAll(".challenge-collect-secondary").forEach(btn => {
btn.addEventListener("click", () => {
const parentChallengeRow = btn.closest('.challenge-row');
if (parentChallengeRow) {
setTimeout(() => {
parentChallengeRow.remove();
}, 500);
}
});
});
}
this.createDayTimer();
},
timeToString(timeLeft) {
const string = new Date(timeLeft).toISOString().slice(11, 19);
const [hours, minutes, seconds] = string.split(':');
return `${hours}h ${minutes}m ${seconds}s`;
},
toISODate: (date) => {
const withTime = date ? new Date(date) : new Date();
const [withoutTime] = withTime.toISOString().split('T');
return withoutTime;
},
createDayTimer() {
const oneDay = 1000 * 60 * 60 * 24;
const getTime = () => {
const today = this.toISODate();
const from = new Date(today).getTime();
const to = from + oneDay;
const distance = to - Date.now();
const time = this.timeToString(distance);
return time;
}
const children = document.querySelector('.new-challenges');
if (children) {
children.innerHTML = `New challenges in ${getTime()}`;
}
this.dayTimer = setInterval(() => {
const today = this.toISODate();
const from = new Date(today).getTime();
const to = from + oneDay;
const distance = to - Date.now();
const time = this.timeToString(distance);
const children = document.querySelector('.new-challenges');
if (!children || distance < 1000 || !isDead()) {
clearInterval(this.dayTimer);
return;
}
children.innerHTML = `New challenges in ${getTime()}`;
}, 1000);
},
macros() {
let that = this;
const KEY_SPLIT = this.splitKey;
let ff = null;
let keydown = false;
let open = false;
const canvas = byId("canvas");
const mod_menu = document.querySelector(".mod_menu");
const freezeType = byId("freezeType");
let freezeKeyPressed = false;
let freezeMouseClicked = false;
let freezeOverlay = null;
let vOverlay = null;
let vLocked = false;
let activeVLine = false;
let fixedOverlay = null;
let fixedLocked = false;
let activeFixedLine = false;
/* intervals */
// Respawn interval
setInterval(() => {
if (modSettings.settings.autoRespawn && this.respawnTime && Date.now() - this.respawnTime >= this.respawnCooldown) {
this.respawn();
}
})
// mouse fast feed interval
setInterval(() => {
if (dead || !menuClosed() || !this.mouseDown) return;
keypress("w", "KeyW");
}, 50);
async function split(times) {
if (times > 0) {
window.dispatchEvent(new KeyboardEvent("keydown", KEY_SPLIT));
window.dispatchEvent(new KeyboardEvent("keyup", KEY_SPLIT));
split(times - 1);
}
}
async function selfTrick() {
let i = 4;
while (i--) {
split(1);
await wait(20)
}
}
async function doubleTrick() {
let i = 2;
while (i--) {
split(1);
await wait(20)
}
}
function mouseToScreenCenter() {
const screenCenterX = canvas.width / 2;
const screenCenterY = canvas.height / 2;
mousemove(screenCenterX, screenCenterY)
return {
x: screenCenterX,
y: screenCenterY
}
}
async function instantSplit() {
await wait(300);
if (modSettings.macros.keys.line.instantSplit && modSettings.macros.keys.line.instantSplit > 0) {
split(modSettings.macros.keys.line.instantSplit);
}
}
async function vLine() {
if (!activeVLine) return;
const x = playerPosition.x;
const y = playerPosition.y;
const offsetUpX = playerPosition.x;
const offsetUpY = playerPosition.y - 100;
const offsetDownX = playerPosition.x;
const offsetDownY = playerPosition.y + 100;
freezepos = false;
window.sendMouseMove(offsetUpX, offsetUpY);
freezepos = true;
await wait(50);
freezepos = false;
window.sendMouseMove(offsetDownX, offsetDownY);
freezepos = true;
}
async function toggleHorizontal(mouse = false) {
if (!freezeKeyPressed) {
if (activeVLine || activeFixedLine) return;
window.sendMouseMove(playerPosition.x, playerPosition.y);
freezepos = true;
instantSplit();
freezeOverlay = document.createElement("div");
freezeOverlay.innerHTML = `
Movement Stopped
`;
freezeOverlay.style = "position: absolute; top: 0; left: 0; z-index: 99; width: 100%; height: 100vh; overflow: hidden; pointer-events: none;";
if (mouse && (modSettings.macros.mouse.left === "freeze" || modSettings.macros.mouse.right === "freeze")) {
freezeOverlay.addEventListener("mousedown", (e) => {
if (e.button === 0 && modSettings.macros.mouse.left === "freeze") { // Left mouse button (1)
handleFreezeEvent();
}
if (e.button === 2 && modSettings.macros.mouse.right === "freeze") { // Right mouse button (2)
handleFreezeEvent();
}
});
if (modSettings.macros.mouse.right === "freeze") {
freezeOverlay.addEventListener("contextmenu", (e) => {
e.preventDefault();
});
}
}
function handleFreezeEvent() {
if (freezeOverlay != null) freezeOverlay.remove();
freezeOverlay = null;
freezeKeyPressed = false;
}
document.querySelector(".body__inner").append(freezeOverlay);
freezeKeyPressed = true;
} else {
if (freezeOverlay != null) freezeOverlay.remove();
freezeOverlay = null;
freezeKeyPressed = false;
freezepos = false;
}
}
async function toggleVertical() {
if (!activeVLine) {
if (freezeKeyPressed || activeFixedLine) return;
window.sendMouseMove(playerPosition.x, playerPosition.y);
freezepos = true;
instantSplit();
vOverlay = document.createElement("div");
vOverlay.style = "pointer-events: none;";
vOverlay.innerHTML = `
Vertical locked
`;
vOverlay.style = "position: absolute; top: 0; left: 0; z-index: 99; width: 100%; height: 100vh; overflow: hidden; pointer-events: none;";
document.querySelector(".body__inner").append(vOverlay);
activeVLine = true;
} else {
activeVLine = false;
freezepos = false;
if (vOverlay) vOverlay.remove();
vOverlay = null;
}
}
async function toggleFixed() {
if (!activeFixedLine) {
if (freezeKeyPressed || activeVLine) return;
window.sendMouseMove(playerPosition.x, playerPosition.y);
freezepos = true;
instantSplit();
fixedOverlay = document.createElement("div");
fixedOverlay.style = "pointer-events: none;";
fixedOverlay.innerHTML = `
Mouse locked
`;
fixedOverlay.style = "position: absolute; top: 0; left: 0; z-index: 99; width: 100%; height: 100vh; overflow: hidden; pointer-events: none;";
document.querySelector(".body__inner").append(fixedOverlay);
activeFixedLine = true;
} else {
activeFixedLine = false;
freezepos = false;
if (fixedOverlay) fixedOverlay.remove();
fixedOverlay = null;
}
}
function sendLocation() {
if (!playerPosition.x || !playerPosition.y) return;
const gamemode = byId("gamemode");
const coordinatesToCheck = (gamemode.value === "eu0.sigmally.com/ws/") ? coordinates : coordinates2;
let field = "";
for (const label in coordinatesToCheck) {
const {min, max} = coordinatesToCheck[label];
if (
playerPosition.x >= min.x &&
playerPosition.x <= max.x &&
playerPosition.y >= min.y &&
playerPosition.y <= max.y
) {
field = label;
break;
}
}
const locationText = modSettings.chat.locationText || field;
const message = locationText.replace('{pos}', field);
window.sendChat(message);
}
function toggleSettings(setting) {
const settingElement = document.querySelector(`input#${setting}`);
if (settingElement) {
settingElement.click();
} else {
console.error(`Setting "${setting}" not found`);
}
}
document.addEventListener("keyup", (e) => {
const key = e.key.toLowerCase();
if (key == modSettings.macros.keys.rapidFeed && keydown) {
clearInterval(ff);
keydown = false;
}
});
document.addEventListener("keydown", (e) => {
// prevent disconnecting & using macros on input fields
if (document.activeElement.tagName === "INPUT" || document.activeElement.tagName === "TEXTAREA") {
e.stopPropagation();
return;
}
;
const key = e.key.toLowerCase();
if (key === "p") {
e.stopPropagation();
}
if (key === "tab" && !window.screenTop && !window.screenY) {
e.preventDefault();
}
if (key === modSettings.macros.keys.rapidFeed) {
e.stopPropagation(); // block actual feeding key
if (!keydown) {
keydown = true;
ff = setInterval(() => keypress("w", "KeyW"), modSettings.macros.feedSpeed);
}
}
// vertical linesplit
if (activeVLine &&
(key === ' ' ||
key === modSettings.macros.keys.splits.doubleSplit ||
key === modSettings.macros.keys.splits.tripleSplit ||
key === modSettings.macros.keys.splits.quadSplit)
) {
vLine();
}
handleKeydown(key);
});
async function handleKeydown(key) {
switch (key) {
case modSettings.macros.keys.toggle.menu: {
if (!open) {
mod_menu.style.display = "flex";
setTimeout(() => {
mod_menu.style.opacity = 1;
}, 10);
open = true;
} else {
mod_menu.style.opacity = 0;
setTimeout(() => {
mod_menu.style.display = "none";
}, 300);
open = false;
}
break;
}
case modSettings.macros.keys.splits.double:
split(2);
break;
case modSettings.macros.keys.splits.triple:
split(3);
break;
case modSettings.macros.keys.splits.quad:
split(4);
break;
case modSettings.macros.keys.splits.selfTrick:
selfTrick();
break;
case modSettings.macros.keys.splits.doubleTrick:
doubleTrick();
break;
case modSettings.macros.keys.line.horizontal:
if (menuClosed())
toggleHorizontal();
break;
case modSettings.macros.keys.line.vertical:
if (menuClosed())
toggleVertical();
break;
case modSettings.macros.keys.line.fixed:
if (menuClosed())
toggleFixed();
break;
case modSettings.macros.keys.location:
sendLocation();
break;
case modSettings.macros.keys.toggle.chat:
mods.toggleChat();
break;
case modSettings.macros.keys.toggle.names:
toggleSettings("showNames");
break;
case modSettings.macros.keys.toggle.skins:
toggleSettings("showSkins");
break;
case modSettings.macros.keys.toggle.autoRespawn:
toggleSettings("autoRespawn");
break;
case modSettings.macros.keys.respawn:
mods.respawnGame();
break;
case modSettings.macros.keys.saveImage:
await mods.saveImage();
break;
}
}
canvas.addEventListener("mousedown", (e) => {
const {macros: {mouse}} = modSettings;
if (e.button === 0) { // Left mouse button (0)
if (mouse.left === "fastfeed") {
if (document.activeElement.tagName === "INPUT" || document.activeElement.tagName === "TEXTAREA") return;
this.mouseDown = true
} else if (mouse.left === "split") {
split(1);
} else if (mouse.left === "split2") {
split(2);
} else if (mouse.left === "split3") {
split(3);
} else if (mouse.left === "split4") {
split(4);
} else if (mouse.left === "freeze") {
toggleHorizontal(true);
} else if (mouse.left === "dTrick") {
doubleTrick();
} else if (mouse.left === "sTrick") {
selfTrick();
}
} else if (e.button === 2) { // Right mouse button (2)
e.preventDefault();
if (mouse.right === "fastfeed") {
if (document.activeElement.tagName === "INPUT" || document.activeElement.tagName === "TEXTAREA") return;
this.mouseDown = true;
} else if (mouse.right === "split") {
split(1);
} else if (mouse.right === "split2") {
split(2);
} else if (mouse.right === "split3") {
split(3);
} else if (mouse.right === "split4") {
split(4);
} else if (mouse.right === "freeze") {
toggleHorizontal(true);
} else if (mouse.right === "dTrick") {
doubleTrick();
} else if (mouse.right === "sTrick") {
selfTrick();
}
}
});
canvas.addEventListener("contextmenu", (e) => {
e.preventDefault();
});
canvas.addEventListener("mouseup", () => {
if (modSettings.macros.mouse.left === "fastfeed") {
this.mouseDown = false;
} else if (modSettings.macros.mouse.right === "fastfeed") {
this.mouseDown = false;
}
});
const macroSelectHandler = (macroSelect, key) => {
const {macros: {mouse}} = modSettings;
macroSelect.value = modSettings[key] || "none";
macroSelect.addEventListener("change", () => {
const selectedOption = macroSelect.value;
const optionActions = {
"none": () => {
mouse[key] = null;
},
"fastfeed": () => {
mouse[key] = "fastfeed";
},
"split": () => {
mouse[key] = "split";
},
"split2": () => {
mouse[key] = "split2";
},
"split3": () => {
mouse[key] = "split3";
},
"split4": () => {
mouse[key] = "split4";
},
"freeze": () => {
mouse[key] = "freeze";
},
"dTrick": () => {
mouse[key] = "dTrick";
},
"sTrick": () => {
mouse[key] = "sTrick";
},
};
if (optionActions[selectedOption]) {
optionActions[selectedOption]();
updateStorage();
}
});
};
const m1_macroSelect = byId("m1_macroSelect");
const m2_macroSelect = byId("m2_macroSelect");
macroSelectHandler(m1_macroSelect, "left");
macroSelectHandler(m2_macroSelect, "right");
const instantSplitAmount = byId("instant-split-amount");
const instantSplitStatus = byId("toggle-instant-split");
instantSplitStatus.checked = modSettings.macros.keys.line.instantSplit > 0;
instantSplitAmount.disabled = !instantSplitStatus.checked;
instantSplitAmount.value = modSettings.macros.keys.line.instantSplit.toString();
instantSplitStatus.addEventListener("change", () => {
if (instantSplitStatus.checked) {
modSettings.macros.keys.line.instantSplit = Number(instantSplitAmount.value) || 0;
instantSplitAmount.disabled = false;
} else {
modSettings.macros.keys.line.instantSplit = 0;
instantSplitAmount.disabled = true;
}
updateStorage();
});
instantSplitAmount.addEventListener("input", (e) => {
modSettings.macros.keys.line.instantSplit = Number(instantSplitAmount.value) || 0;
updateStorage();
});
},
setInputActions() {
const numModInputs = 18;
const macroInputs = Array.from({ length: numModInputs }, (_, i) => `modinput${i + 1}`);
macroInputs.forEach((modkey) => {
const modInput = byId(modkey);
document.addEventListener("keydown", (event) => {
if (document.activeElement !== modInput) return;
if (event.key === "Backspace") {
modInput.value = "";
updateModSettings(modInput.name, "");
return;
}
const newValue = event.key.toLowerCase();
modInput.value = newValue;
const isDuplicate = macroInputs.some((key) => {
const input = byId(key);
return input && input !== modInput && input.value === newValue;
});
if (newValue && isDuplicate) {
alert("You can't use 2 keybindings at the same time.");
setTimeout(() => modInput.value = "", 0);
return;
}
updateModSettings(modInput.name, newValue);
});
});
function updateModSettings(propertyName, value) {
const properties = propertyName.split('.');
let settings = modSettings.macros.keys;
properties.slice(0, -1).forEach(prop => settings = settings[prop]);
settings[properties.pop()] = value;
updateStorage();
}
const modNumberInput = document.querySelector(".modNumberInput");
modNumberInput.addEventListener('keydown', (event) => {
if (!['Backspace', 'ArrowLeft', 'ArrowRight', 'Tab'].includes(event.key) &&
!/^[0-9]$/.test(event.key)) {
event.preventDefault();
}
});
},
openDB() {
if (this.dbCache) return Promise.resolve(this.dbCache);
return new Promise((resolve, reject) => {
const request = indexedDB.open("imageGalleryDB", 1);
request.onupgradeneeded = (event) => {
const db = event.target.result;
if (!db.objectStoreNames.contains("images")) {
db.createObjectStore("images", { keyPath: "timestamp" });
}
};
request.onsuccess = () => {
this.dbCache = request.result;
resolve(this.dbCache);
};
request.onerror = (event) => reject(event.target.error);
});
},
async saveImage() {
const canvas = window.sigfix ? byId("sf-canvas") : byId("canvas");
requestAnimationFrame(async () => {
const dataURL = canvas.toDataURL("image/png");
if (!dataURL) {
console.error("Failed to capture the image. The canvas might be empty or the rendering is incomplete.");
return;
}
const timestamp = Date.now();
if (!indexedDB) return alert("Your browser does not support indexedDB. Please update your browser.");
try {
const db = await this.openDB();
const transaction = db.transaction("images", "readwrite");
const store = transaction.objectStore("images");
store.put({ timestamp, dataURL });
await new Promise((resolve, reject) => {
transaction.oncomplete = resolve;
transaction.onerror = (event) => reject(event.target.error);
});
// Add the new image to the gallery with lazy loading
this.addImageToGallery({ timestamp, dataURL });
} catch (error) {
console.error("Transaction error:", error);
}
});
},
addImageToGallery(image) {
const galleryElement = byId("image-gallery");
if (!galleryElement) return;
// Placeholder image URL
const placeholderURL = 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==';
// Create the new image element
const imageHTML = `
${prettyTime.fullDate(image.timestamp, true)}
${prettyTime.fullDate(item.timestamp, true)}
The tournament is currently being prepared. Please remain patient.
Š Š½Š°ŃŃŠ¾ŃŃŠµŠµ Š²ŃŠµŠ¼Ń ŃŃŃŠ½ŠøŃ Š½Š°Ń
Š¾Š“ŠøŃŃŃ Š² ŃŃŠ°Š“ŠøŠø ŠæŠ¾Š“Š³Š¾ŃŠ¾Š²ŠŗŠø. ŠŠ¾Š¶Š°Š»ŃŠ¹ŃŃŠ°, ŃŠ¾Ń
ŃŠ°Š½ŃŠ¹ŃŠµ ŃŠµŃŠæŠµŠ½ŠøŠµ.
El torneo se estĆ” preparando actualmente. Le rogamos que sea paciente.
O torneio estĆ” sendo preparado no momento. Por favor, seja paciente.
Turnuva Åu anda hazırlanmaktadır. LĆ¼tfen sabırlı olun.
${name}
Hosted by ${hosts}
${teamHTML(participants.blue)}
${teamHTML(participants.red)}
Match Details
Rounds: ${rounds}Prizes: ${prizes}
Time: ${time}
Powered by SigMod
Ready (0/${totalUsers})
${name}
Hosted by ${hosts}
${teamHTML(participants.blue)}
Match Details
Rounds: ${rounds}Prizes: ${prizes}
Time: ${time}
Powered by SigMod
Ready (0/${totalUsers})
${isEnd ? `END OF ${lobby.name}` : `Round ${lobby.currentRound}/${lobby.rounds}`}
`;
document.body.appendChild(fullResult);
const button = byId("tourney-button-action");
let clickedReady = false;
let checkInterval = null;
const updateButtonState = () => {
if (clickedReady) {
clearInterval(checkInterval);
return;
}
button.disabled = !window.gameSettings?.ws;
};
button.addEventListener("click", () => {
button.disabled = true;
if (!isEnd) {
clickedReady = true;
client.send({ type: "ready" })
} else {
location.href = "/";
}
});
checkInterval = setInterval(updateButtonState, 100);
await wait(1000);
resultOverlay.innerHTML = `
YOU ${result.toUpperCase()}!
`;
await wait(500);
fullResult.style.display = "flex";
await wait(2000);
resultOverlay.style.opacity = "0";
await wait(300);
resultOverlay.remove();
},
createStats(lobby) {
if (lobby.mode === "lastOneStanding") {
const team = lobby.participants.blue.length > 0 ? "blue" : "red";
const winner = lobby.participants[team].find((socket) => lobby.roundsData[lobby.currentRound - 1].winners.includes(socket.user.email));
if (!winner) return `Unkown winner.`;
const {user} = winner;
return `
${this.createStats(lobby)}
Powered by SigMod
${!isEnd ? `Ready (0/${lobby.totalUsers})` : ""}
${winnerHTML}
Score: ${winningScore}
${winningPoints || 0}
–
${loserHTML}
Score: ${losingScore}
${losingPoints || 0}
${headerText}
${confPass}
or continue with...
Your data is stored safely and securely.
Profile of ${user.username}
${user.username}
${user.role}
Bio:
${user.bio || "User has no bio."}
Badges:
${badges}
${user.lastOnline ? `Last online:${prettyTime.am_pm(user.lastOnline)} (${prettyTime.time_ago(user.lastOnline, true)})` : ''}
${user.username}
${user.nick}
${user.username}
`}
${user.server ? `
${user.server}
` : ''}
${user.tag ? `
Tag: ${user.tag}
` : ''}
${user.role}
${this.profile.username === user.username ? `${user.username} (You)` : user.username}
${user.role}
${this.profile._id == user._id ? '' : `
`}
${this.profile.username === user.username ? `${user.username} (You)` : user.username}
${user.role}
${this.profile._id == user._id ? '' : `
`}
${user.username}
${user.role}
Your user id
${this.friends_settings.target}
Status
Accept friend requests
Highlight friends
Highlight color
Public profile
Logout
`;
const editProfile = byId("editProfile");
editProfile.addEventListener("click", () => {
this.openProfileEditor();
});
const logout = byId("logout_mod");
logout.addEventListener("click", async () => {
if (confirm("Are you sure you want to logout?")) {
try {
const res = await fetch(this.appRoutes.logout, {
credentials: 'include',
});
const data = await res.json();
if (!data.success) return alert("Something went wrong...");
modSettings.modAccount.authorized = false;
updateStorage();
location.reload();
} catch (error) {
console.error("Error logging out:", error);
}
}
});
const edit_static_status = byId("edit_static_status");
const edit_accept_requests = byId("edit_accept_requests");
const edit_highlight_friends = byId("edit_highlight_friends");
const edit_highlight_color = byId("edit_highlight_color");
const edit_visible = byId("edit_visible");
edit_static_status.addEventListener("change", () => {
const val = edit_static_status.value;
updateSettings("static_status", val);
});
edit_accept_requests.addEventListener("change", () => {
const val = edit_accept_requests.checked;
updateSettings("accept_requests", val);
});
edit_highlight_friends.addEventListener("change", () => {
const val = edit_highlight_friends.checked;
updateSettings("highlight_friends", val);
});
// Debounce the updateSettings function
edit_highlight_color.addEventListener("input", debounce(() => {
const val = edit_highlight_color.value;
updateSettings("highlight_color", val);
}, 500));
edit_visible.addEventListener("change", () => {
const val = edit_visible.checked;
updateSettings("visible", val);
});
const updateSettings = async (type, data) => {
const resData = await (await fetch(this.appRoutes.updateSettings, {
method: 'POST',
body: JSON.stringify({type, data}),
credentials: 'include',
headers: {
'Content-Type': 'application/json'
}
})).json();
if (resData.success) {
this.friends_settings[type] = data;
}
}
},
openProfileEditor() {
let that = this;
const overlay = document.createElement("div");
overlay.classList.add("mod_overlay");
overlay.style.opacity = "0";
overlay.innerHTML = `
Edit mod profile
${this.profile.bio ? this.profile.bio.length : "0"}/250
${announcement.title}
${announcement.pinned ? '${announcement.description}
' : ''}
${data.full.title}
${prettyTime.fullDate(data.date)}${data.full.description}
${data.full.images.map(image => `
`).join('')}
Reset Color
`);
colorPickerInstance.on("change", (e) => {
let storageElement = modSettings;
storagePath.slice(0, -1).forEach(part => storageElement = storageElement[part]);
storageElement[storagePath.at(-1)] = e.hex;
if (path.includes("gradientName") && modSettings.game.name.gradient.enabled) {
modSettings.game.name.gradient.enabled = true;
}
if (elementTarget) {
const targets = document.querySelectorAll(elementTarget.selector);
targets.forEach((target) => {
target.style[elementTarget.property] = e.hex;
});
}
updateStorage();
});
byId(`reset-${selector}`)?.addEventListener("click", () => {
colorPickerInstance.setColor(defaultColor);
let storageElement = modSettings;
storagePath.slice(0, -1).forEach(part => storageElement = storageElement[part]);
storageElement[storagePath.at(-1)] = defaultColor;
if (path.includes("gradientName") && !modSettings.game.name.gradient.left && !modSettings.game.name.gradient.right) {
modSettings.game.name.gradient.enabled = false;
}
if (elementTarget) {
const targets = document.querySelectorAll(elementTarget.selector);
targets.forEach((target) => {
target.style[elementTarget.property] = defaultColor;
});
}
updateStorage();
});
});
},
async loadLibraries() {
for (const lib in libs) {
const { url, css, module } = libs[lib];
const startTime = performance.now();
if (module) {
// Handle ES modules using import
const library = await import(url);
console.log(`%cā
Loaded ${lib}.`, "color: lime");
} else {
// Handle CommonJS modules using script tag
await new Promise((resolve, reject) => {
const script = document.createElement("script");
script.src = url;
script.type = "text/javascript";
document.head.appendChild(script);
script.onload = () => {
console.log(`%cā
Loaded ${lib}.`, "color: lime");
resolve();
};
script.onerror = (error) => reject(error);
});
}
const downloadTime = performance.now() - startTime;
console.log(`ā¬ Download time: ${downloadTime.toFixed(2)}ms`);
if (typeof this[lib] === 'function') {
this[lib]();
}
if (css) {
const cssStartTime = performance.now();
await Promise.all(css.map(cssUrl => new Promise((resolve, reject) => {
const link = document.createElement("link");
link.rel = "stylesheet";
link.href = cssUrl;
document.head.appendChild(link);
link.onload = () => resolve();
link.onerror = (error) => reject(error);
})));
const cssDownloadTime = performance.now() - cssStartTime;
console.log(`%cā
Loaded CSS for ${lib}. ā¬ Download time: ${cssDownloadTime.toFixed(2)}ms`, "color: #40D476");
}
}
},
createMenu() {
if (document.body.children[0]?.id === "cf-wrapper") {
console.log('User is rate limited.');
return;
}
try {
this.loadLibraries();
this.menu();
this.credits();
this.chat();
this.macros();
this.tagsystem();
this.updateNick();
this.clientPing();
this.themes();
this.createMinimap();
this.saveNames();
this.setInputActions();
this.game();
this.mainMenu();
this.macroSettings();
this.initStats();
this.account();
this.announcements();
} catch(e) {
console.error('An error occurred while loading SigMod: ', e);
}
},
}
mods = new mod();
})();