Extract UIDs from Discord avatars and display them with format toggle
// ==UserScript==
// @name Discord UID Extractor with Format Toggle
// @namespace http://tampermonkey.net/
// @version 2.8
// @description Extract UIDs from Discord avatars and display them with format toggle
// @author AARR
// @match https://discord.com/*
// @grant none
// @license You can modify as long as you credit me ©AARR DEV
// ==/UserScript==
(function() {
'use strict';
let observer;
let isBoxVisible = false;
let initialBoxPosition = { x: 80, y: 120 };
let copyFormat = 'newline';
function makeElementDraggable(el) {
el.onmousedown = function(event) {
event.preventDefault();
let shiftX = event.clientX - el.getBoundingClientRect().left;
let shiftY = event.clientY - el.getBoundingClientRect().top;
function moveAt(pageX, pageY) {
const newX = Math.min(Math.max(0, pageX - shiftX), window.innerWidth - el.offsetWidth);
const newY = Math.min(Math.max(0, pageY - shiftY), window.innerHeight - el.offsetHeight);
el.style.left = newX + 'px';
el.style.top = newY + 'px';
const backgroundX = initialBoxPosition.x - newX;
const backgroundY = initialBoxPosition.y - newY;
el.style.backgroundPosition = `${backgroundX}px ${backgroundY}px`;
}
function onMouseMove(event) {
moveAt(event.pageX, event.pageY);
}
document.addEventListener('mousemove', onMouseMove);
function onMouseUp() {
document.removeEventListener('mousemove', onMouseMove);
document.removeEventListener('mouseup', onMouseUp);
}
document.addEventListener('mouseup', onMouseUp);
};
el.ondragstart = function() {
return false;
};
}
function addResizeButtons(el, initialWidth, initialHeight) {
const buttonContainer = document.createElement('div');
buttonContainer.style.position = 'absolute';
buttonContainer.style.right = '5px';
buttonContainer.style.top = '5px';
buttonContainer.style.display = 'flex';
buttonContainer.style.flexDirection = 'column';
buttonContainer.style.gap = '5px';
el.appendChild(buttonContainer);
const enlargeButton = document.createElement('button');
enlargeButton.textContent = '＋';
enlargeButton.style.padding = '2px 5px';
enlargeButton.style.fontSize = '10px';
enlargeButton.style.backgroundColor = 'rgba(87, 87, 87, 0.5)';
enlargeButton.style.color = '#ffffff';
enlargeButton.style.border = 'none';
enlargeButton.style.borderRadius = '3px';
enlargeButton.style.cursor = 'pointer';
enlargeButton.style.transition = 'color 0.3s, background-color 0.3s';
enlargeButton.onmouseenter = () => {
enlargeButton.style.backgroundColor = 'rgba(76, 175, 80, 0.5)';
enlargeButton.style.color = '#ffffff';
};
enlargeButton.onmouseleave = () => {
enlargeButton.style.backgroundColor = 'rgba(87, 87, 87, 0.5)';
enlargeButton.style.color = '#ffffff';
};
buttonContainer.appendChild(enlargeButton);
const shrinkButton = document.createElement('button');
shrinkButton.textContent = '－';
shrinkButton.style.padding = '2px 5px';
shrinkButton.style.fontSize = '10px';
shrinkButton.style.backgroundColor = 'rgba(87, 87, 87, 0.5)';
shrinkButton.style.color = '#ffffff';
shrinkButton.style.border = 'none';
shrinkButton.style.borderRadius = '3px';
shrinkButton.style.cursor = 'pointer';
shrinkButton.style.transition = 'color 0.3s, background-color 0.3s';
shrinkButton.onmouseenter = () => {
shrinkButton.style.backgroundColor = 'rgba(244, 67, 54, 0.5)';
shrinkButton.style.color = '#ffffff';
};
shrinkButton.onmouseleave = () => {
shrinkButton.style.backgroundColor = 'rgba(87, 87, 87, 0.5)';
shrinkButton.style.color = '#ffffff';
};
buttonContainer.appendChild(shrinkButton);
enlargeButton.addEventListener('click', () => {
el.style.height = (el.clientHeight + 150) + 'px';
});
shrinkButton.addEventListener('click', () => {
el.style.width = initialWidth;
el.style.height = initialHeight;
});
}
const initialWidth = '170px';
const initialHeight = '320px';
const container = document.createElement('div');
container.id = 'uidContainer';
container.style.position = 'fixed';
container.style.top = initialBoxPosition.y + 'px';
container.style.left = initialBoxPosition.x + 'px';
container.style.backgroundColor = 'rgba(0, 0, 0, 0.5)';
container.style.color = '#ffffff';
container.style.padding = '5px';
container.style.borderRadius = '5px';
container.style.zIndex = '1000';
container.style.width = initialWidth;
container.style.height = initialHeight;
container.style.display = 'none';
container.style.backgroundImage = 'url("https://i.imgur.com/xhsaLKk.png")';
container.style.backgroundSize = 'cover';
container.style.backgroundPosition = 'center';
container.style.backgroundAttachment = 'fixed';
container.style.backgroundRepeat = 'round';
document.body.appendChild(container);
makeElementDraggable(container);
addResizeButtons(container, initialWidth, initialHeight);
const title = document.createElement('h2');
title.textContent = 'AARR Extracted UIDs';
title.style.margin = '0 0 5px 0';
title.style.fontSize = '15px';
title.style.backgroundColor = 'rgba(0, 0, 0, 0.5)';
container.appendChild(title);
const toolsLink = document.createElement('a');
toolsLink.href = 'https://aarr-homepage.github.io/page/about5.html';
toolsLink.target = '_blank';
toolsLink.style.color = '#00BFFF';
toolsLink.style.textDecoration = 'underline';
toolsLink.style.display = 'inline-block';
toolsLink.style.marginBottom = '10px';
toolsLink.style.fontSize = '12px';
toolsLink.style.backgroundColor = 'rgba(0, 0, 0, 0.5)';
toolsLink.textContent = '🔗other tools';
container.appendChild(toolsLink);
const formatButton = document.createElement('button');
formatButton.textContent = 'Format: Newline';
formatButton.style.marginBottom = '10px';
formatButton.style.fontSize = '12px';
formatButton.style.backgroundColor = 'rgba(87, 87, 87, 0.5)';
formatButton.style.color = '#ffffff';
formatButton.style.border = 'none';
formatButton.style.borderRadius = '3px';
formatButton.style.cursor = 'pointer';
formatButton.style.transition = 'color 0.3s, background-color 0.3s';
formatButton.onmouseenter = () => {
formatButton.style.backgroundColor = 'rgba(76, 175, 80, 0.5)';
formatButton.style.color = '#ffffff';
};
formatButton.onmouseleave = () => {
formatButton.style.backgroundColor = 'rgba(87, 87, 87, 0.5)';
formatButton.style.color = '#ffffff';
};
container.appendChild(formatButton);
const uidList = document.createElement('ul');
uidList.style.listStyleType = 'none';
uidList.style.padding = '0';
uidList.style.fontSize = '10px';
uidList.style.height = 'calc(100% - 160px)';
uidList.style.overflowY = 'scroll';
uidList.style.backgroundColor = 'rgba(0, 0, 0, 0.5)';
container.appendChild(uidList);
const startButton = document.createElement('button');
startButton.textContent = ' Start ';
startButton.style.marginTop = '5px';
startButton.style.padding = '2px 5px';
startButton.style.fontSize = '10px';
startButton.style.backgroundColor = 'rgba(87, 87, 87, 0.5)';
startButton.style.color = '#ffffff';
startButton.style.border = 'none';
startButton.style.borderRadius = '3px';
startButton.style.cursor = 'pointer';
startButton.style.transition = 'color 0.3s, background-color 0.3s';
startButton.onmouseenter = () => {
startButton.style.backgroundColor = 'rgba(76, 175, 80, 0.5)';
startButton.style.color = '#ffffff';
};
startButton.onmouseleave = () => {
startButton.style.backgroundColor = 'rgba(87, 87, 87, 0.5)';
startButton.style.color = '#ffffff';
};
container.appendChild(startButton);
const stopButton = document.createElement('button');
stopButton.textContent = ' Stop ';
stopButton.style.marginTop = '5px';
stopButton.style.padding = '2px 5px';
stopButton.style.fontSize = '10px';
stopButton.style.backgroundColor = 'rgba(87, 87, 87, 0.5)';
stopButton.style.color = '#ffffff';
stopButton.style.border = 'none';
stopButton.style.borderRadius = '3px';
stopButton.style.cursor = 'pointer';
stopButton.style.transition = 'color 0.3s, background-color 0.3s';
stopButton.onmouseenter = () => {
stopButton.style.backgroundColor = 'rgba(244, 67, 54, 0.5)';
stopButton.style.color = '#ffffff';
};
stopButton.onmouseleave = () => {
stopButton.style.backgroundColor = 'rgba(87, 87, 87, 0.5)';
stopButton.style.color = '#ffffff';
};
container.appendChild(stopButton);
const resetButton = document.createElement('button');
resetButton.textContent = 'Reset';
resetButton.style.marginTop = '5px';
resetButton.style.padding = '2px 5px';
resetButton.style.fontSize = '10px';
resetButton.style.backgroundColor = 'rgba(87, 87, 87, 0.5)';
resetButton.style.color = '#ffffff';
resetButton.style.border = 'none';
resetButton.style.borderRadius = '3px';
resetButton.style.cursor = 'pointer';
resetButton.style.transition = 'color 0.3s, background-color 0.3s';
resetButton.onmouseenter = () => {
resetButton.style.backgroundColor = 'rgba(244, 67, 54, 0.5)';
resetButton.style.color = '#ffffff';
};
resetButton.onmouseleave = () => {
resetButton.style.backgroundColor = 'rgba(87, 87, 87, 0.5)';
resetButton.style.color = '#ffffff';
};
container.appendChild(resetButton);
const copyButton = document.createElement('button');
copyButton.textContent = 'Copy UIDs';
copyButton.style.marginTop = '5px';
copyButton.style.padding = '2px 5px';
copyButton.style.fontSize = '10px';
copyButton.style.backgroundColor = 'rgba(87, 87, 87, 0.5)';
copyButton.style.color = '#ffffff';
copyButton.style.border = 'none';
copyButton.style.borderRadius = '3px';
copyButton.style.cursor = 'pointer';
copyButton.style.transition = 'color 0.3s, background-color 0.3s';
copyButton.onmouseenter = () => {
copyButton.style.backgroundColor = 'rgba(76, 175, 80, 0.5)';
copyButton.style.color = '#ffffff';
};
copyButton.onmouseleave = () => {
copyButton.style.backgroundColor = 'rgba(87, 87, 87, 0.5)';
copyButton.style.color = '#ffffff';
};
container.appendChild(copyButton);
const saveButton = document.createElement('button');
saveButton.textContent = 'Save File';
saveButton.style.marginTop = '5px';
saveButton.style.padding = '2px 5px';
saveButton.style.fontSize = '10px';
saveButton.style.backgroundColor = 'rgba(87, 87, 87, 0.5)';
saveButton.style.color = '#ffffff';
saveButton.style.border = 'none';
saveButton.style.borderRadius = '3px';
saveButton.style.cursor = 'pointer';
saveButton.style.transition = 'color 0.3s, background-color 0.3s';
saveButton.onmouseenter = () => {
saveButton.style.backgroundColor = 'rgba(76, 175, 80, 0.5)';
saveButton.style.color = '#ffffff';
};
saveButton.onmouseleave = () => {
saveButton.style.backgroundColor = 'rgba(87, 87, 87, 0.5)';
saveButton.style.color = '#ffffff';
};
container.appendChild(saveButton);
function extractUIDs() {
const avatarElements = document.querySelectorAll('img[src*="cdn.discordapp.com/avatars/"]');
const uids = new Set();
avatarElements.forEach(img => {
const url = img.src;
const match = url.match(/avatars\/(\d+)\//);
if (match) {
uids.add(match[1]);
}
});
return Array.from(uids);
}
function updateUIDList() {
const uids = extractUIDs();
uids.forEach(uid => {
if (!Array.from(uidList.children).some(li => li.textContent === uid)) {
const listItem = document.createElement('li');
listItem.textContent = uid;
listItem.style.color = 'green';
listItem.style.backgroundColor = 'rgba(0, 0, 0, 0.5)';
uidList.appendChild(listItem);
}
});
}
function copyUIDsToClipboard() {
const uids = Array.from(uidList.children).map(li => li.textContent);
const text = (copyFormat === 'comma') ? uids.join(',') : uids.join('\n');
navigator.clipboard.writeText(text).then(() => {
}).catch(err => {
console.error('Failed to copy UIDs: ', err);
});
}
function resetUIDList() {
uidList.innerHTML = '';
if (observer) {
observer.disconnect();
}
}
function saveUIDsToFile() {
const uids = Array.from(uidList.children).map(li => li.textContent);
const text = (copyFormat === 'comma') ? uids.join(',') : uids.join('\n');
const blob = new Blob([text], { type: 'text/plain' });
const url = URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url;
a.download = 'uids.txt';
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
URL.revokeObjectURL(url);
}
startButton.addEventListener('click', () => {
if (observer) {
observer.disconnect();
}
updateUIDList();
observer = new MutationObserver(() => {
setTimeout(updateUIDList, 1000);
});
observer.observe(document.body, { childList: true, subtree: true });
});
stopButton.addEventListener('click', () => {
if (observer) {
observer.disconnect();
observer = null;
}
});
copyButton.addEventListener('click', copyUIDsToClipboard);
resetButton.addEventListener('click', resetUIDList);
saveButton.addEventListener('click', saveUIDsToFile);
formatButton.addEventListener('click', () => {
if (copyFormat === 'newline') {
copyFormat = 'comma';
formatButton.textContent = 'Format: Comma';
} else {
copyFormat = 'newline';
formatButton.textContent = 'Format: Newline';
}
});
const toggleImage = document.createElement('img');
toggleImage.src = 'https://i.imgur.com/fS8jqh3.png';
toggleImage.style.position = 'fixed';
toggleImage.style.width = '30px';
toggleImage.style.height = '30px';
toggleImage.style.cursor = 'pointer';
toggleImage.style.zIndex = '1001';
toggleImage.style.left = '0px';
toggleImage.style.top = '0px';
document.body.appendChild(toggleImage);
toggleImage.addEventListener('click', () => {
isBoxVisible = !isBoxVisible;
container.style.display = isBoxVisible ? 'block' : 'none';
});
})();