How wenkais196-gabriel/t-city works
T-CityLite is a FiveM role-play server resource collection, with QBCore-style gameplay interfaces and a custom phone. The main player journey spans character selection, in-world status and interaction, then inventory and city services such as banking, fueling, and communication. The tree and excerpts chiefly show NUI/front-end code; server-side gameplay and persistence wiring are not included, so those connections are left out rather than inferred.
Main entry points: src/App.svelte Custom Phone · src/App.svelte Banking UI · html/app.js Character Selection · js/app.js Target Menu
Components 17
Player Onboarding
- Character Selection
T-CityLite.base/resources/[qb]/qb-multicharacter/html/app.js
Player Interface
- Player HUD
T-CityLite.base/resources/[qb]/qb-hud/html/app.js - Scoreboard
T-CityLite.base/resources/[qb]/qb-scoreboard/html/app.js
World Interaction
- Target Menu
T-CityLite.base/resources/[qb]/qb-target/html/js/app.js - Inventory
T-CityLite.base/resources/[qb]/qb-inventory/html/app.js - Door Lock UI
T-CityLite.base/resources/[qb]/qb-doorlock/html/app.js - Fuel UI
T-CityLite.base/resources/[qb]/qb-fuel/html/app.js
City Services
- QBCore Phone
T-CityLite.base/resources/[qb]/qb-phone/html/js/app.js - Custom Phone
T-CityLite.base/resources/[custom]/custom-phone/web/src/App.svelte - Phone NUI Bridge
T-CityLite.base/resources/[custom]/custom-phone/web/src/utils/nui.ts - Phone State
T-CityLite.base/resources/[custom]/custom-phone/web/src/stores/phone.ts - Phone Shell
T-CityLite.base/resources/[custom]/custom-phone/web/src/components/PhoneShell.svelte - Phone Apps
T-CityLite.base/resources/[custom]/custom-phone/web/src/apps/Banking.svelte - Banking UI
T-CityLite.base/resources/[qb]/qb-banking/web/src/App.svelte - Bank Views
T-CityLite.base/resources/[qb]/qb-banking/web/src/components/BankDashboard.svelte
Other components
- Player
- FiveM Runtime
Connections 23
- Player → Character Selection: selects character
- Character Selection → FiveM Runtime: sends NUI callbacks
- FiveM Runtime → Character Selection: sends UI events
- Player → Player HUD: views status
- FiveM Runtime → Player HUD: sends HUD updates
- FiveM Runtime → Scoreboard: sends setup data
- Player → Target Menu: selects target
- Target Menu → FiveM Runtime: posts selection
- Player → Inventory: manages items
- Inventory → FiveM Runtime: posts inventory actions
- FiveM Runtime → Door Lock UI: sends door state
- Player → Fuel UI: sets refuel amount
- Fuel UI → FiveM Runtime: posts refuel request
- Player → QBCore Phone: uses phone
- QBCore Phone → FiveM Runtime: requests phone data
- Player → Custom Phone: opens phone
- Custom Phone → Phone NUI Bridge: registers NUI events
- Custom Phone → Phone State: loads phone data
- Custom Phone → Phone Shell: renders shell
- Custom Phone → Phone Apps: renders app screens
- Player → Banking UI: uses bank or ATM
- Banking UI → Bank Views: renders bank screen
- Banking UI → FiveM Runtime: posts NUI actions