|
| 1 | +# Changelog |
| 2 | + |
| 3 | +All notable changes to this project will be documented in this file. |
| 4 | + |
| 5 | +The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), |
| 6 | +and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html). |
| 7 | + |
| 8 | +--- |
| 9 | + |
| 10 | +## [0.2.0] - 2026-02-27 |
| 11 | + |
| 12 | +### Added |
| 13 | + |
| 14 | +- Complete UI redesign with a glassmorphism visual language: frosted glass panels, `backdrop-filter` blur, layered box shadows, dark base palette, and accent glow effects throughout |
| 15 | +- System console component — displays real-time initialization logs in the left panel with a macOS-style title bar, blinking caret, and scrolling log lines |
| 16 | +- Fruit emoji loading indicator in the console that mirrors FiveM's native loading behavior, driven by `startInitFunctionOrder`, `startDataFileEntries`, and `performMapLoadFunction` events |
| 17 | +- Social links section in the left panel with configurable platform links (`discord`, `website`, `store`, `youtube`) and hover glow effects per platform |
| 18 | +- Rich tab content types — tabs can now contain three content formats beyond plain strings: |
| 19 | + - Staff member rows with avatar image (or initial placeholder), name, and colored role badge |
| 20 | + - Key-value rows for resource/server info lists with a dotted leader line between label and value |
| 21 | + - Title + description rows for structured announcements or FAQ entries |
| 22 | +- Auto-populating Resources tab — the `resources` tab (identified by `id: 'resources'`) is populated at runtime by parsing FiveM loading log lines; no manual configuration required |
| 23 | +- UI visibility toggle via the `Space` key — hides the entire interface with a blur/fade transition so the background video is fully visible; pressing `Space` again restores the UI |
| 24 | +- Hint label in the bottom-right corner indicating the current toggle state |
| 25 | +- `terminal` Svelte store managing log history, emoji string, mini-progress value, and visibility state |
| 26 | +- JetBrains Mono loaded via CSS for the console and monospace elements |
| 27 | +- Simulated console log loop in dev mode (when `simulateProgress` is enabled) to allow preview without a live FiveM server |
| 28 | +- Additional built-in tab icons: `shield`, `users`, `book`, `map`, `info`, `settings` |
| 29 | +- Per-tab accent color and RGB variant support (`color`, `colorRGB`) for independent tab highlight colors |
| 30 | +- Social section configuration block (`Social.enabled`, `Social.links`) |
| 31 | +- `config.js` default tabs updated to include Updates, Rules, Staff, Resources, and Controls templates |
| 32 | + |
| 33 | +### Changed |
| 34 | + |
| 35 | +- Left panel layout restructured to a vertically stacking glass card with branded header, status block, progress bar, now-playing strip, social links, console, and tips footer |
| 36 | +- Right panel now contains info cards and the tabs panel side-by-side in a flex column |
| 37 | +- Progress bar glow and color now driven by the per-tab accent color variable |
| 38 | +- Background overlay uses a multi-stop radial + linear gradient for a more dimensional look |
| 39 | +- Decorative top and bottom accent lines added to the top-level layout |
| 40 | +- `config.js` shipped with fully populated default tabs rather than an empty array |
| 41 | +- Console emoji container capped at two visible lines with overflow hidden to prevent emojis from displacing log content |
| 42 | + |
| 43 | +### Fixed |
| 44 | + |
| 45 | +- Malformed `@keyframes` block inside `SocialLinks.svelte` that caused a Vite build failure |
| 46 | +- Emoji accumulation overflow where an unbounded emoji string would push the log list out of view |
| 47 | + |
| 48 | +--- |
| 49 | + |
| 50 | +## [0.1.0] - 2026-02-18 |
| 51 | + |
| 52 | +### Added |
| 53 | + |
| 54 | +- Initial release of pxLoadingScreen |
| 55 | +- Video background with configurable loop support via `General.loopVideo` |
| 56 | +- Background image fallback when video is disabled or not set |
| 57 | +- Music player with play/pause, volume slider, and animated visualizer bars |
| 58 | +- Playlist support via `Media.audioPlaylist` with sequential auto-advance |
| 59 | +- Previous/next track controls (visible only when playlist has more than one track) |
| 60 | +- Audio fade-out on shutdown controlled by `General.audioFadeOut` |
| 61 | +- Animated progress bar with icon dot marker positioned at current progress value |
| 62 | +- Simulated progress via `Progress.simulateProgress` and `Progress.checkpoints` |
| 63 | +- Real FiveM `loadProgress` event integration — real values always override simulated ones |
| 64 | +- Configurable minimum display duration via `Progress.minDuration` |
| 65 | +- Info cards with per-card background color, border color, icon, and description |
| 66 | +- Rotating tips panel with 6-second fade transition |
| 67 | +- Tabbed content panel with configurable tabs, icons, and string content lists |
| 68 | +- Full theme color system via `Theme.colors` applied as CSS custom properties at runtime |
| 69 | +- Custom font family support via `Layout.fontFamily` |
| 70 | +- Server branding: icon, title, subtitle, optional glow effect |
| 71 | +- Optional skip key support via `General.allowSkip` and `General.skipKeyBinding` |
| 72 | +- FiveM native "Loading game" overlay hidden via inline `<head>` styles |
| 73 | +- Manual shutdown flow in `client.lua` — fires on `playerSpawned`, fades out, calls `ShutdownLoadingScreenNui()` |
| 74 | +- Runtime configuration via `config.js` (`window.CONFIG`) — no rebuild required for config changes |
| 75 | +- All configuration documented in `docs/CONFIGURATION.md` |
| 76 | +- Usage examples documented in `docs/USAGE_EXAMPLES.md` |
| 77 | +- Setup guide documented in `docs/SETUP.md` |
0 commit comments