How mrcellsbst/tierlistjkt48-bckp works
Tierlist JKT48 is a React fan-utility web app. Users enter through the home/tools/game pages, choose a utility, work with JKT48-specific catalogs or game state, and save or export results. The principal ranking workflow is routed by App to the combined tierlist, which uses shared tier controls and category datasets; the README documents additional ranking categories and export/autosave capabilities not fully sampled. The browser extension separately collects point-history data and syncs it to the site. Some feature internals were not sampled, so uncertain wiring is omitted.
Main entry points: App.jsx Route dispatcher · Tierlist_Combined.jsx Tierlist maker · content.js Page sync panel · popup.js History exporter
Components 27
App navigation
- Route dispatcher
src/App.jsx - Home and tools
src/Homepage.jsx
Tierlist workflows
- Tierlist maker
src/Tierlist_Combined.jsx - Tier controls
src/components/TierlistShared.jsx - Member catalog
src/data/memberData.js - Setlist songs
src/data/setlistSongs.js - Setlist catalog
src/data/SetlistData.js - Special show catalog
src/data/specialshowData.js - MV and SPV catalog
src/data/spv_mv.js
Planning and analysis
- Dream setlist builder
src/Dream_Setlist.jsx - Dream song catalog
src/data/DreamSetlist_Songs.js - Wishlist calculator
src/Calculator.jsx - Wishlist price catalog
src/data/wishlistpriceData.js - Point history analytics
src/PointHistory.jsx - Point history config
src/data/PointHistoryData.js
Games and collection
- Roulette utility
src/roulette.jsx - Gacha collection
src/Gacha.jsx - Gacha cards
src/data/gachaCards.js - Guess Who game
src/GuessWho.jsx - Playroom service
- Mobile tierlist
src/Mobile_Tierlist.jsx
Points history sync
- History exporter
public/extension/popup.js - Page sync panel
public/extension/content.js - Extension background
public/extension/background.js - Browser storage
- JKT48 account site
Other components
- Fan user
Connections 29
- Fan user → Route dispatcher: opens
- Route dispatcher → Home and tools: routes to
- Home and tools → Route dispatcher: chooses route
- Route dispatcher → Tierlist maker: routes to
- Route dispatcher → Dream setlist builder: routes to
- Route dispatcher → Wishlist calculator: routes to
- Route dispatcher → Point history analytics: routes to
- Route dispatcher → Roulette utility: routes to
- Route dispatcher → Gacha collection: routes to
- Route dispatcher → Guess Who game: routes to
- Route dispatcher → Mobile tierlist: routes to
- Tierlist maker → Tier controls: uses
- Tierlist maker → Member catalog: loads
- Tierlist maker → Setlist catalog: loads
- Tierlist maker → Setlist songs: loads
- Tierlist maker → Special show catalog: loads
- Tierlist maker → MV and SPV catalog: loads
- Dream setlist builder → Dream song catalog: loads
- Wishlist calculator → Wishlist price catalog: loads
- Point history analytics → Point history config: loads
- Gacha collection → Gacha cards: loads
- Guess Who game → Playroom service: shares game state
- History exporter → JKT48 account site: fetches history
- JKT48 account site → History exporter: returns records
- History exporter → Browser storage: stores history
- Page sync panel → Browser storage: reads history
- Page sync panel → Extension background: sends export request
- Extension background → JKT48 account site: requests history
- Page sync panel → Point history analytics: syncs browser data