Twitch Enhancements Settings
${createToggle('enableAutoClaimPoints', 'Auto Claim Channel Points', 'Automatically claim channel points')}
${createToggle('enableTheaterMode', 'Auto Theater Mode', 'Automatically enable theater mode')}
${createToggle('enableClaimPrimeRewards', 'Auto Claim Prime Rewards', 'Automatically claim prime rewards')}
${createToggle('enableClaimDrops', 'Auto Claim Drops', 'Automatically claim Twitch drops')}
${createToggle('enableGogRedeemButton', 'GOG Redeem Button', 'Add GOG redeem button on Amazon Gaming')}
${createToggle('enableLegacyGamesRedeemButton', 'Legacy Games Button', 'Add Legacy Games redeem button on Amazon Gaming')}
${createToggle('enableHideGlobalMenu', 'Hide Global Menu', 'Hide the global menu on Twitch')}
${createToggle('enableAutoRefreshDrops', 'Auto Refresh Drops', 'Automatically refresh drops inventory page every 15 minutes')}
${createToggle('enableClaimAllButton', 'Enable Claim All Button', 'Add Claim All button on Amazon Gaming')}
${createToggle('enableRemoveAllButton', 'Enable Remove All Button', 'Add Remove All button on Amazon Gaming')}
`;
const styleSheet = `
`;
const dialogWrapper = document.createElement('div');
dialogWrapper.innerHTML = styleSheet + dialogHTML;
document.body.appendChild(dialogWrapper);
// Add event listeners to toggles with improved feedback - MODIFIED
// Store toggle changes in memory instead of immediately updating CONFIG
const pendingChanges = {}; // Object to track pending changes
document.querySelectorAll('.te-toggle input').forEach(toggle => {
toggle.addEventListener('change', (event) => {
const { id, checked } = event.target;
Logger.info(`Toggle changed: ${id} = ${checked}`);
// Instead of updating CONFIG directly, store the pending change
pendingChanges[id] = checked;
});
});
// Add event listeners to buttons
document.getElementById('saveSettingsButton').addEventListener('click', () => saveAndCloseDialog(pendingChanges));
document.getElementById('cancelSettingsButton').addEventListener('click', closeDialog);
// Add event listener for change key button
const changeKeyButton = document.getElementById('changeKeyButton');
changeKeyButton.addEventListener('click', function () {
const keyInput = document.getElementById('settingsKey');
const keyInstructions = document.getElementById('keyInstructions');
// Show instructions and focus on input
keyInstructions.style.display = 'block';
keyInstructions.textContent = 'Press key combination (e.g. Ctrl+Shift+K)...';
keyInput.value = 'Press keys...';
// Change button text to indicate canceling is possible
changeKeyButton.textContent = 'Cancel';
// Flag to track if we're in key capture mode
let capturingKey = true;
// Variables to store key combination
let modifiers = {
ctrl: false,
alt: false,
shift: false,
meta: false
};
let mainKey = '';
// Function to format current key combination
const formatKeyCombination = () => {
const parts = [];
if (modifiers.ctrl) parts.push('Ctrl');
if (modifiers.alt) parts.push('Alt');
if (modifiers.shift) parts.push('Shift');
if (modifiers.meta) parts.push('Meta');
if (mainKey && !['Control', 'Alt', 'Shift', 'Meta'].includes(mainKey)) {
parts.push(mainKey);
}
return parts.join('+');
};
// Function to update the input with current combination
const updateKeyDisplay = () => {
const combination = formatKeyCombination();
if (combination) {
keyInput.value = combination;
} else {
keyInput.value = 'Press keys...';
}
};
// Function to handle key down
const handleKeyDown = function (e) {
if (!capturingKey) return;
e.preventDefault();
e.stopPropagation();
// Track modifier keys
if (e.key === 'Control' || e.key === 'Alt' || e.key === 'Shift' || e.key === 'Meta') {
switch (e.key) {
case 'Control': modifiers.ctrl = true; break;
case 'Alt': modifiers.alt = true; break;
case 'Shift': modifiers.shift = true; break;
case 'Meta': modifiers.meta = true; break;
}
} else {
// Track main key
mainKey = e.key;
}
// Update the display
updateKeyDisplay();
};
// Function to handle key up
const handleKeyUp = function (e) {
if (!capturingKey) return;
e.preventDefault();
e.stopPropagation();
// Handle modifier keys being released
if (e.key === 'Control' || e.key === 'Alt' || e.key === 'Shift' || e.key === 'Meta') {
switch (e.key) {
case 'Control': modifiers.ctrl = false; break;
case 'Alt': modifiers.alt = false; break;
case 'Shift': modifiers.shift = false; break;
case 'Meta': modifiers.meta = false; break;
}
// Update the display
updateKeyDisplay();
} else {
// If a non-modifier key was released, complete the capture
const keyCombination = formatKeyCombination();
// Only save if we have a valid combination (at least one key)
if (keyCombination && keyCombination !== 'Press keys...') {
keyInput.value = keyCombination;
// Exit key capture mode
document.removeEventListener('keydown', handleKeyDown, true);
document.removeEventListener('keyup', handleKeyUp, true);
keyInstructions.style.display = 'none';
changeKeyButton.textContent = 'Change Key';
capturingKey = false;
// Log the captured combination
Logger.info(`Key combination captured: ${keyCombination}`);
}
}
};
// Function to cancel key capture
const cancelCapture = function () {
if (!capturingKey) return;
document.removeEventListener('keydown', handleKeyDown, true);
document.removeEventListener('keyup', handleKeyUp, true);
keyInput.value = CONFIG.settingsKey;
keyInstructions.style.display = 'none';
changeKeyButton.textContent = 'Change Key';
capturingKey = false;
};
// Allow canceling key capture by clicking the button again
changeKeyButton.addEventListener('click', cancelCapture, { once: true });
// Capture key events
document.addEventListener('keydown', handleKeyDown, true);
document.addEventListener('keyup', handleKeyUp, true);
});
}
function createToggle(id, label, title) {
return `