☰

Discord DM Sender with Input Box and Toggle

Send DM messages via Discord API with toggle visibility, customizable button names, and instructions. Supports "Shift + Enter" for new line and "Enter" for sending messages.

  1. // ==UserScript==
  2. // @name         Discord DM Sender with Input Box and Toggle
  3. // @namespace    http://tampermonkey.net/
  4. // @version      2.2
  5. // @description  Send DM messages via Discord API with toggle visibility, customizable button names, and instructions. Supports "Shift + Enter" for new line and "Enter" for sending messages.
  6. // @author       Your Name
  7. // @match        https://discord.com/*
  8. // @grant        GM_xmlhttpRequest
  9. // @grant        GM_setValue
  10. // @grant        GM_getValue
  11. // @license      You can modify as long as you credit me
  12. // ==/UserScript==
  13.  
  14. (function() {
  15.     'use strict';
  16.  
  17.     let isBoxVisible = GM_getValue('isBoxVisible', true);
  18.     let isTokenVisible = GM_getValue('isTokenVisible', true);
  19.     let areChannelsVisible = GM_getValue('areChannelsVisible', true);
  20.     let channelId = '';
  21.  
  22.     const initialWidth = '280px';
  23.     const initialHeight = '500px';
  24.  
  25.     const container = document.createElement('div');
  26.     container.style.position = 'fixed';
  27.     container.style.bottom = '10px';
  28.     container.style.left = '10px';
  29.     container.style.backgroundColor = '#2f3136';
  30.     container.style.color = '#ffffff';
  31.     container.style.padding = '10px';
  32.     container.style.borderRadius = '5px';
  33.     container.style.zIndex = '1000';
  34.     container.style.width = initialWidth;
  35.     container.style.height = initialHeight;
  36.     container.style.maxHeight = '90vh';
  37.     container.style.overflow = 'auto';
  38.     container.style.display = isBoxVisible ? 'block' : 'none';
  39.     document.body.appendChild(container);
  40.  
  41.     makeElementDraggable(container);
  42.  
  43.     const hideTokenButton = document.createElement('button');
  44.     hideTokenButton.innerText = isTokenVisible ? 'Hide Token' : 'View Token';
  45.     hideTokenButton.style.marginBottom = '10px';
  46.     hideTokenButton.style.width = '100%';
  47.     hideTokenButton.style.backgroundColor = '#575757';
  48.     hideTokenButton.style.color = '#ffffff';
  49.     hideTokenButton.style.border = 'none';
  50.     hideTokenButton.style.borderRadius = '3px';
  51.     hideTokenButton.style.cursor = 'pointer';
  52.     hideTokenButton.addEventListener('click', () => {
  53.         isTokenVisible = !isTokenVisible;
  54.         GM_setValue('isTokenVisible', isTokenVisible);
  55.         tokenBox.style.display = isTokenVisible ? 'block' : 'none';
  56.         hideTokenButton.innerText = isTokenVisible ? 'Hide Token' : 'View Token';
  57.     });
  58.     container.appendChild(hideTokenButton);
  59.  
  60.     const tokenBox = document.createElement('textarea');
  61.     tokenBox.placeholder = 'Enter your token';
  62.     tokenBox.style.width = '100%';
  63.     tokenBox.style.height = '40px';
  64.     tokenBox.style.resize = 'none';
  65.     tokenBox.style.backgroundColor = '#000000';
  66.     tokenBox.style.color = '#00FF00';
  67.     tokenBox.style.display = isTokenVisible ? 'block' : 'none';
  68.     tokenBox.value = GM_getValue('tokenBoxValue', '');
  69.     tokenBox.addEventListener('input', () => {
  70.         GM_setValue('tokenBoxValue', tokenBox.value);
  71.     });
  72.     container.appendChild(tokenBox);
  73.  
  74.     const toggleChannelsButton = document.createElement('button');
  75.     toggleChannelsButton.innerText = areChannelsVisible ? 'Hide Channel IDs' : 'View Channel IDs';
  76.     toggleChannelsButton.style.marginTop = '10px';
  77.     toggleChannelsButton.style.width = '100%';
  78.     toggleChannelsButton.style.backgroundColor = '#575757';
  79.     toggleChannelsButton.style.color = '#ffffff';
  80.     toggleChannelsButton.style.border = 'none';
  81.     toggleChannelsButton.style.borderRadius = '3px';
  82.     toggleChannelsButton.style.cursor = 'pointer';
  83.     toggleChannelsButton.addEventListener('click', () => {
  84.         areChannelsVisible = !areChannelsVisible;
  85.         GM_setValue('areChannelsVisible', areChannelsVisible);
  86.         channelBoxes.forEach((channelBox) => {
  87.             channelBox.style.display = areChannelsVisible ? 'block' : 'none';
  88.         });
  89.         toggleChannelsButton.innerText = areChannelsVisible ? 'Hide Channel IDs' : 'View Channel IDs';
  90.     });
  91.     container.appendChild(toggleChannelsButton);
  92.  
  93.     const channelBoxes = [];
  94.     const channelBoxPlaceholders = [
  95.         '荒らし雑談用匿名BOTのDMチャンネルIDを入力',
  96.         '情勢雑談用BOTの匿名BOTのDMチャンネルIDを入力',
  97.         '依頼支部用匿名BOTのDMチャンネルIDを入力'
  98.     ];
  99.  
  100.     channelBoxPlaceholders.forEach((placeholder, index) => {
  101.         const channelBox = document.createElement('textarea');
  102.         channelBox.placeholder = placeholder;
  103.         channelBox.style.width = '100%';
  104.         channelBox.style.height = '40px';
  105.         channelBox.style.resize = 'none';
  106.         channelBox.style.backgroundColor = '#000000';
  107.         channelBox.style.color = '#00FF00';
  108.         channelBox.style.display = areChannelsVisible ? 'block' : 'none';
  109.         channelBox.value = GM_getValue(`channelBox${index + 1}Value`, '');
  110.         channelBox.addEventListener('input', () => {
  111.             GM_setValue(`channelBox${index + 1}Value`, channelBox.value);
  112.         });
  113.         channelBoxes.push(channelBox);
  114.         container.appendChild(channelBox);
  115.     });
  116.  
  117.     const inputBox = document.createElement('textarea');
  118.     inputBox.placeholder = 'Enter message (⚠️：初回はcaptchaにかかる事がある為、初回送信時はbotに1回手動でDMを送ってから使用してください。DMチャンネルIDはBOT IDではありません)';
  119.     inputBox.style.width = '100%';
  120.     inputBox.style.height = '100px';
  121.     inputBox.style.resize = 'none';
  122.     inputBox.style.backgroundColor = '#000000';
  123.     inputBox.style.color = '#00FF00';
  124.     inputBox.style.marginTop = '10px';
  125.     inputBox.value = GM_getValue('inputBoxValue', '');
  126.     inputBox.addEventListener('input', () => {
  127.         GM_setValue('inputBoxValue', inputBox.value);
  128.     });
  129.     inputBox.addEventListener('keydown', (event) => {
  130.         if (event.key === 'Enter' && !event.shiftKey) {
  131.             event.preventDefault(); 
  132.             
  133.             const token = tokenBox.value.trim();
  134.             if (!token) {
  135.                 alert('Token is required');
  136.                 return;
  137.             }
  138.  
  139.             const message = inputBox.value.trim();
  140.             if (!message) {
  141.                 alert('Message cannot be empty');
  142.                 return;
  143.             }
  144.  
  145.             sendMessage(channelId, message, token).then((success) => {
  146.                 if (success) {
  147.                     inputBox.value = '';
  148.                     GM_setValue('inputBoxValue', '');
  149.                 } else {
  150.                     alert('Failed to send message');
  151.                 }
  152.             });
  153.         }
  154.     });
  155.     container.appendChild(inputBox);
  156.  
  157.     const selectChannelsLabel = document.createElement('div');
  158.     selectChannelsLabel.innerText = 'Select channels';
  159.     selectChannelsLabel.style.marginTop = '10px';
  160.     selectChannelsLabel.style.marginBottom = '5px';
  161.     selectChannelsLabel.style.fontSize = '14px';
  162.     selectChannelsLabel.style.textAlign = 'left';
  163.     container.appendChild(selectChannelsLabel);
  164.  
  165.     const buttonContainer = document.createElement('div');
  166.     buttonContainer.style.display = 'flex';
  167.     buttonContainer.style.justifyContent = 'space-between';
  168.  
  169.     const buttonNames = ['荒らし雑談', '情勢雑談', '依頼支部'];
  170.  
  171.     channelBoxes.forEach((channelBox, index) => {
  172.         const channelButton = document.createElement('button');
  173.         channelButton.innerText = buttonNames[index];
  174.         channelButton.style.width = '30%';
  175.         channelButton.style.backgroundColor = '#575757';
  176.         channelButton.style.color = '#ffffff';
  177.         channelButton.style.border = 'none';
  178.         channelButton.style.borderRadius = '3px';
  179.         channelButton.style.cursor = 'pointer';
  180.         channelButton.addEventListener('click', () => {
  181.             channelId = channelBox.value.trim();
  182.             updateButtonStyles(channelButton);
  183.         });
  184.         buttonContainer.appendChild(channelButton);
  185.     });
  186.  
  187.     function updateButtonStyles(activeButton) {
  188.         Array.from(buttonContainer.children).forEach((button) => {
  189.             button.style.backgroundColor = button === activeButton ? '#047500' : '#575757';
  190.         });
  191.     }
  192.  
  193.     container.appendChild(buttonContainer);
  194.  
  195.     const sendButton = document.createElement('button');
  196.     sendButton.innerText = 'Send DM';
  197.     sendButton.style.marginTop = '10px';
  198.     sendButton.style.width = '100%';
  199.     sendButton.style.backgroundColor = '#575757';
  200.     sendButton.style.color = '#ffffff';
  201.     sendButton.style.border = 'none';
  202.     sendButton.style.borderRadius = '3px';
  203.     sendButton.style.cursor = 'pointer';
  204.     sendButton.addEventListener('click', async () => {
  205.         const token = tokenBox.value.trim();
  206.         if (!token) {
  207.             alert('Token is required');
  208.             return;
  209.         }
  210.  
  211.         const message = inputBox.value.trim();
  212.         if (!message) {
  213.             alert('Message cannot be empty');
  214.             return;
  215.         }
  216.  
  217.         const success = await sendMessage(channelId, message, token);
  218.         if (success) {
  219.             inputBox.value = '';
  220.             GM_setValue('inputBoxValue', '');
  221.         } else {
  222.             alert('Failed to send message');
  223.         }
  224.     });
  225.     container.appendChild(sendButton);
  226.  
  227.     const toggleImage = document.createElement('img');
  228.     toggleImage.src = 'https://i.imgur.com/FL6WD8a.png';
  229.     toggleImage.style.position = 'fixed';
  230.     toggleImage.style.width = '30px';
  231.     toggleImage.style.height = '30px';
  232.     toggleImage.style.cursor = 'pointer';
  233.     toggleImage.style.zIndex = '1001';
  234.     toggleImage.style.left = '75px';
  235.     toggleImage.style.bottom = '222px';
  236.     document.body.appendChild(toggleImage);
  237.  
  238.     toggleImage.addEventListener('click', () => {
  239.         isBoxVisible = !isBoxVisible;
  240.         GM_setValue('isBoxVisible', isBoxVisible);
  241.         container.style.display = isBoxVisible ? 'block' : 'none';
  242.     });
  243.  
  244.     function makeElementDraggable(el) {
  245.         el.onmousedown = function(event) {
  246.             if (event.target.tagName === 'TEXTAREA') return;
  247.  
  248.             event.preventDefault();
  249.  
  250.             let shiftX = event.clientX - el.getBoundingClientRect().left;
  251.             let shiftY = event.clientY - el.getBoundingClientRect().top;
  252.  
  253.             function moveAt(pageX, pageY) {
  254.                 const newLeft = Math.min(Math.max(0, pageX - shiftX), window.innerWidth - el.offsetWidth);
  255.                 const newTop = Math.min(Math.max(0, pageY - shiftY), window.innerHeight - el.offsetHeight);
  256.  
  257.                 el.style.left = `${newLeft}px`;
  258.                 el.style.top = `${newTop}px`;
  259.             }
  260.  
  261.             function stopDragging() {
  262.                 document.removeEventListener('mousemove', onMouseMove);
  263.                 document.removeEventListener('mouseup', stopDragging);
  264.             }
  265.  
  266.             function onMouseMove(event) {
  267.                 moveAt(event.pageX, event.pageY);
  268.             }
  269.  
  270.             document.addEventListener('mousemove', onMouseMove);
  271.             document.addEventListener('mouseup', stopDragging);
  272.         };
  273.  
  274.         el.ondragstart = function() {
  275.             return false;
  276.         };
  277.     }
  278.  
  279.     async function sendMessage(channelId, message, token) {
  280.         const nonce = generateNonce();
  281.         return new Promise((resolve) => {
  282.             GM_xmlhttpRequest({
  283.                 method: 'POST',
  284.                 url: `https://discord.com/api/v9/channels/${channelId}/messages`,
  285.                 headers: {
  286.                     'Content-Type': 'application/json',
  287.                     'Authorization': token
  288.                 },
  289.                 data: JSON.stringify({
  290.                     content: message,
  291.                     flags: 0,
  292.                     nonce: nonce,
  293.                     tts: false
  294.                 }),
  295.                 onload: (response) => {
  296.                     resolve(response.status === 200);
  297.                 },
  298.                 onerror: () => resolve(false)
  299.             });
  300.         });
  301.     }
  302.  
  303.     function generateNonce() {
  304.         const now = Date.now();
  305.         return `${now}${Math.floor(Math.random() * 1000)}`;
  306.     }
  307. })();