@oxymoron.13/tizentube-s95b 0.2.0 → 0.2.2

package/mods/ui/settings.js

@@ -1,1024 +0,0 @@
-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);
-}