wynnbuilder-forked-for-changes/js/customizer.js

710 lines
26 KiB
JavaScript
Raw Normal View History

const custom_url_base = location.href.split("#")[0];
const custom_url_tag = location.hash.slice(1);
let player_custom_item;
let player_custom_ing;
let base_item; //the item that a user starts from, if any
let pos_range = [0.3,1.3];
let neg_range = [1.3,0.7];
let roll_range_ids = ["neg_roll_range-choice-min","neg_roll_range-choice-max","pos_roll_range-choice-min","pos_roll_range-choice-max"];
2021-04-02 22:07:15 +00:00
function init_customizer() {
try {
populateFields();
decodeCustom(custom_url_tag);
for (const id of rolledIDs) {
if (document.getElementById(id+"-choice-base")) {
let base_elem = document.getElementById(id+"-choice-base");
base_elem.addEventListener("focusout", (event) => {
base_to_range(id);
});
let min_elem = document.getElementById(id+"-choice-min");
min_elem.addEventListener("focusout", (event) => {
range_to_base(id,"min");
});
let max_elem = document.getElementById(id+"-choice-max");
max_elem.addEventListener("focusout", (event) => {
range_to_base(id,"max");
});
}
}
for (const id of roll_range_ids) {
document.getElementById(id).addEventListener("focusout", (event) => {
changeBaseValues();
});
}
} catch (error) {
console.log(error);
}
}
/** Create a custom item based on data input into the fields.
*
*/
function calculateCustom() {
try {
//Make things display.
for (let i of document.getElementsByClassName("hide-container-block")) {
i.style.display = "block";
}
for (let i of document.getElementsByClassName("hide-container-grid")) {
i.style.display = "grid";
}
let statMap = new Map();
statMap.set("minRolls", new Map());
statMap.set("maxRolls", new Map());
let inputs = document.getElementsByTagName("input");
2022-05-13 23:39:00 +00:00
if (document.getElementById("fixID-choice").classList.contains("toggleOn")) {//Fixed IDs
for (const input of inputs) {
if (input.id.includes("-min") || input.id.includes("-max")) {
continue;
}
let id = input.id.replace("-choice", "");
id = id.replace("-fixed", "");
id = id.replace("-min", "");
id = id.replace("-max", "");
if (input.classList.contains("number-input")) {
if (parseFloat(input.value)) {
if(rolledIDs.includes(id)) {
statMap.get("minRolls").set(id,Math.round(parseFloat(input.value)));
statMap.get("maxRolls").set(id,Math.round(parseFloat(input.value)));
} else {
statMap.set(id, Math.round(parseFloat(input.value)));
}
}
} else if (input.classList.contains("string-input")) {
if(rolledIDs.includes(id)) {
statMap.get("minRolls").set(id,input.value);
statMap.get("maxRolls").set(id,input.value);
} else {
statMap.set(id, input.value);
}
} else if (input.classList.contains("array-input")) {
statMap.set(id, input.value.split("-").map(x=>Math.round(parseFloat(x))));
}
if(input.value === "" && input.placeholder && input.placeholder !== "") {
if (input.classList.contains("number-input") && parseFloat(input.placeholder)) {
statMap.set(id, Math.round(parseFloat(input.placeholder)));
} else if (input.classList.contains("string-input")) {
statMap.set(id, input.placeholder);
} else if (input.classList.contains("array-input")) {
statMap.set(id, input.placeholder.split("-").map(x=>Math.round(parseFloat(x))));
}
}
}
statMap.set("fixID", true);
} else { //not fixed
for (const input of inputs) {
if (input.id.includes("-fixed")) {
continue;
}
let id = input.id.replace("-choice", "");
let rollMap = "";
let oppMap = "";
//If it's a minimum, it's -min
if(id.includes("-min")) {
rollMap = "minRolls";
}
//If it's a maximum, it's -max
else if(id.includes("-max")) {
rollMap = "maxRolls";
}
id = id.replace("-fixed", "");
id = id.replace("-min", "");
id = id.replace("-max", "");
if (input.classList.contains("number-input")) {
if (parseFloat(input.value)) {
if (rolledIDs.includes(id)) {
statMap.get(rollMap).set(id, Math.round(parseFloat(input.value)));
} else {
statMap.set(id, Math.round(parseFloat(input.value)));
}
}
} else if (input.classList.contains("string-input")) {
if(rolledIDs.includes(id)) {
statMap.get(rollMap).set(id, input.value);
2021-07-23 07:47:13 +00:00
} else if (id == "majorIds") {
if (input.value === "") {
statMap.set(id, []);
} else {
statMap.set(id, [input.value]);
}
} else {
statMap.set(id, input.value);
}
} else if (input.classList.contains("array-input")) {
statMap.set(id, input.value.split("-").map(x=>Math.round(parseFloat(x))));
}
if(input.value === "" && input.placeholder && input.placeholder !== "") {
if (input.classList.contains("number-input")) {
if (rolledIDs.includes(id)) {
statMap.get(rollMap).set(id, Math.round(parseFloat(input.placeholder)));
} else {
statMap.set(id, Math.round(parseFloat(input.placeholder)));
}
} else if (input.classList.contains("string-input")){
if (rolledIDs.includes(id)) {
statMap.get(rollMap).set(id, input.placeholder);
} else {
statMap.set(id, input.placeholder);
}
} else if (input.classList.contains("array-input")) {
statMap.set(id, input.placeholder.split("-").map(x=>Math.round(parseFloat(x))));
}
}
}
}
player_custom_item = new Custom(statMap);
let custom_str = encodeCustom(player_custom_item.statMap, true);
location.hash = custom_str;
player_custom_item.setHash(custom_str);
if (player_custom_item.statMap.get('category') == 'weapon') {
// wonkiness needed to set the right fields... this is jank
apply_weapon_powders(player_custom_item.statMap);
}
displayExpandedItem(player_custom_item.statMap, "custom-stats");
}catch (error) {
2022-05-13 23:39:00 +00:00
//The error elements no longer exist in the page. Add them back if needed.
// console.log(error.stack);
let msg = error.stack;
let lines = msg.split("\n");
2022-05-13 23:39:00 +00:00
for (line of lines) {
console.log(line);
}
2022-05-13 23:39:00 +00:00
// let header = document.getElementById("header");
// header.textContent = "";
// for (const line of lines) {
// let p = document.createElement("p");
// p.classList.add("itemp");
// p.textContent = line;
// header.appendChild(p);
// }
// let p2 = document.createElement("p");
// p2.textContent = "If you believe this is an error, contact hppeng on forums or discord.";
// header.appendChild(p2);
}
}
function decodeCustom(custom_url_tag) {
if (custom_url_tag) {
if (custom_url_tag.slice(0,3) === "CI-") {
custom_url_tag = custom_url_tag.substring(3);
location.hash = location.hash.substring(3);
}
let version = custom_url_tag.charAt(0);
let fixID = Boolean(parseInt(custom_url_tag.charAt(1),10));
let tag = custom_url_tag.substring(2);
let statMap = new Map();
statMap.set("minRolls", new Map());
statMap.set("maxRolls", new Map());
if (version === "1") {
//do the things
2021-03-08 23:14:47 +00:00
if (fixID) {
statMap.set("fixId", true);
2021-03-08 23:14:47 +00:00
toggleButton("fixID-choice");
2022-05-13 23:39:00 +00:00
toggleFixed(document.getElementById("fixID-choice").classList.contains("toggleOn"));
2021-03-08 23:14:47 +00:00
}
while (tag !== "") {
let id = ci_save_order[Base64.toInt(tag.slice(0,2))];
//console.log(tag.slice(0, 2) + ": " + id);
let len = Base64.toInt(tag.slice(2,4));
2022-05-31 06:31:37 +00:00
if (rolledIDs.includes(id)) {
let sign = parseInt(tag.slice(4,5),10);
let minRoll = Base64.toInt(tag.slice(5,5+len));
if (!fixID) {
let maxRoll = Base64.toInt(tag.slice(5+len,5+2*len));
if (sign > 1) {
maxRoll *= -1;
}
if (sign % 2 == 1) {
minRoll *= -1;
}
setValue(id+"-choice-min", minRoll);
setValue(id+"-choice-max", maxRoll);
statMap.get("minRolls").set(id,minRoll);
statMap.get("maxRolls").set(id,maxRoll);
tag = tag.slice(5+2*len);
} else {
if (sign != 0) {
minRoll *= -1;
}
setValue(id+"-choice-fixed", minRoll);
statMap.get("minRolls").set(id,minRoll);
statMap.get("maxRolls").set(id,minRoll);
tag = tag.slice(5+len);
}
} else {
let val;
//let elem = document.getElementById(id+"-choice");
if (nonRolled_strings.includes(id)) {
if (id === "tier") {
val = tiers[Base64.toInt(tag.charAt(2))];
len = -1;
} else if (id === "type") {
val = item_types[Base64.toInt(tag.charAt(2))];
len = -1;
} else if (id === "atkSpd") {
val = attackSpeeds[Base64.toInt(tag.charAt(2))];
len = -1;
} else if (id === "classReq") {
val = classes[Base64.toInt(tag.charAt(2))];
len = -1;
} else { //general case
val = tag.slice(4,4+len).replaceAll("%20"," ");
}
tag = tag.slice(4+len);
} else {
let sign = parseInt(tag.slice(4,5),10);
val = Base64.toInt(tag.slice(5,5+len));
if (sign == 1) {
val *= -1;
}
tag = tag.slice(5+len);
}
statMap.set(id, val);
setValue(id+"-choice", val);
}
}
statMap.set("hash",custom_url_tag);
calculateCustom();
player_custom_item.setHash(custom_url_tag);
}
}
}
function populateFields() {
/*Ex
let recipe_list = document.getElementById("recipe-choices");
for (const recipe of recipeTypes) {
let el = document.createElement("option");
el.value = recipe.charAt(0) + recipe.substring(1).toLowerCase();
recipe_list.appendChild(el);
}
*/
let tier_list = document.getElementById("tier-list");
for (const tier of tiers) {
let el = document.createElement("option");
el.value = tier;
tier_list.appendChild(el);
}
let type_list = document.getElementById("type-list");
for (const type of item_types) {
let el = document.createElement("option");
el.value = type;
type_list.appendChild(el);
}
let atkSpd_list = document.getElementById("atkSpd-list");
for (const atkSpd of attackSpeeds) {
let el = document.createElement("option");
el.value = atkSpd;
atkSpd_list.appendChild(el);
}
let class_list = document.getElementById("class-list");
for (const className of classes) {
let el = document.createElement("option");
el.value = className;
class_list.appendChild(el);
}
let item_list = document.getElementById("base-list");
for (const name of itemMap.keys()) {
let el = document.createElement("option");
el.value = name;
item_list.appendChild(el);
}
}
/**
2021-03-08 23:14:47 +00:00
* @param fixed : a boolean for the state of the fixID button.
*/
2022-05-13 23:39:00 +00:00
function toggleFixed() {
let fixedID_bool = document.getElementById("fixID-choice").classList.contains("toggleOn");
for (const id of rolledIDs) {
let elem = document.getElementById(id);
if (elem) {
2022-05-13 23:39:00 +00:00
if (fixedID_bool) { //now fixed IDs -> go to 1 input
document.getElementById(id+"-choice-fixed-container").style = "";
document.getElementById(id+"-choice-container").style = "display:none";
} else { //now rollable -> go to 2 inputs
document.getElementById(id+"-choice-fixed-container").style = "display:none";
document.getElementById(id+"-choice-container").style = "";
}
}
}
}
/** Make a custom item
*
* @param {elem} : The elem with value item to base off of. A string input.
*/
function useBaseItem(elem) {
let itemName = getValue(elem);
let baseItem;
//Check items db.
for (const [name,itemObj] of itemMap) {
if (itemName === name) {
baseItem = expandItem(itemObj);
break;
}
}
//If it starts with CR-, try creating a craft
if(!baseItem) {
baseItem = getCraftFromHash(itemName) ? getCraftFromHash(itemName) : (getCustomFromHash(itemName) ? getCustomFromHash(itemName) : null);
baseItem = baseItem.statMap;
console.log(baseItem);
}
//If the item exists, go through stats and assign to values!
if(baseItem) {
resetFields();
//Rolled IDs
if (document.getElementById("fixID-choice").textContent === "yes") { //fixed IDs
for (const id of rolledIDs) { //use maxrolls
if (baseItem.get("maxRolls").get(id) && document.getElementById(id+"-choice-fixed")) {
setValue(id+"-choice-fixed", baseItem.get("maxRolls").get(id));
setValue(id+"-choice-min", baseItem.get("maxRolls").get(id));
setValue(id+"-choice-max", baseItem.get("maxRolls").get(id));
}
}
} else { //use both
for (const id of rolledIDs) {
if (baseItem.get("maxRolls").get(id) && document.getElementById(id+"-choice-fixed")) {
setValue(id+"-choice-fixed", baseItem.get("maxRolls").get(id));
setValue(id+"-choice-min", baseItem.get("minRolls").get(id));
setValue(id+"-choice-max", baseItem.get("maxRolls").get(id));
}
}
}
//Static IDs
for (const id of nonRolledIDs) {
if (baseItem.get(id) && document.getElementById(id+"-choice")) {
setValue(id+"-choice", baseItem.get(id));
}
}
//take care of displayName
if (baseItem.get("displayName")) {
setValue("name-choice", baseItem.get("displayName"));
}
//Take care of durability, duration, and charges.
if (baseItem.get("tier") === "Crafted") {
let specialIDs = ["duration", "durability"];
setValue("charges-choice", baseItem.get("charges"));
for (const id of specialIDs) {
setValue(id+"-choice", baseItem.get(id)[0]+"-"+baseItem.get(id)[1]);
}
}
}
//Don't do anything if nothing is met
calculateCustom();
}
/* Copy the link
*/
function copyCustom() {
if (player_custom_item) {
copyTextToClipboard(custom_url_base+location.hash);
document.getElementById("copy-button").textContent = "Copied!";
}
}
function copyHash() {
if (player_custom_item) {
let hash = player_custom_item.statMap.get("hash");
console.log(hash);
copyTextToClipboard(hash);
document.getElementById("copy-button-hash").textContent = "Copied!";
}
}
/* Reset all fields
*/
function resetFields() {
let inputs = document.getElementsByTagName('input');
for (const input of inputs) {
input.textContent = "";
input.value = "";
}
let elem = document.getElementById("fixID-choice")
if (elem.textContent === "yes") {
elem.textContent = "no";
elem.classList.remove("toggleOn");
}
}
/** Takes the base value for an id and attempts to autofill the corresponding min and maxes.
*
* @param {String} id - the id to do the math for (ex: hprPct)
*/
function base_to_range(id) {
let base = parseFloat(getValue(id+"-choice-base"));
if(base) {
//This version allows overriding of min and max.
if (base == 0) {
// NOTE: DO NOT remove this case! idRound behavior does not round to 0!
setValue(id+"-choice-max", 0);
setValue(id+"-choice-min", 0);
}
else if ((base > 0) != (reversedIDs.includes(id))) { // logical XOR. positive rolled IDs
setValue(id+"-choice-max", idRound(Math.round(pos_range[1]*base)));
setValue(id+"-choice-min", idRound(Math.round(pos_range[0]*base)));
} else { //negative rolled IDs
setValue(id+"-choice-max", idRound(Math.round(neg_range[1]*base)));
setValue(id+"-choice-min", idRound(Math.round(neg_range[0]*base)));
}
/* No overiding min/max version
if (!getValue(id+"-choice-min")) {
if (base < 0) {
setValue(id+"-choice-min", Math.min(Math.round(neg_range[0]*base),-1));
} else {
setValue(id+"-choice-min", Math.max(Math.round(pos_range[0]*base),1));
}
}
if (!getValue(id+"-choice-max")) {
if (base < 0) {
setValue(id+"-choice-max", Math.min(Math.round(neg_range[1]*base),-1));
} else {
setValue(id+"-choice-max", Math.max(Math.round(pos_range[1]*base),1));
}
}
*/
}
}
/** Takes min/max value(s) and attempts to autofill the corresponding base and min/max
*
* @param {String} id - the id to do the math for (ex: hprPct)
* @param {String} mode - the tabbed value (min or max)
*/
function range_to_base(id, mode) {
let value;
try {
value = parseFloat(getValue(id+"-choice-"+mode));
} catch (error) {
console.log("Error in range_to_base.");
console.log(error);
}
if (mode === "min") { //base and max
if (value && !getValue(id+"-choice-base")) {
if (value < 0) {
setValue(id+"-choice-base", Math.min(Math.round(1/neg_range[0]*value),-1));
} else {
setValue(id+"-choice-base", Math.max(Math.round(1/pos_range[0]*value),1));
}
}
if (value && !getValue(id+"-choice-max")) {
if (value < 0) {
setValue(id+"-choice-max", Math.min(Math.round(neg_range[1]/neg_range[0]*value),-1));
} else {
setValue(id+"-choice-max", Math.max(Math.round(pos_range[1]/pos_range[0]*value),1));
}
}
} else if (mode === "max") { //min and base
if (value && !getValue(id+"-choice-base")) {
if (value < 0) {
setValue(id+"-choice-base", Math.min(Math.round(1/neg_range[1]*value),-1));
} else {
setValue(id+"-choice-base", Math.max(Math.round(1/pos_range[1]*value),1));
}
}
if (value && !getValue(id+"-choice-min")) {
if (value < 0) {
setValue(id+"-choice-min", Math.min(Math.round(neg_range[0]/neg_range[1]*value),-1));
} else {
setValue(id+"-choice-min", Math.max(Math.round(pos_range[0]/pos_range[1]*value),1));
}
}
}
}
/** Uses the base value input fields and changes the base values.
*
*/
function changeBaseValues() {
for (const id of roll_range_ids) {
if (getValue(id)) {
if (id.includes("neg")) {
if (id.includes("min")) {
neg_range[0] = parseFloat(getValue(id));
} else {
neg_range[1] = parseFloat(getValue(id));
}
} else {
if (id.includes("min")) {
pos_range[0] = parseFloat(getValue(id));
} else {
pos_range[1] = parseFloat(getValue(id));
}
}
}
}
for (const identification of rolledIDs) {
if (document.getElementById(identification)) {
base_to_range(identification);
}
}
}
function resetBaseValues() {
pos_range = [0.3,1.3];
neg_range = [1.3,0.7];
for (const id of roll_range_ids) {
setValue(id,"");
}
}
2021-04-21 05:28:16 +00:00
/** Saves the current user's item as a JSON file.
* Starts a JSON download.
*/
function saveAsJSON() {
let CI = {};
for (const [id, val] of player_custom_item.statMap) {
let skipIds = ["minRolls", "maxRolls", "skillpoints", "reqs", "custom", "crafted", "restrict", "hash",
"nDam_", "tDam_", "eDam_", "wDam_", "fDam_", "aDam_",
"powders", "durability", "duration" ]
if (skipIds.includes(id)) {
2021-04-21 05:28:16 +00:00
continue;
} else {
val ? CI[reversetranslations.get(id) ? reversetranslations.get(id) : id] = val : "" ;
}
}
let is_fixid = true;
2021-04-21 05:28:16 +00:00
if (player_custom_item.statMap.get("minRolls")) {
for (let [id, min] of player_custom_item.statMap.get("minRolls")) {
let max = player_custom_item.statMap.get("maxRolls").get(id);
2021-04-21 05:28:16 +00:00
if (min && max) {
let tmp = Math.min(min, max);
max = Math.max(min, max);
min = tmp;
if (min != max) {
is_fixid = false;
}
// console.log(reversetranslations);
let base = full_range_to_base(min, max);
if (base === null) {
CI[reversetranslations.get(id) ? reversetranslations.get(id) : id] = [min,max];
} else if (base) {
CI[reversetranslations.get(id) ? reversetranslations.get(id) : id] = base;
}
else {
console.log("CONVERSION ERROR: " + id);
}
2021-04-21 05:28:16 +00:00
}
}
}
CI["identified"] = is_fixid
2021-04-21 05:28:16 +00:00
console.log(JSON.stringify(CI, null, 0));
2021-04-21 05:28:16 +00:00
//yuck
copyTextToClipboard(JSON.stringify(CI, null, 0));
document.getElementById("json-button").textContent = "Copied!";
// let filename = player_custom_item.statMap.get("displayName");
// var element = document.createElement('a');
// element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(JSON.stringify(CI, null, 0)));
// element.setAttribute('download', filename + ".json");
// element.style.display = 'none';
// document.body.appendChild(element);
// element.click();
// document.body.removeChild(element);
2021-04-21 05:28:16 +00:00
}
/**Helper function
* Takes min, max, attempts to get the correct base. Returns null if no possible base or no base found.
*/
function full_range_to_base(min, max) {
//checks against the range
function checkBase(b, min, max) {
if ( b > 0 ) {
if (Math.round(pos_range[0] * b) == min && Math.round(pos_range[1] * b ) == max) {
return true;
} else {
return false;
}
} else {
if (Math.round(neg_range[0] * b) == min && Math.round(neg_range[1] * b ) == max) {
return true;
} else {
return false;
}
}
}
if (min && max && min/max < 0) {
return null;
} else if (min == max) {
//0 shouldn't save but this is for -1 and 1
return min;
} else {
//both should be same sign - now do math
if (min < 0) {
let minPossible = (max - 0.5) / neg_range[1];
let maxPossible = (max + 0.5) / neg_range[1];
for (let i = Math.floor(minPossible); i < Math.ceil(maxPossible); i++) {
if (checkBase(i, min, max)) {
return i;
}
}
} else {
let minPossible = (max - 0.5) / pos_range[1];
let maxPossible = (max + 0.5) / pos_range[1];
for (let i = Math.floor(minPossible); i < Math.ceil(maxPossible); i++) {
if (checkBase(i, min, max)) {
return i;
}
}
return null;
}
}
}
(async function() {
let load_promises = [ load_init() ];
await Promise.all(load_promises);
init_customizer();
})();