@oxymoron.13/tizentube-s95b 0.2.2 → 0.2.3

package/mods/ui/settings.js

@@ -0,0 +1,1024 @@
+import { configRead } from '../config.js';
+import { showModal, buttonItem, overlayPanelItemListRenderer, scrollPaneRenderer, overlayMessageRenderer, QrCodeRenderer } from './ytUI.js';
+import qrcode from 'qrcode-npm';
+import { t } from 'i18next';
+import resolveCommand from '../resolveCommand.js';
+
+const qrcodes = {};
+
+export default function modernUI(update, parameters) {
+    const settings = [
+        {
+            name: t('settings.supportTT.title'),
+            icon: 'MONEY_HEART',
+            value: null,
+            options: {
+                title: t('settings.supportTT.title'),
+                subtitle: t('settings.supportTT.subtitle'),
+                content: scrollPaneRenderer([
+                    overlayMessageRenderer(t('settings.supportTT.content.1')),
+                    overlayMessageRenderer(t('settings.supportTT.content.2')),
+                    overlayMessageRenderer(t('settings.supportTT.content.3')),
+                    overlayMessageRenderer(t('settings.supportTT.content.4')),
+                    overlayMessageRenderer(t('settings.supportTT.content.5')),
+                    overlayMessageRenderer(t('settings.supportTT.content.6'))
+                ])
+            }
+        },
+        {
+            name: t('settings.options.socialMedia.title'),
+            icon: 'PRIVACY_UNLISTED',
+            value: null,
+            options: [
+                {
+                    name: 'GitHub',
+                    link: 'https://github.com/reisxd/TizenTube',
+                },
+                {
+                    name: 'YouTube',
+                    link: 'https://www.youtube.com/@tizenbrew',
+                },
+                {
+                    name: 'Discord',
+                    link: 'https://discord.gg/m2P7v8Y2qR',
+                },
+                {
+                    name: `Telegram (${t('settings.options.socialMedia.announcements')})`,
+                    link: 'https://t.me/tizentubecobaltofficial',
+                },
+                {
+                    name: `Telegram (${t('settings.options.socialMedia.group')})`,
+                    link: 'https://t.me/tizentubeofficial',
+                },
+                {
+                    name: t('settings.options.socialMedia.website'),
+                    link: 'https://tizentube.6513006.xyz',
+                },
+                {
+                    name: 'Buy Me A Coffee',
+                    link: 'https://www.buymeacoffee.com/reisxd',
+                },
+                {
+                    name: t('settings.options.socialMedia.githubSponsors'),
+                    link: 'https://github.com/sponsors/reisxd',
+                }
+            ].map((option) => {
+                if (!qrcodes[option.name]) {
+                    const qr = qrcode.qrcode(6, 'H');
+                    qr.addData(option.link);
+                    qr.make();
+
+                    const qrDataImgTag = qr.createImgTag(8, 8);
+                    const qrDataUrl = qrDataImgTag.match(/src="([^"]+)"/)[1];
+                    qrcodes[option.name] = qrDataUrl;
+                }
+                return {
+                    name: option.name,
+                    icon: 'OPEN_IN_NEW',
+                    value: null,
+                    options: {
+                        title: option.name,
+                        subtitle: option.link,
+                        content: overlayPanelItemListRenderer([
+                            overlayMessageRenderer(t('settings.options.socialMedia.qrCodeScanMessage', { name: option.name })),
+                            QrCodeRenderer(qrcodes[option.name])
+                        ])
+                    }
+                }
+            })
+        },
+        {
+            name: t('settings.options.adBlock'),
+            icon: 'DOLLAR_SIGN',
+            value: 'enableAdBlock'
+        },
+        {
+            name: t('settings.options.sponsorblock.title'),
+            icon: 'MONEY_HAND',
+            value: null,
+            menuId: 'tt-sponsorblock-settings',
+            menuHeader: {
+                title: t('settings.options.sponsorblock.title'),
+                subtitle: 'https://sponsor.ajay.app/'
+            },
+            options: [
+                {
+                    name: t('settings.options.sponsorblock.options.enableSB'),
+                    icon: 'MONEY_HAND',
+                    value: 'enableSponsorBlock'
+                },
+                {
+                    name: t('settings.options.sponsorblock.options.manualSkip'),
+                    icon: 'DOLLAR_SIGN',
+                    value: null,
+                    arrayToEdit: 'sponsorBlockManualSkips',
+                    menuId: 'tt-sponsorblock-manual-segment-skip',
+                    options: [
+                        {
+                            name: t('settings.options.sponsorblock.options.categories.sponsor'),
+                            icon: 'MONEY_HEART',
+                            value: 'sponsor'
+                        },
+                        {
+                            name: t('settings.options.sponsorblock.options.categories.intro'),
+                            icon: 'PLAY_CIRCLE',
+                            value: 'intro'
+                        },
+                        {
+                            name: t('settings.options.sponsorblock.options.categories.outro'),
+                            value: 'outro'
+                        },
+                        {
+                            name: t('settings.options.sponsorblock.options.categories.interaction'),
+                            value: 'interaction'
+                        },
+                        {
+                            name: t('settings.options.sponsorblock.options.categories.selfpromo'),
+                            value: 'selfpromo'
+                        },
+                        {
+                            name: t('settings.options.sponsorblock.options.categories.preview'),
+                            value: 'preview'
+                        },
+                        {
+                            name: t('settings.options.sponsorblock.options.categories.filler'),
+                            value: 'filler'
+                        },
+                        {
+                            name: t('settings.options.sponsorblock.options.categories.music_offtopic'),
+                            value: 'music_offtopic'
+                        }
+                    ]
+                },
+                {
+                    name: t('settings.options.sponsorblock.options.segments'),
+                    icon: 'SETTINGS',
+                    value: null,
+                    menuId: 'tt-sponsorblock-segments',
+                    options: [
+                        {
+                            name: t('settings.options.sponsorblock.options.categories.sponsor'),
+                            icon: 'MONEY_HEART',
+                            value: 'enableSponsorBlockSponsor'
+                        },
+                        {
+                            name: t('settings.options.sponsorblock.options.categories.intro'),
+                            icon: 'PLAY_CIRCLE',
+                            value: 'enableSponsorBlockIntro'
+                        },
+                        {
+                            name: t('settings.options.sponsorblock.options.categories.outro'),
+                            value: 'enableSponsorBlockOutro'
+                        },
+                        {
+                            name: t('settings.options.sponsorblock.options.categories.interaction'),
+                            value: 'enableSponsorBlockInteraction'
+                        },
+                        {
+                            name: t('settings.options.sponsorblock.options.categories.selfpromo'),
+                            value: 'enableSponsorBlockSelfPromo'
+                        },
+                        {
+                            name: t('settings.options.sponsorblock.options.categories.preview'),
+                            value: 'enableSponsorBlockPreview'
+                        },
+                        {
+                            name: t('settings.options.sponsorblock.options.categories.filler'),
+                            value: 'enableSponsorBlockFiller'
+                        },
+                        {
+                            name: t('settings.options.sponsorblock.options.categories.music_offtopic'),
+                            value: 'enableSponsorBlockMusicOfftopic'
+                        },
+                        {
+                            name: t('settings.options.sponsorblock.options.categories.highlights'),
+                            icon: 'LOCATION_POINT',
+                            value: 'enableSponsorBlockHighlight'
+                        }
+                    ]
+                },
+                {
+                    name: t('settings.options.sponsorblock.options.showSBToasts'),
+                    value: 'enableSponsorBlockToasts'
+                }
+            ]
+        },
+        {
+            name: t('settings.options.dearrow.title'),
+            icon: 'VISIBILITY_OFF',
+            value: null,
+            menuHeader: {
+                title: t('settings.options.dearrow.title'),
+                subtitle: 'https://dearrow.ajay.app/'
+            },
+            options: [
+                {
+                    name: t('settings.options.dearrow.options.enableDA'),
+
+                    icon: 'VISIBILITY_OFF',
+                    value: 'enableDeArrow'
+                },
+                {
+                    name: t('settings.options.dearrow.options.enableDAThumbnails'),
+                    icon: 'TV',
+                    value: 'enableDeArrowThumbnails'
+                }
+            ]
+        },
+        {
+            name: t('settings.options.misc.title'),
+            icon: 'SETTINGS',
+            value: null,
+            options: [
+                {
+                    name: t('settings.options.misc.options.endScreenCards'),
+
+                    icon: 'VISIBILITY_OFF',
+                    value: 'enableHideEndScreenCards'
+                },
+                {
+                    name: t('settings.options.misc.options.youThereRenderer'),
+                    icon: 'HELP',
+                    value: 'enableYouThereRenderer'
+                },
+                {
+                    name: t('settings.options.misc.options.paidPromoOverlay'),
+                    icon: 'MONEY_HAND',
+                    value: 'enablePaidPromotionOverlay'
+                },
+                {
+                    name: t('settings.options.misc.options.whosWatching.title'),
+                    icon: 'ACCOUNT_CIRCLE',
+                    menuId: 'tt-whos-watching-menu-settings',
+                    value: null,
+                    options: [
+                        {
+                            name: t('settings.options.misc.options.whosWatching.options.enableWW'),
+                            value: 'enableWhoIsWatchingMenu'
+                        },
+                        {
+                            name: t('settings.options.misc.options.whosWatching.options.permaEnableWW'),
+                            value: 'permanentlyEnableWhoIsWatchingMenu'
+                        },
+                        {
+                            name: t('settings.options.misc.options.whosWatching.options.enableWWOnExit'),
+                            value: 'enableWhosWatchingMenuOnAppExit'
+                        }
+                    ]
+                },
+                {
+                    name: t('settings.options.misc.options.fixUI'),
+                    icon: 'STAR',
+                    value: 'enableFixedUI'
+                },
+                {
+                    name: t('settings.options.misc.options.hqThumbnails'),
+                    icon: 'VIDEO_QUALITY',
+                    value: 'enableHqThumbnails'
+                },
+                /*{
+                    name: 'Chapters',
+                    icon: 'BOOKMARK_BORDER',
+                    value: 'enableChapters'
+                },*/
+                {
+                    name: t('settings.options.misc.options.longPress'),
+                    value: 'enableLongPress'
+                },
+                {
+                    name: t('settings.options.misc.options.shorts'),
+                    icon: 'YOUTUBE_SHORTS_FILL_24',
+                    value: 'enableShorts'
+                },
+                {
+                    name: t('settings.options.misc.options.videoPreviews'),
+                    value: 'enablePreviews'
+                },
+                {
+                    name: t('settings.options.misc.options.ttWelcomeMsg'),
+                    value: 'showWelcomeToast',
+                },
+                {
+                    name: t('settings.options.misc.options.guestSignInReminder'),
+                    value: 'enableSigninReminder'
+                },
+                {
+                    name: t('settings.options.misc.options.reloadHomeOnStartup'),
+                    value: 'reloadHomeOnStartup'
+                }
+            ]
+        },
+        {
+            name: t('settings.options.subtitles.title'),
+            icon: 'TRANSLATE',
+            value: null,
+            options: [
+                {
+                    name: t('settings.options.subtitles.options.showLocalSubtitle'),
+                    value: 'enableShowUserLanguage'
+                },
+                {
+                    name: t('settings.options.subtitles.options.showHiddenSubtitles'),
+                    value: 'enableShowOtherLanguages'
+                }
+            ]
+        },
+        {
+            name: t('settings.options.videoPlayer.title'),
+            icon: 'VIDEO_YOUTUBE',
+            value: null,
+            menuHeader: {
+                title: t('settings.options.videoPlayer.title'),
+                subtitle: t('settings.options.videoPlayer.subtitle')
+            },
+            options: [
+                {
+                    name: t('settings.options.videoPlayer.options.patching.title'),
+                    icon: 'SETTINGS',
+                    value: null,
+                    menuId: 'tt-video-player-ui-patching',
+                    options: [
+                        {
+                            name: t('settings.options.videoPlayer.options.patching.options.enableVPUIPatching'),
+                            icon: 'SETTINGS',
+                            value: 'enablePatchingVideoPlayer'
+                        },
+                        {
+                            name: t('settings.options.videoPlayer.options.patching.options.previousNextBtns'),
+                            icon: 'SKIP_NEXT',
+                            value: 'enablePreviousNextButtons'
+                        },
+                        {
+                            name: t('settings.options.videoPlayer.options.patching.options.showSuperThxBtn'),
+                            icon: 'MONEY_HEART',
+                            value: 'enableSuperThanksButton'
+                        },
+                        {
+                            name: t('settings.options.videoPlayer.options.patching.options.showAIAskBtn'),
+                            icon: 'SPARK',
+                            value: 'enableAIAskButton'
+                        },
+                        {
+                            name: t('settings.options.videoPlayer.options.patching.options.showSpeedCtrlBtn'),
+                            icon: 'SLOW_MOTION_VIDEO',
+                            value: 'enableSpeedControlsButton'
+                        },
+                        {
+                            name: t('settings.options.videoPlayer.options.patching.options.addMPBtn'),
+                            icon: 'CLEAR_COOKIES',
+                            value: 'enableMPButton'
+                        },
+                        {
+                            name: t('settings.options.videoPlayer.options.patching.options.swapMPWithPIP'),
+                            icon: 'CLEAR_COOKIES',
+                            value: 'enableSwapMPWithPIP'
+                        }
+                    ]
+                },
+                {
+                    name: t('settings.options.videoPlayer.options.preferredVideoQuality.title'),
+                    icon: 'VIDEO_QUALITY',
+                    value: null,
+                    menuId: 'tt-preferred-video-quality',
+                    menuHeader: {
+                        title: t('settings.options.videoPlayer.options.preferredVideoQuality.title'),
+                        subtitle: t('settings.options.videoPlayer.options.preferredVideoQuality.subtitle')
+                    },
+                    options:
+                        ['Auto', '2160p', '1440p', '1080p', '720p', '480p', '360p', '240p', '144p'].map((quality) => {
+                            return {
+                                name: quality === 'Auto' ? t('settings.options.videoPlayer.options.qualityAuto') : quality,
+                                key: 'preferredVideoQuality',
+                                value: quality.toLowerCase()
+                            }
+                        })
+
+                },
+                {
+                    name: t('settings.options.videoPlayer.options.speedSettings.title'),
+                    icon: 'SLOW_MOTION_VIDEO',
+                    value: null,
+                    menuId: 'tt-speed-settings-increments',
+                    menuHeader: {
+                        title: t('settings.options.videoPlayer.options.speedSettings.title'),
+                        subtitle: t('settings.options.videoPlayer.options.speedSettings.subtitle')
+                    },
+                    options: [0.05, 0.1, 0.15, 0.2, 0.25, 0.3, 0.35, 0.4, 0.45, 0.5].map((increment) => {
+                        return {
+                            name: `${increment}x`,
+                            key: 'speedSettingsIncrement',
+                            value: increment
+                        }
+                    })
+                },
+                {
+                    name: t('settings.options.videoPlayer.options.hideRelatedVideosPlayer'),
+                    icon: 'VISIBILITY_OFF',
+                    value: 'hideRelatedVideosPlayer'
+                },
+                {
+                    name: t('settings.options.videoPlayer.options.preferredVideoCodec.title'),
+                    icon: 'VIDEO_QUALITY',
+                    value: null,
+                    menuId: 'tt-preferred-video-codec',
+                    menuHeader: {
+                        title: t('settings.options.videoPlayer.options.preferredVideoCodec.title'),
+                        subtitle: t('settings.options.videoPlayer.options.preferredVideoCodec.subtitle'),
+                    },
+                    options: ['any', 'vp9', 'av01', 'avc1'].map((codec) => {
+                        return {
+                            name: codec === 'any' ? t('settings.options.videoPlayer.options.codecAny') : codec.toUpperCase(),
+                            key: 'preferredVideoCodec',
+                            value: codec
+                        }
+                    })
+                },
+                window.h5vcc && window.h5vcc.tizentube && window.h5vcc.tizentube.SetFrameRate ? {
+                    name: t('settings.options.videoPlayer.options.afr'),
+                    icon: 'SLOW_MOTION_VIDEO',
+                    value: 'autoFrameRate'
+                } : null,
+                window.h5vcc && window.h5vcc.tizentube && window.h5vcc.tizentube.SetFrameRate ? {
+                    name: t('settings.options.videoPlayer.options.afrPauseDuration.title'),
+                    icon: 'TIMER',
+                    value: null,
+                    menuId: 'tt-auto-frame-rate-pause-duration',
+                    menuHeader: {
+                        title: t('settings.options.videoPlayer.options.afrPauseDuration.title'),
+                        subtitle: t('settings.options.videoPlayer.options.afrPauseDuration.subtitle')
+                    },
+                    options: [0, 0.5, 1, 1.5, 2, 2.5, 3, 3.5, 4, 4.5, 5].map((seconds) => {
+                        return {
+                            name: t(seconds === 1 ? 'settings.options.time.second' : 'settings.options.time.seconds', { count: seconds }),                            
+                            key: 'autoFrameRatePauseVideoFor',
+                            value: seconds * 1000
+                        }
+                    })
+                } : null
+            ]
+        },
+        {
+            name: t('settings.options.uiSettings.title'),
+            icon: 'SETTINGS',
+            value: null,
+            menuHeader: {
+                title: t('settings.options.uiSettings.title'),
+                subtitle: t('settings.options.uiSettings.subtitle')
+            },
+            options: [
+                {
+                    name: t('settings.options.uiSettings.options.hideWatchedVideos.title'),
+                    icon: 'VISIBILITY_OFF',
+                    value: null,
+                    menuId: 'tt-hide-watched-videos-settings',
+                    options: [
+                        {
+                            name: t('settings.options.uiSettings.options.hideWatchedVideos.options.enableHideWatchedVideos'),
+                            icon: 'VISIBILITY_OFF',
+                            value: 'enableHideWatchedVideos'
+                        },
+                        {
+                            name: t('settings.options.uiSettings.options.hideWatchedVideos.options.watchedVideosThreshold.title'),
+                            value: null,
+                            menuId: 'tt-hide-watched-videos-threshold',
+                            menuHeader: {
+                                title: t('settings.options.uiSettings.options.hideWatchedVideos.options.watchedVideosThreshold.title'),
+                                subtitle: t('settings.options.uiSettings.options.hideWatchedVideos.options.watchedVideosThreshold.subtitle')
+                            },
+                            options: [0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100].map((percent) => {
+                                return {
+                                    name: `${percent}%`,
+                                    key: 'hideWatchedVideosThreshold',
+                                    value: percent
+                                }
+                            })
+                        },
+                        {
+                            name: t('settings.options.uiSettings.options.hideWatchedVideos.options.setPagesToHideWatchedVideos'),
+                            value: null,
+                            arrayToEdit: 'hideWatchedVideosPages',
+                            menuId: 'tt-hide-watched-videos-pages',
+                            options: [
+                                {
+                                    name: t('settings.options.uiSettings.options.categories.searchResults'),
+                                    value: 'search'
+                                },
+                                {
+                                    name: t('settings.options.uiSettings.options.categories.home'),
+                                    value: 'home'
+                                },
+                                {
+                                    name: t('settings.options.uiSettings.options.categories.music'),
+                                    value: 'music'
+                                },
+                                {
+                                    name: t('settings.options.uiSettings.options.categories.gaming'),
+                                    value: 'gaming'
+                                },
+                                {
+                                    name: t('settings.options.uiSettings.options.categories.subscriptions'),
+                                    value: 'subscriptions'
+                                },
+                                {
+                                    name: t('settings.options.uiSettings.options.categories.library'),
+                                    value: 'library'
+                                },
+                                {
+                                    name: t('settings.options.uiSettings.options.categories.more'),
+                                    value: 'more'
+                                }
+                            ]
+                        }
+                    ]
+                },
+                {
+                    name: t('settings.options.uiSettings.options.screenDimming.title'),
+                    icon: 'EYE_OFF',
+                    value: null,
+                    menuId: 'tt-screen-dimming-settings',
+                    options: [
+                        {
+                            name: t('settings.options.uiSettings.options.screenDimming.options.enableScreenDimming'),
+                            icon: 'EYE_OFF',
+                            value: 'enableScreenDimming'
+                        },
+                        {
+                            name: t('settings.options.uiSettings.options.screenDimming.options.dimmingTimeout.title'),
+                            icon: 'TIMER',
+                            value: null,
+                            menuId: 'tt-dimming-timeout',
+                            menuHeader: {
+                                title: t('settings.options.uiSettings.options.screenDimming.options.dimmingTimeout.title'),
+                                subtitle: t('settings.options.uiSettings.options.screenDimming.options.dimmingTimeout.subtitle')
+                            },
+                            options: [10, 20, 30, 60, 120, 180, 240, 300].map((seconds) => {
+                                const title = seconds >= 60 ? t(`settings.options.time.minute${seconds / 60 > 1 ? 's' : ''}`, { count: seconds / 60 }) : t('settings.options.time.seconds', { count: seconds });
+                                return {
+                                    name: title,
+                                    key: 'dimmingTimeout',
+                                    value: seconds
+                                }
+                            })
+                        },
+                        {
+                            name: t('settings.options.uiSettings.options.screenDimming.options.dimmingOpacity.title'),
+                            icon: 'LENS_BLUE',
+                            value: null,
+                            menuId: 'tt-dimming-opacity',
+                            menuHeader: {
+                                title: t('settings.options.uiSettings.options.screenDimming.options.dimmingOpacity.title'),
+                                subtitle: t('settings.options.uiSettings.options.screenDimming.options.dimmingOpacity.subtitle')
+                            },
+                            options: [0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, 1.0].map((opacity) => {
+                                return {
+                                    name: `${Math.round(opacity * 100)}%`,
+                                    key: 'dimmingOpacity',
+                                    value: opacity
+                                }
+                            })
+                        }
+                    ]
+                },
+                {
+                    name: t('settings.options.uiSettings.options.disableSidebarContents.title'),
+                    icon: 'MENU',
+                    value: null,
+                    action: {
+                        customAction: {
+                            action: 'SHOW_GUIDE_SETTINGS',
+                            parameters: 'disabledSidebarContents'
+                        }
+                    }
+                },
+                {
+                    name: t('settings.options.uiSettings.options.sortSidebarContents.title'),
+                    icon: 'MENU',
+                    value: null,
+                    action: {
+                        customAction: {
+                            action: 'SHOW_GUIDE_SETTINGS',
+                            parameters: 'sortSidebarContents'
+                        }
+                    }
+                },
+                {
+                    name: t('settings.options.uiSettings.options.launchToOnStartup.title'),
+                    icon: 'TV',
+                    value: null,
+                    menuId: 'tt-launch-to-on-startup',
+                    menuHeader: {
+                        title: t('settings.options.uiSettings.options.launchToOnStartup.title'),
+                        subtitle: t('settings.options.uiSettings.options.launchToOnStartup.subtitle')
+                    },
+                    options: [
+                        {
+                            name: t('settings.options.uiSettings.options.categories.search'),
+                            icon: 'SEARCH',
+                            key: 'launchToOnStartup',
+                            value: JSON.stringify({
+                                searchEndpoint: { query: '' }
+                            })
+                        },
+                        {
+                            name: t('settings.options.uiSettings.options.categories.home'),
+                            icon: 'WHAT_TO_WATCH',
+                            key: 'launchToOnStartup',
+                            value: JSON.stringify({
+                                browseEndpoint: { browseId: 'FEtopics' }
+                            })
+                        },
+                        {
+                            name: t('settings.options.uiSettings.options.categories.sports'),
+                            icon: 'TROPHY',
+                            key: 'launchToOnStartup',
+                            value: JSON.stringify({
+                                browseEndpoint: { browseId: 'FEtopics_sports' }
+                            })
+                        },
+                        {
+                            name: t('settings.options.uiSettings.options.categories.news'),
+                            icon: 'NEWS',
+                            key: 'launchToOnStartup',
+                            value: JSON.stringify({
+                                browseEndpoint: { browseId: 'FEtopics_news' }
+                            })
+                        },
+                        {
+                            name: t('settings.options.uiSettings.options.categories.music'),
+                            icon: 'YOUTUBE_MUSIC',
+                            key: 'launchToOnStartup',
+                            value: JSON.stringify({
+                                browseEndpoint: { browseId: 'FEtopics_music' }
+                            })
+                        },
+                        {
+                            name: t('settings.options.uiSettings.options.categories.podcasts'),
+                            icon: 'BROADCAST',
+                            key: 'launchToOnStartup',
+                            value: JSON.stringify({
+                                browseEndpoint: { browseId: 'FEtopics_podcasts' }
+                            })
+                        },
+                        {
+                            name: t('settings.options.uiSettings.options.categories.moviesAndTv'),
+                            icon: 'CLAPPERBOARD',
+                            key: 'launchToOnStartup',
+                            value: JSON.stringify({
+                                browseEndpoint: { browseId: 'FEtopics_movies' }
+                            })
+                        },
+                        {
+                            name: t('settings.options.uiSettings.options.categories.gaming'),
+                            icon: 'GAMING',
+                            key: 'launchToOnStartup',
+                            value: JSON.stringify({
+                                browseEndpoint: { browseId: 'FEtopics_gaming' }
+                            })
+                        },
+                        {
+                            name: t('settings.options.uiSettings.options.categories.live'),
+                            icon: 'LIVE',
+                            key: 'launchToOnStartup',
+                            value: JSON.stringify({
+                                browseEndpoint: { browseId: 'FEtopics_live' }
+                            })
+                        },
+                        {
+                            name: t('settings.options.uiSettings.options.categories.subscriptions'),
+                            icon: 'SUBSCRIPTIONS',
+                            key: 'launchToOnStartup',
+                            value: JSON.stringify({
+                                browseEndpoint: { browseId: 'FEsubscriptions' }
+                            })
+                        },
+                        {
+                            name: t('settings.options.uiSettings.options.categories.library'),
+                            icon: 'TAB_LIBRARY',
+                            key: 'launchToOnStartup',
+                            value: JSON.stringify({
+                                browseEndpoint: { browseId: 'FElibrary' }
+                            })
+                        },
+                        {
+                            name: t('settings.options.uiSettings.options.categories.more'),
+                            icon: 'TAB_MORE',
+                            key: 'launchToOnStartup',
+                            value: JSON.stringify({
+                                browseEndpoint: { browseId: 'FEtopics_more' }
+                            })
+                        }
+                    ]
+                },
+                {
+                    name: t('settings.options.uiSettings.options.sortSubscriptionsByAlphabet'),
+                    icon: 'SUBSCRIPTIONS',
+                    value: 'sortSubscriptionsByAlphabet'
+                },
+                {
+                    name: t('settings.options.uiSettings.options.disableChannelsOnSidebar'),
+                    value: 'disableChannelsOnSidebar'
+                },
+                {
+                    name: t('settings.options.uiSettings.options.clock.title'),
+                    value: null,
+                    icon: 'TIMER',
+                    menuId: 'tt-clock-settings',
+                    menuHeader: {
+                        title: t('settings.options.uiSettings.options.clock.title'),
+                        subtitle: t('settings.options.uiSettings.options.clock.subtitle')
+                    },
+                    options: [
+                        {
+                            name: t('settings.options.uiSettings.options.clock.options.enableClock'),
+                            icon: 'TIMER',
+                            value: 'enableClock'
+                        },
+                        {
+                            name: t('settings.options.uiSettings.options.clock.options.isClock12HourFormat'),
+                            icon: 'TIMER',
+                            value: 'isClock12HourFormat'
+                        },
+                        {
+                            name: t('settings.options.uiSettings.options.clock.options.clockShowSeconds'),
+                            icon: 'TIMER',
+                            value: 'clockShowSeconds'
+                        },
+                        {
+                            name: t('settings.options.uiSettings.options.clock.options.clockHideWhenVideoPlaying'),
+                            icon: 'EYE_OFF',
+                            value: 'clockHideWhenVideoPlaying'
+                        }
+                    ]
+                },
+                {
+                    name: t('settings.options.uiSettings.options.disableEnlargingThumbnails'),
+                    value: 'disableEnlargingThumbnails',
+                    icon: null,
+                },
+                {
+                    name: t('settings.options.uiSettings.options.enableShrinkingThumbnails'),
+                    value: 'enableShrinkingThumbnails',
+                    icon: null,
+                }
+            ]
+        },
+        window.h5vcc && window.h5vcc.tizentube ?
+            {
+                name: t('settings.options.updater.title'),
+                icon: 'SYSTEM_UPDATE',
+                value: null,
+                menuHeader: {
+                    title: t('settings.options.updater.title'),
+                    subtitle: t('settings.options.updater.menuSubtitle')
+                },
+                subtitle:  t('settings.options.updater.versionSubtitle', { version: window.h5vcc.tizentube.GetVersion() }),
+                options: [
+                    buttonItem(
+                        { title: t('settings.options.updater.options.checkForUpdates') },
+                        { icon: 'SYSTEM_UPDATE' },
+                        [
+                            {
+                                customAction: {
+                                    action: 'CHECK_FOR_UPDATES',
+                                }
+                            }
+                        ]
+                    ),
+                    {
+                        name: t('settings.options.updater.options.checkForUpdatesOnStartup'),
+                        icon: 'SYSTEM_UPDATE',
+                        value: 'enableUpdater'
+                    }
+                ]
+            } : null
+    ];
+
+    const buttons = [];
+
+    let index = 0;
+    for (const setting of settings) {
+        if (!setting) continue;
+        const currentVal = setting.value ? configRead(setting.value) : null;
+        buttons.push(
+            buttonItem(
+                { title: setting.name, subtitle: setting.subtitle },
+                {
+                    icon: setting.icon ? setting.icon : 'CHEVRON_DOWN',
+                    secondaryIcon:
+                        currentVal === null ? 'CHEVRON_RIGHT' : currentVal ? 'CHECK_BOX' : 'CHECK_BOX_OUTLINE_BLANK'
+                },
+                currentVal !== null
+                    ? [
+                        {
+                            setClientSettingEndpoint: {
+                                settingDatas: [
+                                    {
+                                        clientSettingEnum: {
+                                            item: setting.value
+                                        },
+                                        boolValue: !configRead(setting.value)
+                                    }
+                                ]
+                            }
+                        },
+                        {
+                            customAction: {
+                                action: 'SETTINGS_UPDATE',
+                                parameters: [index]
+                            }
+                        }
+                    ]
+                    : [
+                        {
+                            customAction: {
+                                action: 'OPTIONS_SHOW',
+                                parameters: {
+                                    options: setting.options,
+                                    selectedIndex: 0,
+                                    update: setting.options?.title ? 'customUI' : false,
+                                    menuId: setting.menuId,
+                                    arrayToEdit: setting.arrayToEdit,
+                                    menuHeader: setting.menuHeader,
+                                    action: setting.action
+                                }
+                            }
+                        }
+                    ]
+            )
+        );
+        index++;
+    }
+
+    showModal(
+        {
+            title: t('settings.ttSettings.title'),
+            subtitle: t('settings.ttSettings.madeByText')
+        },
+        overlayPanelItemListRenderer(buttons, parameters && parameters.length > 0 ? parameters[0] : 0),
+        'tt-settings',
+        update
+    );
+}
+
+export function optionShow(parameters, update) {
+    if (update === 'customUI') {
+        const option = parameters.options;
+        showModal(
+            {
+                title: option.title,
+                subtitle: option.subtitle
+            },
+            option.content,
+            'tt-settings-support',
+            false
+        );
+        return;
+    }
+    const buttons = [];
+
+    // Check if this is the legacy sponsorBlockManualSkips (array-based) or new boolean-based options
+    const isArrayBasedOptions = parameters.arrayToEdit !== undefined;
+
+    if (parameters.action) {
+        return resolveCommand(parameters.action);
+    }
+
+    if (isArrayBasedOptions) {
+        // Legacy handling for sponsorBlockManualSkips
+        const value = configRead(parameters.arrayToEdit);
+        for (const option of parameters.options) {
+            buttons.push(
+                buttonItem(
+                    { title: option.name, subtitle: option.subtitle },
+                    {
+                        icon: option.icon ? option.icon : 'CHEVRON_DOWN',
+                        secondaryIcon: value.includes(option.value) ? 'CHECK_BOX' : 'CHECK_BOX_OUTLINE_BLANK'
+                    },
+                    [
+                        {
+                            setClientSettingEndpoint: {
+                                settingDatas: [
+                                    {
+                                        clientSettingEnum: {
+                                            item: parameters.arrayToEdit
+                                        },
+                                        arrayValue: option.value
+                                    }
+                                ]
+                            }
+                        },
+                        {
+                            customAction: {
+                                action: 'OPTIONS_SHOW',
+                                parameters: {
+                                    options: parameters.options,
+                                    selectedIndex: parameters.options.indexOf(option),
+                                    update: true,
+                                    menuId: parameters.menuId,
+                                    arrayToEdit: parameters.arrayToEdit,
+                                    menuHeader: parameters.menuHeader,
+                                    action: parameters.action
+                                }
+                            }
+                        }
+                    ]
+                )
+            );
+        }
+    } else {
+        // New handling for boolean-based options (like subtitle localization)
+        let index = 0;
+        for (const option of parameters.options) {
+            if (!option) continue;
+            if (option.compactLinkRenderer) {
+                buttons.push(option);
+                index++;
+                continue;
+            }
+            const isRadioChoice = option.key !== null && option.key !== undefined;
+            const currentVal = option.value === null ? undefined : configRead(isRadioChoice ? option.key : option.value);
+            buttons.push(
+                buttonItem(
+                    { title: option.name, subtitle: option.subtitle },
+                    {
+                        icon: option.icon ? option.icon : 'CHEVRON_DOWN',
+                        secondaryIcon: isRadioChoice ? currentVal === option.value ? 'RADIO_BUTTON_CHECKED' : 'RADIO_BUTTON_UNCHECKED' : option.value === null ? 'CHEVRON_RIGHT' : currentVal ? 'CHECK_BOX' : 'CHECK_BOX_OUTLINE_BLANK'
+                    },
+                    option.value === null ? [
+                        {
+                            customAction: {
+                                action: 'OPTIONS_SHOW',
+                                parameters: {
+                                    options: option.options,
+                                    selectedIndex: 0,
+                                    update: option.options?.title ? 'customUI' : false,
+                                    menuId: option.menuId,
+                                    arrayToEdit: option.arrayToEdit,
+                                    menuHeader: option.menuHeader,
+                                    action: option.action
+                                }
+                            }
+                        }
+                    ] : option.key !== null && option.key !== undefined ? [
+                        {
+                            setClientSettingEndpoint: {
+                                settingDatas: [
+                                    {
+                                        clientSettingEnum: {
+                                            item: option.key
+                                        },
+                                        stringValue: option.value
+                                    }
+                                ]
+                            }
+                        },
+                        {
+                            customAction: {
+                                action: 'OPTIONS_SHOW',
+                                parameters: {
+                                    options: parameters.options,
+                                    selectedIndex: index,
+                                    update: parameters.options?.title ? 'customUI' : true,
+                                    menuId: parameters.menuId,
+                                    arrayToEdit: parameters.arrayToEdit,
+                                    menuHeader: parameters.menuHeader,
+                                    action: parameters.action
+                                }
+                            }
+                        }
+                    ] : [
+                        {
+                            setClientSettingEndpoint: {
+                                settingDatas: [
+                                    {
+                                        clientSettingEnum: {
+                                            item: option.value
+                                        },
+                                        boolValue: !currentVal
+                                    }
+                                ]
+                            }
+                        },
+                        {
+                            customAction: {
+                                action: 'OPTIONS_SHOW',
+                                parameters: {
+                                    options: parameters.options,
+                                    selectedIndex: index,
+                                    update: parameters.options?.title ? 'customUI' : true,
+                                    menuId: parameters.menuId,
+                                    arrayToEdit: parameters.arrayToEdit,
+                                    menuHeader: parameters.menuHeader,
+                                    action: parameters.action
+                                }
+                            }
+                        }
+                    ]
+                )
+            );
+            index++;
+        }
+    }
+
+    showModal(parameters.menuHeader ? parameters.menuHeader : t('settings.ttSettings.title'), overlayPanelItemListRenderer(buttons, parameters.selectedIndex), parameters.menuId || 'tt-settings-options', update);
+}