${e.name}
${e.rarity.replace(' Grade', '')}
${effectLabel(e.effect)}: ${formatValue(e.effect, e.value)}
${formatTime(ms)}
${hasStock ? `Stock: ${e.amount}` : 'No stock'}
${isExpired && hasStock ? `
` : ''}
`;
}).join('');
}
function tickTimers() {
const now = Date.now();
let needsRerender = false;
document.querySelectorAll('.cc-effect-timer[data-till]').forEach(el => {
const ms = new Date(el.dataset.till).getTime() - now;
const newText = formatTime(ms);
if (el.textContent !== newText) el.textContent = newText;
const newClass = `cc-effect-timer ${timerClass(ms)}`;
if (el.className !== newClass) el.className = newClass;
// If just expired, trigger a re-render to show the reactivate button
if (ms <= 0) {
const item = el.closest('.cc-effect-item');
if (item && !item.classList.contains('expired-item')) needsRerender = true;
}
});
const activeCount = effects.filter(e => new Date(e.activeTill).getTime() > now).length;
const countEl = document.getElementById('cc-effects-count');
if (countEl) countEl.textContent = activeCount;
if (needsRerender) renderEffects();
}
// ── Fetch ──
async function fetchEffects() {
try {
const resp = await fetch('/api/me', { credentials: 'include' });
if (!resp.ok) return;
const data = await resp.json();
if (Array.isArray(data.activeSpecialEffects)) {
effects = data.activeSpecialEffects;
renderEffects();
}
} catch (e) { console.error('[CC Effects]', e); }
}
const origFetch = window.fetch;
window.fetch = async function (...args) {
const response = await origFetch.apply(this, args);
try {
const url = typeof args[0] === 'string' ? args[0] : args[0]?.url || '';
if (url.includes('/api/me')) {
const clone = response.clone();
clone.json().then(data => {
if (Array.isArray(data.activeSpecialEffects)) { effects = data.activeSpecialEffects; renderEffects(); }
}).catch(() => {});
}
} catch (_) {}
return response;
};
createPanel();
fetchEffects();
setInterval(tickTimers, 1000);
setInterval(fetchEffects, POLL_INTERVAL);
})();