How nicholoasng72606-wq/battlecatlection works
This is a browser-based Battle Cats collection organizer, not a game-data scraper. The main workflow is to paste a supported text list or JSON backup, parse it into collection data, then browse rarity-specific cat grids with filters and progress summaries, and copy or download a backup or image. The implementation is concentrated in script.js; the graph separates its meaningful runtime responsibilities while retaining the supplied template files and page presentation. Source excerpts are partial, so unshown internal call relationships are omitted.
Main entry points: script.js Collection data · index.html Collection input · template.txt Text template · template.json JSON template
Components 20
Input and parsing
- Collection input
index.html - Text parser
script.js - JSON parser
script.js - Collection data
script.js - Text template
template/template.txt - JSON template
template/template.json
Collection browsing
- Cat image rules
script.js - Collection filters
script.js - Cat grid
script.js - Collection statistics
script.js - Series progress
script.js
Persistence and export
- Browser storage
- Local autosave
script.js - JSON backup
script.js - PNG export
script.js
Web interface
- Theme settings
script.js - Web page
index.html - Responsive styling
style.css
Other components
- Player
- Application script
script.js
Connections 21
- Player → Collection input: enters data
README.md - Collection input → Text parser: submits text
README.md - Collection input → JSON parser: submits JSON
README.md - Text parser → Collection data: parses into
script.js - JSON parser → Collection data: parses into
script.js - Collection data → Collection filters: filters
script.js - Collection filters → Cat grid: renders
script.js - Collection data → Collection statistics: summarizes
README.md - Collection data → Series progress: tracks progress
README.md - Cat grid → Cat image rules: selects images
script.js - Player → Theme settings: changes theme
README.md - Theme settings → Web page: updates display
- Web page → Responsive styling: uses styles
- Collection data → Local autosave: saves after parse
README.md - Local autosave → Browser storage: writes and loads
README.md - Collection data → JSON backup: exports backup
README.md - Cat grid → PNG export: exports visible grid
README.md - Application script → Text template: fetches
script.js - Application script → JSON template: fetches
script.js - Player → JSON backup: downloads backup
README.md - Player → PNG export: downloads image
README.md