Merges Dependabot PRs in any of your repositories - pulls the PRs into a table and lets you select which ones to merge.
当前为
// ==UserScript==
// @name Auto-Merge Dependabot PRs
// @namespace typpi.online
// @version 6.2
// @description Merges Dependabot PRs in any of your repositories - pulls the PRs into a table and lets you select which ones to merge.
// @author Nick2bad4u
// @match https://github.com/notifications
// @match https://github.com/*/*/pull/*
// @grant GM_xmlhttpRequest
// @grant GM_addStyle
// @grant GM_getValue
// @grant GM_setValue
// @connect api.github.com
// @license UnLicense
// @tag github
// @icon https://www.google.com/s2/favicons?sz=64&domain=github.com
// @homepageURL https://github.com/Nick2bad4u/UserStyles
// @supportURL https://github.com/Nick2bad4u/UserStyles/issues
// ==/UserScript==
/* global GM_getValue, GM_setValue, GM_xmlhttpRequest */
// @var number merge_delay "Delay between merge requests in milliseconds" 2000
(async function () {
'use strict';
// Delay between each merge request in milliseconds, configurable via the 'merge_delay' variable stored in GM_getValue (default is 2000ms)
let delay = GM_getValue('merge_delay', 2000);
if (delay <= 0) {
delay = 2000; // default value if invalid
} else {
delay = Number(delay);
}
async function showSecureTokenInputModal() {
return new Promise((resolve) => {
let modal = document.getElementById('github-token-modal');
if (!modal) {
modal = document.createElement('div');
modal.id = 'github-token-modal';
modal.style = `
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: white;
border: 1px solid #ccc;
padding: 20px;
z-index: 1000;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
`;
modal.innerHTML = `
<h3>Enter GitHub Token</h3>
<p>Please enter your GitHub token securely:</p>
<input type="password" id="github-token-input" style="width: 100%; padding: 8px; margin-bottom: 10px;" />
<button id="submit-token" style="padding: 8px 16px;">Submit</button>
`;
document.body.appendChild(modal);
document.getElementById('submit-token').addEventListener('click', () => {
const tokenInput = document.getElementById('github-token-input').value;
modal.remove();
resolve(tokenInput);
});
}
});
}
async function initialize() {
let token;
try {
// Attempt to retrieve and decrypt the token
// If the token is not found or decryption fails, it will return an empty string
token = await retrieveAndDecryptToken();
} catch (error) {
console.error('Failed to retrieve and decrypt token:', error);
alert('Failed to retrieve and decrypt token. Please check the console for more details.');
throw error; // Stop further execution
}
if (!token) {
while (!token) {
token = await showSecureTokenInputModal();
if (!token) {
alert('GitHub token is required. Please enter a valid token.');
token = null;
} else {
try {
await validateGitHubToken(token);
} catch {
alert('Invalid GitHub token. Please enter a valid token.');
token = null;
}
}
}
try {
await encryptAndStoreToken(token);
} catch (error) {
console.error('Failed to encrypt and store token:', error);
alert('Failed to encrypt and store token. Please check the console for more details.');
throw error; // Stop further execution
}
}
let username = GM_getValue('github_username') || '';
if (typeof username !== 'string' || username.trim() === '' || /[^a-zA-Z0-9-_]/.test(username)) {
username = ''; // Reset to empty if invalid
}
while (!username || username.trim() === '') {
username = prompt('Please enter your GitHub username:');
if (username && username.trim() !== '') {
try {
await validateGitHubUsername(username, token);
GM_setValue('github_username', username);
} catch {
alert('Invalid GitHub username. Please enter a valid username.');
username = '';
}
} else {
alert('GitHub username is required.');
}
}
}
async function validateGitHubToken(token) {
return new Promise((resolve, reject) => {
GM_xmlhttpRequest({
method: 'GET',
url: 'https://api.github.com/user',
headers: {
Authorization: `token ${token}`,
},
onload: function (response) {
if (response.status === 200) {
resolve();
} else {
reject(new Error(`Token validation failed: ${response.responseText}`));
}
},
onerror: function (error) {
reject(error);
},
});
});
}
async function validateGitHubUsername(username, token) {
return new Promise((resolve, reject) => {
GM_xmlhttpRequest({
method: 'GET',
url: `https://api.github.com/users/${username}`,
headers: {
Authorization: `token ${token}`,
},
onload: function (response) {
if (response.status === 200) {
resolve();
} else {
reject(new Error(`GitHub username validation failed: ${response.responseText}`));
}
},
onerror: function (error) {
reject(error);
},
});
});
}
await initialize();
async function encryptAndStoreToken(token) {
try {
const textEncoder = new TextEncoder();
const encodedToken = textEncoder.encode(token);
let key;
const storedKey = GM_getValue('encryption_key', null);
if (storedKey) {
try {
key = await crypto.subtle.importKey('jwk', JSON.parse(storedKey), { name: 'AES-GCM' }, true, ['encrypt', 'decrypt']);
} catch (error) {
console.error('Failed to parse or import encryption key:', error);
alert('The stored encryption key is invalid or corrupted. Please reset your token and encryption key.');
throw error; // Stop further execution
}
} else {
key = await crypto.subtle.generateKey({ name: 'AES-GCM', length: 256 }, true, ['encrypt', 'decrypt']);
GM_setValue('encryption_key', JSON.stringify(await crypto.subtle.exportKey('jwk', key)));
}
const iv = crypto.getRandomValues(new Uint8Array(12));
const encryptedToken = await crypto.subtle.encrypt({ name: 'AES-GCM', iv: iv }, key, encodedToken);
GM_setValue(
'github_token',
JSON.stringify({
iv: Array.from(iv),
token: Array.from(new Uint8Array(encryptedToken)),
}),
);
} catch (error) {
console.error('Failed to encrypt and store token:', error);
alert('An error occurred while encrypting and storing the token. Please check the console for details.');
throw error; // Stop further execution
}
}
async function retrieveAndDecryptToken() {
try {
const storedData = GM_getValue('github_token', null);
if (!storedData) return '';
let iv, token;
try {
({ iv, token } = JSON.parse(storedData));
} catch (error) {
console.error('Stored token is corrupted or invalid:', error);
alert('The stored token is corrupted or invalid. Please reset your token.');
return ''; // Return an empty string to indicate failure
}
const key = GM_getValue('encryption_key', null);
if (!key) {
throw new Error('Encryption key is missing.');
}
const importedKey = await crypto.subtle.importKey('jwk', JSON.parse(key), { name: 'AES-GCM' }, true, ['decrypt']);
const decryptedToken = await crypto.subtle.decrypt({ name: 'AES-GCM', iv: new Uint8Array(iv) }, importedKey, new Uint8Array(token));
const textDecoder = new TextDecoder();
return textDecoder.decode(decryptedToken);
} catch (error) {
console.error('Failed to retrieve and decrypt token:', error);
alert('An error occurred while retrieving and decrypting the token. Please check the console for details.');
return ''; // Return an empty string to indicate failure
}
}
async function fetchAllRepositories(username, token, orgs = []) {
async function fetchPaginatedRepos(url, token) {
let repos = [];
let page = 1;
while (true) {
const response = await new Promise((resolve, reject) => {
GM_xmlhttpRequest({
method: 'GET',
url: `${url}&page=${page}`,
headers: {
Authorization: `token ${token}`,
},
onload: function (response) {
handleRateLimit(response);
if (response.status === 200) {
resolve(response);
} else {
reject(new Error(`Failed to fetch repositories: ${response.responseText}`));
}
},
onerror: function (error) {
reject(error);
},
});
});
const pageRepos = JSON.parse(response.responseText);
if (pageRepos.length === 0) break;
repos = repos.concat(pageRepos);
page++;
}
return repos;
}
const [userRepos, orgRepos] = await Promise.all([
fetchPaginatedRepos(`https://api.github.com/users/${username}/repos?per_page=100`, token),
Promise.all(orgs.filter(Boolean).map((org) => fetchPaginatedRepos(`https://api.github.com/orgs/${org}/repos?per_page=100`, token))),
]);
return [...userRepos, ...orgRepos.flat()];
}
const botUsernames = GM_getValue('dependabot_usernames', ['dependabot[bot]', 'dependabot-preview[bot]'])
.map((username) => username.trim())
.filter(Boolean);
async function fetchDependabotPRs(owner, repo, token) {
return new Promise((resolve, reject) => {
GM_xmlhttpRequest({
method: 'GET',
url: `https://api.github.com/repos/${owner}/${repo}/pulls?per_page=100&state=open`,
headers: {
Authorization: `token ${token}`,
},
onload: function (response) {
handleRateLimit(response);
if (response.status === 200) {
const pulls = JSON.parse(response.responseText);
// Only keep PRs authored by the configured bot usernames
const filtered = pulls.filter((pr) => pr.user && botUsernames.includes(pr.user.login));
resolve(filtered);
} else {
console.error(`Failed to fetch PRs for repo ${repo}:`, response.responseText);
reject(new Error(`Failed to fetch PRs for repo ${repo}: ${response.responseText}`));
}
},
onerror: function (error) {
console.error(`Error fetching PRs for repo ${repo}:`, error);
reject(error);
},
});
});
}
async function mergeDependabotPRs(prs, username, repo, token) {
let statusContainer = document.getElementById('merge-status');
if (!statusContainer) {
statusContainer = document.createElement('div');
statusContainer.id = 'merge-status';
statusContainer.classList.add('merge-status');
document.body.appendChild(statusContainer);
}
let index = 0;
async function processNextPR() {
if (index < prs.length) {
const pr = prs[index];
try {
await mergePR(pr, username, repo, token);
const messageElement = document.createElement('div');
messageElement.innerHTML = `PR #${pr.number} merged successfully!<br>`;
messageElement.id = `merge-status-${pr.number}`;
statusContainer.appendChild(messageElement);
setTimeout(() => messageElement.remove(), 7000);
} catch (error) {
console.error(`Error merging PR #${pr.number}:`, error);
const messageElement = document.createElement('div');
messageElement.innerHTML = `Failed to merge PR #${pr.number}: ${error.message || 'Unknown error'}<br>`;
messageElement.id = `merge-status-${pr.number}`;
statusContainer.appendChild(messageElement);
setTimeout(() => messageElement.remove(), 7000);
}
index++;
setTimeout(processNextPR, delay);
} else {
setTimeout(() => {
statusContainer.remove();
removeAllPRSelectionContainers();
}, 10000);
}
}
try {
processNextPR();
} catch (error) {
console.error(`Error processing PRs for repo ${repo}:`, error);
const messageElement = document.createElement('div');
messageElement.innerHTML = `Failed to process PRs for repo ${repo}: ${error.message || 'Unknown error'}<br>`;
statusContainer.appendChild(messageElement);
setTimeout(() => messageElement.remove(), 7000);
removeAllPRSelectionContainers();
}
}
function mergePR(pr, username, repo, token, retries = 3) {
if (retries === 0) retries = 1; // Ensure at least one retry attempt
return new Promise((resolve, reject) => {
GM_xmlhttpRequest({
method: 'PUT',
url: `https://api.github.com/repos/${username}/${repo}/pulls/${pr.number}/merge`,
headers: {
Authorization: `token ${token}`,
'Content-Type': 'application/json',
},
data: JSON.stringify({
commit_title: `Merge PR #${pr.number}`,
merge_method: 'merge',
}),
onload: function (response) {
if (response.status === 200) {
resolve();
} else {
const responseBody = JSON.parse(response.responseText || '{}');
if (response.status === 409 || (responseBody.message && responseBody.message.includes('merge conflict'))) {
// Permanent error: merge conflict
reject(new Error(`Merge conflict for PR #${pr.number}: ${responseBody.message || 'Unknown conflict'}`));
} else if (response.status === 403 && response.headers['x-ratelimit-remaining'] === '0') {
// Rate limit exceeded
const resetTimeHeader = response.headers['x-ratelimit-reset'];
const resetTime = resetTimeHeader ? new Date(resetTimeHeader * 1000) : null;
reject(new Error(`Rate limit exceeded. Retry after ${resetTime ? resetTime.toLocaleTimeString() : 'some time'}.`));
} else if (retries > 0) {
// Transient error: retry
console.warn(`Retrying merge for PR #${pr.number}. Retries left: ${retries}`);
setTimeout(() => {
mergePR(pr, username, repo, token, retries - 1)
.then(resolve)
.catch(reject);
}, 2000); // Retry after 2 seconds
} else {
reject(new Error(`Failed to merge PR #${pr.number}: ${response.responseText}`));
}
}
},
onerror: function (error) {
if (retries > 0) {
console.warn(`Retrying merge for PR #${pr.number} due to error. Retries left: ${retries}`);
setTimeout(() => {
mergePR(pr, username, repo, token, retries - 1)
.then(resolve)
.catch(reject);
}, 2000); // Retry after 2 seconds
} else {
reject(error);
}
},
});
});
}
function addButton() {
try {
const mergeButton = document.createElement('button');
mergeButton.textContent = 'Merge Dependabot PRs';
mergeButton.classList.add('merge-button');
mergeButton.addEventListener('click', async () => {
try {
let token = await retrieveAndDecryptToken();
if (!token) {
alert('Invalid or missing GitHub token. Please check your settings.');
return;
}
const username = GM_getValue('github_username');
const orgs = (GM_getValue('github_orgs', '') || '')
.split(',')
.map((s) => s.trim())
.filter(Boolean);
const statusElement = getStatusElement();
updateStatusElement(statusElement, 'Fetching repositories...');
let repos;
try {
repos = await fetchAllRepositories(username, token, orgs);
} catch (error) {
console.error('Error fetching repositories:', error);
updateStatusElement(statusElement, 'Failed to fetch repositories. Please check the console for details.');
return; // Stop further execution
}
let allPRs = [];
for (const repo of repos) {
if (repo.archived) {
updateStatusElement(statusElement, `Skipping archived repo: ${repo.name}`);
continue;
}
updateStatusElement(statusElement, `Fetching PRs for repo: ${repo.name}`);
try {
const prs = await fetchDependabotPRs(username, repo.name, token);
allPRs = allPRs.concat(prs.map((pr) => ({ ...pr, repo: repo.name })));
} catch (error) {
console.error(`Error fetching PRs for repo ${repo.name}:`, error);
updateStatusElement(statusElement, `Failed to fetch PRs for repo: ${repo.name}.`);
}
}
if (allPRs.length > 0) {
updateStatusElement(statusElement, 'Displaying PR selection...');
displayPRSelection(allPRs, username, token);
} else {
updateStatusElement(statusElement, 'No Dependabot PRs found to merge.');
displayNoPRsMessage();
}
setTimeout(() => {
statusElement.innerHTML = '';
statusElement.remove();
}, 10000);
} catch (error) {
console.error('Error during merge operation:', error);
alert('An unexpected error occurred. Please check the console for details.');
}
});
const container = document.getElementById('merge-button-container') || createMergeButtonContainer();
container.appendChild(mergeButton);
function createMergeButtonContainer() {
const container = document.createElement('div');
container.id = 'merge-button-container';
container.style.position = 'fixed';
container.style.bottom = '10px';
container.style.right = '10px';
container.style.zIndex = '1000';
document.body.appendChild(container);
return container;
}
// Add the cog icon to the merge button
addCogToMergeButton();
} catch (error) {
console.error('Failed to add merge button:', error);
alert('An error occurred while adding the merge button. Please check the console for details.');
}
}
function getStatusElement() {
let statusElement = document.getElementById('merge-status');
if (!statusElement) {
statusElement = document.createElement('div');
statusElement.id = 'merge-status';
statusElement.classList.add('merge-status');
document.body.appendChild(statusElement);
}
return statusElement;
}
function updateStatusElement(element, message) {
element.innerHTML = message;
}
// Utility: Remove all lingering PR selection containers
function removeAllPRSelectionContainers() {
const containers = document.querySelectorAll('.pr-selection-container');
containers.forEach((el) => el.remove());
}
function displayPRSelection(prs, username, token) {
try {
removeAllPRSelectionContainers(); // Clean up any old containers first
const container = document.createElement('div');
const prSelectionStyle = document.createElement('style');
prSelectionStyle.textContent = `
.pr-selection-container {
position: fixed;
bottom: 50px;
right: 10px;
z-index: 1000;
background-color: #79e4f2;
color: #000000;
padding: 10px;
border: 1px solid #ccc;
max-height: 300px;
overflow-y: auto;
min-width: 350px;
box-sizing: border-box;
box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}
.pr-selection-close {
display: inline-block;
width: 32px;
height: 32px;
line-height: 32px;
text-align: center;
position: absolute;
top: 2px;
right: 6px;
cursor: pointer;
font-weight: bold;
color: #333;
background: none;
border: none;
font-size: 1.2em;
padding: 0;
}
`;
document.head.appendChild(prSelectionStyle);
container.classList.add('pr-selection-container');
container.style.position = 'fixed';
container.style.bottom = '50px';
container.style.right = '10px';
container.style.zIndex = '1000';
container.style.backgroundColor = '#79e4f2';
container.style.color = '#000000';
container.style.padding = '10px';
container.style.border = '1px solid #ccc';
container.style.maxHeight = '300px';
container.style.overflowY = 'auto';
container.style.minWidth = '350px';
container.style.boxSizing = 'border-box';
container.style.boxShadow = '0 2px 8px rgba(0,0,0,0.15)';
// Add close (X) button
const closeBtn = document.createElement('button');
closeBtn.textContent = '×';
closeBtn.className = 'pr-selection-close';
closeBtn.title = 'Close';
closeBtn.onclick = () => {
container.remove();
const status = document.getElementById('merge-status');
if (status) status.remove();
removeAllPRSelectionContainers(); // Ensure all are removed
};
container.appendChild(closeBtn);
const prList = document.createElement('div');
let lastChecked = null; // Track the last clicked checkbox
prs.forEach((pr) => {
const prItem = document.createElement('div');
const checkbox = document.createElement('input');
checkbox.type = 'checkbox';
checkbox.value = pr.number;
const label = document.createElement('label');
label.textContent = `Repo: ${pr.repo} - PR #${pr.number}: ${pr.title}`;
label.style = 'margin-left: 5px;';
// Add event listener for shift-click selection
checkbox.addEventListener('click', (event) => {
if (event.shiftKey && lastChecked) {
const checkboxes = Array.from(prList.querySelectorAll('input[type="checkbox"]'));
const start = Math.min(checkboxes.indexOf(lastChecked), checkboxes.indexOf(checkbox));
const end = Math.max(checkboxes.indexOf(lastChecked), checkboxes.indexOf(checkbox));
for (let i = start; i <= end; i++) {
checkboxes[i].checked = lastChecked.checked;
}
}
lastChecked = checkbox; // Update the last clicked checkbox
});
prItem.appendChild(checkbox);
prItem.appendChild(label);
prList.appendChild(prItem);
});
const mergeSelectedButton = document.createElement('button');
mergeSelectedButton.textContent = 'Merge Selected PRs';
mergeSelectedButton.addEventListener('click', async () => {
// Get all selected checkboxes
const selectedCheckboxes = Array.from(prList.querySelectorAll('input[type="checkbox"]:checked'));
// Map selected checkboxes to their corresponding PRs
const selectedPRs = selectedCheckboxes.map((checkbox) => prs.find((pr) => pr.number == checkbox.value));
if (selectedPRs.length > 0) {
container.innerHTML = '<div id="merge-status">Merging PRs...<br></div>';
// Remove the container after merging is done (with a delay to show status)
const groupedPRs = selectedPRs.reduce((acc, pr) => {
if (!acc[pr.repo]) {
acc[pr.repo] = [];
}
acc[pr.repo].push(pr);
return acc;
}, {});
// Merge PRs grouped by repository
for (const [repo, prs] of Object.entries(groupedPRs)) {
try {
await mergeDependabotPRs(prs, username, repo, token);
} catch (error) {
console.error(`Error merging PRs for repo ${repo}:`, error);
const status = document.getElementById('merge-status');
if (status) status.remove();
container.remove();
removeAllPRSelectionContainers();
alert(`Failed to merge PRs for repo ${repo}. Please check the console for details.`);
return;
}
setTimeout(() => {
const status = document.getElementById('merge-status');
if (status) status.remove();
container.remove();
removeAllPRSelectionContainers();
}, 11000); // Wait for status to finish
}
} else {
container.innerHTML = 'No PRs selected for merging.';
setTimeout(() => {
container.remove();
removeAllPRSelectionContainers();
}, 2000);
}
});
container.appendChild(prList);
container.appendChild(mergeSelectedButton);
document.body.appendChild(container);
} catch (error) {
console.error('Failed to display PR selection:', error);
removeAllPRSelectionContainers(); // Clean up on error
const status = document.getElementById('merge-status');
if (status) status.remove();
alert('An error occurred while displaying the PR selection. Please check the console for details.');
}
}
function displayNoPRsMessage() {
removeAllPRSelectionContainers(); // Clean up any old containers first
const container = document.createElement('div');
container.classList.add('pr-container');
container.textContent = 'No Dependabot PRs found to merge.';
document.body.appendChild(container);
// Automatically hide the message after 5 seconds (5000 milliseconds)
setTimeout(() => {
container.remove();
// Also remove the merge-status container
const statusContainer = document.getElementById('merge-status');
if (statusContainer) {
statusContainer.remove();
}
}, 5000);
}
const style = document.createElement('style');
document.head.appendChild(style);
style.textContent = `
.merge-button, mergebutton, body > div.pr-selection-container > button {
position: fixed;
bottom: 10px;
right: 10px;
z-index: 1000;
background-color: #2ea44f;
color: #ffffff;
border: none;
padding: 10px;
border-radius: 5px;
cursor: pointer;
}
.merge-button:hover, mergebutton:hover {
background-color: #79e4f2;
color: #ffffff;
border: none;
padding: 10px;
border-radius: 5px;
cursor: pointer;
}
#merge-status, .merge-status {
position: fixed;
bottom: 90px;
right: 10px;
z-index: 1000;
background-color: #79e4f2;
padding: 10px;
border: 1px solid #ccc;
margin-top: 10px;
font-size: 0.9em;
color: #333;
max-width: 300px;
overflow-wrap: break-word;
}
#merge-status > div {
margin-bottom: 5px;
}
.pr-container {
background-color: #ff0000;
color: #ffffff;
position: fixed;
bottom: 130px;
right: 10px;
z-index: 1000;
padding: 10px;
border: 1px solid #cccccc;
}
.merge-button {
transition: background-color 0.3s ease;
}
`;
window.addEventListener('load', addButton);
function showConfigPanel() {
const configPanel = document.createElement('div');
configPanel.style = `
position: fixed;
top: 10%;
left: 50%;
transform: translate(-50%, -10%);
background-color: white;
border: 1px solid #ccc;
padding: 20px;
z-index: 1000;
`;
configPanel.innerHTML = `
<h3>Configuration</h3>
<label>GitHub Username: <input id="config-username" type="text" value="${GM_getValue('github_username', '')}" /></label><br>
<label>Organizations (comma separated): <input id="config-orgs" type="text" value="${GM_getValue('github_orgs', '')}" /></label><br>
<label>Merge Delay (ms): <input id="config-merge-delay" type="number" value="${GM_getValue('merge_delay', 2000)}" /></label><br>
<label>Bot Usernames (comma separated): <input id="config-bot-usernames" type="text" value="${GM_getValue('dependabot_usernames', ['dependabot[bot]', 'dependabot-preview[bot]']).join(', ')}" /></label><br>
<button id="save-config">Save</button>
<button id="reset-token">Reset Token</button>
<button id="close-config">Close</button>
`;
document.body.appendChild(configPanel);
document.getElementById('save-config').addEventListener('click', () => {
const username = document.getElementById('config-username').value;
const orgs = document.getElementById('config-orgs').value;
const mergeDelay = parseInt(document.getElementById('config-merge-delay').value, 10);
GM_setValue('github_username', username);
GM_setValue('github_orgs', orgs);
GM_setValue('merge_delay', isNaN(mergeDelay) || mergeDelay <= 0 ? 2000 : mergeDelay);
const botUsernamesInput = document.getElementById('config-bot-usernames').value;
const botUsernames = botUsernamesInput
.split(',')
.map((username) => username.trim())
.filter(Boolean);
GM_setValue('dependabot_usernames', botUsernames);
alert('Configuration saved!');
configPanel.remove();
});
document.getElementById('reset-token').addEventListener('click', () => {
GM_setValue('github_token', null);
GM_setValue('encryption_key', null);
alert('Token and encryption key have been reset. Please reload and re-enter your token.');
configPanel.remove();
});
document.getElementById('close-config').addEventListener('click', () => {
configPanel.remove();
});
}
function addCogToMergeButton() {
const mergeButton = document.querySelector('.merge-button');
if (mergeButton) {
// Create the cog icon
const cogIcon = document.createElement('span');
cogIcon.textContent = '⚙️';
cogIcon.style = `
margin-left: 10px;
cursor: pointer;
font-size: 1.2em;
`;
cogIcon.title = 'Settings';
// Attach the click event to open the configuration panel
cogIcon.addEventListener('click', (event) => {
event.stopPropagation(); // Prevent triggering the merge button click
showConfigPanel();
});
// Append the cog icon to the merge button
mergeButton.appendChild(cogIcon);
}
}
function handleRateLimit(response) {
if (response.status === 403 && response.headers['x-ratelimit-remaining'] === '0') {
const resetTimeHeader = response.headers['x-ratelimit-reset'];
if (resetTimeHeader) {
const resetTime = new Date(resetTimeHeader * 1000);
alert(`Rate limit exceeded. Please wait until ${resetTime.toLocaleTimeString()} to retry.`);
} else {
const fallbackWaitTime = 60; // Default fallback wait time in seconds
const currentTime = new Date();
const fallbackResetTime = new Date(currentTime.getTime() + fallbackWaitTime * 1000);
alert(`Rate limit exceeded. Please wait until approximately ${fallbackResetTime.toLocaleTimeString()} to retry.`);
}
throw new Error('Rate limit exceeded');
}
}
})();