${price} v${DTI_VERSION}`,
style: { paddingBlock: "4px", paddingInline: "9px", borderRadius: "2px", background: "linear-gradient(112deg, rgb(61, 237, 61) 4%, rgb(129, 255, 140) 34%, rgb(61, 237, 61) 66%, rgb(129, 255, 140) 100%)" }
})
description?.lastChild.insertBefore(priceStandard.element, description.lastChild.childNodes[3]);
description.style.width = "300px";
return;
}
const index = rarities.indexOf(rarity.toLowerCase());
const grade = getItemGrade(type, level, index, effects);
if (grade == -1) return;
const standardGrade = type != 'gpu' ? getItemGrade(type, level, index, effects, true) : effects["Idle Crypto Mining"] - stats.gpu_term[index] * (level - 1);
const unitiesByType = {
"cpu": "dCI",
"gpu": "dGI",
"psu": "dPI",
"router": "dFI",
}
const gradeComponent = new Component("div", {
id: "grade",
classList: ["attribute", "svelte-181npts"],
innerText: `${grade} / 10 ${unitiesByType[type]}`,
style: { paddingBlock: "4px", paddingInline: "9px", borderRadius: "2px", backgroundColor: "black" }
})
description.querySelector(".level")?.parentNode.insertBefore(gradeComponent.element, description.querySelector(".effect"));
description.style.width = "300px";
const percentile = dPM(standardGrade, index, type);
let percentileSuffix = "";
if (percentile == 3 || (percentile > 20 && percentile % 10 == 3)) percentileSuffix = "rd";
else if (percentile == 2 || (percentile > 20 && percentile % 10 == 2)) percentileSuffix = "nd";
else if (percentile == 1 || (percentile > 20 && percentile % 10 == 1)) percentileSuffix = "st";
else percentileSuffix = "th";
description.querySelector(".rarity").innerHTML = `${percentile}${percentileSuffix} Percentile v${DTI_VERSION}`;
const price = dPS(percentile, level, index, type);
description.querySelector(".level")?.parentNode.insertBefore(gradeComponent.element, description.querySelector(".effect"));
description.style.width = "300px";
const priceStandard = new Component("div", {
id: "price",
classList: ["attribute", "svelte-181npts", "estimated-price"],
innerHTML: `${price}`,
style: { paddingBlock: "4px", paddingInline: "9px", borderRadius: "2px", background: "linear-gradient(112deg, #edca3d 4%, #ffdf81 34%, #edca3d 66%, #ffdf81 100%)" }
})
description.querySelector(".level")?.parentNode.insertBefore(priceStandard.element, description.querySelector(".effect"));
description.style.width = "300px";
});
let manageLoot = async () => {
const item = document.querySelector(".window-loot > div > div > div > div > div > .item")
let type = (item.querySelector("img")?.src?.match(/[^\/]+\.webp/) || [])[0]?.slice(0, -7).replace("router", "firewall");
if (item && type) {
let background = item.style.background
let rarity = raritiesVariables[background];
if (!rarity) rarity = raritiesVariables[background + ")"];
if (!player.autoloot[rarity][type]) type = "other";
let color = getComputedStyle(item).getPropertyValue(background.toString().slice(4, background.endsWith(")") ? -1 : background.length))
if (rarity) {
await sleep(200);
const action = player.autoloot[rarity][type];
if (action === "nothing")
return;
if (action === "take")
await windowManager.openWindow("inventory", true);
const button = document.querySelector(lootButtons[player.autoloot[rarity][type]])
button?.click();
sendLog(`
Successfully ${action.replace("take", "took").replace("sell", "sold").replace("shred", "shredded")} ${["uncommon", "epic", "ethereal"].includes(rarity) ? "an" : "a"}
${rarity}
item
`);
await sleep(100);
windowManager.closeWindow("inventory", true);
await sleep(500);
}
}
}
const allEqual = (array) => {
return array.every(value => value === array[0]);
}
const getItemRarityScore = (item) => {
const background = item.style.background;
return rarities.indexOf(raritiesVariables[background] || raritiesVariables[background + ")"]);
}
const getItemNameScore = (item) => {
return item.textContent.trim().charCodeAt(0);
}
const getItemPrice = async (item) => {
await item.dispatchEvent(new MouseEvent("mouseover"));
await sleep(100);
const price = Number(document.querySelector(".estimated-price")?.textContent.trim().split("~")[0].replace("+","") || 0)
await item.dispatchEvent(new MouseEvent("mouseleave"));
return price;
}
const getItemdTI = async (item) => {
await item.dispatchEvent(new MouseEvent("mouseover"));
await sleep(100);
const price = Number(document.querySelector("#grade")?.textContent.split(" / ")[0] || 0)
await item.dispatchEvent(new MouseEvent("mouseleave"));
return price;
}
const getItemTypeScore = (item) => {
const types = ["cpu", "gpu", "psu", "router"]
const type = (item.querySelector("img")?.src?.match(/[^\/]+\.webp/) || [])[0]?.slice(0, -7);
const score = types.indexOf(type);
return score == -1 ? types.length : score;
}
const getItemToMove = async (order, scores) => {
const inventoryWindow = document.querySelector(".window-title > img[src='icons/inventory.svg']").closest(".window");
const inventory = Array.from(inventoryWindow.querySelectorAll(".item"))
return inventory.find((_, index) => (order === "asc" ? scores[index] > scores[index + 1] : scores[index] < scores[index + 1]))
}
const sortItem = async (item, itemSellerWindow) => {
if (!itemSellerWindow) console.log("sortItem(): Item Seller Not Found!")
const slot = itemSellerWindow.querySelector(".item-slot");
moveItem(item, slot);
await sleep(110);
itemSellerWindow.querySelector(".item")?.parentNode.dispatchEvent(new MouseEvent("dblclick"));
}
const sortInventory = async (order, getScore) => {
const itemSellerWindow = await windowManager.openWindow("item_seller", true);
const inventoryWindow = document.querySelector(".window-title > img[src='icons/inventory.svg']").closest(".window");
let inventory = Array.from(inventoryWindow.querySelectorAll(".item"))
const scores = [];
for (let item of inventory) {
const result = await getScore(item);
scores.push(result);
}
let nextItem = await getItemToMove(order, scores);
while (nextItem) {
await sortItem(nextItem, itemSellerWindow);
inventory = Array.from(inventoryWindow.querySelectorAll(".item"))
const index = inventory.indexOf(nextItem);
scores.push(scores[index]);
scores.splice(index, 1);
await sleep(110);
nextItem = await getItemToMove(order, scores);
}
windowManager.closeWindow("item_seller");
}
const customSort = async () => {
const inventory = await windowManager.openWindow("inventory");
const items = Array.from(inventory.querySelectorAll(".item"));
items.forEach((item, index) => item.id = `inventory${index}`);
let mode = "insert";
const e = new Component("div", {
id: "customSort",
style: {
position: "absolute",
zIndex: 1000,
height: "100vh",
width: "100vw",
top: 0,
left: 0,
backgroundColor: "#000000cc",
display: "flex",
justifyContent: "center",
alignItems: "center",
flexDirection: "column",
gap: "20px",
},
children: [
new Component("h1", {
innerText: "Drag to sort"
}),
new Component("div", {
style: { display: "flex", border: "1px solid var(--color-terminal)", borderRadius: "8px", fontSize: "20px", fontFamily: "var(--font-family-2)" },
children: [
new Component("span", {
classList: ["customSort-insert"],
style: { width: "200px", padding: "5px 15px", color: "white", backgroundColor: "var(--color-midgreen)", borderRadius: "8px", textAlign: "center", cursor: "pointer" },
innerText: "Insert",
onclick: (e) => {
mode = "insert";
e.target.style.backgroundColor = "var(--color-midgreen)";
document.querySelector(".customSort-replace").style.backgroundColor = "unset";
}
}),
new Component("span", {
classList: ["customSort-replace"],
style: { width: "200px", padding: "5px 15px", color: "white", borderRadius: "8px", textAlign: "center", cursor: "pointer" },
innerText: "Replace",
onclick: (e) => {
mode = "replace";
e.target.style.backgroundColor = "var(--color-midgreen)";
document.querySelector(".customSort-insert").style.backgroundColor = "unset";
}
}),
]
}),
new Component("ul", {
id: "draggable-menu",
style: {
display: "flex",
flexDirection: "column",
gap: "5px",
padding: 0,
listStyleType: "none",
overflow: "auto",
height: "70vh",
// width: "90%",
width: (325 * Math.ceil(items.length / 15)) + "px",
flexWrap: "wrap",
alignItems: "center",
},
children: items.map((item, index) => (
new Component("div", {
style: { display: "flex", gap: "10px", alignItems: "center" },
children: [
(items.length > 15 && new Component("span", {
classList: ["indexes"],
innerText: (Number(index) + 1).toString() + ".",
style: { width: "20px" }
})),
new Component("li", {
classList: ["draggable"],
draggable: true,
style: {
width: "290px",
height: "35px",
minHeight: "35px",
backgroundColor: "red",
cursor: "move",
borderRadius: "3px",
overflow: "hidden"
},
innerHTML: item.parentNode.innerHTML,
onmouseenter: async (e) => {
e.target.style.outline = "1px solid white";
const item = document.querySelector(`#${e.target.querySelector(".item").id}`);
item.dispatchEvent(new MouseEvent("mouseover"))
await sleep(20);
const hoverWindow = document.querySelector("#desc");
if (hoverWindow) {
hoverWindow.style.top = (e.clientY < 450 ? 450 : e.clientY) + "px";
hoverWindow.style.left = (e.clientX + 20) + "px";
}
},
onmouseleave: (e) => {
e.target.style.outline = "unset";
item.dispatchEvent(new MouseEvent("mouseleave"))
},
})
]
})
))
}),
new Component("div", {
style: { display: "flex", gap: "20px" },
children: [
new Component("button", {
style: { width: "100px", height: "40px", fontSize: "20px" },
classList: ["red", "svelte-ec9kqa"],
innerText: "Cancel",
onclick: () => document.querySelector("#customSort")?.remove(),
}),
new Component("button", {
style: { width: "100px", height: "40px", fontSize: "20px" },
classList: ["green", "svelte-ec9kqa"],
innerText: "Sort",
onclick: async () => {
const list = Array.from(document.querySelectorAll(".draggable > div"))
document.querySelector("#customSort")?.remove();
await sortInventory("asc", (item) => list.findIndex(e => e.id == item.id));
}
}),
]
})
]
})
document.body.append(e.element);
await sleep(100);
let dragSrcEl = null;
const { element: insertIndicator } = new Component("div", {
classList: [ "insert-indicator" ],
});
function dragStart(e) {
document.getElementById("desc")?.remove();
this.style.opacity = '0.5';
dragSrcEl = this;
e.dataTransfer.effectAllowed = 'move';
e.dataTransfer.setData('text/html', this.innerHTML);
};
function dragEnter() {
Array.from(document.querySelectorAll(".over")).forEach(el => el.classList.remove("over"));
if (mode == "insert")
this.parentNode.parentNode.insertBefore(insertIndicator, this.parentNode);
else
this.classList.add('over');
}
function dragOver(e) {
e.preventDefault();
e.dataTransfer.dropEffect = 'move';
return false;
}
function dragDrop(e) {
e.stopPropagation();
if (dragSrcEl != this) {
if (mode == "insert") {
let list = document.getElementById('draggable-menu');
let items = Array.from(list.querySelectorAll('.draggable'));
let draggedIndex = items.indexOf(dragSrcEl);
let targetIndex = items.indexOf(this);
if (draggedIndex < targetIndex)
this.parentNode.insertAdjacentElement('afterend', dragSrcEl.parentNode);
else
this.parentNode.insertAdjacentElement('beforebegin', dragSrcEl.parentNode);
Array.from(document.querySelectorAll(".indexes")).forEach((e, index) => e.innerText = (Number(index) + 1) + ".")
} else {
dragSrcEl.innerHTML = this.innerHTML;
this.innerHTML = e.dataTransfer.getData('text/html');
}
}
return false;
}
function dragEnd() {
const listItems = Array.from(document.querySelectorAll('.draggable'));
listItems.forEach(item => {
item.classList.remove('over');
item.style.opacity = '1';
document.querySelector(".insert-indicator")?.remove();
});
}
const addEventsDragAndDrop = (el) => {
el.addEventListener('dragstart', dragStart, false);
el.addEventListener('dragenter', dragEnter, false);
el.addEventListener('dragover', dragOver, false);
el.addEventListener('drop', dragDrop, false);
el.addEventListener('dragend', dragEnd, false);
}
Array.from(document.querySelectorAll('.draggable')).forEach((item) => addEventsDragAndDrop(item));
}
const editInventoryWindow = (inventoryWindow = document.querySelector(".window-title > img[src='icons/inventory.svg']")?.closest(".window")) => {
if (!inventoryWindow) return;
const sortButton = new Component("button", {
classList: ["green", "svelte-ec9kqa"],
style: { padding: "10px", fontSize: "16px", width: "35px" },
children: [
new Component("img", {
src: getAssetLink("sort.svg"),
style: { filter: "invert(1)" },
classList: ["icon"]
})
],
onclick: (e) => {
const position = e.target.getBoundingClientRect();
new Popup({ clientY: position.y, clientX: position.x })
.setTitle("Sort by")
.addAction("Custom", customSort)
.addAction("Type", async () => await sortInventory("asc", getItemTypeScore))
.addAction("Rarity", async () => {
new Popup({ clientY: position.y, clientX: position.x })
.setTitle("Rarity")
.addAction("Descendant", async () => await sortInventory("desc", getItemRarityScore))
.addAction("Ascendant", async () => await sortInventory("asc", getItemRarityScore))
.create();
})
.addAction("Price", async () => {
new Popup({ clientY: position.y, clientX: position.x })
.setTitle("Price")
.addAction("Descendant", async () => await sortInventory("desc", getItemPrice))
.addAction("Ascendant", async () => await sortInventory("asc", getItemPrice))
.create();
})
.addAction("dTI", async () => {
new Popup({ clientY: position.y, clientX: position.x })
.setTitle("dTI")
.addAction("Descendant", async () => await sortInventory("desc", getItemdTI))
.addAction("Ascendant", async () => await sortInventory("asc", getItemdTI))
.create();
})
.addAction("Alphabet", async () => {
new Popup({ clientY: position.y, clientX: position.x })
.setTitle("Alphabet")
.addAction("A - Z", async () => await sortInventory("asc", getItemNameScore))
.addAction("Z - A", async () => await sortInventory("desc", getItemNameScore))
.create();
})
.create();
}
})
const items = inventoryWindow.querySelectorAll(".name");
Array.from(items).forEach((item, index) => {
const indexElement = new Component("div", {
classList: ["attribute", "svelte-1sdpiuc"],
style: { marginLeft: "auto", backgroundColor: "#00000038" },
innerText: index + 1
});
item.append(indexElement.element);
})
const div = inventoryWindow.querySelector(".window-content > div > div:not([id])");
div.style.display = "flex";
div.style.justifyContent = "space-between";
div.style.alignItems = "center";
div.append(sortButton.element);
}
window.openBrowserLink = async function (link) {
await windowManager.openWindow("browser");
const browserWindow = document.querySelector(".window-title > img[src='icons/browser.svg']").parentNode.parentNode;
const inputField = browserWindow.querySelector("#wrapper > input");
inputField.value = link;
inputField.dispatchEvent(new Event('input', { bubbles: true }));
const goButton = browserWindow.querySelector("form > a > button");
goButton.click();
await sleep(1000)
goButton.click();
}
/**
* @param {HTMLDivElement} targetWindow
*/
const getTargetID = (targetWindow) => {
const reportButton = targetWindow.querySelector("#report");
const elementWithID = targetWindow.querySelector(`#top-wrapper > div > div:nth-child(2) > div:nth-child(${reportButton ? 4 : 3})`);
return elementWithID.innerText.replace("ID: ", "");
}
/**
* @param {HTMLDivElement} targetWindow
*/
const getTargetUsername = (targetWindow) => {
const reportButton = targetWindow.querySelector("#report");
const elementWithUsername = targetWindow.querySelector(`#top-wrapper > div > div:nth-child(2) > div:nth-child(${reportButton ? 2 : 1}) > div`);
return elementWithUsername.innerText;
}
/**
* Returns the username (for registered players) or session ID (for guests).
* @param {HTMLDivElement} targetWindow
* @returns {{ usernameOrId: string; usernameOrIdText: string }}
*/
const getTargetUsernameOrId = (targetWindow) => {
const buttonsContainer = targetWindow.querySelector(".section-content > div:nth-child(2)");
const tradeButton = buttonsContainer.querySelector("div > a > button > img[src='icons/trade.svg']");
const usernameOrIdText = tradeButton ? "username" : "ID";
const usernameOrId = tradeButton ? getTargetUsername(targetWindow) : getTargetID(targetWindow);
return { usernameOrId, usernameOrIdText };
};
/**
* @param {HTMLDivElement} targetWindow
*/
const createPunishButton = (targetWindow) => new Component("div", {
style: {
position: "absolute",
right: "26px",
top: "2px",
padding: "2px 4px",
borderRadius: "2px",
},
id: "punish",
children: [
new Component("img", {
classList: ["icon"],
src: getAssetLink("legal-hammer.svg"),
alt: "Punish",
style: {
filter: "invert(60%)"
},
}),
],
onclick: () => {
for (const comment of targetWindow.querySelectorAll(".comment-wrapper")) comment.remove();
const lines = targetWindow.querySelectorAll(".line");
if (lines.length === 2) lines[1].remove();
const buttonsContainer = targetWindow.querySelector(".section-content > div:nth-child(2)");
// Make sure to not remove the trade button, as it's always there for registered players, even when offline
buttonsContainer.querySelector("div > a > button > img[src='icons/hack.svg']")?.parentNode?.parentNode?.parentNode?.remove();
targetWindow.querySelector(".window-content").style.height = "fit-content";
const punishOptionsContainer = new Component("div", {
style: {
marginTop: "5px",
display: "flex",
},
});
buttonsContainer.appendChild(punishOptionsContainer.element);
let selectedPunishCommand = "";
const createPunishOption = (buttonText, punishCommand, color, iconSrc, iconAlt) => {
const punishOption = new Component("div", {
style: {
display: "flex",
flexDirection: "column",
flex: "1",
},
children: [new Component("a", {
style: {
width: "100%",
display: "inline-block",
margin: "0px",
flex: "0 1 auto",
},
children: [new Component("button", {
classList: [color, "svelte-ec9kqa"],
style: {
height: "auto",
padding: "6px 0",
fontFamily: "var(--font-family-1)",
fontSize: "16px",
boxShadow: "0 10px 15px var(--color-shadow)",
//fontSize: "clamp(1rem, 1vw + 1rem, 2rem)",
},
innerHTML: ` Successfully copied ${label} to clipboard`);
new Audio("/sound/log.m4a").play();
})
.catch( () => {
sendLog(`
Could not copy ${label} to clipboard`);
new Audio("/sound/error.m4a").play();
});
}
const windowOpenObserver = new MutationObserver(async function (mutations) {
const newWindow = mutations.find(e => {
return e.target == document.querySelector("main") &&
e.addedNodes.length == 1 &&
e.addedNodes[0]?.classList?.contains("window", "svelte-1hjm43z")
})
if (!newWindow)
return;
const src = newWindow.addedNodes[0].querySelector(".window-title > img").src
const name = src.split("/")[src.split("/").length - 1].slice(0, -4);
if (player.configuration.openInSilent.find(e => e.iconName === name)) {
newWindow.addedNodes[0].style.display = "none";
newWindow.addedNodes[0].classList.add("openInSilent");
}
const isItem = newWindow.addedNodes[0].querySelector(".window-title > img[src='icons/loot.svg']")
if (isItem)
await manageLoot();
const isInventoryWindow = newWindow.addedNodes[0].querySelector(".window-title > img[src='icons/inventory.svg']")?.parentNode?.parentNode;
if (isInventoryWindow)
editInventoryWindow(isInventoryWindow);
const isTradeWindow = newWindow.addedNodes[0].querySelector(".window-title > img[src='icons/trade.svg']")?.parentNode?.parentNode;
if (isTradeWindow)
editTradeWindow(isTradeWindow);
const isFilamentWindow = newWindow.addedNodes[0].querySelector(".window-title > img[src='icons/filament.svg']")?.parentNode?.parentNode;
if (isFilamentWindow) {
const upgrader = isFilamentWindow.querySelectorAll("h3")[1];
if (!upgrader)
return;
const isAnyGreen = Array.from(isFilamentWindow.querySelectorAll("button.green:not(.cantClick)")).slice(1).length
const container = new Component("a", {
style: { width: "311px", display: "inline-block", margin: "0", marginTop: "10px", flex: "0 1 auto" },
children: [
new Component("button", {
innerText: "Trade all",
classList: ["green", "svelte-ec9kqa", (isAnyGreen ? "can" : "cantClick")],
style: { height: "auto", padding: "6px 14px", fontFamily: "var(--font-family-1)", fontSize: "16px", boxShadow: "0 10px 15px var(--color-shadow)" }
})
],
onclick: async () => {
for (let i = 0; i < 6; i++) {
let button = Array.from(isFilamentWindow.querySelectorAll("button.green")).filter(e => e.innerText == "Max")[i];
button?.click();
await sleep(100);
}
}
})
upgrader.after(container.element);
}
const isTerminalWindow = newWindow.addedNodes[0].querySelector(".window-title > img[src='icons/terminal.svg']");
if (isTerminalWindow) {
const terminalProgressBar = document.querySelector(".target-bar-progress");
if (!terminalProgressBar) return
customTerminal();
if (player.configuration.currentTheme !== Object.keys(themes)[0]) {
const hackObserver = new MutationObserver(function (_) {
colorizeTerminal();
});
hackObserver.observe(terminalProgressBar, { attributes: true, attributeFilter: ["style"] });
}
}
/** @type {HTMLDivElement | undefined} */
const isParamWindow = newWindow.addedNodes[0].querySelector(".window-title > img[src='icons/settings.svg']")?.parentNode?.parentNode;
if (isParamWindow) {
isParamWindow.querySelector(".slider[min='70']").onchange = (e) =>
localStorage.setItem("prettier-desktopIconSize", e.target.value);
const windowContent = isParamWindow.querySelector(".window-content");
windowContent.style.width = "600px";
// prevent the width from glitching between 400px and 600px
const widthObserver = new MutationObserver(function (mutations) {
for (const mutation of mutations) {
if (mutation.target instanceof HTMLElement && mutation.target.style.width !== "600px") mutation.target.style.width = "600px";
}
});
widthObserver.observe(windowContent, { attributes: true, attributeFilter: [ "style" ], attributeOldValue: true })
let currImage = localStorage.getItem("prettier-backgroundImage");
const wrapper = isParamWindow.querySelector(".window-content > div");
const shredder = wrapper.querySelector("div:nth-child(4)");
shredder.querySelectorAll("button.green").forEach(button => button.click());
shredder.style.display = "none";
wrapper.querySelector("div:nth-child(1)").innerHTML = wrapper.querySelector("div:nth-child(1)").innerHTML.replace(/You're currently logged in as .+\./, "");
wrapper.querySelector("div:nth-child(1) > div > div").style.marginTop = 0;
wrapper.querySelector("button.red").style.height = "30px"
function updateBackground() {
document.querySelector("body").style.backgroundImage = currImage || "url(../../../img/bg-tile.png),radial-gradient(at center bottom,#273541,#0b0b0c)";
if (currImage && currImage !== "url()")
localStorage.setItem("prettier-backgroundImage", currImage)
else
localStorage.removeItem("prettier-backgroundImage")
}
const borderColor = "transparent"
const autolootSetting = new Component("table", {
classList: ["item-manager-content"],
children: [
new Component("thead", {
children: [
new Component("th", {
innerText: "",
style: { borderBottom: `1px solid ${borderColor}` }
}),
...["cpu", "gpu", "psu", "firewall", "other"].map((type, index) => (
new Component("th", {
style: { width: "100px" },
children: [
new Component("div", {
innerText: type.toUpperCase(),
style: {
textAlign: "center", fontSize: "14px", fontWeight: 600, backgroundColor: "#ffffff33", padding: "3px",
borderTopLeftRadius: index == 0 ? "5px" : 0,
borderBottomLeftRadius: index == 0 ? "5px" : 0
},
})
]
})
)),
new Component("th", {
style: { width: "100px" },
children: [
new Component("div", {
innerText: "ALL",
style: {
textAlign: "center", fontSize: "14px", fontWeight: 600, backgroundColor: "#ffffff33", padding: "3px",
borderTopRightRadius: "5px",
borderBottomRightRadius: "5px",
},
})
]
})
]
}),
new Component("tbody", {
children: lootRarity.slice(0, -1).map(rarity => (
new Component("tr", {
children: [
new Component("th", {
style: { borderBottom: `1px solid ${borderColor}` },
children: [
new Component("div", {
innerText: rarity.name[0].toUpperCase() + rarity.name.slice(1),
style: { background: rarity.color, color: "white", fontWeight: 600, padding: "5px", borderRadius: "5px", fontSize: "12px", textAlign: "center" }
})
]
}),
...["cpu", "gpu", "psu", "firewall", "other"].map(type => (
new Component("td", {
style: { position: "relative", borderBottom: `1px solid ${borderColor}`, cursor: "pointer" },
onmouseenter: () => document.querySelector(`.${rarity.name}${type}`).style.backgroundColor = "#ffffff33",
onmouseleave: () => document.querySelector(`.${rarity.name}${type}`).style.backgroundColor = "#ffffff11",
children: [
new Component("select", {
classList: [`${rarity.name}${type}select`],
style: { position: "absolute", top: 0, left: 0, height: "100%", width: "100%", opacity: 0 },
onchange: (e) => {
player.autoloot[rarity.name][type] = e.target.value;
document.querySelector(`.${rarity.name}${type}`).innerText = e.target.value;
document.querySelector(`.${rarity.name}all`).innerText = allEqual(Object.values(player.autoloot[rarity.name])) ? player.autoloot[rarity.name].cpu : "-";
player.autoloot[rarity.name][type] = e.target.value;
save("prettier-autoloot", player.autoloot);
},
children: ["take", "shred", "sell", "nothing"].map(action => (
new Component("option", {
value: action,
innerText: action,
selected: action === player.autoloot[rarity.name][type]
})
))
}),
new Component("div", {
classList: [`${rarity.name}${type}`],
innerText: player.autoloot[rarity.name][type],
style: { textAlign: "center", fontSize: "14px", fontWeight: 400, padding: "4px", backgroundColor: "#ffffff11", borderRadius: "5px" },
}),
]
})
)),
new Component("td", {
style: { position: "relative", borderBottom: `1px solid ${borderColor}`, borderLeft: "2px solid #ffffff33" },
onmouseenter: () => document.querySelector(`.${rarity.name}all`).style.backgroundColor = "#ffffff33",
onmouseleave: () => document.querySelector(`.${rarity.name}all`).style.backgroundColor = "#ffffff11",
children: [
new Component("select", {
style: { position: "absolute", top: 0, left: 0, height: "100%", width: "100%", opacity: 0 },
value: "take",
onchange: (e) => {
for (let type of ["cpu", "gpu", "psu", "firewall", "other"]) {
document.querySelector(`.${rarity.name}${type}select`).value = e.target.value;
document.querySelector(`.${rarity.name}${type}`).innerText = e.target.value;
document.querySelector(`.${rarity.name}all`).innerText = e.target.value;
player.autoloot[rarity.name][type] = e.target.value;
save("prettier-autoloot", player.autoloot);
}
},
children: ["take", "shred", "sell", "nothing"].map(action => (
new Component("option", {
value: action,
innerText: action,
selected: allEqual(Object.values(player.autoloot[rarity.name])) && action === player.autoloot[rarity.name].cpu
})
))
}),
new Component("div", {
innerText: allEqual(Object.values(player.autoloot[rarity.name])) ? player.autoloot[rarity.name].cpu : "-",
classList: [`${rarity.name}all`],
style: { textAlign: "center", fontSize: "14px", fontWeight: 400, padding: "4px", backgroundColor: "#ffffff11", borderRadius: "5px" }
}),
]
})
]
})
))
})
]
})
const tradePriceSetting = new Component("table", {
classList: ["item-manager-content"],
children: [
new Component("thead", {
children: [
new Component("th", {
innerText: "",
style: { borderBottom: `1px solid ${borderColor}` }
}),
...["cpu", "gpu", "psu", "firewall", "other"].map((type, index) => (
new Component("th", {
style: { width: "100px" },
children: [
new Component("div", {
innerText: type.toUpperCase(),
style: {
textAlign: "center", fontSize: "14px", fontWeight: 600, backgroundColor: "#ffffff33", padding: "3px",
borderTopLeftRadius: index == 0 ? "5px" : 0,
borderBottomLeftRadius: index == 0 ? "5px" : 0
},
})
]
})
)),
new Component("th", {
style: { width: "100px" },
children: [
new Component("div", {
innerText: "ALL",
style: {
textAlign: "center", fontSize: "14px", fontWeight: 600, backgroundColor: "#ffffff33", padding: "3px",
borderTopRightRadius: "5px",
borderBottomRightRadius: "5px",
},
})
]
})
]
}),
new Component("tbody", {
children: lootRarity.map(rarity => (
new Component("tr", {
children: [
new Component("th", {
style: { borderBottom: `1px solid ${borderColor}` },
children: [
new Component("div", {
innerText: rarity.name[0].toUpperCase() + rarity.name.slice(1),
style: { background: rarity.color, color: "white", fontWeight: 600, padding: "5px", borderRadius: "5px", fontSize: "12px", textAlign: "center" }
})
]
}),
...["cpu", "gpu", "psu", "firewall", "other"].map(type => (
new Component("td", {
style: { borderBottom: `1px solid ${borderColor}`, width: "100px" },
children: [
new Component("input", {
classList: [`${rarity.name}${type}`],
style: { padding: "4px", borderRadius: "5px", backgroundColor: "var(--color-grey)", boxShadow: "0 10px 20px var(--color-shadow) inset", border: "1px solid var(--color-lightgrey)", fontFamily: "var(--font-family-2)", width: "70px" },
value: player.tradePricing[rarity.name][type],
onblur: (e) => {
let value = e.target.value;
if (value == "")
return e.target.style.border = "1px solid var(--color-red)"
if (isNaN(Number(value)) || Number(value) < 0 || Number(value) > 100000)
return e.target.style.border = "1px solid var(--color-red)"
if (value.includes(".")) {
const before = value.split(".")[0];
const after = value.split(".")[1];
if (after.length > 5)
value = `${before}.${after.slice(0, 4)}${after.split("").find(e => e != "0")}`;
}
e.target.value = value;
player.tradePricing[rarity.name][type] = Number(value);
save("prettier-tradePricing", player.tradePricing);
e.target.style.border = "1px solid var(--color-lightgrey)";
if (allEqual(Object.values(player.tradePricing)))
document.querySelector(`.${rarity.name}all`).value = value;
else
document.querySelector(`.${rarity.name}all`).value = "";
}
})
]
})
)),
new Component("td", {
style: { borderBottom: `1px solid ${borderColor}`, borderLeft: "2px solid #ffffff33" },
children: [
new Component("input", {
classList: [`${rarity.name}all`],
style: { padding: "4px", borderRadius: "5px", backgroundColor: "var(--color-grey)", boxShadow: "0 10px 20px var(--color-shadow) inset", border: "1px solid var(--color-lightgrey)", fontFamily: "var(--font-family-2)", width: "70px" },
value: allEqual(Object.values(player.tradePricing[rarity.name])) ? player.tradePricing[rarity.name].cpu.toString() : "",
onblur: (e) => {
let value = e.target.value;
if (value == "")
return e.target.style.border = "1px solid var(--color-red)"
if (isNaN(Number(value)) || Number(value) < 0 || Number(value) > 100000)
return e.target.style.border = "1px solid var(--color-red)"
if (value.includes(".")) {
const before = value.split(".")[0];
const after = value.split(".")[1];
if (after.length > 5)
value = `${before}.${after.slice(0, 4)}${after.split("").find(e => e != "0")}`;
}
e.target.value = value;
for (let type of ["cpu", "gpu", "psu", "firewall", "other"]) {
player.tradePricing[rarity.name][type] = Number(value);
document.querySelector(`.${rarity.name}${type}`).value = value;
}
save("prettier-tradePricing", player.tradePricing);
e.target.style.border = "1px solid var(--color-lightgrey)";
}
})
]
})
]
})
))
})
]
})
const itemManager = new Component("div", {
classList: ["el", "svelte-176ijne"],
style: { display: "flex", flexDirection: "column", gap: "10px" },
children: [
new Component("h4", {
innerText: "Item Manager"
}),
new Component("div", {
classList: ["item-manager-tabs"],
style: { display: "flex", justifyContent: "center", position: "relative" },
children: [
new Component("div", {
classList: ["tab-slider"],
style: { position: "absolute", bottom: 0, left: 0, height: "2px", width: "50%", backgroundColor: "white", transitionDuration: "0.3s", transform: "translateX(0)" }
}),
new Component("span", {
innerText: "Auto Loot",
classList: ["item-manager-loot"],
style: { padding: "7px", width: "100%", cursor: "pointer", borderBottom: "2px solid #ffffff33" },
onmouseenter: (e) => e.target.style.backgroundColor = "#ffffff33",
onmouseleave: (e) => e.target.style.backgroundColor = null,
onclick: () => {
const slider = document.querySelector(".tab-slider");
if (slider.style.transform === "translateX(0)") return
slider.style.transform = "translateX(0)";
document.querySelector(".item-manager-content")?.remove();
document.querySelector(".item-manager-body")?.append(autolootSetting.element);
}
}),
new Component("span", {
innerText: "Trade Pricing",
classList: ["item-manager-pricing"],
style: { padding: "7px", width: "100%", cursor: "pointer", borderBottom: "2px solid #ffffff33" },
onmouseenter: (e) => e.target.style.backgroundColor = "#ffffff33",
onmouseleave: (e) => e.target.style.backgroundColor = null,
onclick: () => {
const slider = document.querySelector(".tab-slider");
if (slider.style.transform === "translateX(100%)") return
slider.style.transform = "translateX(100%)";
document.querySelector(".item-manager-content")?.remove();
document.querySelector(".item-manager-body")?.append(tradePriceSetting.element);
}
})
]
}),
new Component("div", {
classList: ["item-manager-body"],
children: [autolootSetting]
})
]
})
const iconColorSetting = new Component("div", {
classList: ["el", "svelte-176ijne"],
children: [
new Component("h4", {
innerText: "Desktop Icon Color",
}),
new Component("div", {
style: { marginTop: "10px", display: "flex", justifyContent: "center", alignItems: "center", gap: "5px" },
children: [
new Component("input", {
type: "color",
classList: ["color-picker"],
style: { height: "35px", width: "60px", border: "none", borderRadius: "2px", cursor: 'pointer', paddingInline: "2px" },
value: player.configuration.desktopIconColor,
onchange: async (e) => {
document.querySelector(".color-input").value = e.target.value;
document.querySelectorAll(".desktop-icon").forEach(image => image.style.backgroundColor = e.target.value);
document.querySelectorAll(".desktop-title").forEach(title => title.style.color = e.target.value);
player.configuration.desktopIconColor = e.target.value;
localStorage.setItem("prettier-desktopIconColor", e.target.value);
}
}),
new Component("input", {
type: "text",
classList: ["color-input"],
placeholder: "Ex: #ffffff",
value: player.configuration.desktopIconColor,
style: { width: "150px", padding: "10px", borderRadius: "2px", textAlign: "left", backgroundColor: "var(--color-grey)", boxShadow: "0 10px 20px var(--color-shadow) inset", border: "1px solid var(--color-lightgrey)", fontFamily: "var(--font-family-2)", zIndex: "60" },
onblur: (e) => {
if (!e.target.value.match(/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/))
return
document.querySelector(".color-picker").value = e.target.value;
document.querySelectorAll(".desktop-icon").forEach(image => image.style.backgroundColor = e.target.value);
document.querySelectorAll(".desktop-title").forEach(title => title.style.color = e.target.value);
player.configuration.desktopIconColor = e.target.value;
localStorage.setItem("prettier-desktopIconColor", e.target.value);
}
}),
]
})
]
})
const tabColorSetting = new Component("div", {
classList: ["el", "svelte-176ijne"],
style: { display: "flex", flexDirection: "column", gap: "10px", justifyContent: "center", alignItems: "center" },
children: [
new Component("h4", {
innerText: "Window Color",
}),
new Component("div", {
style: { marginTop: "10px", display: "flex", justifyContent: "center", alignItems: "center", gap: "5px" },
children: [
new Component("input", {
type: "color",
classList: ["tab-color-picker"],
style: { height: "35px", width: "60px", border: "none", borderRadius: "2px", cursor: 'pointer', paddingInline: "2px" },
value: player.configuration.windowColors.windowTabLight,
onchange: async (e) => {
document.querySelector(".tab-color-input").value = e.target.value;
player.configuration.windowColors = {
windowBorder: e.target.value,
windowTabLight: e.target.value,
windowTabDark: halfColor(e.target.value),
}
save("prettier-windowColors", player.configuration.windowColors);
loadStyle();
}
}),
new Component("input", {
type: "text",
classList: ["tab-color-input"],
placeholder: "Ex: #ffffff",
value: player.configuration.windowColors.windowTabLight,
style: { width: "150px", padding: "10px", borderRadius: "2px", textAlign: "left", backgroundColor: "var(--color-grey)", boxShadow: "0 10px 20px var(--color-shadow) inset", border: "1px solid var(--color-lightgrey)", fontFamily: "var(--font-family-2)", zIndex: "60" },
onblur: (e) => {
if (!e.target.value.match(/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/))
return
document.querySelector(".tab-color-picker").value = e.target.value;
player.configuration.windowColors = {
windowBorder: e.target.value,
windowTabLight: e.target.value,
windowTabDark: halfColor(e.target.value),
}
save("prettier-windowColors", player.configuration.windowColors);
loadStyle();
}
}),
]
}),
new Component("button", {
innerText: "Reset",
classList: ["red", "svelte-ec9kqa"],
style: { height: "35px", width: "85px" },
onclick: () => {
player.configuration.windowColors = defaultColors;
if (!confirm("Do you want to use d0t's new tab colors? Press no to keep the default ones.")) {
player.configuration.windowColors.windowTabLight = "#242429";
player.configuration.windowColors.windowTabDark = "#383943";
}
save("prettier-windowColors", player.configuration.windowColors);
document.querySelector(".tab-color-picker").value = defaultColors.windowTabLight;
document.querySelector(".tab-color-input").value = defaultColors.windowTabLight;
loadStyle();
}
})
]
})
const backgroundSetting = new Component("div", {
classList: ["el", "svelte-176ijne", "setting-edit-background-image"],
children: [
new Component("h4", {
innerText: "Edit background image",
}),
new Component("div", {
style: { marginTop: "10px", display: "flex", flexDirection: "column", justifyContent: "center", alignItems: "center", gap: "5px" },
children: [
new Component("button", {
innerText: "Upload",
classList: ["grey", "svelte-ec9kqa"],
style: { height: "35px", width: "85px" },
onclick: () => {
const input = new Component("input", {
type: "file",
onchange: (e) => {
const file = e.target.files[0];
const fileReader = new FileReader();
fileReader.onload = function () {
currImage = `url(${fileReader.result})`;
document.querySelector("body").style.backgroundSize = "cover";
updateBackground();
}
fileReader.readAsDataURL(file)
}
})
input.element.click();
}
}),
new Component("div", {
innerText: "or"
}),
new Component("input", {
type: "text",
placeholder: "Import from url",
style: { width: "200px", padding: "10px", borderRadius: "2px", textAlign: "left", backgroundColor: "var(--color-grey)", boxShadow: "0 10px 20px var(--color-shadow) inset", border: "1px solid var(--color-lightgrey)", fontFamily: "var(--font-family-2)", zIndex: "60" },
onblur: (e) => {
if (e.target.value === "") return;
currImage = `url(${e.target.value})`;
e.target.value = "";
document.querySelector("body").style.backgroundSize = "cover";
updateBackground();
}
}),
new Component("button", {
innerText: "Reset",
classList: ["red", "svelte-ec9kqa"],
style: { height: "35px", width: "85px" },
onclick: () => {
currImage = null;
document.querySelector("body").style.backgroundSize = "auto";
updateBackground();
}
})
]
})
]
})
/**
* Creates a toggle button for a boolean setting.
* @param {keyof typeof player.configuration} setting The internal id of the setting (used in player.configuration and localStorage).
* @param {string} settingLabel The user-readable name of the setting.
*/
function createToggleSetting(setting, settingLabel) {
const settingEnabled = player.configuration[setting];
const settingStatusLabel = new Component("span", {
style: {
color: settingEnabled ? "var(--color-green)" : "var(--color-red)",
fontWeight: 600,
},
innerText: settingEnabled ? "On" : "Off",
});
const settingToggle = new Component("div", {
classList: [ "el", "el-toggler", "svelte-176ijne" ],
children: [
new Component("div", {
children: [
{ element: document.createTextNode(`${settingLabel}: `) },
settingStatusLabel,
],
}),
new Component("a", {
style: {
width: "auto",
display: "inline-block",
margin: "0px",
flex: "0 1 auto",
},
children: [
new Component("button", {
classList: [ "grey", "svelte-ec9kqa" ],
style: {
height: "auto",
padding: "6px 14px",
fontFamily: "var(--font-family-1)",
fontSize: "16px",
boxShadow: "0 10px 15px var(--color-shadow)",
},
innerText: "Toggle",
onclick: () => {
player.configuration[setting] = !player.configuration[setting];
const settingEnabled = player.configuration[setting];
localStorage.setItem(`prettier-${setting}`, String(settingEnabled));
settingStatusLabel.element.style.color = settingEnabled ? "var(--color-green)" : "var(--color-red)";
settingStatusLabel.element.innerText = settingEnabled ? "On" : "Off";
},
}),
],
}),
],
});
return settingToggle.element;
}
wrapper.insertBefore(backgroundSetting.element, wrapper.querySelector("div:nth-child(2)"));
wrapper.insertBefore(tabColorSetting.element, wrapper.querySelector("div:nth-child(2)"));
wrapper.insertBefore(iconColorSetting.element, wrapper.querySelector("div:nth-child(2)"));
wrapper.insertBefore(itemManager.element, wrapper.querySelector("div:nth-child(1)"));
wrapper.insertBefore(createToggleSetting("hideBtcCounterWhenTargetBtcUnknown", "Hide BTC counter when the target's BTC is unknown"), wrapper.querySelector("div:nth-child(9)"));
wrapper.insertBefore(createToggleSetting("windowSnapping", "Window snapping"), wrapper.querySelector("div:nth-child(9)"));
wrapper.insertBefore(createToggleSetting("enableChristmasEasterEgg", "Enable Christmas Easter Egg"), wrapper.querySelector("div:nth-child(9)"));
// wrapper.insertBefore(autolootSetting.element, wrapper.querySelector("div:nth-child(2)"));
}
/** @type {HTMLDivElement | undefined} */
const targetWindow = newWindow.addedNodes[0].querySelector(".window-title > img[src='icons/target.svg']")?.parentNode?.parentNode;
if (targetWindow) {
targetWindowObserver.observe(targetWindow);
const descriptionElement = document.querySelector("#description");
addProfileDescriptionLinks(descriptionElement);
// useful to check whether it's an actual player
const reportButton = targetWindow.querySelector("#report");
const elementWithUsername = targetWindow.querySelector(`#top-wrapper > div > div:nth-child(2) > div:nth-child(${reportButton ? 2 : 1}) > div`);
const elementWithID = targetWindow.querySelector(`#top-wrapper > div > div:nth-child(2) > div:nth-child(${reportButton ? 4 : 3})`);
elementWithUsername.onclick = () => {
const username = getTargetUsername(targetWindow);
copyTextToClipboard(username, `target username`);
}
elementWithID.onclick = () => {
const id = getTargetID(targetWindow);
copyTextToClipboard(id, "target ID");
}
if (evilStaffFeaturesActivated && reportButton) {
const punishButton = createPunishButton(targetWindow);
reportButton?.parentNode.appendChild(punishButton.element);
}
await sleep(500);
addBtcCounter(targetWindow);
}
const hasBeenHackedWindow = newWindow.addedNodes[0].querySelector(".window-title > img[src='icons/hack.svg']") && newWindow.addedNodes[0].querySelector(".window-title")?.innerText?.trim() == "Hacked"
if (hasBeenHackedWindow)
hasBeenHacked(newWindow.addedNodes[0]);
const isLogWindow = newWindow.addedNodes[0].querySelector(".window-title > img[src='icons/log.svg']")
if (isLogWindow) {
editWelcomeMessage();
logObserver.observe(isLogWindow?.closest(".window.svelte-1hjm43z")?.querySelector(".window-content > #wrapper"), { attributes: false, childList: true, characterData: false, subtree: true });
}
const isHackingSomeoneWindow = newWindow.addedNodes[0].querySelector(".window-title > img[src='icons/terminal.svg']")?.parentNode?.parentNode
if (isHackingSomeoneWindow) {
const hacked = isHackingSomeoneWindow.querySelector(".username")?.innerText;
if (hacked)
player.currentlyHacking = hacked;
const isHackingYou = player.hacksInProgress.find(e => e.hacker == hacked);
if (!isHackingYou)
return;
counterHack(isHackingYou);
}
const hasHackedSomeoneWindow = newWindow.addedNodes[0].querySelectorAll(".window-content > div > .el").length == 4;
if (hasHackedSomeoneWindow) {
const hacked = newWindow.addedNodes[0].querySelector(".window-content > div > .el:nth-child(1) > .wrapper > .username")?.innerText
const wasHackingYou = player.hacksInProgress.find(e => e.hacker === hacked);
if (!wasHackingYou)
return;
wasHackingYou.hackLabel.innerText = "Successfully counter " + wasHackingYou.hackLabel.innerText.replace(/is hacking you \(\d+%\) on port \d+/, "")
wasHackingYou.message.style.backgroundColor = "transparent";
wasHackingYou.message.onclick = null;
wasHackingYou.message.onmouseenter = null;
wasHackingYou.message.onmouseleave = null;
player.hacksInProgress.splice(player.hacksInProgress.indexOf(wasHackingYou), 1);
wasHackingYou.progressBar.remove();
wasHackingYou.counterLabel.remove();
wasHackingYou.counterProgressBar.remove();
wasHackingYou.counterProgressBarValue.remove();
wasHackingYou.footer.remove();
wasHackingYou.hackObserver.disconnect();
}
tryCheckStaffStatus(newWindow.addedNodes[0]);
});
const editWelcomeMessage = () => {
const message = document.querySelector(".window-title > img[src='icons/log.svg']")?.parentNode.parentNode.querySelector("#wrapper > div");
if (!message)
return;
message.innerHTML = message.innerHTML
.replace("System started.})
`
}
sendLog(/* html */`
Successfully shredded ${["uncommon", "epic", "ethereal"].includes(rarity) ? "an" : "a"}
${rarity}
item
`);
if ((Number(index) + 1) % 5 == 0) {
filamentWindow.querySelector("button.green")?.click();
await sleep(300);
}
}
await sleep(200);
filamentWindow.querySelector("button.green")?.click();
windowManager.closeWindow("filament", true);
}
const sellFromContextMenu = async () => {
const rarities = player.selectedItems.map(item => raritiesVariables[item.style.background] || raritiesVariables[item.style.background + ")"]);
if (
rarities.some(rarity => ["legendary", "mythic", "ethereal"].includes(rarity)) &&
!confirm(`You're about to sell a Legendary, Mythic or Ethereal item ! Are you sure about that ?`)
) return;
const itemSellerWindow = await windowManager.openWindow("item_seller", true);
if (!itemSellerWindow) return;
for (let item of player.selectedItems) {
const slot = itemSellerWindow.querySelector(".item-slot");
await moveItem(item, slot);
await sleep(100);
itemSellerWindow.querySelector("button.green")?.click();
await sleep(400);
}
windowManager.closeWindow("item_seller", true);
}
const unequipItem = async (item) => {
await windowManager.openWindow("inventory", true);
item.parentNode.dispatchEvent(new MouseEvent("dblclick"));
await sleep(100);
windowManager.closeWindow("inventory", true);
}
const equipBasicItem = async (item) => {
await windowManager.openWindow("computer", true);
item.parentNode.dispatchEvent(new MouseEvent("dblclick"));
await sleep(100);
windowManager.closeWindow("computer", true);
}
const manageRightClickOnItem = (item, pointer) => {
const src = item.closest(".window").querySelector(".window-title > img")?.src
const windowName = src?.split("/")[src.split("/").length - 1].slice(0, -4);
if (!windowName) return;
if (!player.selectedItems.includes(item)) {
removeContextMenu();
player.selectedItems = [item]
}
item.parentNode.parentNode.classList.add("item-selected");
item.parentNode.parentNode.style.outline = "3px solid var(--color-terminal)";
const popup = new Popup(pointer);
const type = (item.querySelector("img")?.src?.match(/[^\/]+\.webp/) || [])[0]?.slice(0, -7);
if (player.selectedItems.length > 1)
popup.setFooter(`${player.selectedItems.length} items selected`)
if (["cpu", "gpu", "psu"].includes(type) && player.selectedItems.length == 1) {
if (windowName === "computer")
popup.addAction("Unequip", () => unequipItem(item), { selectionLimit: 1 });
else
popup.addAction("Equip", () => equipBasicItem(item), { selectionLimit: 1 });
}
const tradeWindow = document.querySelector(".window:has(.window-title > img[src='icons/trade.svg']");
if (tradeWindow) {
const alreadyInTrade = tradeWindow.querySelector(".offer-wrapper")?.querySelectorAll(".item").length;
popup.addAction("Trade", async () => {
const slots = tradeWindow.querySelector(".offer-wrapper").querySelectorAll(".item-slot:not(.item-slot-hasitem");
for (let index in player.selectedItems) {
const item = player.selectedItems[index];
const slot = slots[index];
moveItem(item, slot);
await sleep(1000);
}
}, { selectionLimit: 6 - alreadyInTrade });
}
popup
.addAction("Shred", shredFromContextMenu, { isDangerous: true })
.addAction("Sell", sellFromContextMenu, { isDangerous: true })
.create();
}
const simulateMouseHover = (element) => {
const mouseOverEvent = new MouseEvent('mouseover', {
view: window,
bubbles: true,
cancelable: true
});
element.dispatchEvent(mouseOverEvent);
};
const simulateMousePressDown = (element) => {
const mouseDownEvent = new MouseEvent('mousedown', {
view: window,
bubbles: true,
cancelable: true
});
element.dispatchEvent(mouseDownEvent);
};
const manageRightClickOnDesktop = (pointer) => {
new Popup(pointer)
.addAction("Edit background", async () => {
const settings = await windowManager.openWindow("settings");
if (!settings) return void sendErrorLog("Please open the settings window first");
settings.querySelector(".setting-edit-background-image")?.scrollIntoView();
})
.create();
}
const manageRightClickOnPlayer = (player, pointer) => {
const username = player.textContent.trim();
const isMuted = isPlayerMuted(username);
const popup = new Popup(pointer)
.addAction("Send message", async () => {
player.click();
await sleep(100);
document.querySelector("button.blue")?.click();
document.querySelector(".window-title > img[src='icons/target.svg']")?.parentNode.querySelector(".window-close")?.click();
})
.addAction("Trade", async () => {
player.click();
await sleep(100);
document.querySelector("button.yellow")?.click();
document.querySelector(".window-title > img[src='icons/target.svg']")?.parentNode.querySelector(".window-close")?.click();
});
if (isMuted) {
popup.addAction("Unmute", async () => removeMutedPlayer(username));
} else {
popup.addAction("Mute", async () => addMutedPlayer(username));
}
popup.create();
}
const manageRightClick = (target, pointer) => {
if (document.querySelector(".context-menu"))
removeContextMenu();
const windowClicked = target.closest(".window")
if (target.parentNode
&& target.parentNode.classList.contains("item")
&& ["Computer", "Inventory"].includes(windowClicked?.querySelector(".window-title > img")?.alt))
manageRightClickOnItem(target.parentNode, pointer);
if (target.id == "desktop-container" || target.classList.contains("empty"))
manageRightClickOnDesktop(pointer);
if (target.classList.contains("message-name"))
manageRightClickOnPlayer(target, pointer);
}
const manageItemSelection = (item) => {
if (player.input.isShiftDown) {
player.selectedItems.push(item);
document.querySelectorAll(`.context-menu-option-limit-${player.selectedItems.length + 1}`).forEach(e => e.remove());
if (document.querySelector(".context-menu")) {
document.querySelector(".context-menu-footer").innerText = `${player.selectedItems.length} items selected`;
document.querySelector(".context-menu-footer").style.display = "flex";
}
} else player.selectedItems = [item]
item.parentNode.parentNode.classList.add("item-selected");
item.parentNode.parentNode.style.outline = "3px solid var(--color-terminal)";
player.selectedItems.sort((b, a) => {
return ([...a.parentNode?.parentNode?.parentNode?.parentNode.children].indexOf(a.parentNode?.parentNode?.parentNode) || 0) -
([...b.parentNode?.parentNode?.parentNode?.parentNode.children].indexOf(b.parentNode?.parentNode?.parentNode) || 0)
})
}
const sumPx = (a, b) => {
return Number((a.match(/\d+px/) || [""])[0].slice(0, -2)) + Number((b.match(/\d+px/) || [""])[0].slice(0, -2));
}
const pxToInt = (a) => {
return (a.match(/\d+/) || [])[0];
}
const findClosestValue = (arr, target) => {
return arr.reduce((closest, num) =>
Math.abs(num - target) < Math.abs(closest - target) ? num : closest
);
}
const manageWindowDragged = () => {
const windowDragged = document.querySelector(".window-selected");
const content = windowDragged?.querySelector(".window-content");
if (!windowDragged || !content) return;
if (!player.configuration.windowSnapping) return;
const getPxValue = (style) => Number(style.match(/\d+/)[0]);
const top = getPxValue(windowDragged.style.top);
const bottom = sumPx(windowDragged.style.top, content.style.height) + 41;
const left = getPxValue(windowDragged.style.left);
const right = sumPx(windowDragged.style.left, content.style.width) + 2;
const allPositions = Array.from(document.querySelectorAll(".window"))
.filter(e => e !== windowDragged)
.map(e => {
const content = e.querySelector(".window-content");
return {
name: e.querySelector(".window-title").textContent,
top: getPxValue(e.style.top),
bottom: sumPx(e.style.top, content.style.height) + 42,
left: getPxValue(e.style.left),
right: sumPx(e.style.left, content.style.width) + 1,
};
});
const sensitivity = 10;
const findMatching = (pos, key1, key2) =>
allPositions.find(e =>
(pos >= e[key1] - sensitivity && pos <= e[key1] + sensitivity) ||
(pos >= e[key2] - sensitivity && pos <= e[key2] + sensitivity)
);
const topMatching = findMatching(top, 'top', 'bottom');
const bottomMatching = findMatching(bottom, 'top', 'bottom');
const rightMatching = findMatching(right, 'right', 'left');
const leftMatching = findMatching(left, 'right', 'left');
const createLine = (style) => {
const line = new Component("div", {
classList: ["sticky-line"],
style: {
position: "absolute", backgroundColor: "var(--color-terminal)", zIndex: 1000, ...style
}
});
document.body.append(line.element);
};
document.querySelectorAll(".sticky-line").forEach(e => e.remove());
if (topMatching) {
const value = findClosestValue([topMatching.top, topMatching.bottom], top);
windowDragged.style.top = `${value}px`;
createLine({ top: `${value}px`, height: "2px", width: "100vw" });
}
if (bottomMatching) {
const value = findClosestValue([bottomMatching.top, bottomMatching.bottom], bottom);
windowDragged.style.top = `${value - pxToInt(content.style.height) - 42}px`;
createLine({ top: `${value}px`, height: "2px", width: "100vw" });
}
if (rightMatching) {
const value = findClosestValue([rightMatching.right, rightMatching.left], right);
windowDragged.style.left = `${value - pxToInt(content.style.width) - 2}px`;
createLine({ top: "0px", height: "100vh", width: "2px", left: `${value}px` });
}
if (leftMatching) {
const value = findClosestValue([leftMatching.right, leftMatching.left], left);
windowDragged.style.left = `${value}px`;
createLine({ top: "0px", height: "100vh", width: "2px", left: `${value}px` });
}
};
const altNavigate = (e) => {
let name = null;
switch(e.key) {
case '@': // Custom Navigation
altNavigate(new KeyboardEvent('keydown', {key:'i'}));
altNavigate(new KeyboardEvent('keydown', {key:'f'}));
altNavigate(new KeyboardEvent('keydown', {key:'g'}));
altNavigate(new KeyboardEvent('keydown', {key:'T'}));
altNavigate(new KeyboardEvent('keydown', {key:'t'}));
altNavigate(new KeyboardEvent('keydown', {key:'a'}));
altNavigate(new KeyboardEvent('keydown', {key:'M'}));
break;
case 'c': name = "computer"; break;
case 'i': name = "inventory"; break;
case 't': name = "target_list"; break;
case 'T': name = "terminal"; break;
case 'n': name = "season_pass"; break;
case 'F': name = "friends"; break;
case 'l': name = "log"; break;
case 'I': name = "item_seller"; break;
case 'P': name = "premium"; break;
case 's': name = "shop"; break;
case 'L': name = "leaderboard"; break;
case 'w': name = "country_wars"; break;
case 'M': name = "task_manager"; break;
case '0': name = "browser"; break;
case 'u': name = "upgrader"; break;
case 'S': name = "spotify"; break;
case 'v': name = "vpn"; break;
case 'f': name = "filament"; break;
case 'p': name = "printer"; break;
case 'g': name = "chat"; break;
case 'a': name = "agents"; break;
case 'm': name = "mail"; break;
default: break;
}
if (!name) return;
if (windowManager.isWindowOpen(name)) windowManager.closeWindow(name);
else windowManager.openWindow(name);
}
const loadUserInputManager = () => {
document.body.addEventListener("mousedown", (e) => {
if (e.buttons != 1) return;
const windowClicked = e.target.closest(".window");
if ((e.target.classList.contains("window-close") || e.target.parentNode?.classList.contains("window-close")) && windowClicked.querySelector(".window-title").textContent.trim() == "Settings")
windowClicked.querySelector(".window-close")?.click();
if (!e.target.classList.contains("context-menu") && !player.input.isShiftDown)
removeContextMenu();
if (e.target.parentNode
&& e.target.parentNode.classList.contains("item")
&& ["Computer", "Inventory", "Trade"].includes(windowClicked?.querySelector(".window-title > img")?.alt)
)
manageItemSelection(e.target.parentNode);
if (e.target.classList.contains("window-title"))
window.addEventListener("mousemove", manageWindowDragged);
})
document.body.addEventListener("mouseup", () => {
document.querySelectorAll(".sticky-line").forEach(e => e.remove());
window.removeEventListener("mousemove", manageWindowDragged);
})
document.body.oncontextmenu = (e) => {
e.preventDefault();
manageRightClick(e.target, { clientX: e.clientX, clientY: e.clientY });
}
document.body.onkeydown = (e) => {
if (e.key === "Shift")
player.input.isShiftDown = true;
if (e.altKey)
altNavigate(e);
if (e.key === "Escape")
promptManager.cancel();
if (e.key === "Tab" && document.querySelector(".command-input"))
e.preventDefault(), promptManager.autoComplete();
if (e.key === " " && player.input.isShiftDown)
promptManager.createPrompt();
if (e.key === "Enter" && document.querySelector(".command-input"))
promptManager.execute();
}
document.body.onkeyup = (e) => {
if (e.key === "Shift")
player.input.isShiftDown = false;
}
}
const editDesktopIcons = async () => {
if (localStorage.getItem("prettier-desktopIconSize")) {
const settings = await windowManager.openWindow("settings", true);
if (!settings) return;
const slider = settings.querySelector(".slider[min='70']");
if (slider) {
slider.value = Number(localStorage.getItem("prettier-desktopIconSize"));
slider.dispatchEvent(new Event("input"));
}
windowManager.closeWindow("settings");
}
const wrappers = document.getElementById("desktop-container").querySelectorAll(".wrapper");
for (let wrapper of wrappers) {
const container = wrapper.querySelector("div");
const image = wrapper.querySelector("img");
const title = wrapper.querySelector("div.svelte-1ye0fc6");
const mask = new Component("div", {
classList: ["desktop-icon"],
style: {
maskSize: "100%", maskRepeat: "100%", maskPosition: "center", height: "100%", aspectRatio: "1/1",
maskImage: `url(${image.src})`, backgroundColor: player.configuration.desktopIconColor, marginLeft: "35%"
}
})
title.classList.add("desktop-title", image.alt.replaceAll(" ", "-"));
title.style.color = player.configuration.desktopIconColor;
image?.remove();
container.append(mask.element);
}
if (player.configuration.keyboardNavigation) {
// document.querySelectorAll("#desktop-container > div").forEach(e => e.style.display = "none");
}
}
const loadStyle = () => {
const css = `
.keytouch {background-color: #333; color: #eee; border-radius: 3px; border: 1px solid #b4b4b4; box-shadow: 0 1px 1px rgba(255,255,255, 0.7), 0 2px 0 0 rgba(0, 0, 0, 0.2) inset; padding: 2px 4px;}
.over {transform: scale(1.1, 1.1); border: 2px solid var(--color-terminal);}
.insert-indicator {height: 3px;background-color: var(--color-terminal);width: 320px;margin-left:15px;border-radius:10px;}
${player.configuration.windowColors.windowTabDark != defaultColors.windowTabDark && `
.message.svelte-pu3iit {background: ${player.configuration.windowColors.windowTabDark} !important;}
.svelte-81yxrq {background: ${halfColor(player.configuration.windowColors.windowTabDark)} !important;}
.svelte-1ff1jo {background: ${player.configuration.windowColors.windowTabDark} !important;}
.search-tag.svelte-1ff1jo {background: ${player.configuration.windowColors.windowTabLight} !important;}
.svelte-1p12gtw:not(.npc):not(.timer) {background-color: unset !important;}
.section.svelte-1ti1fiv {background: linear-gradient(188deg, ${player.configuration.windowColors.windowTabDark} 60%, ${halfColor(player.configuration.windowColors.windowTabDark)} 100%) !important;}
.window:not(:has(.window-title > img[src='icons/terminal.svg'])) {
border-color: ${player.configuration.windowColors.windowTabLight} !important;
background: linear-gradient(200deg, #000000 0%, ${halfColor(player.configuration.windowColors.windowTabLight)} 100%) !important;
}
.window-title:not(:has(img[src='icons/terminal.svg'])) {border-top-left-radius: 2px !important; border-top-right-radius: 2px !important; background: linear-gradient(200deg, ${player.configuration.windowColors.windowTabLight} 0%, ${player.configuration.windowColors.windowTabDark} 100%) !important;}
`
}
#punish:hover { cursor: pointer; background-color: var(--color-grey); }
`;
const already = document.getElementById("globalCustomStyles")
if (already)
already.textContent = css;
else {
const newStyleElement = document.createElement('style');
newStyleElement.id = 'globalCustomStyles';
newStyleElement.textContent = css;
document.head.appendChild(newStyleElement);
}
}
const openCommand = new Command({
name: "open",
args: [
{
name: "windowName",
options: windowManager.getWindowsNames(),
required: true,
}
],
run: (args) => {
const windowName = args.join(" ").toLowerCase();
if (!windowManager.isValidWindow(windowName)) return sendErrorLog("Unknown window name !");
windowManager.openWindow(windowName);
}
})
const closeCommand = new Command({
name: "close",
args: [
{
name: "windowName",
options: windowManager.getWindowsNames(),
required: true,
}
],
run: (args) => {
const windowName = args.join(" ").toLowerCase();
if (!windowManager.isValidWindow(windowName)) return sendErrorLog("Unknown window name !");
windowManager.closeWindow(windowName);
}
})
const hackCommand = new Command({
name: "hack",
args: [
{
name: "target",
options: [
...targets.npcs,
...targets.players,
...targets.anons,
],
required: true,
},
{
name: "port",
options: ["21", "22", "23"],
required: true
}
],
requiredWindows: ["target_list"],
run: async (args) => {
const username = args[0].replace(/_/g, " ");
const port = args[1];
const element = Array.from(document.querySelectorAll(".username")).filter(e => e.textContent.trim() === username);
if (!element.length) return sendErrorLog(`User ${username} not found!`)
const withoutCooldown = element.find(e => !e.parentNode.querySelector(".timer"));
if (!withoutCooldown) return sendErrorLog(`${username} is under cooldown`);
withoutCooldown.click();
await sleep(200);
const targetWindow = document.querySelector(".window-title > img[src='icons/target.svg']")?.parentNode?.parentNode;
const hackButton = targetWindow?.querySelector("button.red");
if (!targetWindow || !hackButton) return;
hackButton.click();
await sleep(200);
const ports = targetWindow.querySelectorAll("button.red");
const portButton = ports[Number(port) - 21];
if (!portButton) return;
portButton.click();
}
})
const refreshCommand = new Command({
name: "refresh",
args: [],
requiredWindows: ["target_list"],
run: () => {
const targetList = windowManager.getWindow("target_list");
const button = targetList.querySelector("button.green");
if (button.classList.contains("cantClick")) return sendErrorLog("Refresh is under cooldown");
button?.click();
}
})
const counterCommand = new Command({
name: "counter",
args: [
{
name: "hacker",
options: player.hacksInProgress.map(e => e.hacker),
required: true,
}
],
requiredWindows: [],
run: async (args) => {
const hacker = args[0];
if (player.hacksInProgress.length < 1) return sendErrorLog("There is nobody to counter right now")
const isHackingYou = player.hacksInProgress.find(e => e.hacker == hacker);
if (!isHackingYou) return sendErrorLog("This player is not hacking you");
isHackingYou.counterButton.click();
counterHack(isHackingYou);
}
})
const chatCommand = new Command({
name: "chat",
args: [],
requiredWindows: [],
run: async () => {
const chat = await windowManager.openWindow("chat");
if (!chat) return sendErrorLog("Something went wrong, please try again!");
const input = chat.querySelector("div[contenteditable]");
input?.focus();
}
})
const shredCommand = new Command({
name: "shred",
args: [
{
name: "index",
options: Array.from(windowManager.getWindow("inventory")?.querySelectorAll(".item") || []).map((_, index) => (index * 1 + 1).toString()),
required: true
}
],
requiredWindows: ["inventory"],
run: async (args) => {
const index = args[0];
const item = windowManager.getWindow("inventory").querySelectorAll(".item")[index * 1 - 1];
const rarity = raritiesVariables[item.style.background] || raritiesVariables[item.style.background + ")"];
if (
["legendary", "mythic", "ethereal"].includes(rarity) &&
!confirm(`You're about to shred ${["uncommon", "epic", "ethereal"].includes(rarity) ? "an" : "a"} ${rarity} item ! Are you sure about that ?`)
) return;
const filamentWindow = await windowManager.openWindow("filament", true);
if (!filamentWindow) return;
const slot = filamentWindow.querySelectorAll(".item-slot")[0];
const color = lootRarity.find(e => e.name === rarity)?.color;
await moveItem(item, slot);
await sleep(50);
sendLog(`
Successfully shredded ${["uncommon", "epic", "ethereal"].includes(rarity) ? "an" : "a"}
${rarity}
item
`);
await sleep(200);
filamentWindow.querySelector("button.green")?.click();
windowManager.closeWindow("filament", true);
}
})
const agentsCommand = new Command({
name: "agents",
args: [
{
name: "action",
options: ["grab", "shred"],
required: true
}
],
run: async (args) => {
const action = args[0];
const agents = await windowManager.openWindow("agents", true);
if (!agents) return sendErrorLog("Please open the agents window first");
const buttons = Array.from(agents.querySelectorAll("button.green"));
if (action === "shred") {
const shredButton = buttons.find(e => e.textContent.toLowerCase().includes("shred"));
shredButton?.click();
await sleep(200);
}
const grabButtons = buttons.filter(e => e.textContent.toLowerCase().includes("grab"));
for (const button of grabButtons) {
button.click();
await sleep(200);
}
windowManager.closeWindow("agents", true)
}
})
const commands = [openCommand, closeCommand, hackCommand, refreshCommand, counterCommand, chatCommand, shredCommand, agentsCommand];
promptManager.setPossibleWords(commands.map(e => e.name));
const loadTargets = async () => {
await windowManager.openWindow("target_list", true);
targets.npcs = Array.from(document.querySelectorAll(".npc, .npc-premium")).map(e => e.querySelector(".timer") ? null : e.querySelector(".username").textContent.trim().replaceAll(" ", "_")).filter(e => e !== null)
targets.players = Array.from(document.querySelectorAll("#list .wrapper:not(.npc):not(.npc-premium) .username:not(.username-noauth)")).slice(0, -1).map(e => e.textContent.trim())
targets.anons = Array.from(new Set(Array.from(document.querySelectorAll(".username-noauth")).map(e => e.textContent.trim())))
windowManager.closeWindow("target_list", true);
}
const loadNote = () => {
// unholy kebab
const windowDiv=document.createElement('div');windowDiv.classList.add('window','svelte-1hjm43z','window-selected');windowDiv.style.cssText='z-index: 57; left: 613.5px; top: 384.5px; position: absolute;';const titleDiv=document.createElement('div');titleDiv.classList.add('window-title','svelte-1hjm43z');titleDiv.style.cssText='user-select: none; cursor: move;';const iconImg=document.createElement('img');iconImg.classList.add('icon','icon-in-text');iconImg.setAttribute('draggable','false');iconImg.setAttribute('src','icons/notepad.svg');iconImg.setAttribute('alt','Notepad');titleDiv.appendChild(iconImg);const titleText=document.createTextNode(' Notepad ');titleDiv.appendChild(titleText);const closeButton=document.createElement('button');closeButton.classList.add('window-close','svelte-1hjm43z');const closeIcon=document.createElement('img');closeIcon.classList.add('icon');closeIcon.setAttribute('draggable','false');closeIcon.setAttribute('src','icons/close.svg');closeIcon.setAttribute('alt','Close Icon');closeButton.appendChild(closeIcon);titleDiv.appendChild(closeButton);windowDiv.appendChild(titleDiv);const contentDiv=document.createElement('div');contentDiv.classList.add('window-content','svelte-1hjm43z');contentDiv.style.cssText='min-width: 150px; min-height: 150px; width: calc(400px); height: calc(400px); padding: 10px;';const form=document.createElement('form');form.style.height='100%';const textArea=document.createElement('textarea');textArea.classList.add('textfield');textArea.setAttribute('spellcheck','false');form.appendChild(textArea);contentDiv.appendChild(form);windowDiv.appendChild(contentDiv);const resizeRight=document.createElement('div');resizeRight.classList.add('window-resize-right','svelte-1hjm43z');const resizeBottom=document.createElement('div');resizeBottom.classList.add('window-resize-bottom','svelte-1hjm43z');const resizeBottomRight=document.createElement('div');resizeBottomRight.classList.add('window-resize-bottomright','svelte-1hjm43z');windowDiv.appendChild(resizeRight);windowDiv.appendChild(resizeBottom);windowDiv.appendChild(resizeBottomRight);const resizeImg=document.createElement('img');resizeImg.setAttribute('src','icons/resize-both.svg');resizeImg.setAttribute('alt','');resizeImg.classList.add('resize-img','svelte-1hjm43z');resizeImg.style.cssText='right: 3px; bottom: 3px;';windowDiv.appendChild(resizeImg);document.body.appendChild(windowDiv);let isDragging=false,offsetX,offsetY;titleDiv.addEventListener('mousedown',(e)=>{isDragging=true;offsetX=e.clientX-windowDiv.getBoundingClientRect().left;offsetY=e.clientY-windowDiv.getBoundingClientRect().top;});document.addEventListener('mousemove',(e)=>{if(isDragging){windowDiv.style.left=`${e.clientX-offsetX}px`;windowDiv.style.top=`${e.clientY-offsetY}px`;}});document.addEventListener('mouseup',()=>{isDragging=false;});closeButton.addEventListener('click',()=>{windowDiv.remove();});
//const targetLocation=document.querySelector('body > div:nth-child(1) > main > div:nth-child(1) > div:nth-child(2)');const observerTarget=document.querySelector('body > div > main > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1)');const newDiv=document.createElement('div');newDiv.classList.add('topbar-value','svelte-1azjldn');newDiv.style.cssText='min-width: 220px; background-color: #3e1d5f; color: blue;';const centerDiv=document.createElement('div');centerDiv.style.cssText='text-align: center; color: mediumpurple;';const centerImg=document.createElement('img');centerImg.classList.add('icon','icon-in-text');centerImg.setAttribute('src','icons/btc.svg');centerImg.setAttribute('alt','Bitcoin Icon');centerImg.style.cssText='invert(100%); filter: grayscale(1);';centerDiv.appendChild(centerImg);const btcText=document.createTextNode(' 9,602 BTC NETWORTH');centerDiv.appendChild(btcText);newDiv.appendChild(centerDiv);const flexDiv=document.createElement('div');flexDiv.style.cssText='display: flex; gap: 10px; font-size: 12px;';const leftDiv=document.createElement('div');leftDiv.style.cssText='text-align: left; color: lime;';leftDiv.textContent='$974.44 million';flexDiv.appendChild(leftDiv);const rightDiv=document.createElement('div');rightDiv.style.cssText='flex: 1 1 0%; text-align: right; color: blueviolet;';rightDiv.textContent='(4,693 Item Value)';flexDiv.appendChild(rightDiv);newDiv.appendChild(flexDiv);if(targetLocation&&targetLocation.firstChild){targetLocation.insertBefore(newDiv,targetLocation.firstChild.nextSibling);const observer=new MutationObserver(()=>{const newValue=parseFloat(observerTarget.innerText.replace(/[^\d.]/g,''))||0;btcText.nodeValue=` ${Math.round(newValue+4609)} BTC NETWORTH`;});observer.observe(observerTarget,{childList:true,characterData:true,subtree:true});}else{console.error('Target location not found or does not have the specified structure.');}
document.querySelector("body > div.window.svelte-1hjm43z.window-selected > div.window-content.svelte-1hjm43z > form > textarea").value =
`Thanks for using prettier-n0urce!
This update features the alt navigation
from d0urce v${DTI_VERSION}.
Below is a guide to help you use d0urce
tab key bind open/close feature.
Note that some of the keybinds change
in later d0urce updates.
Note: You need to hold alt before using
any of these keys!
-------------------------
| TAB NAME | KEY |
| -----------------------
| Computer | c |
| Inventory | i |
| Target List | t |
| Terminal | T |
| Season Pass | n |
| Friends | F |
| Log | l |
| Item Seller | I |
| Premium | P |
| Shop | s |
| Leaderboard | L |
| Country Wars | w |
| Task Manager | M |
| s0urce Browser | 0 |
| Upgrader | u |
| Spotify | S |
| VPN | v |
| Filament | f |
| 3D Printer | p |
| Global Chat | g |
| Agents | a |
| Mail | m |
-------------------------
`
}
window.updateNetworth = fetchNetworth;
function fetchNetworth(data) {
var btcValue = 0;
const rarities = ["D", "C", "B", "A", "S", "SS", "SSS"];
for (var key in data["inventory"]) {
data[key] = data["inventory"][key]
}
for (var key in data) {
key = data[key]
var rarity = rarities.indexOf(key?.rarity) || 0;
var btc = 0;
switch (key?.type) {
case 'gpu':
//console.log(key.stats[0].value - key.stats[0].increasePerLevel*(key.upgradeLevel-1), dPM(key.stats[0].value - key.stats[0].increasePerLevel*(key.upgradeLevel-1), rarity, key.type))
btc = dPS(
dPM(key.stats[0].value - key.stats[0].increasePerLevel*(key.upgradeLevel-1), rarity, key.type),
key.upgradeLevel,
rarity,
key.type
)
break;
case 'cpu':
let hack = key.stats[0].value - key.stats[0].increasePerLevel*(key.upgradeLevel-1);
let chance, pen, trueDam, dam = 0;
for (let stat of key.stats.slice(1)) {
switch (stat.name) {
case 'Hack Critical Damage Chance':
chance = stat.value;
break;
case 'Hack Armor Penetration':
pen = stat.value;
break;
case 'True Damage':
trueDam = stat.value;
break;
case 'Hack Critical Damage Bonus':
dam = stat.value;
break;
}
}
if (chance === undefined) chance = 0;
if (pen === undefined) pen = 0;
if (trueDam === undefined) trueDam = 0;
if (dam === undefined) dam = 0;
const [raw, penV, trueDamV] = hackPower(hack, trueDam, pen, chance, dam);
btc = dPS(
dPM(dCI(raw, penV, trueDamV, 1, rarity), rarity, key.type),
key.upgradeLevel,
rarity,
key.type
)
break;
case 'psu':
//console.log(dPI(key.stats[0].value - key.stats[0].increasePerLevel*(key.upgradeLevel-1), 1, rarity), rarity, key.type)
btc = dPS(
dPM(dPI(key.stats[0].value - key.stats[0].increasePerLevel*(key.upgradeLevel-1), 1, rarity), rarity, key.type),
key.upgradeLevel,
rarity,
key.type
)
break;
case 'firewall':
let hp = key.stats[0].value - key.stats[0].increasePerLevel*(key.upgradeLevel-1);
let rd, rg, ad, ms = 0;
for (let stat of key.stats.slice(1)) {
switch (stat.name) {
case 'Firewall Damage Reduction':
rd = stat.value;
break;
case 'Firewall Regeneration':
rg = stat.value;
break;
case 'Firewall Advanced Encryption':
ad = stat.value;
break;
case 'Firewall Master Encryption':
ms = stat.value;
break;
}
}
if (rd === undefined) rd = 0;
if (rg === undefined) rg = 0;
if (ad === undefined) ad = 0;
if (ms === undefined) ms = 0;
const [hpP, rdP, rgP, encryption] = firewallEncryption(hp,rd,rg,ad,ms);
//console.log(dFI(hpP, rdP, rgP, encryption, 1, rarity), dPM(dFI(hpP, rdP, rgP, encryption, 1, rarity), rarity, 'router'))
btc = dPS(
dPM(dFI(hpP, rdP, rgP, encryption, 1, rarity), rarity, 'router'),
key.upgradeLevel,
rarity,
'router'
)
break;
default:
if (key && key.name) {
btc = dCPS(
key.name.toString().toLowerCase(),
rarity,
key.mint,
key.premium
)
}
break;
}
if (key && key.name && btc) {
//console.log(btc)
if (typeof btc === 'number') btcValue += btc
else {
btcValue += (btc.split("~").length > 1
? (rarity > 5) ? (parseFloat(btc.split("~")[0]) + parseFloat(btc.split("~")[1])) / 2 : parseFloat(btc.split("~")[0])
: parseFloat(btc.split("+")[0])) || 0
}
}
}
globalItemNetworth = btcValue;
return btcValue;
}
function createNetworthDiv() {
const targetLocation = document.querySelector('body > div:nth-child(1) > main > div:nth-child(1) > div:nth-child(2)');
const observerTarget = document.querySelector('body > div > main > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1)');
const { element: newDiv } = new Component("div", {
classList: [ "topbar-value", "svelte-1azjldn" ],
style: {
"min-width": "220px",
"background-color": "rgb(63 0 78)",
"color": "blue",
},
});
const centerDiv = document.createElement('div');
centerDiv.style.cssText = 'text-align: center; color: mediumpurple;';
const centerImg = document.createElement('img');
centerImg.classList.add('icon', 'icon-in-text');
centerImg.setAttribute('src', 'icons/btc.svg');
centerImg.setAttribute('alt', 'Bitcoin Icon');
centerImg.style.cssText = 'invert(100%); filter: hue-rotate(225deg);';
centerDiv.appendChild(centerImg);
const btcText = document.createTextNode('X BTC NETWORTH');
centerDiv.appendChild(btcText);
newDiv.appendChild(centerDiv);
const flexDiv = document.createElement('div');
flexDiv.style.cssText = 'display: flex; gap: 10px; font-size: 12px;';
const leftDiv = document.createElement('div');
leftDiv.style.cssText = 'text-align: left; color: cyan;';
leftDiv.textContent = 'X.xx';
flexDiv.appendChild(leftDiv);
const middleDiv = document.createElement('div');
middleDiv.style.cssText = 'flex: 1 1 0%; text-align: center; color: gold;';
middleDiv.textContent = 'X.xx';
flexDiv.appendChild(middleDiv);
const rightDiv = document.createElement('div');
rightDiv.style.cssText = 'flex: 1 1 0%; text-align: right; color: hotpink;';
const rightText = document.createTextNode('X.xx');
rightDiv.appendChild(rightText);
flexDiv.appendChild(rightDiv);
newDiv.appendChild(flexDiv);
if (targetLocation && targetLocation.firstChild) {
targetLocation.insertBefore(newDiv, targetLocation.firstChild.nextSibling);
const networthDiv = document.querySelector('body > div:nth-child(1) > main > div:nth-child(1) > div:nth-child(2) > div:nth-child(2)');
const observer = new MutationObserver(() => {
const btcText = networthDiv.querySelector('div:nth-child(1)').childNodes[1];
const newValue = parseFloat(observerTarget.innerText.replace(/[^\d.]/g, '')) || 0;
// Get user filament-networth
const filaments = document.querySelectorAll(".filament-el");
const [cf, uf, rf, ef, lf, mf, ethf] = Array.from(filaments).map(e => parseInt(e.innerText.trim()));
const total = cf + 3 * uf + 9 * rf + 27 * ef + 135 * lf + 405 * mf + 2025 * ethf;
const filamentNetworth = total * stats.cf_filament_value;
// end
//console.log(btcText.nodeValue,rightDiv.textContent)
if (btcText.nodeValue != `${(newValue + filamentNetworth + globalItemNetworth).toFixed(2)} BTC NETWORTH`) btcText.nodeValue = `${(newValue + globalItemNetworth).toFixed(2)} BTC NETWORTH`;
if (leftDiv.textContent != filamentNetworth.toFixed(2)) {
const filamentImg = document.createElement('img');
filamentImg.classList.add('icon', 'icon-in-text');
filamentImg.setAttribute('src', 'icons/filament-mythic.svg');
leftDiv.textContent = '';
leftDiv.appendChild(filamentImg);
leftDiv.append(`${filamentNetworth.toFixed(2)}`);
}
if (middleDiv.textContent != newValue.toFixed(2)) {
const btcImg = document.createElement('img');
btcImg.classList.add('icon', 'icon-in-text');
btcImg.setAttribute('src', 'icons/btc.svg');
middleDiv.textContent = '';
middleDiv.appendChild(btcImg);
middleDiv.append(`${newValue.toFixed(2)}`);
}
if (rightDiv.textContent != globalItemNetworth.toFixed(2)) {
const inventoryImg = document.createElement('img');
inventoryImg.classList.add('icon', 'icon-in-text');
inventoryImg.setAttribute('src', 'icons/inventory.svg');
inventoryImg.style.filter = 'brightness(50%) sepia(100) saturate(100) hue-rotate(315deg)';
rightDiv.textContent = '';
rightDiv.appendChild(inventoryImg);
rightDiv.append(`${globalItemNetworth.toFixed(2)}`);
}
});
observer.observe(observerTarget, { childList: true, characterData: true, subtree: true });
} else {
console.error('Target location not found or does not have the specified structure.');
}
}
function applyItemSwag() {
const desc = document.querySelector("#desc");
if (!desc) return;
descriptionObserver.disconnect();
const typeCode = (desc.querySelector("div > div > img")?.src?.match(/[^\/]+\.webp/) || [])[0]?.slice(0, 3);
const typeMap = {
cpu: "cputerm",
rou: "fireterm",
gpu: "gpu_term",
psu: "psu_term",
};
const statKey = typeMap[typeCode];
if (!statKey) {
descriptionObserver.observe(document.body, { childList: true, subtree: true });
return;
}
const rarityTag = desc.querySelector("div > div:nth-child(2)")?.textContent?.split("-")[0]?.split(" ")[1];
const rarity = rarityTag?.substring(0, rarityTag.length - 1);
const rarityIndex = stats.rarityMap[rarity];
if (rarityIndex == null || stats[statKey] == null) {
descriptionObserver.observe(document.body, { childList: true, subtree: true });
return;
}
const levelDiv = desc.querySelector(".level");
const levelMatch = levelDiv?.innerText?.match(/Level (\d+)/);
const level = levelMatch ? parseInt(levelMatch[1], 10) : null;
if (!level || level <= 1) {
// If Level is 1 or not found, don't change anything
descriptionObserver.observe(document.body, { childList: true, subtree: true });
return;
}
const bonusVal = stats[statKey][rarityIndex] * (level - 1);
const bonusFormatted = statKey === "gpu_term"
? `+${bonusVal.toFixed(8)}`
: `+${bonusVal.toFixed(2)}`;
const span = desc.querySelector("#desc > div:nth-child(2) > div:nth-child(5) > span");
if (!span || span.innerHTML.includes(bonusFormatted)) {
descriptionObserver.observe(document.body, { childList: true, subtree: true });
return;
}
const content = span.innerHTML;
const match1 = content.match(/(.+?by )