Automates running multiple simulations on the MWI Combat Simulator with a dynamic, grouped UI.
当前为
// ==UserScript==
// @name JIGS (Jigglymoose's Intelligent Gear Simulator)
// @namespace http://tampermonkey.net/
// @version 10.2
// @description Automates running multiple simulations on the MWI Combat Simulator with a dynamic, grouped UI.
// @author Gemini
// @license MIT
// @match https://shykai.github.io/MWICombatSimulatorTest/dist/
// @match https://shykai.github.io/MWICombatSimulator/dist/
// @grant GM_addStyle
// ==/UserScript==
(function() {
'use strict';
console.log("JIGS (Jigglymoose's Intelligent Gear Simulator) v10.1 Loaded");
// --- 1. UI & STYLES ---
const panel = document.createElement('div');
panel.id = 'batch-panel';
panel.innerHTML = `
<div id="batch-header" title="Jigglymoose's Intelligent Gear Simulator"><span>JIGS</span><button id="batch-toggle">-</button></div>
<div id="batch-content">
<div id="controls-grid">
<button id="run-batch-button" disabled>Run Simulations</button>
<button id="refresh-data-button" disabled>Refresh Data</button>
<span id="baseline-display">Baseline DPS: --</span>
<button id="update-baseline-button" disabled>Update Baseline</button>
</div>
<div id="batch-status">Status: Please import a character...</div>
<div id="jigs-progress-container" style="display: none;">
<div id="jigs-progress-bar"></div>
</div>
<div id="batch-inputs-container">
<details id="sim-settings-group" open><summary>Simulation Settings (Adjust First & Update Baseline)</summary></details>
<details id="skills-group" open><summary>Skills</summary></details>
<details id="equipment-group" open><summary>Equipment</summary></details>
<details id="abilities-group" open><summary>Abilities</summary></details>
<details id="food-drink-group" open><summary>Food & Drink</summary></details>
<details id="house-group" open><summary>House</summary><div id="house-grid-container"></div></details>
</div>
<div id="batch-results-container">
<table id="batch-results-table">
<thead>
<tr>
<th data-sort-key="upgrade">Upgrade</th>
<th data-sort-key="dpsChange">DPS Change</th>
<th data-sort-key="percentChange">% Change</th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
</div>
`;
document.body.appendChild(panel);
GM_addStyle(`
#batch-panel { position: fixed; bottom: 10px; right: 10px; width: 450px; max-height: 90vh; background-color: #2c2c2c; border: 1px solid #444; border-radius: 5px; color: #eee; z-index: 9999; font-family: sans-serif; display: flex; flex-direction: column; }
#batch-header { background-color: #333; padding: 8px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #444; }
#batch-header span { font-weight: bold; }
#batch-toggle { background: #555; border: 1px solid #777; color: white; border-radius: 3px; cursor: pointer; }
#batch-content { padding: 10px; display: flex; flex-direction: column; overflow-y: auto; }
#batch-content.hidden { display: none; }
#controls-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 10px; }
#controls-grid button { width: 100%; padding: 8px; color: white; border: none; border-radius: 4px; cursor: pointer; }
#baseline-display { grid-column: 1 / 2; text-align: center; align-self: center; font-size: 0.9em; color: #ccc; }
#run-batch-button { background-color: #4CAF50; } #refresh-data-button { background-color: #008CBA; } #update-baseline-button { background-color: #f44336; }
#run-batch-button:disabled, #refresh-data-button:disabled, #update-baseline-button:disabled { background-color: #555; cursor: not-allowed; }
#batch-status { margin-bottom: 5px; font-style: italic; color: #aaa; text-align: center; }
#jigs-progress-container { width: 100%; background-color: #555; border-radius: 5px; height: 10px; margin-bottom: 10px; border: 1px solid #333; }
#jigs-progress-bar { width: 0%; height: 100%; background-color: #4CAF50; border-radius: 5px; transition: width 0.1s linear; }
#batch-inputs-container { display: flex; flex-direction: column; gap: 5px; max-height: 40vh; overflow-y: auto; border: 1px solid #444; padding: 10px; margin-bottom: 10px; }
summary { font-weight: bold; cursor: pointer; padding: 4px; background-color: #333; margin-bottom: 5px; }
#sim-settings-group summary { font-size: 0.9em; }
details { border-left: 1px solid #444; padding-left: 10px; margin-bottom: 5px;}
.batch-input-row { display: grid; grid-template-columns: 100px 1fr; align-items: center; margin-bottom: 5px; gap: 5px; }
.batch-input-row-equip, .batch-input-row-ability { display: grid; grid-template-columns: 60px 1fr 80px; align-items: center; margin-bottom: 5px; gap: 5px; }
.batch-input-row label, .batch-input-row-equip label, .batch-input-row-ability label { font-size: 0.9em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.batch-input-row select, .batch-input-row input, .batch-input-row-equip select, .batch-input-row-equip input, .batch-input-row-ability select, .batch-input-row-ability input { background-color: #1e1e1e; color: #ddd; border: 1px solid #555; width: 100%; box-sizing: border-box; }
#house-grid-container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.house-grid-item { display: flex; flex-direction: column; align-items: center; }
.house-grid-item label { font-size: 0.8em; margin-bottom: 2px; }
.house-grid-item input { width: 90%; text-align: center; }
#batch-results-container { margin-top: 10px; max-height: 30vh; overflow-y: auto; }
#batch-results-table { width: 100%; border-collapse: collapse; }
#batch-results-table th, #batch-results-table td { border: 1px solid #444; padding: 5px; text-align: left; }
#batch-results-table th { background-color: #333; cursor: pointer; }
#batch-results-table th:hover { background-color: #444; }
.sorted-asc::after { content: ' ▲'; }
.sorted-desc::after { content: ' ▼'; }
`);
// --- 2. GET ELEMENTS & DEFINE DATA ---
const statusDiv = document.getElementById('batch-status');
const runButton = document.getElementById('run-batch-button');
const refreshButton = document.getElementById('refresh-data-button');
const updateBaselineButton = document.getElementById('update-baseline-button');
const baselineDisplay = document.getElementById('baseline-display');
const jigsProgressContainer = document.getElementById('jigs-progress-container');
const jigsProgressBar = document.getElementById('jigs-progress-bar');
const groupContainers = { skills: document.querySelector('#skills-group'), house: document.querySelector('#house-grid-container'), abilities: document.querySelector('#abilities-group'), equipment: document.querySelector('#equipment-group'), food: document.querySelector('#food-drink-group'), sim: document.querySelector('#sim-settings-group'), };
let baselineDps = 0;
const skillKeywords = ["Combat", "Stamina", "Intelligence", "Attack", "Melee", "Defense", "Ranged", "Magic"];
const equipmentKeywords = ["Head", "Necklace", "Earrings", "Body", "Legs", "Feet", "Hands", "Ring", "Main Hand", "Off Hand", "Pouch", "Back", "Charm"];
const specialIdMap = { 'Select Zone': 'selectZone', 'Difficulty': 'selectDifficulty', 'Duration': 'inputSimulationTime' };
let houseKeywords = [];
// --- 3. HELPER FUNCTIONS ---
function createNumberInput(name, value, min, max, isHouse = false) { const container = document.createElement('div'); container.className = isHouse ? 'house-grid-item' : 'batch-input-row'; const label = document.createElement('label'); label.textContent = name; label.title = name; const input = document.createElement('input'); input.type = 'number'; input.value = value; input.min = min ?? 1; input.max = max ?? 400; input.dataset.originalValue = value; input.dataset.name = name; container.appendChild(label); container.appendChild(input); return container; }
function createSelect(name, value, options) { const row = document.createElement('div'); row.className = 'batch-input-row'; const label = document.createElement('label'); label.textContent = name; label.title = name; const select = document.createElement('select'); select.dataset.originalValue = value; select.dataset.name = name; options.forEach(opt => { const option = document.createElement('option'); option.value = opt; option.textContent = opt; select.appendChild(option); }); select.value = value; row.appendChild(label); row.appendChild(select); return row; }
function createEquipmentRow(name, itemValue, itemOptions, enhValue) { const row = document.createElement('div'); row.className = 'batch-input-row-equip'; const label = document.createElement('label'); label.textContent = name; label.title = name; const itemSelect = document.createElement('select'); itemSelect.dataset.originalValue = itemValue; itemSelect.dataset.name = name; itemOptions.forEach(opt => { const option = document.createElement('option'); option.value = opt; option.textContent = opt; itemSelect.appendChild(option); }); itemSelect.value = itemValue; const enhInput = document.createElement('input'); enhInput.type = 'number'; enhInput.value = enhValue; enhInput.min = 0; enhInput.max = 20; enhInput.dataset.originalValue = enhValue; enhInput.dataset.name = `${name} Enhancement`; row.appendChild(label); row.appendChild(itemSelect); row.appendChild(enhInput); return row; }
function createAbilityRow(index, itemValue, itemOptions, lvlValue) { const row = document.createElement('div'); row.className = 'batch-input-row-ability'; const name = `Ability ${index + 1}`; const label = document.createElement('label'); label.textContent = name; label.title = name; const itemSelect = document.createElement('select'); itemSelect.dataset.originalValue = itemValue; itemSelect.dataset.name = name; itemOptions.forEach(opt => { const option = document.createElement('option'); option.value = opt; option.textContent = opt; itemSelect.appendChild(option); }); itemSelect.value = itemValue; const lvlInput = document.createElement('input'); lvlInput.type = 'number'; lvlInput.value = lvlValue; lvlInput.min = 1; lvlInput.max = 200; lvlInput.dataset.originalValue = lvlValue; lvlInput.dataset.name = `${name} Level`; row.appendChild(label); row.appendChild(itemSelect); row.appendChild(lvlInput); return row; }
function findPageElementByName(name, tag = 'input, select') { if (specialIdMap[name]) { return document.getElementById(specialIdMap[name]); } const labels = Array.from(document.querySelectorAll('label')); const targetLabel = labels.find(l => l.textContent.trim().toLowerCase() === name.toLowerCase()); if (!targetLabel) return null; const parentRow = targetLabel.closest('.row'); if (parentRow) { return parentRow.querySelector(tag); } return null; }
function getDpsValue() { const resultsContainer = document.getElementById('simulationResultTotalDamageDone'); if (!resultsContainer || !resultsContainer.hasChildNodes()) { return null; } const totalLabelElement = Array.from(resultsContainer.querySelectorAll('div.col-md-5')).find(el => el.textContent.trim() === 'Total'); if (!totalLabelElement) { return null; } const dpsElement = totalLabelElement.nextElementSibling?.nextElementSibling; if (dpsElement) { return dpsElement.textContent.trim(); } return null; }
async function runSimulation(progressCallback) { return new Promise((resolve) => { const initialDpsStr = getDpsValue(); const startButton = document.getElementById('buttonStartSimulation'); if (!startButton) { console.error("JIGS: Could not find Start Simulation button!"); resolve(NaN); return; } startButton.click(); const watcher = setInterval(() => { const progressBar = document.getElementById('simulationProgressBar'); if (progressBar) { const progress = parseInt(progressBar.textContent) || 0; if (progressCallback) progressCallback(progress); } const currentDpsStr = getDpsValue(); if (progressBar && progressBar.textContent.includes('100%') && currentDpsStr && currentDpsStr !== initialDpsStr) { clearInterval(watcher); if (progressCallback) progressCallback(100); resolve(parseFloat(currentDpsStr.replace(/,/g, ''))); } }, 100); }); }
function addResultRow(result) {
const resultsTbody = document.querySelector('#batch-results-table tbody');
const row = resultsTbody.insertRow();
row.dataset.upgrade = result.upgrade;
row.dataset.dpsChange = result.dps;
row.dataset.percentChange = result.percent;
const cell1 = row.insertCell();
const cell2 = row.insertCell();
const cell3 = row.insertCell();
cell1.textContent = result.upgrade;
cell2.textContent = `${result.dps > 0 ? '+' : ''}${result.dps.toFixed(2)}`;
cell3.textContent = `${result.percent.toFixed(2)}%`;
}
// --- 4. CORE LOGIC ---
async function buildInputsUI() {
statusDiv.textContent = 'Status: Reading data from page...';
runButton.disabled = true; refreshButton.disabled = true; updateBaselineButton.disabled = true;
Object.values(groupContainers).forEach(c => { if(c.id !== 'house-grid-container') c.innerHTML = `<summary>${c.querySelector('summary').textContent}</summary>`; else c.innerHTML = ''; });
let itemsFound = 0;
houseKeywords = [];
skillKeywords.forEach(name => { const pageEl = findPageElementByName(name); if (pageEl) { groupContainers.skills.appendChild(createNumberInput(name, pageEl.value, pageEl.min, pageEl.max)); itemsFound++; } });
equipmentKeywords.forEach(name => { const itemSelect = findPageElementByName(name, 'select'); const enhInput = findPageElementByName(name, 'input'); if (itemSelect && enhInput) { const itemValue = itemSelect.options[itemSelect.selectedIndex].text; const itemOptions = Array.from(itemSelect.options).map(opt => opt.text); const enhValue = enhInput.value; groupContainers.equipment.appendChild(createEquipmentRow(name, itemValue, itemOptions, enhValue)); itemsFound++; } });
for (let i = 0; i < 5; i++) { const abilitySelect = document.getElementById(`selectAbility_${i}`); const levelInput = document.getElementById(`inputAbilityLevel_${i}`); if (abilitySelect && levelInput) { const itemValue = abilitySelect.options[abilitySelect.selectedIndex].text; const itemOptions = Array.from(abilitySelect.options).map(opt => opt.text); const lvlValue = levelInput.value; groupContainers.abilities.appendChild(createAbilityRow(i, itemValue, itemOptions, lvlValue)); itemsFound++; } }
document.querySelectorAll('select[id^="selectFood_"], select[id^="selectDrink_"]').forEach((el, i) => { const type = el.id.includes('Food') ? 'Food' : 'Drink'; const name = `${type} ${i % 3 + 1}`; const currentValue = el.options[el.selectedIndex].text; const options = Array.from(el.options).map(opt => opt.text); groupContainers.food.appendChild(createSelect(name, currentValue, options)); itemsFound++; });
document.querySelectorAll('#houseRoomsList .row').forEach(row => { const labelEl = row.querySelector('div[data-i18n]'); const inputEl = row.querySelector('input'); if (labelEl && inputEl) { const name = labelEl.textContent.trim(); houseKeywords.push(name); groupContainers.house.appendChild(createNumberInput(name, inputEl.value, inputEl.min, inputEl.max, true)); itemsFound++; } });
for (const name of Object.keys(specialIdMap)) {
const pageEl = findPageElementByName(name);
if (pageEl) {
if (pageEl.tagName === 'SELECT') { const currentValue = pageEl.options[pageEl.selectedIndex].text; const options = Array.from(pageEl.options).map(opt => opt.text); groupContainers.sim.appendChild(createSelect(name, currentValue, options)); }
else { groupContainers.sim.appendChild(createNumberInput(name, pageEl.value, pageEl.min, pageEl.max)); }
itemsFound++;
}
}
if (itemsFound > 0) { statusDiv.textContent = 'Status: Idle.'; runButton.disabled = false; updateBaselineButton.disabled = false; }
else { statusDiv.textContent = 'Status: No data found. Import & click Refresh.'; }
refreshButton.disabled = false;
}
async function updateBaseline() {
runButton.disabled = true; refreshButton.disabled = true; updateBaselineButton.disabled = true;
statusDiv.textContent = 'Status: Applying settings and updating baseline...';
jigsProgressContainer.style.display = 'block';
jigsProgressBar.style.width = '0%';
const simSettings = document.querySelectorAll('#sim-settings-group select, #sim-settings-group input');
simSettings.forEach(uiEl => { if (uiEl.value !== uiEl.dataset.originalValue) { const pageEl = findPageElementByName(uiEl.dataset.name); if (pageEl) { if (pageEl.tagName === 'SELECT') { const opt = Array.from(pageEl.options).find(o => o.text === uiEl.value); if (opt) pageEl.value = opt.value; } else { pageEl.value = uiEl.value; } pageEl.dispatchEvent(new Event('change', { bubbles: true })); pageEl.dispatchEvent(new Event('input', { bubbles: true })); } } });
const newBaseline = await runSimulation(progress => { jigsProgressBar.style.width = `${progress}%`; });
if (!isNaN(newBaseline)) { baselineDps = newBaseline; baselineDisplay.textContent = `Baseline DPS: ${baselineDps.toFixed(2)}`; simSettings.forEach(uiEl => { uiEl.dataset.originalValue = uiEl.value; }); statusDiv.textContent = 'Status: Baseline updated.'; }
else { statusDiv.textContent = 'Error: Failed to update baseline. Try again.'; }
jigsProgressContainer.style.display = 'none';
runButton.disabled = false; refreshButton.disabled = false; updateBaselineButton.disabled = false;
}
async function startBatch() {
if (baselineDps === 0) { statusDiv.textContent = 'Error: Please set a baseline first.'; return; }
runButton.disabled = true; refreshButton.disabled = true; updateBaselineButton.disabled = true;
jigsProgressContainer.style.display = 'block';
jigsProgressBar.style.width = '0%';
document.querySelector('#batch-results-table tbody').innerHTML = '';
const settingChanges = []; const upgradeChanges = [];
document.querySelectorAll('#sim-settings-group input, #sim-settings-group select').forEach(el => { if (!el.disabled && el.value !== el.dataset.originalValue) { settingChanges.push({ name: el.dataset.name, value: el.value, originalValue: el.dataset.originalValue }); } });
document.querySelectorAll('#skills-group input, #house-group input, #equipment-group input, #equipment-group select, #abilities-group input, #abilities-group select, #food-drink-group select').forEach(el => { if (!el.disabled && el.value !== el.dataset.originalValue) { upgradeChanges.push({ name: el.dataset.name, value: el.value, originalValue: el.dataset.originalValue }); } });
if (upgradeChanges.length === 0 && settingChanges.length === 0) { statusDiv.textContent = 'Error: No changes detected.'; runButton.disabled = false; refreshButton.disabled = false; updateBaselineButton.disabled = false; jigsProgressContainer.style.display = 'none'; return; }
let simsCompleted = 0;
let totalSims = upgradeChanges.length + (settingChanges.length > 0 ? 1 : 0);
let currentBaselineDps = baselineDps;
const updateOverallProgress = (simIndex, currentSimProgress) => { const totalProgress = ((simIndex + (currentSimProgress / 100)) / totalSims) * 100; jigsProgressBar.style.width = `${totalProgress}%`; };
if (settingChanges.length > 0) {
statusDiv.textContent = 'Status: Applying settings & running new baseline...';
settingChanges.forEach(change => { const pageEl = findPageElementByName(change.name); if (pageEl) { if (pageEl.tagName === 'SELECT') { const opt = Array.from(pageEl.options).find(o => o.text === change.value); if (opt) pageEl.value = opt.value; } else { pageEl.value = change.value; } pageEl.dispatchEvent(new Event('change', { bubbles: true })); pageEl.dispatchEvent(new Event('input', { bubbles: true })); } });
const newBaseline = await runSimulation(progress => updateOverallProgress(simsCompleted, progress));
if (isNaN(newBaseline)) { statusDiv.textContent = 'Error: Could not get baseline for new settings.'; jigsProgressContainer.style.display = 'none'; runButton.disabled = false; refreshButton.disabled = false; updateBaselineButton.disabled = false; return; }
currentBaselineDps = newBaseline; baselineDps = newBaseline; baselineDisplay.textContent = `Baseline DPS: ${baselineDps.toFixed(2)}`;
document.querySelectorAll('#sim-settings-group select, #sim-settings-group input').forEach(uiEl => { uiEl.dataset.originalValue = uiEl.value; });
simsCompleted++;
}
if (upgradeChanges.length === 0) { statusDiv.textContent = 'Status: Settings updated.'; jigsProgressContainer.style.display = 'none'; runButton.disabled = false; refreshButton.disabled = false; updateBaselineButton.disabled = false; return; }
const pageInputs = new Map();
upgradeChanges.forEach(u => { let name = u.name.replace(' Enhancement', '').replace(' Level', '').trim(); let tag = 'input, select'; if (u.name.includes('Enhancement') || u.name.includes('Level')) tag = 'input'; let el; if (u.name.startsWith('Ability')) { const index = parseInt(u.name.match(/\d+/)[0]) - 1; const idPart = u.name.includes('Level') ? 'inputAbilityLevel' : 'selectAbility'; el = document.getElementById(`${idPart}_${index}`); } else if (u.name.startsWith('Food') || u.name.startsWith('Drink')) { const type = u.name.startsWith('Food') ? 'Food' : 'Drink'; const index = parseInt(u.name.slice(-1)) - 1; el = document.querySelector(`#select${type}_${index}`); } else if (houseKeywords.includes(name)) { const allRoomLabels = document.querySelectorAll('#houseRoomsList div[data-i18n]'); const targetLabel = Array.from(allRoomLabels).find(div => div.textContent.trim() === name); if (targetLabel) { el = targetLabel.closest('.row').querySelector('input'); } } else { el = findPageElementByName(name, tag); } if (el) { pageInputs.set(u.name, { el: el, originalValue: u.originalValue }); } else { console.warn(`JIGS: Could not find page element for "${u.name}". It will be skipped.`); } });
for (const upgrade of upgradeChanges) {
if (!pageInputs.has(upgrade.name)) continue;
statusDiv.textContent = `Status: Simulating (${upgradeChanges.indexOf(upgrade)+1}/${upgradeChanges.length}): ${upgrade.name}`;
pageInputs.forEach(input => { const el = input.el; if (el.tagName === 'SELECT') { const opt = Array.from(el.options).find(o => o.text === input.originalValue); if (opt) el.value = opt.value; } else { el.value = input.originalValue; } el.dispatchEvent(new Event('change', { bubbles: true })); el.dispatchEvent(new Event('input', { bubbles: true })); });
await new Promise(r => setTimeout(r, 50));
const currentInput = pageInputs.get(upgrade.name);
if (currentInput && currentInput.el) {
const el = currentInput.el;
if (el.tagName === 'SELECT') { const opt = Array.from(el.options).find(o => o.text === upgrade.value); if (opt) el.value = opt.value; } else { el.value = upgrade.value; }
el.dispatchEvent(new Event('change', { bubbles: true })); el.dispatchEvent(new Event('input', { bubbles: true }));
const newDps = await runSimulation(progress => updateOverallProgress(simsCompleted, progress));
simsCompleted++;
if (isNaN(newDps)) { console.error(`JIGS: Failed to get DPS for upgrade: ${upgrade.name}`); continue; }
const dpsGain = newDps - currentBaselineDps;
const percentChange = (dpsGain / currentBaselineDps) * 100;
let upgradeLabel = upgrade.name;
if (upgrade.name.includes('Level') || upgrade.name.includes('Enhancement')) { const baseName = upgrade.name.replace(' Level', '').replace(' Enhancement', ''); const itemSelector = `#batch-inputs-container select[data-name="${baseName}"]`; const itemSelectElement = document.querySelector(itemSelector); if (itemSelectElement) { const itemName = itemSelectElement.dataset.originalValue; if (itemName && itemName !== 'Empty') { upgradeLabel = upgrade.name.replace(baseName, itemName); } } }
addResultRow({ upgrade: `${upgradeLabel}: ${upgrade.originalValue} -> ${upgrade.value}`, dps: dpsGain, percent: percentChange });
}
}
statusDiv.textContent = 'Status: Done!';
jigsProgressContainer.style.display = 'none';
runButton.disabled = false; refreshButton.disabled = false; updateBaselineButton.disabled = false;
}
// --- 5. INITIALIZATION ---
function initializeScript() {
const batchContent = document.getElementById('batch-content');
const batchToggle = document.getElementById('batch-toggle');
batchToggle.addEventListener('click', () => batchContent.classList.toggle('hidden'));
runButton.addEventListener('click', startBatch);
refreshButton.addEventListener('click', buildInputsUI);
updateBaselineButton.addEventListener('click', updateBaseline);
document.querySelector('#batch-results-table thead').addEventListener('click', (event) => { const headerCell = event.target.closest('th'); if (!headerCell) return; const sortKey = headerCell.dataset.sortKey; if (!sortKey) return; const tbody = headerCell.closest('table').querySelector('tbody'); const rows = Array.from(tbody.querySelectorAll('tr')); const isDesc = headerCell.classList.contains('sorted-desc'); const direction = isDesc ? 1 : -1; rows.sort((a, b) => { const valA = a.dataset[sortKey]; const valB = b.dataset[sortKey]; const numA = parseFloat(valA); const numB = parseFloat(valB); if (!isNaN(numA) && !isNaN(numB)) { return (numA - numB) * direction; } return valA.localeCompare(valB) * direction; }); tbody.innerHTML = ''; rows.forEach(row => tbody.appendChild(row)); headerCell.parentElement.querySelectorAll('th').forEach(th => th.classList.remove('sorted-asc', 'sorted-desc')); if(direction === 1) { headerCell.classList.add('sorted-asc'); } else { headerCell.classList.add('sorted-desc'); } });
const findButtonInterval = setInterval(() => {
const importButton = Array.from(document.querySelectorAll('button')).find(btn => btn.textContent.includes('Import solo/group'));
if (importButton) {
clearInterval(findButtonInterval);
statusDiv.textContent = 'Status: Ready to import.';
refreshButton.disabled = false;
importButton.addEventListener('click', () => {
statusDiv.textContent = 'Import initiated! Simulating...';
const progressWatcher = setInterval(() => {
const progressBar = document.getElementById('simulationProgressBar');
if (progressBar && progressBar.textContent.includes('100%')) {
clearInterval(progressWatcher);
const dpsWatcher = setInterval(() => {
const dpsVal = getDpsValue();
if (dpsVal) {
clearInterval(dpsWatcher);
baselineDps = parseFloat(dpsVal.replace(/,/g, ''));
baselineDisplay.textContent = `Baseline DPS: ${baselineDps.toFixed(2)}`;
setTimeout(buildInputsUI, 200);
}
}, 100);
}
}, 200);
});
}
}, 500);
}
initializeScript();
})();