Share

1d:T2f5a,import anime from 'https://cdn.jsdelivr.net/npm/animejs@3.2.1/lib/anime.es.js'; import Fuse from 'https://cdn.jsdelivr.net/npm/fuse.js@6.6.2/dist/fuse.esm.js'; import { OPERATORS } from './data/operators.js'; import { createOperatorCard } from './components/operator-card.js'; import { storage, sample, debounce, buildShareURL, operatorImageUrl } from './utils.js'; const state = { list: OPERATORS.slice(), filtered: OPERATORS.slice(), favorites: storage.get('r6:favs', []), selection: null }; const dom = { grid: document.getElementById('grid'), search: document.getElementById('search'), clearSearch: document.getElementById('clear-search'), segBtns: Array.from(document.querySelectorAll('.seg-btn')), difficulty: document.getElementById('difficulty'), random: document.getElementById('random'), totalCount: document.getElementById('total-count'), attackCount: document.getElementById('attack-count'), defenseCount: document.getElementById('defense-count'), favoritesList: document.getElementById('favorites-list'), pickerModal: document.getElementById('picker-modal'), pickerStage: document.getElementById('picker-stage'), pickerClose: document.getElementById('picker-close'), pickerSelect: document.getElementById('picker-select'), copyLink: document.getElementById('copy-link'), exportJson: document.getElementById('export-json') }; const fuse = new Fuse(state.list, { keys: ['name', 'gadget', 'primary', 'secondary'], threshold: 0.3 }); function renderCounts() { dom.totalCount.textContent = state.list.length; dom.attackCount.textContent = state.list.filter(o => o.side === 'attack').length; dom.defenseCount.textContent = state.list.filter(o => o.side === 'defense').length; } function renderFavorites() { const favs = state.favorites.map(id => state.list.find(o => o.id === id)).filter(Boolean); dom.favoritesList.innerHTML = ''; if (!favs.length) { dom.favoritesList.textContent = '— No favorites yet'; return; } favs.forEach(f => { const el = document.createElement('div'); el.className = 'fav'; el.innerHTML = `

${f.name}

`; const btn = el.querySelector('button'); btn.addEventListener('click', () => toggleFavorite(f.id, false)); dom.favoritesList.appendChild(el); }); } function toggleFavorite(id, add = true) { const idx = state.favorites.indexOf(id); if (add