☰

Hornex Build Saver+

Click button to save/load your build.

// ==UserScript==
// @name           Hornex Build Saver+
// @name:ja        hornex ビルド保存&配置スクリプト
// @namespace      http://tampermonkey.net/
// @version        3.0.2
// @description    Click button to save/load your build.
// @description:ja 左のボタンを押してビルドを保存＆配置できます。
// @author         AstRatJP
// @author         aragami070
// @match          https://hornex.pro/*
// @license        MIT
// @grant          none
// ==/UserScript==

let numBuildsLimit = 10
let minNumBuilds = 1

/*
READ ME:
-The original script is by AstRatJP
-https://greasyfork.org/en/scripts/475349-hornex-build-saver
-Don't change the following codes unless you know what are you doing, they exist for a reason.
*/

let numBuilds = localStorage.getItem('HBSsavedNumBuilds');
if (!numBuilds) {
    localStorage.setItem(`HBSsavedNumBuilds`, 5);
    numBuilds = localStorage.getItem('HBSsavedNumBuilds');
}
const nameLenLimit = 50; //this is to prevent you being stupid and blow up your own pc by putting a whole essay

let rnames = [];
let sbuttons = []
let lbuttons = []

for (let i=1; i<=numBuildsLimit; i++) {
    let savedName = localStorage.getItem(`HBSr${i}savedname`);
    if (!savedName) {
        savedName = i.toString();
        localStorage.setItem(`HBSr${i}savedname`, savedName);
    }
    rnames.push(savedName)
}

console.log('Found saved build names: '+rnames)

let containerDiv = document.createElement('div');
containerDiv.style.width = '55px';
containerDiv.style.alignItems = 'start';
containerDiv.style.gridAutoFlow = 'column';
containerDiv.style.display = 'grid';
document.querySelector(".btn.shop-btn").before(containerDiv);

let addBTN = document.createElement('div');
addBTN.classList.add("btn");
addBTN.style.backgroundColor = "lime";
addBTN.textContent = "+";
addBTN.style.height = '7px';
addBTN.style.width = '7px';
addBTN.style.padding = '5px 5px';
addBTN.addEventListener('click', () => { addBuild() });
addBTN.addEventListener('touchstart', () => { addBuild() });
containerDiv.appendChild(addBTN);
let removeBBtn = document.createElement('div');
removeBBtn.classList.add("btn");
removeBBtn.style.backgroundColor = "red";
removeBBtn.textContent = "-";
removeBBtn.style.height = '7px';
removeBBtn.style.width = '7px';
removeBBtn.style.padding = '5px 5px';
removeBBtn.addEventListener('click', () => { removeBuild() });
removeBBtn.addEventListener('touchstart', () => { removeBuild() });
containerDiv.appendChild(removeBBtn);

// rename button
let renameBTN = document.createElement('div');
renameBTN.classList.add("btn");
renameBTN.style.backgroundColor = "#BBBBBB";
renameBTN.textContent = "Rename";
renameBTN.style.height = '10px'
renameBTN.addEventListener('click', () => { renameBuild() });
renameBTN.addEventListener('touchstart', () => { renameBuild() });
document.querySelector(".btn.shop-btn").before(renameBTN);

// toggle button
let toggleBTN = document.createElement('div');
toggleBTN.classList.add("btn");
toggleBTN.style.backgroundColor = "#BBBBBB";
toggleBTN.textContent = "Toggle";
toggleBTN.style.height = '10px'
toggleBTN.addEventListener('click', () => { toggleButton() });
toggleBTN.addEventListener('touchstart', () => { toggleButton() });
document.querySelector(".btn.shop-btn").before(toggleBTN);

// remove button
let removeBTN = document.createElement('div');
removeBTN.classList.add("btn");
removeBTN.style.backgroundColor = "tomato";
removeBTN.textContent = "Clear Row";
removeBTN.style.height = '10px'
removeBTN.addEventListener('click', () => { removePrimaryPetals() });
removeBTN.addEventListener('touchstart', () => { removePrimaryPetals() });
document.querySelector(".btn.shop-btn").before(removeBTN);

for (let i=1; i<=numBuilds; i++) {
    let buildS = document.createElement('div');
    buildS.classList.add("btn", `s${i}`, "hidden");
    buildS.textContent = `Save ${rnames[i-1]}`;
    buildS.style.height = '10px'
    buildS.addEventListener('click', () => { saveBuild(i) });
    buildS.addEventListener('touchstart', () => { saveBuild(i) });
    document.querySelector(".btn.shop-btn").before(buildS);
    sbuttons.push(buildS);
};

for (let i=1; i<=numBuilds; i++) {
    let buildL = document.createElement('div');
    buildL.classList.add("btn");
    buildL.textContent = rnames[i-1];
    buildL.style.height = '10px'
    buildL.addEventListener('click', () => { setBuild(i) });
    buildL.addEventListener('touchstart', () => { setBuild(i) });
    document.querySelector(".btn.shop-btn").before(buildL);
    lbuttons.push(buildL);
};

const styleHidden = document.createElement('style');
styleHidden.innerHTML = ".hidden { display: none !important; } ";
document.body.appendChild(styleHidden);

const input = document.querySelector('.chat-input');
const inputName = document.querySelector('.grid .nickname');
let chatFocus = false;
let nameFocus = false;
let mouseMoved = false;


input.addEventListener('focus', () => {
    chatFocus = true;
});
inputName.addEventListener('focus', () => {
    nameFocus = true;
});
input.addEventListener('blur', () => {
    chatFocus = false;
})
inputName.addEventListener('blur', () => {
    nameFocus = false;
});
document.addEventListener('mousemove', () => {
    mouseMoved = true;
});


async function removePrimaryPetals() {
    const elements = Array.from(document.querySelectorAll(".petals:not(.small) .petal.empty .petal"));
    for (let i = 0; i < elements.length; i++) {
        const element = elements[i];
        const slot = document.querySelector(".petal-rows");
        const longPressEvent = new MouseEvent("mousedown", {
            bubbles: true,
            cancelable: true,
            view: window,
            buttons: 1,
            button: 0,
        });
        const mouseUpEvent = new MouseEvent("mouseup", {
            bubbles: true,
            cancelable: true,
            view: window,
            buttons: 0,
        });
        element.dispatchEvent(longPressEvent);
        const top = element.style.top;
        const left = element.style.left;


        const endTime = Date.now() + 500;
        mouseMoved = false;
        while (Date.now() < endTime) {
            if (mouseMoved) {
                break;
            }
            await new Promise(resolve => setTimeout(resolve, 1));
        }



        let slotTop = slot.style.top;
        slot.style.top = "0%";
        element.dispatchEvent(mouseUpEvent);
        slot.style.top = slotTop;
    }
}


async function removeAllPetals() {
    const elements = Array.from(document.querySelectorAll(".petals .petal.empty .petal"));
    for (let i = 0; i < elements.length; i++) {
        const element = elements[i];
        const slot = document.querySelector(".petal-rows");
        const longPressEvent = new MouseEvent("mousedown", {
            bubbles: true,
            cancelable: true,
            view: window,
            buttons: 1,
            button: 0,
        });
        const mouseUpEvent = new MouseEvent("mouseup", {
            bubbles: true,
            cancelable: true,
            view: window,
            buttons: 0,
        });
        element.dispatchEvent(longPressEvent);
        const top = element.style.top;
        const left = element.style.left;


        const endTime = Date.now() + 500;
        mouseMoved = false;
        while (Date.now() < endTime) {
            if (mouseMoved) {
                break;
            }
            await new Promise(resolve => setTimeout(resolve, 1));
        }



        let slotTop = slot.style.top;
        slot.style.top = "0%";
        element.dispatchEvent(mouseUpEvent);
        slot.style.top = slotTop;
    }
}





function saveBuild(i) {
    let petalPosition = "";
    let tier = "";
    const petals = Array.from(document.querySelectorAll(".petals .petal.empty .petal"));
    const savedBuild = [];
    for (let i = 0; i < petals.length; i++) {
        if (petals[i].classList.item(2) === "no-icon" || petals[i].classList.item(3) === "no-icon") {
            petalPosition = petals[i].querySelector(".petal-icon").style.backgroundPosition;
        } else {
            petalPosition = petals[i].style.backgroundPosition;
        }
        if (petals[i].classList.item(1) === "spin") {
            tier = petals[i].classList.item(2);
        } else {
            tier = petals[i].classList.item(1);
        }
        savedBuild.push(petalPosition, tier);
    }
    localStorage.setItem(`savedBuild${i}`, JSON.stringify(savedBuild));
    if (document.querySelector(`.s${i}`).textContent !== "Saved!") {
        const oldText = document.querySelector(`.s${i}`).textContent.toString();
        document.querySelector(`.s${i}`).textContent = "Saved!";
        setTimeout(()=>{ document.querySelector(`.s${i}`).textContent = oldText; }, 1000);
    }
}


function setPetal(petalPosition, tier) {
    const petal = document.querySelector(`.common [style*="background-position: ${petalPosition}"].${tier}`);

    const longPressEvent = new MouseEvent("mousedown", {
        bubbles: true,
        cancelable: true,
        view: window,
        buttons: 1,
        button: 0,
    });
    const mouseUpEvent = new MouseEvent("mouseup", {
        bubbles: true,
        cancelable: true,
        view: window,
        buttons: 0,
    });
    petal.dispatchEvent(longPressEvent);
    petal.dispatchEvent(mouseUpEvent);
}

function closeInventory() {
    const closeBtn = document.querySelector(".dialog.inventory .btn.close-btn");

    const clickEvent = new MouseEvent('click', {
        'view': window,
        'bubbles': true,
        'cancelable': true
    });
    closeBtn.dispatchEvent(clickEvent);
}

async function setBuild(i) {
    const savedBuild = JSON.parse(localStorage.getItem(`savedBuild${i}`));
    await removeAllPetals();
    for (let i = 0; i < savedBuild.length; i += 2) {
        setPetal(savedBuild[i], savedBuild[i + 1]);
    }
    await closeInventory();
}

function renameBuild() {
    let build = prompt('Build no. to rename: ');
    build = parseInt(build);
    if ( build===null ) { return; } else if ( build>parseInt(localStorage.getItem('HBSsavedNumBuilds')) || build<1 || isNaN(build) ) {
        alert('Invalid build #!');
        return;
    }

    const name = prompt('New name: ');
    if ( name===null ) { return; } else if ( name.length > nameLenLimit) {
        alert('Too long!');
        return;
    }

    localStorage.setItem(`HBSr${build}savedname`, name)

    sbuttons[build-1].textContent = 'Save '+name;
    lbuttons[build-1].textContent = name;

    console.log(`Successfully renamed build ${build} to ${name}`)
}

function toggleButton() {
    for (let i=0; i<=(parseInt(localStorage.getItem('HBSsavedNumBuilds'))-1); i++) {
        sbuttons[i].classList.toggle('hidden');
        lbuttons[i].classList.toggle('hidden');
    };
}

function addBuild() {
    const currentNumBuilds = parseInt(localStorage.getItem('HBSsavedNumBuilds'));
    if (currentNumBuilds>=numBuildsLimit) {
        localStorage.setItem(`HBSsavedNumBuilds`, numBuildsLimit);
        return;
    }
    localStorage.setItem(`HBSsavedNumBuilds`, currentNumBuilds+1);
    let buildS = document.createElement('div');
    buildS.classList.add("btn", `s${currentNumBuilds+1}`, "hidden");
    buildS.textContent = `Save ${localStorage.getItem(`HBSr${currentNumBuilds+1}savedname`)}`;
    buildS.style.height = '10px'
    buildS.addEventListener('click', () => { saveBuild(currentNumBuilds+1) });
    buildS.addEventListener('touchstart', () => { saveBuild(currentNumBuilds+1) });
    document.querySelector(".btn.shop-btn").before(buildS);
    sbuttons.push(buildS);
    let buildL = document.createElement('div');
    buildL.classList.add("btn");
    buildL.textContent = localStorage.getItem(`HBSr${currentNumBuilds+1}savedname`);
    buildL.style.height = '10px'
    buildL.addEventListener('click', () => { setBuild(currentNumBuilds+1) });
    buildL.addEventListener('touchstart', () => { setBuild(currentNumBuilds+1) });
    document.querySelector(".btn.shop-btn").before(buildL);
    lbuttons.push(buildL);
    console.log('added 1 build')
}

function removeBuild() {
    const currentNumBuilds = parseInt(localStorage.getItem('HBSsavedNumBuilds'));
    if (currentNumBuilds<=minNumBuilds) {
        localStorage.setItem(`HBSsavedNumBuilds`, minNumBuilds);
        return;
    }
    localStorage.setItem(`HBSsavedNumBuilds`, currentNumBuilds-1);
    sbuttons[currentNumBuilds-1].remove();
    lbuttons[currentNumBuilds-1].remove();
    sbuttons.pop();
    lbuttons.pop();
    console.log('removed 1 build')
}