☰

Je dient je aan te melden of in te schrijven om door te gaan.

Discord Message ID Extractor

Extract Message IDs from Discord messages and display them

  1. // ==UserScript==
  2. // @name         Discord Message ID Extractor
  3. // @namespace    http://tampermonkey.net/
  4. // @version      3.1
  5. // @description  Extract Message IDs from Discord messages and display them
  6. // @author       AARR
  7. // @match        https://discord.com/*
  8. // @grant        none
  9. // @license      You can modify as long as you credit me
  10. // ==/UserScript==
  11. (function() {
  12.     'use strict';
  13.  
  14.     let observer;
  15.     let isBoxVisible = false;
  16.     let initialBoxPosition = { x: 90, y: 110 };
  17.     let copyFormat = 'simple';
  18.  
  19.     function makeElementDraggable(el) {
  20.         el.onmousedown = function(event) {
  21.             event.preventDefault();
  22.  
  23.             let shiftX = event.clientX - el.getBoundingClientRect().left;
  24.             let shiftY = event.clientY - el.getBoundingClientRect().top;
  25.  
  26.             function moveAt(pageX, pageY) {
  27.                 const newX = Math.min(Math.max(0, pageX - shiftX), window.innerWidth - el.offsetWidth);
  28.                 const newY = Math.min(Math.max(0, pageY - shiftY), window.innerHeight - el.offsetHeight);
  29.  
  30.                 el.style.left = newX + 'px';
  31.                 el.style.top = newY + 'px';
  32.  
  33.                 const backgroundX = initialBoxPosition.x - newX;
  34.                 const backgroundY = initialBoxPosition.y - newY;
  35.                 el.style.backgroundPosition = `${backgroundX}px ${backgroundY}px`;
  36.             }
  37.  
  38.             function onMouseMove(event) {
  39.                 moveAt(event.pageX, event.pageY);
  40.             }
  41.  
  42.             document.addEventListener('mousemove', onMouseMove);
  43.  
  44.             function onMouseUp() {
  45.                 document.removeEventListener('mousemove', onMouseMove);
  46.                 document.removeEventListener('mouseup', onMouseUp);
  47.             }
  48.  
  49.             document.addEventListener('mouseup', onMouseUp);
  50.         };
  51.  
  52.         el.ondragstart = function() {
  53.             return false;
  54.         };
  55.     }
  56.  
  57.     function addResizeButtons(el, initialWidth, initialHeight) {
  58.         const buttonContainer = document.createElement('div');
  59.         buttonContainer.style.position = 'absolute';
  60.         buttonContainer.style.right = '5px';
  61.         buttonContainer.style.top = '5px';
  62.         buttonContainer.style.display = 'flex';
  63.         buttonContainer.style.flexDirection = 'column';
  64.         buttonContainer.style.gap = '5px';
  65.         el.appendChild(buttonContainer);
  66.  
  67.         const enlargeButton = document.createElement('button');
  68.         enlargeButton.textContent = '＋';
  69.         enlargeButton.style.padding = '2px 5px';
  70.         enlargeButton.style.fontSize = '10px';
  71.         enlargeButton.style.backgroundColor = 'rgba(87, 87, 87, 0.5)';
  72.         enlargeButton.style.color = '#ffffff';
  73.         enlargeButton.style.border = 'none';
  74.         enlargeButton.style.borderRadius = '3px';
  75.         enlargeButton.style.cursor = 'pointer';
  76.         enlargeButton.style.transition = 'color 0.3s, background-color 0.3s';
  77.         enlargeButton.onmouseenter = () => {
  78.             enlargeButton.style.backgroundColor = 'rgba(76, 175, 80, 0.5)';
  79.             enlargeButton.style.color = '#ffffff';
  80.         };
  81.         enlargeButton.onmouseleave = () => {
  82.             enlargeButton.style.backgroundColor = 'rgba(87, 87, 87, 0.5)';
  83.             enlargeButton.style.color = '#ffffff';
  84.         };
  85.         buttonContainer.appendChild(enlargeButton);
  86.  
  87.         const shrinkButton = document.createElement('button');
  88.         shrinkButton.textContent = '－';
  89.         shrinkButton.style.padding = '2px 5px';
  90.         shrinkButton.style.fontSize = '10px';
  91.         shrinkButton.style.backgroundColor = 'rgba(87, 87, 87, 0.5)';
  92.         shrinkButton.style.color = '#ffffff';
  93.         shrinkButton.style.border = 'none';
  94.         shrinkButton.style.borderRadius = '3px';
  95.         shrinkButton.style.cursor = 'pointer';
  96.         shrinkButton.style.transition = 'color 0.3s, background-color 0.3s';
  97.         shrinkButton.onmouseenter = () => {
  98.             shrinkButton.style.backgroundColor = 'rgba(244, 67, 54, 0.5)';
  99.             shrinkButton.style.color = '#ffffff';
  100.         };
  101.         shrinkButton.onmouseleave = () => {
  102.             shrinkButton.style.backgroundColor = 'rgba(87, 87, 87, 0.5)';
  103.             shrinkButton.style.color = '#ffffff';
  104.         };
  105.         buttonContainer.appendChild(shrinkButton);
  106.  
  107.         enlargeButton.addEventListener('click', () => {
  108.             el.style.height = (el.clientHeight + 150) + 'px';
  109.         });
  110.  
  111.         shrinkButton.addEventListener('click', () => {
  112.             el.style.width = initialWidth;
  113.             el.style.height = initialHeight;
  114.         });
  115.     }
  116.  
  117.     const initialWidth = '170px';
  118.     const initialHeight = '320px';
  119.  
  120.     const container = document.createElement('div');
  121.     container.id = 'messageIdContainer';
  122.     container.style.position = 'fixed';
  123.     container.style.top = initialBoxPosition.y + 'px';
  124.     container.style.left = initialBoxPosition.x + 'px';
  125.     container.style.backgroundColor = 'rgba(0, 0, 0, 0.5)';
  126.     container.style.color = '#ffffff';
  127.     container.style.padding = '5px';
  128.     container.style.borderRadius = '5px';
  129.     container.style.zIndex = '1000';
  130.     container.style.width = initialWidth;
  131.     container.style.height = initialHeight;
  132.     container.style.display = 'none';
  133.     container.style.backgroundImage = 'url("https://i.imgur.com/hszPY7z.png")';
  134.     container.style.backgroundSize = 'cover';
  135.     container.style.backgroundPosition = 'center';
  136.     container.style.backgroundAttachment = 'fixed';
  137.     container.style.backgroundRepeat = 'round';
  138.     document.body.appendChild(container);
  139.  
  140.     makeElementDraggable(container);
  141.     addResizeButtons(container, initialWidth, initialHeight);
  142.  
  143.     const title = document.createElement('h2');
  144.     title.textContent = 'AARR Ex Message IDs';
  145.     title.style.margin = '0 0 5px 0';
  146.     title.style.fontSize = '15px';
  147.     title.style.backgroundColor = 'rgba(0, 0, 0, 0.5)';
  148.     container.appendChild(title);
  149.  
  150.     const toolsLink = document.createElement('a');
  151.     toolsLink.href = 'https://aarr-homepage.github.io/page/about5.html';
  152.     toolsLink.target = '_blank';
  153.     toolsLink.style.color = '#00BFFF';
  154.     toolsLink.style.textDecoration = 'underline';
  155.     toolsLink.style.display = 'inline-block';
  156.     toolsLink.style.marginBottom = '10px';
  157.     toolsLink.style.fontSize = '12px';
  158.     toolsLink.style.backgroundColor = 'rgba(0, 0, 0, 0.5)';
  159.     toolsLink.textContent = '🔗other tools';
  160.     container.appendChild(toolsLink);
  161.  
  162.     const formatButton = document.createElement('button');
  163.     formatButton.textContent = 'Format: Simple IDs';
  164.     formatButton.style.marginBottom = '10px';
  165.     formatButton.style.fontSize = '12px';
  166.     formatButton.style.backgroundColor = 'rgba(87, 87, 87, 0.5)';
  167.     formatButton.style.color = '#ffffff';
  168.     formatButton.style.border = 'none';
  169.     formatButton.style.borderRadius = '3px';
  170.     formatButton.style.cursor = 'pointer';
  171.     formatButton.style.transition = 'color 0.3s, background-color 0.3s';
  172.     formatButton.onmouseenter = () => {
  173.         formatButton.style.backgroundColor = 'rgba(76, 175, 80, 0.5)';
  174.         formatButton.style.color = '#ffffff';
  175.     };
  176.     formatButton.onmouseleave = () => {
  177.         formatButton.style.backgroundColor = 'rgba(87, 87, 87, 0.5)';
  178.         formatButton.style.color = '#ffffff';
  179.     };
  180.     formatButton.addEventListener('click', () => {
  181.         if (copyFormat === 'simple') {
  182.             copyFormat = 'url';
  183.             formatButton.textContent = 'Format: URL Format (/)';
  184.         } else {
  185.             copyFormat = 'simple';
  186.             formatButton.textContent = 'Format: Simple IDs (,)';
  187.         }
  188.     });
  189.     container.appendChild(formatButton);
  190.  
  191.     const messageIdList = document.createElement('ul');
  192.     messageIdList.style.listStyleType = 'none';
  193.     messageIdList.style.padding = '0';
  194.     messageIdList.style.fontSize = '10px';
  195.     messageIdList.style.height = 'calc(100% - 120px)';
  196.     messageIdList.style.overflowY = 'scroll';
  197.     messageIdList.style.backgroundColor = 'rgba(0, 0, 0, 0.5)';
  198.     container.appendChild(messageIdList);
  199.  
  200.     const startButton = document.createElement('button');
  201.     startButton.textContent = ' Start ';
  202.     startButton.style.marginTop = '5px';
  203.     startButton.style.padding = '2px 5px';
  204.     startButton.style.fontSize = '10px';
  205.     startButton.style.backgroundColor = 'rgba(87, 87, 87, 0.5)';
  206.     startButton.style.color = '#ffffff';
  207.     startButton.style.border = 'none';
  208.     startButton.style.borderRadius = '3px';
  209.     startButton.style.cursor = 'pointer';
  210.     startButton.style.transition = 'color 0.3s, background-color 0.3s';
  211.     startButton.onmouseenter = () => {
  212.         startButton.style.backgroundColor = 'rgba(76, 175, 80, 0.5)';
  213.         startButton.style.color = '#ffffff';
  214.     };
  215.     startButton.onmouseleave = () => {
  216.         startButton.style.backgroundColor = 'rgba(87, 87, 87, 0.5)';
  217.         startButton.style.color = '#ffffff';
  218.     };
  219.     container.appendChild(startButton);
  220.  
  221.     const stopButton = document.createElement('button');
  222.     stopButton.textContent = ' Stop ';
  223.     stopButton.style.marginTop = '5px';
  224.     stopButton.style.padding = '2px 5px';
  225.     stopButton.style.fontSize = '10px';
  226.     stopButton.style.backgroundColor = 'rgba(87, 87, 87, 0.5)';
  227.     stopButton.style.color = '#ffffff';
  228.     stopButton.style.border = 'none';
  229.     stopButton.style.borderRadius = '3px';
  230.     stopButton.style.cursor = 'pointer';
  231.     stopButton.style.transition = 'color 0.3s, background-color 0.3s';
  232.     stopButton.onmouseenter = () => {
  233.         stopButton.style.backgroundColor = 'rgba(244, 67, 54, 0.5)';
  234.         stopButton.style.color = '#ffffff';
  235.     };
  236.     stopButton.onmouseleave = () => {
  237.         stopButton.style.backgroundColor = 'rgba(87, 87, 87, 0.5)';
  238.         stopButton.style.color = '#ffffff';
  239.     };
  240.     container.appendChild(stopButton);
  241.  
  242.     const resetButton = document.createElement('button');
  243.     resetButton.textContent = 'Reset';
  244.     resetButton.style.marginTop = '5px';
  245.     resetButton.style.padding = '2px 5px';
  246.     resetButton.style.fontSize = '10px';
  247.     resetButton.style.backgroundColor = 'rgba(87, 87, 87, 0.5)';
  248.     resetButton.style.color = '#ffffff';
  249.     resetButton.style.border = 'none';
  250.     resetButton.style.borderRadius = '3px';
  251.     resetButton.style.cursor = 'pointer';
  252.     resetButton.style.transition = 'color 0.3s, background-color 0.3s';
  253.     resetButton.onmouseenter = () => {
  254.         resetButton.style.backgroundColor = 'rgba(244, 67, 54, 0.5)';
  255.         resetButton.style.color = '#ffffff';
  256.     };
  257.     resetButton.onmouseleave = () => {
  258.         resetButton.style.backgroundColor = 'rgba(87, 87, 87, 0.5)';
  259.         resetButton.style.color = '#ffffff';
  260.     };
  261.     container.appendChild(resetButton);
  262.  
  263.     const copyButton = document.createElement('button');
  264.     copyButton.textContent = 'Copy IDs';
  265.     copyButton.style.marginTop = '5px';
  266.     copyButton.style.padding = '2px 5px';
  267.     copyButton.style.fontSize = '10px';
  268.     copyButton.style.backgroundColor = 'rgba(87, 87, 87, 0.5)';
  269.     copyButton.style.color = '#ffffff';
  270.     copyButton.style.border = 'none';
  271.     copyButton.style.borderRadius = '3px';
  272.     copyButton.style.cursor = 'pointer';
  273.     copyButton.style.transition = 'color 0.3s, background-color 0.3s';
  274.     copyButton.onmouseenter = () => {
  275.         copyButton.style.backgroundColor = 'rgba(76, 175, 80, 0.5)';
  276.         copyButton.style.color = '#ffffff';
  277.     };
  278.     copyButton.onmouseleave = () => {
  279.         copyButton.style.backgroundColor = 'rgba(87, 87, 87, 0.5)';
  280.         copyButton.style.color = '#ffffff';
  281.     };
  282.     container.appendChild(copyButton);
  283.  
  284.     const saveButton = document.createElement('button');
  285.     saveButton.textContent = 'Save File';
  286.     saveButton.style.marginTop = '5px';
  287.     saveButton.style.padding = '2px 5px';
  288.     saveButton.style.fontSize = '10px';
  289.     saveButton.style.backgroundColor = 'rgba(87, 87, 87, 0.5)';
  290.     saveButton.style.color = '#ffffff';
  291.     saveButton.style.border = 'none';
  292.     saveButton.style.borderRadius = '3px';
  293.     saveButton.style.cursor = 'pointer';
  294.     saveButton.style.transition = 'color 0.3s, background-color 0.3s';
  295.     saveButton.onmouseenter = () => {
  296.         saveButton.style.backgroundColor = 'rgba(76, 175, 80, 0.5)';
  297.         saveButton.style.color = '#ffffff';
  298.     };
  299.     saveButton.onmouseleave = () => {
  300.         saveButton.style.backgroundColor = 'rgba(87, 87, 87, 0.5)';
  301.         saveButton.style.color = '#ffffff';
  302.     };
  303.     container.appendChild(saveButton);
  304.  
  305.     function extractMessageIDs() {
  306.         const messageElements = document.querySelectorAll('[id^="chat-messages-"]');
  307.         const messageIds = new Set();
  308.         messageElements.forEach(message => {
  309.             const id = message.id.substring(14);
  310.             messageIds.add(id);
  311.         });
  312.         return Array.from(messageIds);
  313.     }
  314.  
  315.     function extractServerID() {
  316.         const match = window.location.pathname.match(/\/channels\/(\d+)/);
  317.         return match ? match[1] : 'your-server-id';
  318.     }
  319.  
  320.     function updateMessageIDList() {
  321.         const messageIds = extractMessageIDs();
  322.         messageIds.forEach(id => {
  323.             if (!Array.from(messageIdList.children).some(li => li.textContent === id)) {
  324.                 const listItem = document.createElement('li');
  325.                 listItem.textContent = id;
  326.                 listItem.style.color = '#3ad3e0';
  327.                 listItem.style.backgroundColor = 'rgba(0, 0, 0, 0.5)';
  328.                 messageIdList.appendChild(listItem);
  329.             }
  330.         });
  331.     }
  332.  
  333.     function copyMessageIDsToClipboard() {
  334.         const serverID = extractServerID();
  335.         const messageIds = Array.from(messageIdList.children).map(li => {
  336.             if (copyFormat === 'simple') {
  337.                 return li.textContent.replace(/-/g, ',');
  338.             } else {
  339.                 const ids = li.textContent.split('-');
  340.                 if (ids.length === 2) {
  341.                     return `https://discord.com/channels/${serverID}/${ids[0]}/${ids[1]}`;
  342.                 } else {
  343.                     return li.textContent;
  344.                 }
  345.             }
  346.         }).join('\n');
  347.         navigator.clipboard.writeText(messageIds).then(() => {
  348.         }).catch(err => {
  349.             console.error('Failed to copy message IDs: ', err);
  350.         });
  351.     }
  352.  
  353.     function resetMessageIDList() {
  354.         messageIdList.innerHTML = '';
  355.         if (observer) {
  356.             observer.disconnect();
  357.         }
  358.     }
  359.  
  360.     function saveMessageIDsToFile() {
  361.         const serverID = extractServerID();
  362.         const messageIds = Array.from(messageIdList.children).map(li => {
  363.             if (copyFormat === 'simple') {
  364.                 return li.textContent.replace(/-/g, ',');
  365.             } else {
  366.                 const ids = li.textContent.split('-');
  367.                 if (ids.length === 2) {
  368.                     return `https://discord.com/channels/${serverID}/${ids[0]}/${ids[1]}`;
  369.                 } else {
  370.                     return li.textContent;
  371.                 }
  372.             }
  373.         }).join('\n');
  374.         const blob = new Blob([messageIds], { type: 'text/plain' });
  375.         const url = URL.createObjectURL(blob);
  376.         const a = document.createElement('a');
  377.         a.href = url;
  378.         a.download = 'message_ids.txt';
  379.         document.body.appendChild(a);
  380.         a.click();
  381.         document.body.removeChild(a);
  382.         URL.revokeObjectURL(url);
  383.     }
  384.  
  385.     startButton.addEventListener('click', () => {
  386.         if (observer) {
  387.             observer.disconnect();
  388.         }
  389.         updateMessageIDList();
  390.         observer = new MutationObserver(() => {
  391.             setTimeout(updateMessageIDList, 1000);
  392.         });
  393.         observer.observe(document.body, { childList: true, subtree: true });
  394.     });
  395.  
  396.     stopButton.addEventListener('click', () => {
  397.         if (observer) {
  398.             observer.disconnect();
  399.             observer = null;
  400.         }
  401.     });
  402.  
  403.     copyButton.addEventListener('click', copyMessageIDsToClipboard);
  404.     resetButton.addEventListener('click', resetMessageIDList);
  405.     saveButton.addEventListener('click', saveMessageIDsToFile);
  406.  
  407.     const toggleImage = document.createElement('img');
  408.     toggleImage.src = 'https://i.imgur.com/POHPOPN.png';
  409.     toggleImage.style.position = 'fixed';
  410.     toggleImage.style.width = '30px';
  411.     toggleImage.style.height = '30px';
  412.     toggleImage.style.cursor = 'pointer';
  413.     toggleImage.style.zIndex = '1001';
  414.     toggleImage.style.left = '75px';
  415.     toggleImage.style.bottom = '123px';
  416.     document.body.appendChild(toggleImage);
  417.  
  418.     toggleImage.addEventListener('click', () => {
  419.         isBoxVisible = !isBoxVisible;
  420.         container.style.display = isBoxVisible ? 'block' : 'none';
  421.     });
  422. })();