☰

Greasy Fork镜像 还支持 简体中文。

Twitch Enhancements

Automatically claim channel points, enable theater mode, claim prime rewards, claim drops, and add redeem buttons for GOG and Legacy Games on Twitch and Amazon Gaming websites.

  1. // ==UserScript==
  2. // @name         Twitch Enhancements
  3. // @namespace    http://tampermonkey.net/
  4. // @version      0.5.5
  5. // @description  Automatically claim channel points, enable theater mode, claim prime rewards, claim drops, and add redeem buttons for GOG and Legacy Games on Twitch and Amazon Gaming websites.
  6. // @author       JJJ
  7. // @match        https://www.twitch.tv/*
  8. // @match        https://gaming.amazon.com/*
  9. // @match        https://www.twitch.tv/drops/inventory*
  10. // @match        https://www.gog.com/en/redeem
  11. // @match        https://promo.legacygames.com/*
  12. // @icon         https://th.bing.com/th/id/R.d71be224f193da01e7e499165a8981c5?rik=uBYlAxJ4XyXmJg&riu=http%3a%2f%2fpngimg.com%2fuploads%2ftwitch%2ftwitch_PNG28.png&ehk=PMc5m5Fil%2bhyq1zilk3F3cuzxSluXFBE80XgxVIG0rM%3d&risl=&pid=ImgRaw&r=0
  13. // @grant        GM_setValue
  14. // @grant        GM_getValue
  15. // @grant        GM_deleteValue
  16. // @grant        GM_registerMenuCommand
  17. // @license      MIT
  18. // ==/UserScript==
  19.  
  20. (function () {
  21.     'use strict';
  22.  
  23.     // Configuration settings
  24.     const CONFIG = {
  25.         enableAutoClaimPoints: GM_getValue('enableAutoClaimPoints', true),
  26.         enableTheaterMode: GM_getValue('enableTheaterMode', true),
  27.         enableClaimPrimeRewards: GM_getValue('enableClaimPrimeRewards', true),
  28.         enableClaimDrops: GM_getValue('enableClaimDrops', true),
  29.         enableGogRedeemButton: GM_getValue('enableGogRedeemButton', true),
  30.         enableLegacyGamesRedeemButton: GM_getValue('enableLegacyGamesRedeemButton', true),
  31.         enableHideGlobalMenu: GM_getValue('enableHideGlobalMenu', true),
  32.         enableAutoRefreshDrops: GM_getValue('enableAutoRefreshDrops', true),
  33.         enableClaimAllButton: GM_getValue('enableClaimAllButton', true),
  34.         enableRemoveAllButton: GM_getValue('enableRemoveAllButton', true),
  35.         settingsKey: GM_getValue('settingsKey', 'F2') // Default to F2 if not set
  36.     };
  37.  
  38.     // Add logger configuration
  39.     const Logger = {
  40.         styles: {
  41.             info: 'color: #2196F3; font-weight: bold',
  42.             warning: 'color: #FFC107; font-weight: bold',
  43.             success: 'color: #4CAF50; font-weight: bold',
  44.             error: 'color: #F44336; font-weight: bold'
  45.         },
  46.         prefix: '[TwitchEnhancements]',
  47.         getTimestamp() {
  48.             return new Date().toISOString().split('T')[1].slice(0, -1);
  49.         },
  50.         info(msg) {
  51.             console.log(`%c${this.prefix} ${this.getTimestamp()} - ${msg}`, this.styles.info);
  52.         },
  53.         warning(msg) {
  54.             console.warn(`%c${this.prefix} ${this.getTimestamp()} - ${msg}`, this.styles.warning);
  55.         },
  56.         success(msg) {
  57.             console.log(`%c${this.prefix} ${this.getTimestamp()} - ${msg}`, this.styles.success);
  58.         },
  59.         error(msg) {
  60.             console.error(`%c${this.prefix} ${this.getTimestamp()} - ${msg}`, this.styles.error);
  61.         }
  62.     };
  63.  
  64.     // Twitch Constants
  65.     const PLAYER_SELECTOR = '.video-player';
  66.     const THEATER_MODE_BUTTON_SELECTOR = 'button[aria-label="Modo cine (alt+t)"], button[aria-label="Theatre Mode (alt+t)"]';
  67.     const CLOSE_MENU_BUTTON_SELECTOR = 'button[aria-label="Close Menu"]';
  68.     const CLOSE_MODAL_BUTTON_SELECTOR = 'button[aria-label="Close modal"]';
  69.     const THEATER_MODE_CLASS = 'theatre-mode';
  70.     const CLAIMABLE_BONUS_SELECTOR = '.claimable-bonus__icon';
  71.     const CLAIM_DROPS_SELECTOR = 'button.ScCoreButton-sc-ocjdkq-0.eWlfQB';
  72.     const PRIME_REWARD_SELECTOR = 'button.tw-interactive.tw-button.tw-button--full-width[data-a-target="buy-box_call-to-action"] span.tw-button__text div.tw-inline-block p.tw-font-size-5.tw-md-font-size-4[title="Get game"]';
  73.     const PRIME_REWARD_SELECTOR_2 = 'p.tw-font-size-5.tw-md-font-size-4[data-a-target="buy-box_call-to-action-text"][title="Get game"]';
  74.  
  75.     // Redeem on GOG Constants
  76.     const GOG_REDEEM_CODE_INPUT_SELECTOR = '#codeInput';
  77.     const GOG_CONTINUE_BUTTON_SELECTOR = 'button[type="submit"][aria-label="Proceed to the next step"]';
  78.     const GOG_FINAL_REDEEM_BUTTON_SELECTOR = 'button[type="submit"][aria-label="Redeem the code"]';
  79.  
  80.     // Redeem on Legacy Games Constants
  81.     const LEGACY_GAMES_REDEEM_URL = 'https://promo.legacygames.com/gallery-of-things-reveries-prime-deal/';
  82.     const LEGACY_GAMES_CODE_INPUT_SELECTOR = '#primedeal_game_code';
  83.     const LEGACY_GAMES_EMAIL_INPUT_SELECTOR = '#primedeal_email';
  84.     const LEGACY_GAMES_EMAIL_VALIDATE_INPUT_SELECTOR = '#primedeal_email_validate';
  85.     const LEGACY_GAMES_SUBMIT_BUTTON_SELECTOR = '#submitbutton';
  86.     const LEGACY_GAMES_NEWSLETTER_CHECKBOX_SELECTOR = '#primedeal_newsletter';
  87.  
  88.     let claiming = false;
  89.  
  90.     // Check if MutationObserver is supported
  91.     const MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;
  92.  
  93.     // Settings Dialog Functions
  94.     function createSettingsDialog() {
  95.         const dialogHTML = `
  96.             <div id="twitchEnhancementsDialog" class="te-dialog">
  97.                 <h3>Twitch Enhancements Settings</h3>
  98.                 ${createToggle('enableAutoClaimPoints', 'Auto Claim Channel Points', 'Automatically claim channel points')}
  99.                 ${createToggle('enableTheaterMode', 'Auto Theater Mode', 'Automatically enable theater mode')}
  100.                 ${createToggle('enableClaimPrimeRewards', 'Auto Claim Prime Rewards', 'Automatically claim prime rewards')}
  101.                 ${createToggle('enableClaimDrops', 'Auto Claim Drops', 'Automatically claim Twitch drops')}
  102.                 ${createToggle('enableGogRedeemButton', 'GOG Redeem Button', 'Add GOG redeem button on Amazon Gaming')}
  103.                 ${createToggle('enableLegacyGamesRedeemButton', 'Legacy Games Button', 'Add Legacy Games redeem button on Amazon Gaming')}
  104.                 ${createToggle('enableHideGlobalMenu', 'Hide Global Menu', 'Hide the global menu on Twitch')}
  105.                 ${createToggle('enableAutoRefreshDrops', 'Auto Refresh Drops', 'Automatically refresh drops inventory page every 15 minutes')}
  106.                 ${createToggle('enableClaimAllButton', 'Enable Claim All Button', 'Add Claim All button on Amazon Gaming')}
  107.                 ${createToggle('enableRemoveAllButton', 'Enable Remove All Button', 'Add Remove All button on Amazon Gaming')}
  108.                 <div class="te-key-setting">
  109.                     <label for="settingsKey" class="te-key-label">Settings Toggle Key:</label>
  110.                     <div class="te-key-input-container">
  111.                         <input type="text" id="settingsKey" class="te-key-input" value="${CONFIG.settingsKey}" readonly>
  112.                         <button id="changeKeyButton" class="te-key-button">Change Key</button>
  113.                     </div>
  114.                     <div id="keyInstructions" class="te-key-instructions" style="display:none;">Press any key...</div>
  115.                 </div>
  116.                 <div class="te-button-container">
  117.                     <button id="saveSettingsButton" class="te-button te-button-save">Save</button>
  118.                     <button id="cancelSettingsButton" class="te-button te-button-cancel">Cancel</button>
  119.                 </div>
  120.             </div>
  121.         `;
  122.  
  123.         const styleSheet = `
  124.             <style>
  125.                 .te-dialog {
  126.                     position: fixed;
  127.                     top: 50%;
  128.                     left: 50%;
  129.                     transform: translate(-50%, -50%);
  130.                     background: rgba(18, 16, 24, 0.9);
  131.                     border: 1px solid #772ce8;
  132.                     border-radius: 8px;
  133.                     padding: 20px;
  134.                     box-shadow: 0 0 20px rgba(0, 0, 0, 0.7);
  135.                     z-index: 9999999; /* Increased z-index to ensure it appears above all elements */
  136.                     color: white;
  137.                     width: 350px;
  138.                     font-family: 'Roobert', 'Inter', Helvetica, Arial, sans-serif;
  139.                 }
  140.                 .te-dialog h3 {
  141.                     margin-top: 0;
  142.                     font-size: 1.4em;
  143.                     text-align: center;
  144.                     margin-bottom: 20px;
  145.                     color: #bf94ff;
  146.                 }
  147.                 .te-toggle-container {
  148.                     display: flex;
  149.                     justify-content: space-between;
  150.                     align-items: center;
  151.                     margin-bottom: 15px;
  152.                 }
  153.                 .te-toggle-label {
  154.                     flex-grow: 1;
  155.                     font-size: 0.95em;
  156.                 }
  157.                 .te-toggle {
  158.                     position: relative;
  159.                     display: inline-block;
  160.                     width: 50px;
  161.                     height: 24px;
  162.                 }
  163.                 .te-toggle input {
  164.                     position: absolute;
  165.                     width: 100%;
  166.                     height: 100%;
  167.                     opacity: 0;
  168.                     cursor: pointer;
  169.                     margin: 0;
  170.                 }
  171.                 .te-toggle-slider {
  172.                     position: absolute;
  173.                     cursor: pointer;
  174.                     top: 0;
  175.                     left: 0;
  176.                     right: 0;
  177.                     bottom: 0;
  178.                     background-color: #333;
  179.                     transition: .4s;
  180.                     border-radius: 24px;
  181.                 }
  182.                 .te-toggle-slider:before {
  183.                     position: absolute;
  184.                     content: "";
  185.                     height: 16px;
  186.                     width: 16px;
  187.                     left: 4px;
  188.                     bottom: 4px;
  189.                     background-color: white;
  190.                     transition: .4s;
  191.                     border-radius: 50%;
  192.                 }
  193.                 .te-toggle input:checked + .te-toggle-slider {
  194.                     background-color: #9147ff;
  195.                 }
  196.                 .te-toggle input:checked + .te-toggle-slider:before {
  197.                     transform: translateX(26px);
  198.                 }
  199.                 .te-button-container {
  200.                     display: flex;
  201.                     justify-content: space-between;
  202.                     margin-top: 20px;
  203.                 }
  204.                 .te-button {
  205.                     padding: 8px 16px;
  206.                     border: none;
  207.                     border-radius: 4px;
  208.                     cursor: pointer;
  209.                     font-size: 0.95em;
  210.                     transition: background-color 0.3s;
  211.                 }
  212.                 .te-button-save {
  213.                     background-color: #9147ff;
  214.                     color: white;
  215.                 }
  216.                 .te-button-save:hover {
  217.                     background-color: #772ce8;
  218.                 }
  219.                 .te-button-cancel {
  220.                     background-color: #464649;
  221.                     color: white;
  222.                 }
  223.                 .te-button-cancel:hover {
  224.                     background-color: #2d2d30;
  225.                 }
  226.                 .te-key-setting {
  227.                     margin-top: 20px;
  228.                     padding-top: 15px;
  229.                     border-top: 1px solid #464649;
  230.                 }
  231.                 .te-key-label {
  232.                     display: block;
  233.                     margin-bottom: 10px;
  234.                     font-size: 0.95em;
  235.                 }
  236.                 .te-key-input-container {
  237.                     display: flex;
  238.                     gap: 10px;
  239.                 }
  240.                 .te-key-input {
  241.                     flex: 1;
  242.                     background-color: #18181b;
  243.                     color: white;
  244.                     border: 1px solid #464649;
  245.                     border-radius: 4px;
  246.                     padding: 8px;
  247.                     text-align: center;
  248.                     font-size: 14px;
  249.                 }
  250.                 .te-key-button {
  251.                     background-color: #464649;
  252.                     color: white;
  253.                     border: none;
  254.                     border-radius: 4px;
  255.                     padding: 8px 12px;
  256.                     cursor: pointer;
  257.                     font-size: 0.85em;
  258.                 }
  259.                 .te-key-button:hover {
  260.                     background-color: #5c5c5f;
  261.                 }
  262.                 .te-key-instructions {
  263.                     margin-top: 10px;
  264.                     font-size: 0.85em;
  265.                     color: #bf94ff;
  266.                     text-align: center;
  267.                 }
  268.             </style>
  269.         `;
  270.  
  271.         const dialogWrapper = document.createElement('div');
  272.         dialogWrapper.innerHTML = styleSheet + dialogHTML;
  273.         document.body.appendChild(dialogWrapper);
  274.  
  275.         // Add event listeners to toggles with improved feedback - MODIFIED
  276.         // Store toggle changes in memory instead of immediately updating CONFIG
  277.         const pendingChanges = {}; // Object to track pending changes
  278.  
  279.         document.querySelectorAll('.te-toggle input').forEach(toggle => {
  280.             toggle.addEventListener('change', (event) => {
  281.                 const { id, checked } = event.target;
  282.                 Logger.info(`Toggle changed: ${id} = ${checked}`);
  283.                 // Instead of updating CONFIG directly, store the pending change
  284.                 pendingChanges[id] = checked;
  285.             });
  286.         });
  287.  
  288.         // Add event listeners to buttons
  289.         document.getElementById('saveSettingsButton').addEventListener('click', () => saveAndCloseDialog(pendingChanges));
  290.         document.getElementById('cancelSettingsButton').addEventListener('click', closeDialog);
  291.  
  292.         // Add event listener for change key button
  293.         const changeKeyButton = document.getElementById('changeKeyButton');
  294.         changeKeyButton.addEventListener('click', function () {
  295.             const keyInput = document.getElementById('settingsKey');
  296.             const keyInstructions = document.getElementById('keyInstructions');
  297.  
  298.             // Show instructions and focus on input
  299.             keyInstructions.style.display = 'block';
  300.             keyInstructions.textContent = 'Press key combination (e.g. Ctrl+Shift+K)...';
  301.             keyInput.value = 'Press keys...';
  302.  
  303.             // Change button text to indicate canceling is possible
  304.             changeKeyButton.textContent = 'Cancel';
  305.  
  306.             // Flag to track if we're in key capture mode
  307.             let capturingKey = true;
  308.  
  309.             // Variables to store key combination
  310.             let modifiers = {
  311.                 ctrl: false,
  312.                 alt: false,
  313.                 shift: false,
  314.                 meta: false
  315.             };
  316.             let mainKey = '';
  317.  
  318.             // Function to format current key combination
  319.             const formatKeyCombination = () => {
  320.                 const parts = [];
  321.                 if (modifiers.ctrl) parts.push('Ctrl');
  322.                 if (modifiers.alt) parts.push('Alt');
  323.                 if (modifiers.shift) parts.push('Shift');
  324.                 if (modifiers.meta) parts.push('Meta');
  325.                 if (mainKey && !['Control', 'Alt', 'Shift', 'Meta'].includes(mainKey)) {
  326.                     parts.push(mainKey);
  327.                 }
  328.                 return parts.join('+');
  329.             };
  330.  
  331.             // Function to update the input with current combination
  332.             const updateKeyDisplay = () => {
  333.                 const combination = formatKeyCombination();
  334.                 if (combination) {
  335.                     keyInput.value = combination;
  336.                 } else {
  337.                     keyInput.value = 'Press keys...';
  338.                 }
  339.             };
  340.  
  341.             // Function to handle key down
  342.             const handleKeyDown = function (e) {
  343.                 if (!capturingKey) return;
  344.  
  345.                 e.preventDefault();
  346.                 e.stopPropagation();
  347.  
  348.                 // Track modifier keys
  349.                 if (e.key === 'Control' || e.key === 'Alt' || e.key === 'Shift' || e.key === 'Meta') {
  350.                     switch (e.key) {
  351.                         case 'Control': modifiers.ctrl = true; break;
  352.                         case 'Alt': modifiers.alt = true; break;
  353.                         case 'Shift': modifiers.shift = true; break;
  354.                         case 'Meta': modifiers.meta = true; break;
  355.                     }
  356.                 } else {
  357.                     // Track main key
  358.                     mainKey = e.key;
  359.                 }
  360.  
  361.                 // Update the display
  362.                 updateKeyDisplay();
  363.             };
  364.  
  365.             // Function to handle key up
  366.             const handleKeyUp = function (e) {
  367.                 if (!capturingKey) return;
  368.  
  369.                 e.preventDefault();
  370.                 e.stopPropagation();
  371.  
  372.                 // Handle modifier keys being released
  373.                 if (e.key === 'Control' || e.key === 'Alt' || e.key === 'Shift' || e.key === 'Meta') {
  374.                     switch (e.key) {
  375.                         case 'Control': modifiers.ctrl = false; break;
  376.                         case 'Alt': modifiers.alt = false; break;
  377.                         case 'Shift': modifiers.shift = false; break;
  378.                         case 'Meta': modifiers.meta = false; break;
  379.                     }
  380.  
  381.                     // Update the display
  382.                     updateKeyDisplay();
  383.                 } else {
  384.                     // If a non-modifier key was released, complete the capture
  385.                     const keyCombination = formatKeyCombination();
  386.  
  387.                     // Only save if we have a valid combination (at least one key)
  388.                     if (keyCombination && keyCombination !== 'Press keys...') {
  389.                         keyInput.value = keyCombination;
  390.  
  391.                         // Exit key capture mode
  392.                         document.removeEventListener('keydown', handleKeyDown, true);
  393.                         document.removeEventListener('keyup', handleKeyUp, true);
  394.                         keyInstructions.style.display = 'none';
  395.                         changeKeyButton.textContent = 'Change Key';
  396.                         capturingKey = false;
  397.  
  398.                         // Log the captured combination
  399.                         Logger.info(`Key combination captured: ${keyCombination}`);
  400.                     }
  401.                 }
  402.             };
  403.  
  404.             // Function to cancel key capture
  405.             const cancelCapture = function () {
  406.                 if (!capturingKey) return;
  407.  
  408.                 document.removeEventListener('keydown', handleKeyDown, true);
  409.                 document.removeEventListener('keyup', handleKeyUp, true);
  410.                 keyInput.value = CONFIG.settingsKey;
  411.                 keyInstructions.style.display = 'none';
  412.                 changeKeyButton.textContent = 'Change Key';
  413.                 capturingKey = false;
  414.             };
  415.  
  416.             // Allow canceling key capture by clicking the button again
  417.             changeKeyButton.addEventListener('click', cancelCapture, { once: true });
  418.  
  419.             // Capture key events
  420.             document.addEventListener('keydown', handleKeyDown, true);
  421.             document.addEventListener('keyup', handleKeyUp, true);
  422.         });
  423.     }
  424.  
  425.     function createToggle(id, label, title) {
  426.         return `
  427.             <div class="te-toggle-container" title="${title}">
  428.                 <label class="te-toggle">
  429.                     <input type="checkbox" id="${id}" ${CONFIG[id] ? 'checked' : ''}>
  430.                     <span class="te-toggle-slider"></span>
  431.                 </label>
  432.                 <label for="${id}" class="te-toggle-label">${label}</label>
  433.             </div>
  434.         `;
  435.     }
  436.  
  437.     // Modified saveAndCloseDialog function to apply changes dynamically
  438.     function saveAndCloseDialog(pendingChanges = {}) {
  439.         // Create a deep copy of the CONFIG object before any changes are made
  440.         const oldConfig = JSON.parse(JSON.stringify(CONFIG));
  441.         let changesMade = false;
  442.  
  443.         // Improved debugging output
  444.         Logger.info("Checking for settings changes...");
  445.  
  446.         // Save toggle settings
  447.         Object.keys(CONFIG).forEach(key => {
  448.             if (key === 'settingsKey') return; // Handle separately
  449.  
  450.             // Check if this setting has a pending change
  451.             if (pendingChanges.hasOwnProperty(key)) {
  452.                 const oldValue = oldConfig[key];
  453.                 const newValue = pendingChanges[key];
  454.  
  455.                 // Log the comparison for debugging
  456.                 Logger.info(`Comparing ${key}: old=${oldValue} (${typeof oldValue}), new=${newValue} (${typeof newValue})`);
  457.  
  458.                 // Compare values - both should be booleans for toggle settings
  459.                 if (oldValue !== newValue) {
  460.                     changesMade = true;
  461.                     Logger.info(`Changed ${key} from ${oldValue} to ${newValue}`);
  462.                     CONFIG[key] = newValue;
  463.                     GM_setValue(key, newValue);
  464.                 }
  465.             } else {
  466.                 // If no pending change, get value from form element
  467.                 const element = document.getElementById(key);
  468.                 if (element) {
  469.                     const oldValue = oldConfig[key];
  470.                     const newValue = element.checked;
  471.  
  472.                     // Log the comparison for debugging
  473.                     Logger.info(`Comparing ${key}: old=${oldValue} (${typeof oldValue}), new=${newValue} (${typeof newValue})`);
  474.  
  475.                     // Compare values
  476.                     if (oldValue !== newValue) {
  477.                         changesMade = true;
  478.                         Logger.info(`Changed ${key} from ${oldValue} to ${newValue}`);
  479.                         CONFIG[key] = newValue;
  480.                         GM_setValue(key, newValue);
  481.                     }
  482.                 }
  483.             }
  484.         });
  485.  
  486.         // Save settings key
  487.         const keyInput = document.getElementById('settingsKey');
  488.         if (keyInput && keyInput.value !== oldConfig.settingsKey) {
  489.             changesMade = true;
  490.             Logger.info(`Changed settings key from ${oldConfig.settingsKey} to ${keyInput.value}`);
  491.             CONFIG.settingsKey = keyInput.value;
  492.             GM_setValue('settingsKey', keyInput.value);
  493.         }
  494.  
  495.         closeDialog();
  496.  
  497.         if (changesMade) {
  498.             Logger.success('Settings saved and applied immediately');
  499.             applySettingsChanges(oldConfig);
  500.         } else {
  501.             // Show more helpful message when no changes are detected
  502.             Logger.info('No changes detected. Settings remain the same.');
  503.         }
  504.     }
  505.  
  506.     // Function to dynamically apply settings changes
  507.     function applySettingsChanges(oldConfig) {
  508.         // Restart observers or update UI elements based on config changes
  509.  
  510.         // Handle auto refresh drops changes
  511.         if (oldConfig.enableAutoRefreshDrops !== CONFIG.enableAutoRefreshDrops) {
  512.             setupAutoRefreshDrops();
  513.         }
  514.  
  515.         // Handle claim points observer changes
  516.         if (oldConfig.enableAutoClaimPoints !== CONFIG.enableAutoClaimPoints) {
  517.             restartClaimPointsObserver();
  518.         }
  519.  
  520.         // Handle claim drops observer changes
  521.         if (oldConfig.enableClaimDrops !== CONFIG.enableClaimDrops) {
  522.             restartClaimDropsObserver();
  523.         }
  524.  
  525.         // Handle Amazon gaming buttons changes
  526.         if (oldConfig.enableGogRedeemButton !== CONFIG.enableGogRedeemButton ||
  527.             oldConfig.enableLegacyGamesRedeemButton !== CONFIG.enableLegacyGamesRedeemButton) {
  528.             updateRedeeemButtons();
  529.         }
  530.  
  531.         // Handle PrimeOfferPopover changes for Claim All/Remove All buttons
  532.         if (oldConfig.enableClaimAllButton !== CONFIG.enableClaimAllButton ||
  533.             oldConfig.enableRemoveAllButton !== CONFIG.enableRemoveAllButton) {
  534.             if (document.getElementById("PrimeOfferPopover-header")) {
  535.                 updatePrimeOfferButtons();
  536.             }
  537.         }
  538.  
  539.         // Handle Theater Mode changes
  540.         if (!oldConfig.enableTheaterMode && CONFIG.enableTheaterMode) {
  541.             enableTheaterMode();
  542.         }
  543.  
  544.         // Handle Hide Global Menu changes
  545.         if (CONFIG.enableHideGlobalMenu) {
  546.             hideGlobalMenu();
  547.         } else if (!CONFIG.enableHideGlobalMenu && oldConfig.enableHideGlobalMenu) {
  548.             showGlobalMenu();
  549.         }
  550.     }
  551.  
  552.     // Function to show global menu (when setting is turned off)
  553.     function showGlobalMenu() {
  554.         const GLOBAL_MENU_SELECTOR = 'div.ScBalloonWrapper-sc-14jr088-0.eEhNFm';
  555.         const globalMenu = document.querySelector(GLOBAL_MENU_SELECTOR);
  556.         if (globalMenu) {
  557.             globalMenu.style.display = '';
  558.             Logger.info('Global menu restored');
  559.         }
  560.     }
  561.  
  562.     // Variables to track observers
  563.     let claimPointsObserver = null;
  564.     let claimDropsObserver = null;
  565.     let autoRefreshInterval = null;
  566.  
  567.     // Function to restart claim points observer
  568.     function restartClaimPointsObserver() {
  569.         if (claimPointsObserver) {
  570.             claimPointsObserver.disconnect();
  571.             claimPointsObserver = null;
  572.             Logger.info('Auto claim points observer disconnected');
  573.         }
  574.  
  575.         if (CONFIG.enableAutoClaimPoints) {
  576.             setupAutoClaimBonus();
  577.         }
  578.     }
  579.  
  580.     // Function to restart claim drops observer
  581.     function restartClaimDropsObserver() {
  582.         if (claimDropsObserver) {
  583.             claimDropsObserver.disconnect();
  584.             claimDropsObserver = null;
  585.             Logger.info('Claim drops observer disconnected');
  586.         }
  587.  
  588.         if (CONFIG.enableClaimDrops) {
  589.             setupClaimDrops();
  590.         }
  591.     }
  592.  
  593.     // Function to setup auto refresh drops timer
  594.     function setupAutoRefreshDrops() {
  595.         if (autoRefreshInterval) {
  596.             clearInterval(autoRefreshInterval);
  597.             autoRefreshInterval = null;
  598.             Logger.info('Auto refresh drops timer cleared');
  599.         }
  600.  
  601.         if (CONFIG.enableAutoRefreshDrops) {
  602.             autoRefreshInterval = setInterval(function () {
  603.                 if (window.location.href.startsWith('https://www.twitch.tv/drops/inventory')) {
  604.                     Logger.info('Auto-refreshing drops inventory page');
  605.                     window.location.reload();
  606.                 }
  607.             }, 15 * 60000);
  608.             Logger.info('Auto refresh drops timer started');
  609.         }
  610.     }
  611.  
  612.     // Function to update redeem buttons
  613.     function updateRedeeemButtons() {
  614.         if (window.location.hostname === 'gaming.amazon.com') {
  615.             if (CONFIG.enableGogRedeemButton) {
  616.                 addGogRedeemButton();
  617.             } else {
  618.                 // Remove GOG buttons
  619.                 const gogButtons = document.querySelectorAll('.gog-redeem-button');
  620.                 gogButtons.forEach(button => button.remove());
  621.                 Logger.info('GOG redeem buttons removed');
  622.             }
  623.  
  624.             if (CONFIG.enableLegacyGamesRedeemButton) {
  625.                 addLegacyGamesRedeemButton();
  626.             } else {
  627.                 // Remove Legacy Games buttons
  628.                 const legacyButtons = document.querySelectorAll('.legacy-games-redeem-button');
  629.                 legacyButtons.forEach(button => button.remove());
  630.                 Logger.info('Legacy Games redeem buttons removed');
  631.             }
  632.         }
  633.     }
  634.  
  635.     // Function to update the Prime Offer Popover buttons
  636.     function updatePrimeOfferButtons() {
  637.         const primeOfferHeader = document.getElementById("PrimeOfferPopover-header");
  638.         if (!primeOfferHeader) return;
  639.  
  640.         let o = new MutationObserver((m) => {
  641.             if (!CONFIG.enableClaimAllButton && !CONFIG.enableRemoveAllButton) {
  642.                 // Remove all custom buttons
  643.                 const customButtonsContainer = document.querySelector('#PrimeOfferPopover-header > div');
  644.                 if (customButtonsContainer) {
  645.                     customButtonsContainer.remove();
  646.                 }
  647.                 return;
  648.             }
  649.  
  650.             // Trigger a refresh of the buttons
  651.             const headerElement = document.getElementById("PrimeOfferPopover-header");
  652.             if (headerElement) {
  653.                 // Force refresh by triggering our main observer
  654.                 const dummyDiv = document.createElement('div');
  655.                 document.body.appendChild(dummyDiv);
  656.                 document.body.removeChild(dummyDiv);
  657.             }
  658.         });
  659.  
  660.         // Trigger the observer
  661.         o.observe(document.body, { childList: true });
  662.         setTimeout(() => o.disconnect(), 500); // Disconnect after a short time
  663.     }
  664.  
  665.     // Function to setup auto claim bonus
  666.     function setupAutoClaimBonus() {
  667.         if (!CONFIG.enableAutoClaimPoints || !MutationObserver) return;
  668.  
  669.         Logger.info('Auto claimer is enabled.');
  670.  
  671.         claimPointsObserver = new MutationObserver(mutationsList => {
  672.             for (let mutation of mutationsList) {
  673.                 if (mutation.type === 'childList' && CONFIG.enableAutoClaimPoints) {
  674.                     let bonus = document.querySelector(CLAIMABLE_BONUS_SELECTOR);
  675.                     if (bonus && !claiming) {
  676.                         bonus.click();
  677.                         let date = new Date();
  678.                         claiming = true;
  679.                         setTimeout(() => {
  680.                             Logger.success('Claimed at ' + date.toLocaleString());
  681.                             claiming = false;
  682.                         }, Math.random() * 1000 + 2000);
  683.                     }
  684.                 }
  685.             }
  686.         });
  687.  
  688.         claimPointsObserver.observe(document.body, { childList: true, subtree: true });
  689.     }
  690.  
  691.     // Function to setup claim drops
  692.     function setupClaimDrops() {
  693.         if (!CONFIG.enableClaimDrops || !MutationObserver) return;
  694.  
  695.         var onMutate = function (mutationsList) {
  696.             mutationsList.forEach(mutation => {
  697.                 if (CONFIG.enableClaimDrops && document.querySelector(CLAIM_DROPS_SELECTOR)) {
  698.                     document.querySelector(CLAIM_DROPS_SELECTOR).click();
  699.                 }
  700.             });
  701.         };
  702.  
  703.         claimDropsObserver = new MutationObserver(onMutate);
  704.         claimDropsObserver.observe(document.body, { childList: true, subtree: true });
  705.         Logger.info('Claim drops observer started');
  706.     }
  707.  
  708.     function closeDialog() {
  709.         const dialog = document.getElementById('twitchEnhancementsDialog');
  710.         if (dialog) {
  711.             dialog.remove();
  712.         }
  713.     }
  714.  
  715.     function toggleSettingsDialog() {
  716.         const dialog = document.getElementById('twitchEnhancementsDialog');
  717.         if (dialog) {
  718.             dialog.remove();
  719.         } else {
  720.             createSettingsDialog();
  721.         }
  722.     }
  723.  
  724.     // Register menu command
  725.     GM_registerMenuCommand('Twitch Enhancements Settings', toggleSettingsDialog);
  726.  
  727.     // Function to click a button
  728.     function clickButton(buttonSelector) {
  729.         if (!MutationObserver) return;
  730.  
  731.         const observer = new MutationObserver((mutationsList, observer) => {
  732.             for (let mutation of mutationsList) {
  733.                 if (mutation.addedNodes.length) {
  734.                     const button = document.querySelector(buttonSelector);
  735.                     if (button) {
  736.                         button.click();
  737.                         observer.disconnect();
  738.                         return;
  739.                     }
  740.                 }
  741.             }
  742.         });
  743.  
  744.         observer.observe(document, { childList: true, subtree: true });
  745.     }
  746.  
  747.     // Function to enable theater mode
  748.     function enableTheaterMode() {
  749.         if (!CONFIG.enableTheaterMode) return;
  750.  
  751.         const player = document.querySelector(PLAYER_SELECTOR);
  752.         if (player) {
  753.             if (!player.classList.contains(THEATER_MODE_CLASS)) {
  754.                 clickButton(THEATER_MODE_BUTTON_SELECTOR);
  755.             }
  756.         } else {
  757.             Logger.error('Player not found');
  758.         }
  759.     }
  760.  
  761.     // Function to hide the global menu
  762.     function hideGlobalMenu() {
  763.         if (!CONFIG.enableHideGlobalMenu) return;
  764.  
  765.         const GLOBAL_MENU_SELECTOR = 'div.ScBalloonWrapper-sc-14jr088-0.eEhNFm';
  766.         const globalMenu = document.querySelector(GLOBAL_MENU_SELECTOR);
  767.         if (globalMenu) {
  768.             globalMenu.style.display = 'none';
  769.         } else {
  770.             Logger.error('Global menu not found');
  771.         }
  772.     }
  773.  
  774.     // Function to automatically claim channel points
  775.     function autoClaimBonus() {
  776.         if (!CONFIG.enableAutoClaimPoints || !MutationObserver) return;
  777.  
  778.         Logger.info('Auto claimer is enabled.');
  779.  
  780.         let observer = new MutationObserver(mutationsList => {
  781.             for (let mutation of mutationsList) {
  782.                 if (mutation.type === 'childList') {
  783.                     let bonus = document.querySelector(CLAIMABLE_BONUS_SELECTOR);
  784.                     if (bonus && !claiming) {
  785.                         bonus.click();
  786.                         let date = new Date();
  787.                         claiming = true;
  788.                         setTimeout(() => {
  789.                             Logger.success('Claimed at ' + date.toLocaleString());
  790.                             claiming = false;
  791.                         }, Math.random() * 1000 + 2000);
  792.                     }
  793.                 }
  794.             }
  795.         });
  796.  
  797.         observer.observe(document.body, { childList: true, subtree: true });
  798.     }
  799.  
  800.     // Function to claim prime rewards with retry
  801.     function claimPrimeReward() {
  802.         if (!CONFIG.enableClaimPrimeRewards) return;
  803.  
  804.         const maxAttempts = 5;
  805.         let attempts = 0;
  806.  
  807.         const tryClaim = () => {
  808.             if (attempts >= maxAttempts) {
  809.                 Logger.warning('Max attempts reached for claiming prime reward');
  810.                 return;
  811.             }
  812.             attempts++;
  813.  
  814.             const element = document.querySelector(PRIME_REWARD_SELECTOR) || document.querySelector(PRIME_REWARD_SELECTOR_2);
  815.             if (element) {
  816.                 element.click();
  817.                 Logger.success('Prime reward claimed');
  818.             } else {
  819.                 Logger.info(`Attempt ${attempts}/${maxAttempts}: Waiting for prime reward button...`);
  820.                 setTimeout(tryClaim, 1000);
  821.             }
  822.         };
  823.  
  824.         setTimeout(tryClaim, 2000);
  825.     }
  826.  
  827.     // Function to claim drops
  828.     function claimDrops() {
  829.         if (!CONFIG.enableClaimDrops || !MutationObserver) return;
  830.  
  831.         var onMutate = function (mutationsList) {
  832.             mutationsList.forEach(mutation => {
  833.                 if (document.querySelector(CLAIM_DROPS_SELECTOR)) document.querySelector(CLAIM_DROPS_SELECTOR).click();
  834.             })
  835.         }
  836.         var observer = new MutationObserver(onMutate);
  837.         observer.observe(document.body, { childList: true, subtree: true });
  838.     }
  839.  
  840.     // Function to add the "Redeem on GOG" button
  841.     function addGogRedeemButton() {
  842.         if (!CONFIG.enableGogRedeemButton) return;
  843.  
  844.         const claimCodeButton = document.querySelector('p[title="Claim Code"]');
  845.         if (claimCodeButton && !document.querySelector('.gog-redeem-button')) {
  846.             const claimCodeWrapper = claimCodeButton.closest('.claim-button-wrapper');
  847.             if (claimCodeWrapper) {
  848.                 const gogRedeemButtonDiv = document.createElement('div');
  849.                 gogRedeemButtonDiv.className = 'claim-button tw-align-self-center gog-redeem-button';
  850.  
  851.                 const gogRedeemButton = document.createElement('a');
  852.                 gogRedeemButton.href = 'https://www.gog.com/en/redeem';
  853.                 gogRedeemButton.rel = 'noopener noreferrer';
  854.                 gogRedeemButton.className = 'tw-interactive tw-button tw-button--full-width';
  855.                 gogRedeemButton.dataset.aTarget = 'redeem-on-gog';
  856.                 gogRedeemButton.innerHTML = '<span class="tw-button__text" data-a-target="tw-button-text"><div class="tw-inline-flex"><p class="" title="Redeem on GOG">Redeem on GOG</p>&nbsp;&nbsp;<figure aria-label="ExternalLinkWithBox" class="tw-svg"><svg class="tw-svg__asset tw-svg__asset--externallinkwithbox tw-svg__asset--inherit" width="12px" height="12px" version="1.1" viewBox="0 0 11 11" x="0px" y="0px"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.3125 6.875V9.625C10.3125 10.3844 9.69689 11 8.9375 11H1.375C0.615608 11 0 10.3844 0 9.625V2.0625C0 1.30311 0.615608 0.6875 1.375 0.6875H4.125V2.0625H1.375V9.625H8.9375V6.875H10.3125ZM9.62301 2.34727L5.29664 6.67364L4.32437 5.70136L8.65073 1.375H6.18551V0H10.998V4.8125H9.62301V2.34727Z"></path></svg></figure></div></span>';
  857.  
  858.                 gogRedeemButtonDiv.appendChild(gogRedeemButton);
  859.                 claimCodeWrapper.appendChild(gogRedeemButtonDiv);
  860.  
  861.                 gogRedeemButton.addEventListener('click', function (e) {
  862.                     e.preventDefault();
  863.                     const codeInput = document.querySelector('input[aria-label]');
  864.                     if (codeInput) {
  865.                         const code = codeInput.value;
  866.                         if (code) {
  867.                             navigator.clipboard.writeText(code).then(function () {
  868.                                 window.location.href = 'https://www.gog.com/en/redeem';
  869.                             });
  870.                         }
  871.                     }
  872.                 });
  873.  
  874.                 const style = document.createElement('style');
  875.                 style.innerHTML = `
  876.                     .claim-button-wrapper {
  877.                         display: flex;
  878.                         flex-direction: column;
  879.                         margin-top: 15px;
  880.                     }
  881.                     .claim-button,
  882.                     .gog-redeem-button {
  883.                         margin: 5px 0;
  884.                     }
  885.                     .tw-mg-l-1 {
  886.                         margin-top: 10px;
  887.                     }
  888.                     .claimable-item {
  889.                         flex-direction: column !important;
  890.                         gap: 15px;
  891.                     }
  892.                     .tw-flex-grow-1 {
  893.                         width: 100%;
  894.                     }
  895.                 `;
  896.                 document.head.appendChild(style);
  897.             }
  898.         }
  899.     }
  900.  
  901.     // Function to redeem code on GOG
  902.     function redeemCodeOnGOG() {
  903.         navigator.clipboard.readText().then(function (code) {
  904.             const codeInput = document.querySelector(GOG_REDEEM_CODE_INPUT_SELECTOR);
  905.             if (codeInput) {
  906.                 codeInput.value = code;
  907.  
  908.                 // Simulate input event to ensure any listeners are triggered
  909.                 const inputEvent = new Event('input', { bubbles: true });
  910.                 codeInput.dispatchEvent(inputEvent);
  911.  
  912.                 // Click the continue button after a short delay
  913.                 setTimeout(() => {
  914.                     const continueButton = document.querySelector(GOG_CONTINUE_BUTTON_SELECTOR);
  915.                     if (continueButton) {
  916.                         continueButton.click();
  917.  
  918.                         // Wait for the "Redeem" button to appear and click it
  919.                         const checkRedeemButton = setInterval(() => {
  920.                             const redeemButton = document.querySelector(GOG_FINAL_REDEEM_BUTTON_SELECTOR);
  921.                             if (redeemButton) {
  922.                                 clearInterval(checkRedeemButton);
  923.                                 redeemButton.click();
  924.                             }
  925.                         }, 500); // Check every 500ms for the Redeem button
  926.                     }
  927.                 }, 500); // Adjust the delay as needed
  928.             }
  929.         }).catch(function (err) {
  930.             Logger.error('Failed to read clipboard contents: ' + err);
  931.         });
  932.     }
  933.  
  934.     // Function to add the "Redeem on Legacy Games" button
  935.     function addLegacyGamesRedeemButton() {
  936.         if (!CONFIG.enableLegacyGamesRedeemButton) return;
  937.  
  938.         const copyCodeButton = document.querySelector('button[aria-label="Copy code to your clipboard"]');
  939.         if (copyCodeButton && !document.querySelector('.legacy-games-redeem-button')) {
  940.             const copyCodeWrapper = copyCodeButton.closest('.copy-button-wrapper');
  941.             if (copyCodeWrapper) {
  942.                 const legacyGamesRedeemButtonDiv = document.createElement('div');
  943.                 legacyGamesRedeemButtonDiv.className = 'copy-button tw-align-self-center legacy-games-redeem-button';
  944.  
  945.                 const legacyGamesRedeemButton = document.createElement('button');
  946.                 legacyGamesRedeemButton.ariaLabel = 'Redeem on Legacy Games';
  947.                 legacyGamesRedeemButton.className = 'tw-interactive tw-button tw-button--full-width';
  948.                 legacyGamesRedeemButton.dataset.aTarget = 'redeem-on-legacy-games';
  949.                 legacyGamesRedeemButton.innerHTML = '<span class="tw-button__text" data-a-target="tw-button-text">Redeem on Legacy Games</span>';
  950.  
  951.                 legacyGamesRedeemButtonDiv.appendChild(legacyGamesRedeemButton);
  952.                 copyCodeWrapper.appendChild(legacyGamesRedeemButtonDiv);
  953.  
  954.                 legacyGamesRedeemButton.addEventListener('click', function (e) {
  955.                     e.preventDefault();
  956.                     const codeInput = document.querySelector('input[aria-label]');
  957.                     if (codeInput) {
  958.                         const code = codeInput.value;
  959.                         if (code) {
  960.                             navigator.clipboard.writeText(code).then(function () {
  961.                                 const email = GM_getValue('legacyGamesEmail', null);
  962.                                 if (!email) {
  963.                                     const userEmail = prompt('Please enter your email address:');
  964.                                     if (userEmail) {
  965.                                         GM_setValue('legacyGamesEmail', userEmail);
  966.                                         window.location.href = LEGACY_GAMES_REDEEM_URL;
  967.                                     }
  968.                                 } else {
  969.                                     window.location.href = LEGACY_GAMES_REDEEM_URL;
  970.                                 }
  971.                             });
  972.                         }
  973.                     }
  974.                 });
  975.  
  976.                 const style = document.createElement('style');
  977.                 style.innerHTML = `
  978.                     .copy-button-wrapper {
  979.                         display: flex;
  980.                         flex-direction: column;
  981.                         margin-top: 15px;
  982.                     }
  983.                     .copy-button,
  984.                     .legacy-games-redeem-button {
  985.                         margin: 5px 0;
  986.                     }
  987.                     .tw-mg-l-1 {
  988.                         margin-top: 10px;
  989.                     }
  990.                     .claimable-item {
  991.                         flex-direction: column !important;
  992.                         gap: 15px;
  993.                     }
  994.                     .tw-flex-grow-1 {
  995.                         width: 100%;
  996.                     }
  997.                 `;
  998.                 document.head.appendChild(style);
  999.             }
  1000.         }
  1001.     }
  1002.  
  1003.     // Function to redeem code on Legacy Games
  1004.     function redeemCodeOnLegacyGames() {
  1005.         const maxAttempts = 5;
  1006.         let attempts = 0;
  1007.  
  1008.         const tryRedeem = () => {
  1009.             if (attempts >= maxAttempts) return;
  1010.             attempts++;
  1011.  
  1012.             navigator.clipboard.readText().then(function (code) {
  1013.                 const codeInput = document.querySelector(LEGACY_GAMES_CODE_INPUT_SELECTOR);
  1014.                 const emailInput = document.querySelector(LEGACY_GAMES_EMAIL_INPUT_SELECTOR);
  1015.                 const emailValidateInput = document.querySelector(LEGACY_GAMES_EMAIL_VALIDATE_INPUT_SELECTOR);
  1016.                 const submitButton = document.querySelector(LEGACY_GAMES_SUBMIT_BUTTON_SELECTOR);
  1017.                 const newsletterCheckbox = document.querySelector(LEGACY_GAMES_NEWSLETTER_CHECKBOX_SELECTOR);
  1018.                 const email = GM_getValue('legacyGamesEmail', null);
  1019.  
  1020.                 if (!codeInput || !emailInput || !emailValidateInput || !submitButton) {
  1021.                     Logger.info('Waiting for elements to load...');
  1022.                     setTimeout(tryRedeem, 1000);
  1023.                     return;
  1024.                 }
  1025.  
  1026.                 if (email && code) {
  1027.                     // Fill in the form
  1028.                     codeInput.value = code;
  1029.                     emailInput.value = email;
  1030.                     emailValidateInput.value = email;
  1031.  
  1032.                     // Ensure newsletter checkbox is unchecked
  1033.                     if (newsletterCheckbox) {
  1034.                         newsletterCheckbox.checked = false;
  1035.                     }
  1036.  
  1037.                     // Trigger input events
  1038.                     [codeInput, emailInput, emailValidateInput].forEach(input => {
  1039.                         input.dispatchEvent(new Event('input', { bubbles: true }));
  1040.                         input.dispatchEvent(new Event('change', { bubbles: true }));
  1041.                     });
  1042.  
  1043.                     // Submit the form
  1044.                     setTimeout(() => {
  1045.                         submitButton.click();
  1046.                         Logger.success('Form submitted with code: ' + code + ' and email: ' + email);
  1047.                     }, 500);
  1048.                 }
  1049.             }).catch(function (err) {
  1050.                 Logger.error('Failed to read clipboard contents: ' + err);
  1051.             });
  1052.         };
  1053.  
  1054.         // Start the redemption process
  1055.         setTimeout(tryRedeem, 2000);
  1056.     }
  1057.  
  1058.     // Function to open all "Claim Game" buttons in new tabs
  1059.     function openClaimGameTabs() {
  1060.         const claimGameButtons = document.querySelectorAll('div[data-a-target="tw-core-button-label-text"].Layout-sc-1xcs6mc-0.bFxzAY');
  1061.         claimGameButtons.forEach(button => {
  1062.             const parentButton = button.closest('a');
  1063.             if (parentButton) {
  1064.                 window.open(parentButton.href, '_blank');
  1065.             }
  1066.         });
  1067.     }
  1068.  
  1069.     if (window.location.hostname === 'gaming.amazon.com') {
  1070.         const observer = new MutationObserver((mutations, obs) => {
  1071.             const claimCodeButton = document.querySelector('p[title="Claim Code"]');
  1072.             if (claimCodeButton && CONFIG.enableGogRedeemButton) {
  1073.                 addGogRedeemButton();
  1074.             }
  1075.             const copyCodeButton = document.querySelector('button[aria-label="Copy code to your clipboard"]');
  1076.             if (copyCodeButton && CONFIG.enableLegacyGamesRedeemButton) {
  1077.                 addLegacyGamesRedeemButton();
  1078.             }
  1079.         });
  1080.  
  1081.         observer.observe(document, {
  1082.             childList: true,
  1083.             subtree: true
  1084.         });
  1085.  
  1086.         if (CONFIG.enableGogRedeemButton) addGogRedeemButton();
  1087.         if (CONFIG.enableLegacyGamesRedeemButton) addLegacyGamesRedeemButton();
  1088.     }
  1089.  
  1090.     if (window.location.hostname === 'www.gog.com' && window.location.pathname === '/en/redeem') {
  1091.         window.addEventListener('load', redeemCodeOnGOG);
  1092.     }
  1093.  
  1094.     if (window.location.hostname === 'promo.legacygames.com') {
  1095.         window.addEventListener('load', redeemCodeOnLegacyGames);
  1096.     }
  1097.  
  1098.     setTimeout(enableTheaterMode, 1000);
  1099.     setTimeout(setupAutoClaimBonus, 1000);
  1100.     setTimeout(claimPrimeReward, 1000);
  1101.     setTimeout(() => clickButton(CLOSE_MENU_BUTTON_SELECTOR), 1000);
  1102.     setTimeout(() => clickButton(CLOSE_MODAL_BUTTON_SELECTOR), 1000);
  1103.     setTimeout(hideGlobalMenu, 1000);
  1104.     setTimeout(setupClaimDrops, 1000);
  1105.  
  1106.     // Auto refresh drops inventory page
  1107.     if (CONFIG.enableAutoRefreshDrops) {
  1108.         setInterval(function () {
  1109.             if (window.location.href.startsWith('https://www.twitch.tv/drops/inventory')) {
  1110.                 window.location.reload();
  1111.             }
  1112.         }, 15 * 60000);
  1113.     }
  1114.  
  1115.     // Add keyboard shortcut to toggle settings - now using the configured key
  1116.     document.addEventListener('keyup', (event) => {
  1117.         // Parse the configured key combination
  1118.         const parts = CONFIG.settingsKey.split('+');
  1119.         const requiredModifiers = {
  1120.             Ctrl: parts.includes('Ctrl'),
  1121.             Alt: parts.includes('Alt'),
  1122.             Shift: parts.includes('Shift'),
  1123.             Meta: parts.includes('Meta')
  1124.         };
  1125.  
  1126.         // The main key is the last part if it's not a modifier
  1127.         const mainKey = parts.filter(part => !['Ctrl', 'Alt', 'Shift', 'Meta'].includes(part)).pop();
  1128.  
  1129.         // Check if the event matches our configured combination
  1130.         const matchesModifiers =
  1131.             (!requiredModifiers.Ctrl || event.ctrlKey) &&
  1132.             (!requiredModifiers.Alt || event.altKey) &&
  1133.             (!requiredModifiers.Shift || event.shiftKey) &&
  1134.             (!requiredModifiers.Meta || event.metaKey);
  1135.  
  1136.         const matchesMainKey = mainKey ? event.key === mainKey : true;
  1137.  
  1138.         if (matchesModifiers && matchesMainKey) {
  1139.             // Only trigger on the exact key combination
  1140.             if (
  1141.                 // If Ctrl is in the combination, ensure it's pressed
  1142.                 (!parts.includes('Ctrl') || event.ctrlKey) &&
  1143.                 // If Alt is in the combination, ensure it's pressed
  1144.                 (!parts.includes('Alt') || event.altKey) &&
  1145.                 // If Shift is in the combination, ensure it's pressed
  1146.                 (!parts.includes('Shift') || event.shiftKey) &&
  1147.                 // If Meta is in the combination, ensure it's pressed
  1148.                 (!parts.includes('Meta') || event.metaKey) &&
  1149.                 // If a main key is specified, ensure it matches
  1150.                 (mainKey ? event.key === mainKey : true)
  1151.             ) {
  1152.                 // Prevent default behavior
  1153.                 event.preventDefault();
  1154.                 toggleSettingsDialog();
  1155.  
  1156.                 // Log for debugging
  1157.                 Logger.info(`${CONFIG.settingsKey} key combination pressed - toggling settings dialog`);
  1158.             }
  1159.         }
  1160.     });
  1161.  
  1162.     // Make sure event is captured at the document level with capture phase
  1163.     document.addEventListener('keydown', (event) => {
  1164.         // Parse the configured key combination
  1165.         const parts = CONFIG.settingsKey.split('+');
  1166.         const requiredModifiers = {
  1167.             Ctrl: parts.includes('Ctrl'),
  1168.             Alt: parts.includes('Alt'),
  1169.             Shift: parts.includes('Shift'),
  1170.             Meta: parts.includes('Meta')
  1171.         };
  1172.  
  1173.         // The main key is the last part if it's not a modifier
  1174.         const mainKey = parts.filter(part => !['Ctrl', 'Alt', 'Shift', 'Meta'].includes(part)).pop();
  1175.  
  1176.         // Check if the event matches our configured combination
  1177.         const matchesModifiers =
  1178.             (!requiredModifiers.Ctrl || event.ctrlKey) &&
  1179.             (!requiredModifiers.Alt || event.altKey) &&
  1180.             (!requiredModifiers.Shift || event.shiftKey) &&
  1181.             (!requiredModifiers.Meta || event.metaKey);
  1182.  
  1183.         const matchesMainKey = mainKey ? event.key === mainKey : true;
  1184.  
  1185.         if (matchesModifiers && matchesMainKey) {
  1186.             // Prevent default behavior for our combination
  1187.             event.preventDefault();
  1188.         }
  1189.     }, true);
  1190.  
  1191.     let o = new MutationObserver((m) => {
  1192.         if (!CONFIG.enableClaimAllButton && !CONFIG.enableRemoveAllButton) return;
  1193.  
  1194.         // Check if the PrimeOfferPopover-header element exists
  1195.         const primeOfferHeader = document.getElementById("PrimeOfferPopover-header");
  1196.         if (!primeOfferHeader) {
  1197.             // If we're on a page where this element doesn't exist, we should stop
  1198.             return;
  1199.         }
  1200.  
  1201.         let script = document.createElement("script");
  1202.         script.innerHTML = `
  1203.         // Add logger configuration for client-side script
  1204.         const Logger = {
  1205.             styles: {
  1206.                 info: 'color: #2196F3; font-weight: bold',
  1207.                 warning: 'color: #FFC107; font-weight: bold',
  1208.                 success: 'color: #4CAF50; font-weight: bold',
  1209.                 error: 'color: #F44336; font-weight: bold'
  1210.             },
  1211.             prefix: '[TwitchEnhancements]',
  1212.             getTimestamp() {
  1213.                 return new Date().toISOString().split('T')[1].slice(0, -1);
  1214.             },
  1215.             info(msg) {
  1216.                 console.log(\`%c\${this.prefix} \${this.getTimestamp()} - \${msg}\`, this.styles.info);
  1217.             },
  1218.             warning(msg) {
  1219.                 console.warn(\`%c\${this.prefix} \${this.getTimestamp()} - \${msg}\`, this.styles.warning);
  1220.             },
  1221.             success(msg) {
  1222.                 console.log(\`%c\${this.prefix} \${this.getTimestamp()} - \${msg}\`, this.styles.success);
  1223.             },
  1224.             error(msg) {
  1225.                 console.error(\`%c\${this.prefix} \${this.getTimestamp()} - \${msg}\`, this.styles.error);
  1226.             }
  1227.         };
  1228.  
  1229.         const openClaimGameTabs = () => {
  1230.             // More specific selector targeting only prime offer buttons
  1231.             const allButtonTexts = document.querySelectorAll('div[data-a-target="tw-core-button-label-text"]');
  1232.  
  1233.             // Filter buttons to only include those with text "Claim Game" or just "Claim"
  1234.             const claimGameButtons = Array.from(allButtonTexts).filter(button => {
  1235.                 const text = button.textContent.trim();
  1236.                 return (text === "Claim Game" || text === "Claim") &&
  1237.                        button.closest('a') && // Must be inside an anchor tag
  1238.                        button.closest('.prime-offer'); // Must be inside a prime offer
  1239.             });
  1240.  
  1241.             Logger.info(\`Found \${claimGameButtons.length} valid claim buttons\`);
  1242.  
  1243.             // Open each valid claim button in a new tab
  1244.             claimGameButtons.forEach(button => {
  1245.                 const parentButton = button.closest('a');
  1246.                 if (parentButton && parentButton.href &&
  1247.                     (parentButton.href.includes('gaming.amazon.com') ||
  1248.                      parentButton.href.includes('?ingress=twch'))) {
  1249.                     window.open(parentButton.href, '_blank');
  1250.                 }
  1251.             });
  1252.         };
  1253.  
  1254.         const removeClaimedItems = () => {
  1255.             // Find ALL items in the list, not just claimed ones
  1256.             const allItems = document.querySelectorAll('.prime-offer');
  1257.             let dismissedCount = 0;
  1258.             let dismissButtons = [];
  1259.  
  1260.             Logger.info(\`Found \${allItems.length} total items to dismiss\`);
  1261.  
  1262.             // First collect all dismiss buttons - use multiple methods to ensure we catch all
  1263.             // Method 1: Find buttons by attribute and data target
  1264.             document.querySelectorAll('button[aria-label="Dismiss"][data-a-target="prime-offer-dismiss-button"]').forEach(btn => {
  1265.                 dismissButtons.push(btn);
  1266.             });
  1267.  
  1268.             // Method 2: Find buttons by test selector attribute as backup
  1269.             document.querySelectorAll('button[data-test-selector="prime-offer-dismiss-button"]').forEach(btn => {
  1270.                 if (!dismissButtons.includes(btn)) {
  1271.                     dismissButtons.push(btn);
  1272.                 }
  1273.             });
  1274.  
  1275.             // Method 3: Find by class and structure if the above methods miss any
  1276.             document.querySelectorAll('.prime-offer__dismiss button').forEach(btn => {
  1277.                 if (!dismissButtons.includes(btn)) {
  1278.                     dismissButtons.push(btn);
  1279.                 }
  1280.             });
  1281.  
  1282.             // Deduplicate just in case
  1283.             dismissButtons = [...new Set(dismissButtons)];
  1284.  
  1285.             Logger.info(\`Found \${dismissButtons.length} dismiss buttons to click\`);
  1286.  
  1287.             // Process dismiss buttons with a delay to avoid UI lockups
  1288.             if (dismissButtons.length > 0) {
  1289.                 const clickNextButton = (index) => {
  1290.                     if (index < dismissButtons.length) {
  1291.                         try {
  1292.                             dismissButtons[index].click();
  1293.                             dismissedCount++;
  1294.  
  1295.                             // Show progress in console
  1296.                             if (dismissedCount % 5 === 0 || dismissedCount === dismissButtons.length) {
  1297.                                 Logger.info(\`Dismissed \${dismissedCount} of \${dismissButtons.length} items...\`);
  1298.                             }
  1299.                         } catch (e) {
  1300.                             Logger.error(\`Error clicking button \${index}: \` + e);
  1301.                         }
  1302.  
  1303.                         // Schedule next button click with a small delay
  1304.                         setTimeout(() => clickNextButton(index + 1), 75);
  1305.                     } else {
  1306.                         Logger.success(\`Completed! Dismissed \${dismissedCount} items total.\`);
  1307.  
  1308.                         // Look for any dismiss buttons that might have been missed
  1309.                         const remainingButtons = document.querySelectorAll('button[aria-label="Dismiss"]');
  1310.                         if (remainingButtons.length > 0) {
  1311.                             Logger.warning(\`Found \${remainingButtons.length} additional buttons to try\`);
  1312.  
  1313.                             // Try to click any remaining dismiss buttons as a final pass
  1314.                             remainingButtons.forEach(btn => {
  1315.                                 try {
  1316.                                     btn.click();
  1317.                                     dismissedCount++;
  1318.                                 } catch(e) {}
  1319.                             });
  1320.  
  1321.                             Logger.success(\`Final dismissal count: \${dismissedCount}\`);
  1322.                         }
  1323.                     }
  1324.                 };
  1325.  
  1326.                 // Start the dismissal process
  1327.                 clickNextButton(0);
  1328.             } else {
  1329.                 Logger.warning('No dismiss buttons found to click');
  1330.  
  1331.                 // Last attempt fallback - try to find any button with "Dismiss" in aria-label
  1332.                 const fallbackButtons = document.querySelectorAll('button[aria-label="Dismiss"]');
  1333.                 if (fallbackButtons.length > 0) {
  1334.                     Logger.warning(\`Fallback: Found \${fallbackButtons.length} buttons with aria-label="Dismiss"\`);
  1335.                     fallbackButtons.forEach(btn => {
  1336.                         try {
  1337.                             btn.click();
  1338.                             dismissedCount++;
  1339.                         } catch(e) {}
  1340.                     });
  1341.                     Logger.success(\`Fallback dismissal completed: \${dismissedCount} items dismissed\`);
  1342.                 }
  1343.             }
  1344.         };
  1345.     `;
  1346.  
  1347.         // Safely clear and append to the header
  1348.         primeOfferHeader.innerHTML = "";
  1349.         primeOfferHeader.appendChild(script);
  1350.  
  1351.         if (CONFIG.enableClaimAllButton || CONFIG.enableRemoveAllButton) {
  1352.             primeOfferHeader.innerHTML += `
  1353.             <div style="display: flex; gap: 10px; margin-bottom: 10px;">
  1354.                 ${CONFIG.enableClaimAllButton ? `
  1355.                 <input type='button' style='border: none; background-color: #9147ff; color: white; padding: 10px 20px; font-size: 14px; border-radius: 4px; cursor: pointer; flex: 1;'
  1356.                     class='tw-align-items-center tw-align-middle tw-border-bottom-left-radius-medium tw-border-bottom-right-radius-medium tw-border-top-left-radius-medium tw-border-top-right-radius-medium tw-core-button tw-core-button--primary tw-inline-flex tw-interactive tw-justify-content-center tw-overflow-hidden tw-relative'
  1357.                     value='Claim All'
  1358.                     onclick='openClaimGameTabs();'>
  1359.                 ` : ''}
  1360.                 ${CONFIG.enableRemoveAllButton ? `
  1361.                 <input type='button' style='border: none; background-color: #772ce8; color: white; padding: 10px 20px; font-size: 14px; border-radius: 4px; cursor: pointer; flex: 1;'
  1362.                     class='tw-align-items-center tw-align-middle tw-border-bottom-left-radius-medium tw-border-bottom-right-radius-medium tw-border-top-left-radius-medium tw-border-top-right-radius-medium tw-core-button tw-core-button--primary tw-inline-flex tw-interactive tw-justify-content-center tw-overflow-hidden tw-relative'
  1363.                     value='Remove All'
  1364.                     onclick='removeClaimedItems();'>
  1365.                 ` : ''}
  1366.             </div>
  1367.         `;
  1368.         }
  1369.     });
  1370.  
  1371.     o.observe(document.body, { childList: true });
  1372. })();

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址