☰

Character.AI Auto-Requester

Автоматическая отправка сообщений с настройкой интервалов

  1. // ==UserScript==
  2. // @name         Character.AI Auto-Requester
  3. // @namespace    http://tampermonkey.net/
  4. // @version      2.95555556
  5. // @license       GNU GPLv3
  6. // @description  Автоматическая отправка сообщений с настройкой интервалов
  7. // @match        https://character.ai/chat*
  8. // @author       xPress
  9. // @grant        GM_addStyle
  10. // ==/UserScript==
  11.  
  12. //TODO: Слайдер для .control-overlay scale
  13.  
  14. (function() {
  15.     'use strict';
  16.  
  17.     // Начальные значения
  18.     let delayVoice = 10000;
  19.     let interval = 30000;
  20.     let timer;
  21.  
  22.     // Стили для оверлея
  23.     GM_addStyle(`
  24.         .control-overlay {
  25.             user-select: none;
  26.             position: absolute;
  27.             top: 50%; /* или любое другое фиксированное значение */
  28.  
  29.             left: 50%;
  30.             background: rgba(255,255,255,0.8);
  31.             padding: 15px;
  32.             border-radius: 8px;
  33.             color: black;
  34.             z-index: 9999;
  35.             min-width: 250px;
  36.             width: 350px;
  37.             max-height: 800px; /* Максимальная высота */
  38.             transition: max-height 0.4s ease-in-out;
  39.             transform: translate(-50%, -100px) scale(0.9);
  40.             transform-origin: top left; /* или center, в зависимости от нужного эффекта */
  41.  
  42.         }
  43.         .slider-container {
  44.             margin: 10px 0;
  45.         }
  46.         input[type="range"] {
  47.             width: 100%;
  48.             margin: 5px 0;
  49.             -webkit-appearance: none;
  50.             background: transparent;
  51.         }
  52.         input[type="range"]::-webkit-slider-thumb {
  53.             -webkit-appearance: none;
  54.             height: 16px;
  55.             width: 16px;
  56.             border-radius: 50%;
  57.             background: lime;
  58.             cursor: pointer;
  59.             margin-top: -6px;
  60.         }
  61.         input[type="range"]::-moz-range-thumb {
  62.             height: 16px;
  63.             width: 16px;
  64.             border-radius: 50%;
  65.             background: lime;
  66.             cursor: pointer;
  67.         }
  68.         input[type="range"]::-webkit-slider-runnable-track {
  69.             width: 100%;
  70.             height: 4px;
  71.             cursor: pointer;
  72.             background: #c9c9c9;
  73.             border-radius: 2px;
  74.         }
  75.         input[type="range"]::-moz-range-track {
  76.             width: 100%;
  77.             height: 4px;
  78.             cursor: pointer;
  79.             background: #c9c9c9;
  80.             border-radius: 2px;
  81.         }
  82.         .value-display {
  83.             font-size: 14px;
  84.             margin-top: 5px;
  85.         }
  86.         .header {
  87.             cursor: move;
  88.             padding: 0 10px;
  89.             background: rgba(255,255,255,0.5);
  90.             border-bottom: 1px solid #333;
  91.         }
  92.         .minimized {
  93.             max-height: 53px;
  94.             overflow: hidden;
  95.         }
  96.  
  97.         .control-overlay:not(.minimized) .content {
  98.             opacity: 1;
  99.             transition: opacity 0.4s ease-in-out;
  100.         }
  101.  
  102.         .control-overlay.minimized .content {
  103.             opacity: 0;
  104.             transition: opacity 0.4s ease-in-out;
  105.         }
  106.  
  107.         .switch-container {
  108.             margin: 10px 0;
  109.         }
  110.  
  111.         .switch {
  112.             position: relative;
  113.             display: inline-block;
  114.             width: 60px;
  115.             height: 34px;
  116.         }
  117.  
  118.         .switch-container label {
  119.             margin: 15px 35px;
  120.             font-size: 24px;
  121.             margin-top: 23px;
  122.         }
  123.  
  124.         .switch input {
  125.             opacity: 0;
  126.             width: 0;
  127.             height: 0;
  128.         }
  129.  
  130.         .slider {
  131.             position: absolute;
  132.             cursor: pointer;
  133.             top: 0;
  134.             left: 0;
  135.             right: 0;
  136.             bottom: 0;
  137.             background-color: #ccc;
  138.             -webkit-transition: .4s;
  139.             transition: .4s;
  140.         }
  141.  
  142.         .slider:before {
  143.             position: absolute;
  144.             content: "";
  145.             height: 26px;
  146.             width: 26px;
  147.             left: 4px;
  148.             bottom: 4px;
  149.             background-color: white;
  150.             -webkit-transition: .4s;
  151.             transition: .4s;
  152.         }
  153.  
  154.         input:checked + .slider {
  155.             background-color: lime;
  156.         }
  157.  
  158.         input:focus + .slider {
  159.             box-shadow: 0 0 1px lime;
  160.         }
  161.  
  162.         input:checked + .slider:before {
  163.             -webkit-transform: translateX(26px);
  164.             -ms-transform: translateX(26px);
  165.             transform: translateX(26px);
  166.         }
  167.  
  168.         .slider.round {
  169.             border-radius: 34px;
  170.         }
  171.  
  172.         .slider.round:before {
  173.             border-radius: 50%;
  174.         }
  175.  
  176.         .description {
  177.             font-size: 12px;
  178.             text-indent: 25px;
  179.             line-height: 11px;
  180.             color: gray;
  181.         }
  182.         
  183.         .description p {
  184.             margin-top: 5px; /* Отступ сверху */
  185.             margin-bottom: 5px; /* Отступ снизу */
  186.             color: gray
  187.         }
  188.  
  189.     `);
  190.  
  191.     const textFieldXPath = '//*[@id="chat-body"]/div[2]/div/div/div/div[1]/textarea';
  192.     const sendButtonXPath = '//*[@id="chat-body"]/div[2]/div/div/div/div[2]/button';
  193.     const voiceButtonXPath = '//*[@id="chat-messages"]/div[1]/div[1]/div/div/div[1]/div/div[1]/div[1]/div[2]/div[1]/div[2]/div[2]/div/button';
  194.  
  195.     // Создаем элементы управления
  196.     const overlay = document.createElement('div');
  197.     overlay.className = 'control-overlay';
  198.     overlay.innerHTML = `
  199.         <div class="header">
  200.             <h3 style="margin:0; display:inline-block;">Character.AI Auto-Requester</h3>
  201.             <button class="minimize" style="float:right;">▼</button>
  202.         </div>
  203.         <div class="content">
  204.             <div class="slider-container">
  205.                 <label>Задержка голоса:</label>
  206.                 <input type="range" min="1" max="60" value="${delayVoice/1000}" class="voice-delay">
  207.                 <div class="value-display">${delayVoice/1000} сек</div>
  208.             </div>
  209.             <div class="slider-container">
  210.                 <label>Интервал сообщений:</label>
  211.                 <input type="range" min="3" max="120" value="${interval/1000}" class="send-interval">
  212.                 <div class="value-display">${interval/1000} сек</div>
  213.             </div>
  214.             <div class="switch-container">
  215.                 <label>Вкл/Выкл</label>
  216.                 <label class="switch">
  217.                     <input type="checkbox" class="toggle-auto-send">
  218.                     <span class="slider round"></span>
  219.                 </label>
  220.             </div>
  221.             <div class="description">
  222.                 Пользуйтесь аккуратно; не совсем понятно, за какие скорости могут забанить аккаунт. В любом случае даже простое использование стороннего софта типа этого, скорее всего, не приветствуется.
  223.                 <p>
  224.                 Осторожно, смартфон, например, может не отключать экран и не блокироваться из-за работающего скрипта. Даже в состоянии "Выкл".
  225.                 <p>
  226.                 Если нужна тёмная тема - включайте DarkReader; если хочется какую-то другую - Stylus. Спасибо за понимание.
  227.             </div>
  228.         </div>
  229.     `;
  230.  
  231.     document.body.appendChild(overlay);
  232.  
  233.     // Обработчики ползунков
  234.     overlay.querySelector('.voice-delay').addEventListener('input', function(e) {
  235.         delayVoice = e.target.value * 1000;
  236.         e.target.nextElementSibling.textContent = `${e.target.value} сек`;
  237.  
  238.         // Останавливаем таймер
  239.         clearInterval(timer);
  240.         overlay.querySelector('.toggle-auto-send').checked = false;
  241.     });
  242.  
  243.     let currentUrl = window.location.href;
  244.  
  245.     overlay.querySelector('.send-interval').addEventListener('input', function(e) {
  246.         interval = e.target.value * 1000;
  247.         e.target.nextElementSibling.textContent = `${e.target.value} сек`;
  248.  
  249.         // Останавливаем таймер
  250.         clearInterval(timer);
  251.         overlay.querySelector('.toggle-auto-send').checked = false;
  252.     });
  253.  
  254.     function clickVoiceButton() {
  255.         const voiceButton = document.evaluate(
  256.             voiceButtonXPath,
  257.             document,
  258.             null,
  259.             XPathResult.FIRST_ORDERED_NODE_TYPE,
  260.             null
  261.         ).singleNodeValue;
  262.         voiceButton?.click();
  263.     }
  264.  
  265.     function simulateSend() {
  266.         if (window.location.href !== currentUrl) {
  267.             // Останавливаем таймер
  268.             clearInterval(timer);
  269.             overlay.querySelector('.toggle-auto-send').checked = false;
  270.  
  271.             currentUrl = window.location.href;
  272.             return
  273.         }
  274.         const textField = document.evaluate(
  275.             textFieldXPath,
  276.             document,
  277.             null,
  278.             XPathResult.FIRST_ORDERED_NODE_TYPE,
  279.             null
  280.         ).singleNodeValue;
  281.  
  282.         const sendButton = document.evaluate(
  283.             sendButtonXPath,
  284.             document,
  285.             null,
  286.             XPathResult.FIRST_ORDERED_NODE_TYPE,
  287.             null
  288.         ).singleNodeValue;
  289.  
  290.         if (textField && sendButton && !sendButton.disabled) {
  291.             const inputText = textField.value.trim();
  292.  
  293.             if (inputText === '') {
  294.                 sendButton.click();
  295.                 textField.value = '';
  296.                 setTimeout(clickVoiceButton, delayVoice);
  297.             }
  298.         }
  299.     }
  300.  
  301.     // Вкл/Выкл
  302.     overlay.querySelector('.toggle-auto-send').addEventListener('change', function(e) {
  303.         if (e.target.checked) {
  304.             // Включаем автоматическую отправку
  305.             clearInterval(timer);
  306.             timer = setInterval(simulateSend, interval);
  307.  
  308.             // Запоминаем страницу, на которой запустили автоотправку
  309.             let currentUrl = window.location.href;
  310.         } else {
  311.             // Выключаем автоматическую отправку
  312.             clearInterval(timer);
  313.         }
  314.     });
  315.  
  316.     // Перемещение оверлея
  317.     let isDown = false;
  318.     let offset = [0, 0];
  319.  
  320.     // Функция для обработки начала касания
  321.     function handleTouchStart(event) {
  322.         if (event.touches.length === 1) { // Только одно касание
  323.             isDown = true;
  324.             const touch = event.touches[0];
  325.             offset = [
  326.                 overlay.offsetLeft - touch.clientX,
  327.                 overlay.offsetTop - touch.clientY
  328.             ];
  329.             event.preventDefault(); // Предотвратить выделение текста
  330.         }
  331.     }
  332.  
  333.     // Функция для обработки движения касания
  334.     function handleTouchMove(event) {
  335.         if (isDown) {
  336.             const touch = event.touches[0];
  337.             overlay.style.top = `${touch.clientY + offset[1]}px`;
  338.             overlay.style.right = 'auto'; // Чтобы не было привязки к правому краю
  339.             overlay.style.left = `${touch.clientX + offset[0]}px`;
  340.             event.preventDefault(); // Предотвратить прокрутку страницы
  341.         }
  342.     }
  343.  
  344.     // Функция для обработки окончания касания
  345.     function handleTouchEnd() {
  346.         isDown = false;
  347.     }
  348.  
  349.     // Добавление обработчиков событий для касаний
  350.     overlay.querySelector('.header h3').addEventListener('touchstart', handleTouchStart);
  351.     document.addEventListener('touchmove', handleTouchMove);
  352.     document.addEventListener('touchend', handleTouchEnd);
  353.  
  354.     // Добавление обработчиков событий для мыши (чтобы не потерять функциональность на компьютере)
  355.     overlay.querySelector('.header h3').addEventListener('mousedown', function(event) {
  356.         if (event.button === 0) { // Левая кнопка мыши
  357.             isDown = true;
  358.             offset = [
  359.                 overlay.offsetLeft - event.clientX,
  360.                 overlay.offsetTop - event.clientY
  361.             ];
  362.             event.preventDefault(); // Предотвратить выделение текста
  363.         }
  364.     });
  365.  
  366.     document.addEventListener('mouseup', function() {
  367.         isDown = false;
  368.     });
  369.  
  370.     document.addEventListener('mousemove', function(event) {
  371.         if (isDown) {
  372.             overlay.style.top = `${event.clientY + offset[1]}px`;
  373.             overlay.style.right = 'auto'; // Чтобы не было привязки к правому краю
  374.             overlay.style.left = `${event.clientX + offset[0]}px`;
  375.         }
  376.     });
  377.     // Минимизация/сворачивание
  378.     overlay.querySelector('.minimize').addEventListener('click', function() {
  379.         if (overlay.classList.contains('minimized')) {
  380.             overlay.classList.remove('minimized');
  381.             this.textContent = '▼'; // Используем Unicode для символа
  382.         } else {
  383.             overlay.classList.add('minimized');
  384.             this.textContent = '▲'; // Используем Unicode для символа
  385.         }
  386.     });
  387. })();