decky-frontend-lib/src/deck-components/static-classes.ts

import { findModule } from '../webpack';

type QuickAccessMenuClasses = Record<
  | 'ActiveTab'
  | 'AllTabContents'
  | 'BatteryDetailsLabels'
  | 'BatteryIcon'
  | 'BatteryPercentageLabel'
  | 'BatteryProjectedLabel'
  | 'BatteryProjectedValue'
  | 'BatterySectionContainer'
  | 'Blocked'
  | 'ComingSoon'
  | 'Container'
  | 'ContentTransition'
  | 'Down'
  | 'EmptyNotifications'
  | 'Enter'
  | 'EnterActive'
  | 'Exit'
  | 'ExitActive'
  | 'FooterBoxShadow'
  | 'FriendsListTabPanel'
  | 'FriendsTitle'
  | 'FullHeight'
  | 'HeaderAndFooterVisible'
  | 'HeaderContainer'
  | 'ItemFocusAnim-darkGrey'
  | 'ItemFocusAnim-darkerGrey'
  | 'ItemFocusAnim-darkerGrey-nocolor'
  | 'ItemFocusAnim-green'
  | 'ItemFocusAnim-grey'
  | 'ItemFocusAnimBorder-darkGrey'
  | 'KeyboardButton'
  | 'Label'
  | 'LowBattery'
  | 'LowBatteryGauge'
  | 'Menu'
  | 'Open'
  | 'PanelExitAnchor'
  | 'PanelOuterNav'
  | 'PanelSection'
  | 'PanelSectionRow'
  | 'PanelSectionTitle'
  | 'QuickAccessMenu'
  | 'ReallyLow'
  | 'Remaining'
  | 'Selected'
  | 'Tab'
  | 'TabContentColumn'
  | 'TabGroupPanel'
  | 'TabPanelHidden'
  | 'Tabs'
  | 'Text'
  | 'Title'
  | 'TransitionMenuDelay'
  | 'Up'
  | 'ViewPlaceholder'
  | 'VoiceTab'
  | 'duration-app-launch'
  | 'focusAnimation'
  | 'hoverAnimation',
  string
>;

type ScrollPanelClasses = Record<'ScrollBoth' | 'ScrollPanel' | 'ScrollX' | 'ScrollY', string>;

type GamepadDialogClasses = Record<
  | 'duration-app-launch'
  | 'GamepadDialogContent'
  | 'GamepadDialogContent_InnerWidth'
  | 'Field'
  | 'Button'
  | 'NoMinWidth'
  | 'ActiveAndUnfocused'
  | 'StandaloneFieldSeparator'
  | 'StandardPadding'
  | 'CompactPadding'
  | 'WithDescription'
  | 'WithBottomSeparatorStandard'
  | 'WithBottomSeparatorThick'
  | 'HighlightOnFocus'
  | 'ItemFocusAnim-darkerGrey'
  | 'ItemFocusAnim-darkGrey'
  | 'WithBottomSeparator'
  | 'Disabled'
  | 'Clickable'
  | 'FieldClickTarget'
  | 'FieldChildren'
  | 'FieldLeadIcon'
  | 'FieldLabelRow'
  | 'VerticalAlignCenter'
  | 'InlineWrapShiftsChildrenBelow'
  | 'ExtraPaddingOnChildrenBelow'
  | 'ChildrenWidthFixed'
  | 'ChildrenWidthGrow'
  | 'WithFirstRow'
  | 'WithChildrenBelow'
  | 'FieldLabel'
  | 'FieldLabelValue'
  | 'FieldDescription'
  | 'ModalPosition'
  | 'WithStandardPadding'
  | 'slideInAnimation'
  | 'BasicTextInput'
  | 'Toggle'
  | 'ToggleRail'
  | 'On'
  | 'ToggleSwitch'
  | 'LabelFieldValue'
  | 'DropDownControlButtonContents'
  | 'Spacer'
  | 'ControlsListOuterPanel'
  | 'StandardSpacing'
  | 'ExtraSpacing'
  | 'AlignRight'
  | 'AlignLeft'
  | 'AlignCenter'
  | 'ControlsListChild'
  | 'QuickAccess-Menu'
  | 'BigButtons'
  | 'BottomButtons'
  | 'ItemFocusAnim-darkerGrey-nocolor'
  | 'ItemFocusAnim-grey'
  | 'ItemFocusAnimBorder-darkGrey'
  | 'ItemFocusAnim-green'
  | 'focusAnimation'
  | 'hoverAnimation',
  string
>;

type QuickAccessControlsClasses = Record<
  | 'duration-app-launch'
  | 'PanelSection'
  | 'PanelSectionTitle'
  | 'Text'
  | 'PanelSectionRow'
  | 'Label'
  | 'ComingSoon'
  | 'LowBattery'
  | 'ReallyLow'
  | 'LowBatteryGauge'
  | 'Remaining'
  | 'EmptyNotifications'
  | 'BatterySectionContainer'
  | 'BatteryIcon'
  | 'BatteryPercentageLabel'
  | 'BatteryDetailsLabels'
  | 'BatteryProjectedValue'
  | 'BatteryProjectedLabel'
  | 'ItemFocusAnim-darkerGrey-nocolor'
  | 'ItemFocusAnim-darkerGrey'
  | 'ItemFocusAnim-darkGrey'
  | 'ItemFocusAnim-grey'
  | 'ItemFocusAnimBorder-darkGrey'
  | 'ItemFocusAnim-green'
  | 'focusAnimation'
  | 'hoverAnimation',
  string
>;

type UpdaterFieldClasses = Record<
  | 'duration-app-launch'
  | 'OOBEUpdateStatusContainer'
  | 'UpdateScreen'
  | 'UpdatePanel'
  | 'CurrentStatus'
  | 'TotalUpdateSize'
  | 'ProgressInfoContainer'
  | 'TimeRemaining'
  | 'BatteryLowWarning'
  | 'fadeInAnimation'
  | 'ProgressStatus'
  | 'UpdateStatusContainer'
  | 'UpdaterFieldStatusSuccess'
  | 'UpdaterFieldStatusApplying'
  | 'TextContainer'
  | 'ApplyingText'
  | 'UpdateBytesRemaining'
  | 'Label'
  | 'Numerator'
  | 'Separator'
  | 'Denominator'
  | 'PatchNotes'
  | 'PostedTime'
  | 'EventDetailTitle'
  | 'EventDetailsSubTitle'
  | 'EventDetailsBody'
  | 'InsufficientBatteryText'
  | 'UnsupportedHardwareWarning'
  | 'Title'
  | 'Text'
  | 'Body'
  | 'ItemFocusAnim-darkerGrey-nocolor'
  | 'ItemFocusAnim-darkerGrey'
  | 'ItemFocusAnim-darkGrey'
  | 'ItemFocusAnim-grey'
  | 'ItemFocusAnimBorder-darkGrey'
  | 'ItemFocusAnim-green'
  | 'focusAnimation'
  | 'hoverAnimation',
  string
>;

type PlaySectionClasses = Record<
  | 'AchievementCountLabel'
  | 'AchievementProgressRow'
  | 'ActionSection'
  | 'AppButtonsContainer'
  | 'Arrow'
  | 'AvatarAndPersona'
  | 'BreakNarrow'
  | 'BreakShort'
  | 'BreakTall'
  | 'BreakUltraWide'
  | 'BreakWide'
  | 'ClickablePlayBarItem'
  | 'CloudStatusIcon'
  | 'CloudStatusLabel'
  | 'CloudStatusRow'
  | 'CloudSyncProblem'
  | 'CloudSynching'
  | 'ComingSoon'
  | 'Container'
  | 'DetailsProgressBar'
  | 'DetailsProgressContainer'
  | 'DetailsSection'
  | 'DetailsSectionExtra'
  | 'DetailsSectionStatus'
  | 'DotDotDot'
  | 'DownloadPaused'
  | 'DownloadProgressBar'
  | 'Downloading'
  | 'FavoriteButton'
  | 'Favorited'
  | 'GameInfoButton'
  | 'GameStat'
  | 'GameStatIcon'
  | 'GameStatIconForced'
  | 'GameStatRight'
  | 'GameStatsSection'
  | 'GamepadUIBreakNarrow'
  | 'GamepadUIBreakShort'
  | 'GamepadUIBreakWide'
  | 'Glassy'
  | 'HideWhenNarrow'
  | 'Icon'
  | 'Icons'
  | 'InPage'
  | 'InnerContainer'
  | 'InvalidPlatform'
  | 'ItemFocusAnim-darkGrey'
  | 'ItemFocusAnim-darkerGrey'
  | 'ItemFocusAnim-darkerGrey-nocolor'
  | 'ItemFocusAnim-green'
  | 'ItemFocusAnim-grey'
  | 'ItemFocusAnimBorder-darkGrey'
  | 'Label'
  | 'LastPlayed'
  | 'LastPlayedInfo'
  | 'MenuActive'
  | 'MenuButton'
  | 'MiniAchievements'
  | 'OfflineMode'
  | 'OnlyDownloadBar'
  | 'PermanentlyUnavailable'
  | 'PlayBar'
  | 'PlayBarCloudStatusContainer'
  | 'PlayBarDetailLabel'
  | 'PlayBarGameIcon'
  | 'PlayBarGameName'
  | 'PlayBarIconAndGame'
  | 'PlayBarLabel'
  | 'Playtime'
  | 'PlaytimeIcon'
  | 'PlaytimeIconForced'
  | 'PortraitBar'
  | 'Presale'
  | 'RecentlyUpdated'
  | 'RecentlyUpdatedIcon'
  | 'RecentlyUpdatedLink'
  | 'RecentlyUpdatedText'
  | 'RightBreakNarrow'
  | 'RightBreakUltraNarrow'
  | 'RightBreakUltraWide'
  | 'RightBreakWide'
  | 'RightControls'
  | 'Row'
  | 'SharedLibrary'
  | 'StatusAndStats'
  | 'StatusNameContainer'
  | 'StickyHeader'
  | 'StickyHeaderShadow'
  | 'SuperimposedGridItems'
  | 'SyncAnim'
  | 'Visible'
  | 'duration-app-launch'
  | 'favorited'
  | 'focusAnimation'
  | 'hoverAnimation',
  string
>;

type GamepadSliderClasses = Record<
  | 'error-shake-duration'
  | 'SliderControlPanelGroup'
  | 'SliderControlAndNotches'
  | 'WithDefaultValue'
  | 'SliderControl'
  | 'Disabled'
  | 'SliderTrack'
  | 'SliderHasNotches'
  | 'SliderTrackDark'
  | 'SliderHandleContainer'
  | 'VerticalLineSliderHandleContainer'
  | 'ParenSliderHandleContainer'
  | 'SliderHandle'
  | 'SliderHandleFocusPop'
  | 'VerticalLineSliderHandle'
  | 'ParenSliderHandle'
  | 'Left'
  | 'SliderControlWithIcon'
  | 'Icon'
  | 'SliderNotchContainer'
  | 'SliderNotch'
  | 'AlignToEnds'
  | 'SliderNotchLabel'
  | 'AlignToLeft'
  | 'AlignToRight'
  | 'SliderNotchTick'
  | 'TickActive'
  | 'LabelText'
  | 'DescriptionValue'
  | 'EditableValue'
  | 'FakeEditableValue'
  | 'RedBorder'
  | 'EditableValueSuffix'
  | 'ErrorShake'
  | 'error-shake'
  | 'CompoundSlider'
  | 'CompoundSliderSubSlider'
  | 'Right'
  | 'CompoundSliderSubSliderLabelContainer'
  | 'CompoundSliderSubSliderLabelPositioner'
  | 'CompoundSliderSubSliderLabel'
  | 'CompoundSliderSubSliderLabelInternal'
  | 'DefaultValueTickContainer'
  | 'DefaultValueTick',
  string
>;

type AppDetailsHeaderClasses = Record<
  | 'AddBoxSizer'
  | 'Background'
  | 'Bottom'
  | 'BottomCenter'
  | 'BottomLeft'
  | 'BottomRight'
  | 'BoxSizer'
  | 'BoxSizerButtonContainer'
  | 'BoxSizerContainer'
  | 'BoxSizerDelete'
  | 'BoxSizerDragBox'
  | 'BoxSizerEdge'
  | 'BoxSizerGridBox'
  | 'BoxSizerInfo'
  | 'BoxSizerSettings'
  | 'BoxSizerValidRegion'
  | 'CenterCenter'
  | 'DialogButton'
  | 'EdgeDown'
  | 'FallbackArt'
  | 'Features'
  | 'FullscreenEnterActive'
  | 'FullscreenEnterDone'
  | 'FullscreenEnterStart'
  | 'FullscreenExitActive'
  | 'FullscreenExitDone'
  | 'FullscreenExitStart'
  | 'HeaderBackgroundImage'
  | 'ImgBlur'
  | 'ImgBlurBackdrop'
  | 'ImgContainer'
  | 'ImgSrc'
  | 'Left'
  | 'Loaded'
  | 'Middle'
  | 'NoArt'
  | 'PinBox'
  | 'Right'
  | 'SVGTitle'
  | 'SaveBoxSizer'
  | 'TextNameSpace'
  | 'TitleImageContainer'
  | 'TitleLogo'
  | 'TitleSection'
  | 'Top'
  | 'TopCapsule'
  | 'TopGradient'
  | 'TopLeft'
  | 'TopRight'
  | 'UpperCenter'
  | 'UpperLeft'
  | 'duration-app-launch',
  string
>;

type AppDetailsClasses = Record<
  | 'BreakNarrow'
  | 'BreakShort'
  | 'BreakTall'
  | 'BreakUltraWide'
  | 'BreakWide'
  | 'Container'
  | 'GamepadUIBreakNarrow'
  | 'GamepadUIBreakShort'
  | 'GamepadUIBreakWide'
  | 'Glassy'
  | 'Header'
  | 'HeaderLoaded'
  | 'InnerContainer'
  | 'ItemFocusAnim-darkGrey'
  | 'ItemFocusAnim-darkerGrey'
  | 'ItemFocusAnim-darkerGrey-nocolor'
  | 'ItemFocusAnim-green'
  | 'ItemFocusAnim-grey'
  | 'ItemFocusAnimBorder-darkGrey'
  | 'PlayBar'
  | 'PreventScrolling'
  | 'RightBreakNarrow'
  | 'RightBreakUltraNarrow'
  | 'RightBreakUltraWide'
  | 'RightBreakWide'
  | 'ScrollContainer'
  | 'ShowPlayBar'
  | 'Throbber'
  | 'duration-app-launch'
  | 'fadein'
  | 'focusAnimation'
  | 'hoverAnimation',
  string
>;

type GamepadUIClasses = Record<
  | 'duration-app-launch'
  | 'TransitionMenuDelay'
  | 'PanelSection'
  | 'PanelSectionTitle'
  | 'Text'
  | 'PanelSectionRow'
  | 'Label'
  | 'ComingSoon'
  | 'LowBattery'
  | 'ReallyLow'
  | 'LowBatteryGauge'
  | 'Remaining'
  | 'EmptyNotifications'
  | 'BatterySectionContainer'
  | 'BatteryIcon'
  | 'BatteryPercentageLabel'
  | 'BatteryDetailsLabels'
  | 'BatteryProjectedValue'
  | 'BatteryProjectedLabel'
  | 'ViewPlaceholder'
  | 'FullHeight'
  | 'Title'
  | 'Container'
  | 'Open'
  | 'QuickAccessMenu'
  | 'HeaderContainer'
  | 'Menu'
  | 'HeaderAndFooterVisible'
  | 'TabContentColumn'
  | 'Tabs'
  | 'Tab'
  | 'Selected'
  | 'ItemFocusAnim-darkerGrey'
  | 'ItemFocusAnim-darkerGrey-nocolor'
  | 'VoiceTab'
  | 'ItemFocusAnim-green'
  | 'Blocked'
  | 'TabPanelHidden'
  | 'FriendsTitle'
  | 'FriendsListTabPanel'
  | 'PanelOuterNav'
  | 'PanelExitAnchor'
  | 'TabGroupPanel'
  | 'FooterBoxShadow'
  | 'AllTabContents'
  | 'ContentTransition'
  | 'ActiveTab'
  | 'Up'
  | 'Enter'
  | 'EnterActive'
  | 'Exit'
  | 'ExitActive'
  | 'Down'
  | 'KeyboardButton'
  | 'ItemFocusAnim-darkGrey'
  | 'ItemFocusAnim-grey'
  | 'ItemFocusAnimBorder-darkGrey'
  | 'focusAnimation'
  | 'hoverAnimation',
  string
>;

export const quickAccessMenuClasses: QuickAccessMenuClasses = findModule(
  (mod) => typeof mod === 'object' && mod?.Title?.includes('quickaccessmenu'),
);
/**
 * @depreciated please use quickAccessMenuClasses instead
 */
export const staticClasses = quickAccessMenuClasses;
export const scrollPanelClasses: ScrollPanelClasses = findModule(
  (mod) => typeof mod === 'object' && mod?.ScrollPanel?.includes('scrollpanel'),
);
/**
 * @depreciated please use scrollPanelClasses instead
 */
export const scrollClasses = scrollPanelClasses;
export const gamepadDialogClasses: GamepadDialogClasses = findModule(
  (mod) => typeof mod === 'object' && mod?.GamepadDialogContent?.includes('gamepaddialog'),
);
export const quickAccessControlsClasses: QuickAccessControlsClasses = findModule(
  (mod) => typeof mod === 'object' && typeof mod?.PanelSection === 'string' && mod?.PanelSection?.includes('quickaccesscontrols'),
);
export const updaterFieldClasses: UpdaterFieldClasses = findModule(
  (mod) => typeof mod === 'object' && mod?.OOBEUpdateStatusContainer?.includes('updaterfield'),
);
export const playSectionClasses: PlaySectionClasses = findModule(
  (mod) => typeof mod === 'object' && mod?.Container?.includes('appdetailsplaysection'),
);
export const gamepadSliderClasses: GamepadSliderClasses = findModule(
  (mod) => typeof mod === 'object' && mod?.SliderControlPanelGroup?.includes('gamepadslider'),
);
export const appDetailsHeaderClasses: AppDetailsHeaderClasses = findModule(
  (mod) => typeof mod === 'object' && mod?.TopCapsule?.includes('sharedappdetailsheader'),
);
export const appDetailsClasses: AppDetailsClasses = findModule(
  (mod) => typeof mod === 'object' && mod?.HeaderLoaded?.includes('appdetails_'),
);
export const gamepadUIClasses: GamepadUIClasses = findModule(
  (mod) => typeof mod === 'object' && mod?.BasicUiRoot?.includes('gamepadui_'),
);