refactor(controller-mode): split library page into controllerLibrary modules - #386
Merged
Merged
Conversation
- Introduced a new function to compute clamped shelf translations, improving the responsiveness of shelf navigation. - Updated the ControllerLibraryPage to utilize the new clamped translation function for better centering of active items. - Enhanced CSS styles for PS5 settings, including new background gradients and transitions for menu tiles and overlays. - Improved class management for settings-related tiles to ensure proper styling based on active states. These changes enhance the user experience by providing smoother navigation and a more visually appealing interface in the controller library.
- Introduced new media hub slots with placeholders for video and screenshot captures, improving user interaction and visual feedback. - Updated CSS styles for media tiles, including transitions and overlays, to align with the PS5 aesthetic. - Enhanced the ControllerLibraryPage to dynamically manage media slots, displaying available and reserved slots for a clearer user experience. These changes enrich the media browsing experience, providing a more engaging and visually appealing interface for users.
…zation - Reorganized imports in App.tsx to reflect new directory structure for controller components, enhancing clarity and maintainability. - Removed unused components: ControllerButtons, ControllerGameHub, ControllerLibraryPage, ControllerStreamLoading, and ControllerInStreamShell, streamlining the codebase and reducing complexity. These changes contribute to a cleaner architecture and improved component management within the application.
…igation and asset management - Updated ControllerLibraryPage to include additional logic for handling media and settings categories, enhancing user experience. - Adjusted dependencies in useMemo hooks to ensure proper state management for new subcategories. - Corrected asset import paths in ControllerLibraryLayout for better resource organization. - Refined TopLevelShelfSection to streamline category label rendering and improve visual clarity. These changes contribute to a more intuitive navigation experience and better asset management within the controller library.
Jayian1890
added a commit
that referenced
this pull request
May 16, 2026
…modules (#386) * Enhance ControllerLibraryPage and styles for PS5 settings integration - Introduced a new function to compute clamped shelf translations, improving the responsiveness of shelf navigation. - Updated the ControllerLibraryPage to utilize the new clamped translation function for better centering of active items. - Enhanced CSS styles for PS5 settings, including new background gradients and transitions for menu tiles and overlays. - Improved class management for settings-related tiles to ensure proper styling based on active states. These changes enhance the user experience by providing smoother navigation and a more visually appealing interface in the controller library. * Enhance media hub functionality and styles in ControllerLibraryPage - Introduced new media hub slots with placeholders for video and screenshot captures, improving user interaction and visual feedback. - Updated CSS styles for media tiles, including transitions and overlays, to align with the PS5 aesthetic. - Enhanced the ControllerLibraryPage to dynamically manage media slots, displaying available and reserved slots for a clearer user experience. These changes enrich the media browsing experience, providing a more engaging and visually appealing interface for users. * Refactor controller components and update imports for improved organization - Reorganized imports in App.tsx to reflect new directory structure for controller components, enhancing clarity and maintainability. - Removed unused components: ControllerButtons, ControllerGameHub, ControllerLibraryPage, ControllerStreamLoading, and ControllerInStreamShell, streamlining the codebase and reducing complexity. These changes contribute to a cleaner architecture and improved component management within the application. * Enhance ControllerLibraryPage and related components for improved navigation and asset management - Updated ControllerLibraryPage to include additional logic for handling media and settings categories, enhancing user experience. - Adjusted dependencies in useMemo hooks to ensure proper state management for new subcategories. - Corrected asset import paths in ControllerLibraryLayout for better resource organization. - Refined TopLevelShelfSection to streamline category label rendering and improve visual clarity. These changes contribute to a more intuitive navigation experience and better asset management within the controller library.
Chizuui
pushed a commit
to Chizuui/OpenNOW-Modified
that referenced
this pull request
Aug 11, 2026
…modules (OpenCloudGaming#386) * Enhance ControllerLibraryPage and styles for PS5 settings integration - Introduced a new function to compute clamped shelf translations, improving the responsiveness of shelf navigation. - Updated the ControllerLibraryPage to utilize the new clamped translation function for better centering of active items. - Enhanced CSS styles for PS5 settings, including new background gradients and transitions for menu tiles and overlays. - Improved class management for settings-related tiles to ensure proper styling based on active states. These changes enhance the user experience by providing smoother navigation and a more visually appealing interface in the controller library. * Enhance media hub functionality and styles in ControllerLibraryPage - Introduced new media hub slots with placeholders for video and screenshot captures, improving user interaction and visual feedback. - Updated CSS styles for media tiles, including transitions and overlays, to align with the PS5 aesthetic. - Enhanced the ControllerLibraryPage to dynamically manage media slots, displaying available and reserved slots for a clearer user experience. These changes enrich the media browsing experience, providing a more engaging and visually appealing interface for users. * Refactor controller components and update imports for improved organization - Reorganized imports in App.tsx to reflect new directory structure for controller components, enhancing clarity and maintainability. - Removed unused components: ControllerButtons, ControllerGameHub, ControllerLibraryPage, ControllerStreamLoading, and ControllerInStreamShell, streamlining the codebase and reducing complexity. These changes contribute to a cleaner architecture and improved component management within the application. * Enhance ControllerLibraryPage and related components for improved navigation and asset management - Updated ControllerLibraryPage to include additional logic for handling media and settings categories, enhancing user experience. - Adjusted dependencies in useMemo hooks to ensure proper state management for new subcategories. - Corrected asset import paths in ControllerLibraryLayout for better resource organization. - Refined TopLevelShelfSection to streamline category label rendering and improve visual clarity. These changes contribute to a more intuitive navigation experience and better asset management within the controller library.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
components/controllerModeand splitControllerLibraryPageinto focused hooks, layout components, and action/event modules for maintainability and smaller file sizes.useControllerLibraryEvents(withevents/*helpers), window bindings, game derivations, media, and layout motion hooks.controllerLibrary/actions/*(settings, media, all games, options) while preserving navigation and sound behavior.Test plan
npm run typecheckinopennow-stable