Tracks loot, stats, Cyber Components, income calculator, with theme switcher, click-through toggle, collapsible controls, and hotkey toggle (Ctrl+L). Fully fixed pointer events and layout logic for reliable performance.
// ==UserScript==
// @name Cybroria Loot Tracker v4.3.2
// @namespace http://tampermonkey.net/
// @version 4.3.2
// @description Tracks loot, stats, Cyber Components, income calculator, with theme switcher, click-through toggle, collapsible controls, and hotkey toggle (Ctrl+L). Fully fixed pointer events and layout logic for reliable performance.
// @author Skydragon
// @match https://cybroria.com/*
// @grant none
// @license MIT
// ==/UserScript==
(function () {
'use strict';
const STORAGE_KEY = 'cybroria_loot_stats';
const VALUE_KEY = 'cybroria_loot_values';
const POS_KEY = 'cybroria_tracker_position';
const RESET_TIME_KEY = 'cybroria_reset_time';
const CYBER_BASE_KEY = 'cybroria_cyber_components_base';
const CYBER_GAIN_KEY = 'cybroria_cyber_components_gain';
const OPACITY_KEY = 'cybroria_tracker_opacity';
const THEME_KEY = 'cybroria_tracker_theme';
const CLICKTHRU_KEY = 'cybroria_tracker_clickthrough';
const UI_COLLAPSE_KEY = 'cybroria_tracker_controls_hidden';
let timestamps = JSON.parse(localStorage.getItem(STORAGE_KEY) || '[]');
let lootValues = JSON.parse(localStorage.getItem(VALUE_KEY) || '{}');
let viewMode = 'hour';
let panelOpacity = parseFloat(localStorage.getItem(OPACITY_KEY)) || 0.6;
let theme = localStorage.getItem(THEME_KEY) || 'dark';
let clickThrough = localStorage.getItem(CLICKTHRU_KEY) === 'true';
let controlsHidden = localStorage.getItem(UI_COLLAPSE_KEY) === 'true';
if (!localStorage.getItem(RESET_TIME_KEY)) {
localStorage.setItem(RESET_TIME_KEY, Date.now());
}
if (!localStorage.getItem(CYBER_GAIN_KEY)) {
localStorage.setItem(CYBER_GAIN_KEY, '0');
}
const trackedTypes = [
"Strength", "Agility", "Dexterity", "Vitality",
"Energy Tap", "System Breach", "Chemsynthesis", "Cyber Harvest",
"Credits", "Power Cells", "Logic Cores", "Artifacts",
"Neuro Stims", "Cyber Implants", "Cyber Components"
];
const trackerBox = document.createElement('div');
trackerBox.id = 'cybroria-tracker';
trackerBox.style.position = 'fixed';
trackerBox.style.top = localStorage.getItem(POS_KEY + '_top') || '10px';
trackerBox.style.left = localStorage.getItem(POS_KEY + '_left') || '10px';
function applyPanelStyles() {
const glow = '0 0 12px rgba(0,255,100,0.4)';
const light = '0 0 8px rgba(255,255,255,0.3)';
const base = trackerBox.style;
base.background = theme === 'dark' ? `rgba(0,0,0,${panelOpacity})` : `rgba(255,255,255,${panelOpacity})`;
base.color = theme === 'dark' ? '#cfc' : '#333';
base.borderRadius = '10px';
base.boxShadow = theme === 'dark' ? glow : light;
base.border = theme === 'dark' ? '1px solid rgba(0,255,100,0.3)' : '1px solid rgba(0,0,0,0.2)';
base.textShadow = theme === 'dark' ? '0 0 4px rgba(0,255,100,0.3)' : 'none';
base.fontFamily = 'monospace';
base.fontSize = '13px';
base.padding = '12px';
base.zIndex = 9999;
base.cursor = 'move';
base.minWidth = '240px';
base.pointerEvents = clickThrough ? 'none' : 'auto';
}
applyPanelStyles();
function makeDraggable(el) {
let offsetX, offsetY, dragging = false;
el.addEventListener('mousedown', (e) => {
if (e.target.tagName === 'BUTTON' || e.target.tagName === 'SELECT' || e.target.classList.contains('icon')) return;
dragging = true;
offsetX = e.clientX - el.offsetLeft;
offsetY = e.clientY - el.offsetTop;
});
document.addEventListener('mousemove', (e) => {
if (!dragging) return;
el.style.left = `${e.clientX - offsetX}px`;
el.style.top = `${e.clientY - offsetY}px`;
});
document.addEventListener('mouseup', () => {
if (dragging) {
localStorage.setItem(POS_KEY + '_top', el.style.top);
localStorage.setItem(POS_KEY + '_left', el.style.left);
}
dragging = false;
});
}
function updateBox() {
trackerBox.innerHTML = '';
trackerBox.appendChild(timer);
localStorage.setItem(STORAGE_KEY, JSON.stringify(timestamps));
const now = Date.now();
const hourAgo = now - 3600000;
const dayAgo = now - 86400000;
const stats = {};
timestamps.forEach(entry => {
const show = viewMode === 'session' ||
(viewMode === 'hour' && entry.time >= hourAgo) ||
(viewMode === 'day' && entry.time >= dayAgo);
if (!show) return;
if (!stats[entry.item]) stats[entry.item] = 0;
stats[entry.item] += entry.amount;
});
let totalIncome = 0;
const currencyHtml = [];
const cyberGain = parseInt(localStorage.getItem(CYBER_GAIN_KEY), 10);
if (cyberGain > 0) {
const value = lootValues['Cyber Components'] || 0;
totalIncome += cyberGain * value;
currencyHtml.push(`Cyber Components: ${cyberGain.toLocaleString()}`);
}
const html = [];
html.push('<strong>Cybroria Loot Tracker</strong><br><br>');
html.push(`<u>Per ${viewMode.charAt(0).toUpperCase() + viewMode.slice(1)}:</u><br><br>`);
const sections = {
'Fighting Stats': ["Strength", "Agility", "Dexterity", "Vitality"],
'Extraction Stats': ["Energy Tap", "System Breach", "Chemsynthesis", "Cyber Harvest"],
'Currency': ["Credits", "Artifacts"],
'Extraction Loot': ["Power Cells", "Logic Cores", "Cyber Implants", "Neuro Stims"]
};
for (const [title, items] of Object.entries(sections)) {
const group = items.map(item => {
if (!stats[item]) return null;
const amount = stats[item];
const value = lootValues[item] || 0;
totalIncome += amount * value;
return `${item}: ${amount.toLocaleString()}`;
}).filter(Boolean);
if (group.length) {
html.push(`<strong>${title}:</strong><br>${group.join('<br>')}<br><br>`);
}
}
if (currencyHtml.length) {
html.push(`<strong>Currency:</strong><br>${currencyHtml.join('<br>')}<br><br>`);
}
if (totalIncome > 0) {
html.push(`<strong>Total Income:</strong> ${totalIncome.toLocaleString()} credits<br>`);
}
trackerBox.innerHTML += html.join('');
trackerBox.appendChild(timer);
renderControls();
}
function renderControls() {
const controlsWrapper = document.createElement('div');
controlsWrapper.id = 'tracker-controls';
const collapseToggle = document.createElement('div');
collapseToggle.textContent = controlsHidden ? '[+]' : '[–]';
collapseToggle.style.cursor = 'pointer';
collapseToggle.style.marginBottom = '6px';
collapseToggle.style.fontWeight = 'bold';
collapseToggle.onclick = () => {
controlsHidden = !controlsHidden;
localStorage.setItem(UI_COLLAPSE_KEY, controlsHidden);
updateBox();
};
trackerBox.appendChild(collapseToggle);
if (controlsHidden) return;
const resetBtn = document.createElement('button');
resetBtn.textContent = 'Reset';
resetBtn.onclick = () => {
if (confirm('Reset all loot stats?')) {
timestamps = [];
localStorage.removeItem(STORAGE_KEY);
localStorage.setItem(RESET_TIME_KEY, Date.now());
localStorage.setItem(CYBER_GAIN_KEY, '0');
localStorage.removeItem(CYBER_BASE_KEY);
updateBox();
}
};
const exportBtn = document.createElement('button');
exportBtn.textContent = 'Export CSV';
exportBtn.style.marginLeft = '6px';
exportBtn.onclick = () => {
let csv = 'Item,Amount\n';
const totals = {};
timestamps.forEach(t => {
if (!totals[t.item]) totals[t.item] = 0;
totals[t.item] += t.amount;
});
for (const item in totals) {
csv += `${item},${totals[item]}\n`;
}
const blob = new Blob([csv], { type: 'text/csv' });
const url = URL.createObjectURL(blob);
const link = document.createElement('a');
link.href = url;
link.download = 'cybroria_loot.csv';
link.click();
URL.revokeObjectURL(url);
};
const modeSelect = document.createElement('select');
modeSelect.style.marginLeft = '6px';
['hour', 'day', 'session'].forEach(mode => {
const opt = document.createElement('option');
opt.value = mode;
opt.textContent = `Per ${mode}`;
modeSelect.appendChild(opt);
});
modeSelect.value = viewMode;
modeSelect.onchange = () => {
viewMode = modeSelect.value;
updateBox();
};
const settingsBtn = document.createElement('span');
settingsBtn.textContent = '⚙️';
settingsBtn.title = 'Set values';
settingsBtn.className = 'icon';
settingsBtn.style.marginLeft = '8px';
settingsBtn.style.cursor = 'pointer';
settingsBtn.onclick = showSettingsPopup;
controlsWrapper.appendChild(resetBtn);
controlsWrapper.appendChild(exportBtn);
controlsWrapper.appendChild(modeSelect);
controlsWrapper.appendChild(settingsBtn);
trackerBox.appendChild(controlsWrapper);
if (clickThrough) {
const icon = trackerBox.querySelector('.icon');
if (icon) icon.style.pointerEvents = 'auto';
}
}
function parseLootText(text) {
text = text.replace(/\u00A0/g, ' ')
.replace(/\s+/g, ' ')
.replace(/\([\d,]+ for your syndicate\)/g, '')
.trim();
const statMatch = text.match(/You have found ([\d,]+) ([A-Za-z ]+?) Stat Value/i);
if (statMatch) {
const amount = parseInt(statMatch[1].replace(/,/g, ''), 10);
const statName = statMatch[2].trim();
if (trackedTypes.includes(statName)) {
timestamps.push({ time: Date.now(), item: statName, amount });
updateBox();
}
return;
}
const lootMatch = text.match(/You have found ([\d,]+) ([A-Za-z ]+)/);
if (lootMatch) {
const qty = parseInt(lootMatch[1].replace(/,/g, ''), 10);
const item = lootMatch[2].trim();
if (trackedTypes.includes(item)) {
timestamps.push({ time: Date.now(), item, amount: qty });
updateBox();
}
}
}
function observeLootLog() {
const seenLines = new Set();
setInterval(() => {
const logSpans = document.querySelectorAll('app-loot-log span.ng-star-inserted');
logSpans.forEach(span => {
const rawText = span.textContent.trim();
if (rawText.includes('You have found') && !seenLines.has(rawText)) {
seenLines.add(rawText);
parseLootText(rawText);
}
});
}, 1000);
}
function trackCyberComponentDelta() {
setInterval(() => {
const el = Array.from(document.querySelectorAll('*')).find(e =>
e.textContent && e.textContent.includes('Cyber Components')
);
if (el) {
const match = el.textContent.match(/Cyber Components\s*:?\s*([\d,]+)/i);
if (match) {
const current = parseInt(match[1].replace(/,/g, ''), 10);
const base = parseInt(localStorage.getItem(CYBER_BASE_KEY) || current);
const gain = current - base;
localStorage.setItem(CYBER_GAIN_KEY, gain.toString());
localStorage.setItem(CYBER_BASE_KEY, base.toString());
updateBox();
}
}
}, 2000);
}
const timer = document.createElement('div');
timer.id = 'cybroria-timer';
timer.style.marginTop = '8px';
timer.style.fontSize = '11px';
timer.style.color = theme === 'dark' ? '#8f8' : '#555';
trackerBox.appendChild(timer);
function showSettingsPopup() {
const popup = document.createElement('div');
popup.style.position = 'fixed';
popup.style.top = '50%';
popup.style.left = '50%';
popup.style.transform = 'translate(-50%, -50%)';
popup.style.background = '#222';
popup.style.color = '#fff';
popup.style.padding = '20px';
popup.style.border = '2px solid #0f0';
popup.style.zIndex = 10000;
popup.style.maxHeight = '80vh';
popup.style.overflowY = 'auto';
const closeBtn = document.createElement('button');
closeBtn.textContent = 'Close';
closeBtn.style.marginTop = '10px';
closeBtn.onclick = () => popup.remove();
const inputItems = [
"Artifacts", "Power Cells", "Logic Cores",
"Cyber Implants", "Neuro Stims", "Cyber Components"
];
lootValues.Credits = 1;
inputItems.forEach(item => {
const label = document.createElement('label');
label.textContent = `${item} price: `;
label.style.display = 'block';
const input = document.createElement('input');
input.type = 'number';
input.value = lootValues[item] || '';
input.style.marginBottom = '6px';
input.onchange = () => {
lootValues[item] = parseFloat(input.value) || 0;
localStorage.setItem(VALUE_KEY, JSON.stringify(lootValues));
updateBox();
};
label.appendChild(input);
popup.appendChild(label);
});
// Theme toggle
const themeToggle = document.createElement('button');
themeToggle.textContent = `Theme: ${theme === 'dark' ? 'Dark' : 'Light'}`;
themeToggle.onclick = () => {
theme = theme === 'dark' ? 'light' : 'dark';
localStorage.setItem(THEME_KEY, theme);
applyPanelStyles();
updateBox();
themeToggle.textContent = `Theme: ${theme === 'dark' ? 'Dark' : 'Light'}`;
};
// Opacity slider
const opacityLabel = document.createElement('label');
opacityLabel.textContent = 'Opacity:';
opacityLabel.style.display = 'block';
const opacitySlider = document.createElement('input');
opacitySlider.type = 'range';
opacitySlider.min = '0.2';
opacitySlider.max = '1.0';
opacitySlider.step = '0.05';
opacitySlider.value = panelOpacity;
opacitySlider.oninput = () => {
panelOpacity = parseFloat(opacitySlider.value);
localStorage.setItem(OPACITY_KEY, panelOpacity);
applyPanelStyles();
};
opacityLabel.appendChild(opacitySlider);
popup.appendChild(document.createElement('hr'));
popup.appendChild(themeToggle);
popup.appendChild(opacityLabel);
// Click-through toggle
const clickToggle = document.createElement('button');
clickToggle.textContent = clickThrough ? 'Click-through: ON' : 'Click-through: OFF';
clickToggle.onclick = () => {
clickThrough = !clickThrough;
localStorage.setItem(CLICKTHRU_KEY, clickThrough);
applyPanelStyles();
updateBox();
clickToggle.textContent = clickThrough ? 'Click-through: ON' : 'Click-through: OFF';
makeDraggable(trackerBox);
};
popup.appendChild(document.createElement('hr'));
popup.appendChild(clickToggle);
popup.appendChild(document.createElement('hr'));
popup.appendChild(closeBtn);
document.body.appendChild(popup);
}
setTimeout(() => {
observeLootLog();
trackCyberComponentDelta();
updateBox();
document.body.appendChild(trackerBox);
}, 3000);
})();