☰

AutoHideLZT + Enter

Автоматически добавляет хайд при создании тем и отправке сообщений на сайтах zelenka и lolz, так же отправляет хайд по Enter.

// ==UserScript==
// @name         AutoHideLZT + Enter
// @namespace    http://tampermonkey.net/
// @version      3.8
// @description  Автоматически добавляет хайд при создании тем и отправке сообщений на сайтах zelenka и lolz, так же отправляет хайд по Enter.
// @author       eretly & Timka241 & Toil & llimonix
// @match        https://zelenka.guru/*
// @match        https://lolz.guru/*
// @match        https://lolz.live/*
// @icon         https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQ6P-us9TBOHABul4NCBuCWU6_W-b1DA_8YmA&s
// @grant        none
// @license      BSD-3-Clause
// ==/UserScript==

/*
 * Copyright 2024 eretly
 * Licensed under the BSD 3-Clause License.
 */

(function () {
    "use strict";

    // Флаги и переменные
    let isSending = false;
    let exceptIds = "";
    let yourWords = "";
    let wordsPosition = "none";
    const storageKey = "eretlyHIDE"; // Ключ для localStorage
    const availableWordsPositions = ["none", "left", "right"];
    const wordsPositionPhrases = {
        none: "Отключено",
        left: "Слева",
        right: "Справа",
    };
    const usableWordsPositions = availableWordsPositions.filter((pos) => pos !== "none");
    let hideOnButton = true;
    let hideOnEnter = true;
    let hideOnCreate = true;

    function loadSettings() {
        const savedSettings = JSON.parse(localStorage.getItem(storageKey) ?? "{}");
        return savedSettings || {};
    }

    // Загрузка данных из localStorage при инициализации
    const savedSettings = loadSettings();
    if (savedSettings) {
        exceptIds = savedSettings.exceptIds || "";
        yourWords = savedSettings.yourWords || "";
        wordsPosition = savedSettings.wordsPosition || "none";
        hideOnButton = savedSettings.hideOnButton || false;
        hideOnEnter = savedSettings.hideOnEnter || false;
        hideOnCreate = savedSettings.hideOnCreate || false;
    }

    // Функция для отображения предупреждений
    function xfAlert(text) {
        if (typeof XenForo !== "undefined" && XenForo.alert) {
            XenForo.alert(text, "", 3000);
            return;
        }

        alert(text);
    }

    function magicChosen($select) {
        $select.chosen({
            width: "auto",
            search_contains: false,
            inherit_select_classes: true,
            disable_search: 1,
        });
        $select.trigger("chosen:updated");
    }

    function hasWordsPosition(initiator = "") {
        if (initiator === "theme" && !addWordsOnCreate) {
            return false;
        }

        return yourWords && usableWordsPositions.includes(wordsPosition);
    }

    function hasExceptIds(initiator = "") {
        if (initiator === "theme" && !hideOnCreate) {
            return false;
        }

        return exceptIds && exceptIds.trim() !== "";
    }

    const canModify = (el, initiator = "") =>
    el && (hasExceptIds(initiator) || hasWordsPosition(initiator));

    const isInvalidAction = (el) =>
    el.classList.contains("chat2-input") ||
          window.location.href.match(/conversations\//) ||
          window.location.href.match(/create-thread/);

    function checkContainsByInsertRegex(regex, words, message) {
        // Добавляем текст "test" перед последним "/"
        const regexStr = regex.toString();
        const clearWords = words.replace("$&", "").replace(/[-[\]{}()*+?.,\\^$|]/g, "\\$&");
        let newRegexStr = words.startsWith("$&")
        ? regexStr.replace(/\/$/, `${clearWords}/`)
        : regexStr.replace(/^\//, `/${clearWords}`);

        // Преобразуем обратно в объект RegExp
        let newRegex = new RegExp(newRegexStr.slice(1, -1));

        return newRegex.exec(message);
    }

    function insertWordToMessage(message) {
        if (message === "") {
            return yourWords;
        }

        const expectedHtml = {
            // left: { content: `<p>${yourWords}`, insertTo: /^\.?\s*(<p>)/ },
            // right: { content: `${yourWords}</p>`, insertTo: /(<\/p>)\.?\s*$/ },
            left: { content: `$&${yourWords}`, insertTo: /\.?\s*(<p>)/ },
            right: {
                content: `${yourWords}$&`,
                // insertTo: /(<br>)(?!.*<br>)/,
                insertTo: /(<\/p>)(?!.*<\/p>)/,
            },
        };

        const expectedHtmlItem = expectedHtml?.[wordsPosition];
        if (!expectedHtmlItem?.content) {
            return message;
        }

        if (checkContainsByInsertRegex(expectedHtmlItem.insertTo, expectedHtmlItem.content, message)) {
            console.log("Текст уже содержит добавляемые слова");
            return message;
        }

        return message.replace(expectedHtmlItem.insertTo, expectedHtmlItem.content);
    }

    function updateHtmlContent(el, initiator = "") {
        if (!canModify(el, initiator)) {
            return;
        }

        const existingHideBlock = el.querySelector(
            'blockquote.wysiwygHide[data-tag="users"], blockquote.wysiwygHide[data-tag="exceptids"], blockquote.wysiwygHide[data-tag="except"]',
        );

        if (!hasWordsPosition(initiator) && existingHideBlock) {
            console.log("Текст не будет обновлен.");
            return;
        }

        let currentHTML = el.innerHTML.trim();
        if (hasWordsPosition(initiator)) {
            currentHTML = insertWordToMessage(currentHTML);
        }

        if (hasExceptIds(initiator) && !existingHideBlock) {
            // Если existingHideBlock не существует, продолжаем создание нового
            const hideOpenTag = `<blockquote class="wysiwygHide needOption" data-tag="exceptids" data-phrase="Никнеймы пользователей, которые не смогут увидеть" data-align="left" data-option="${exceptIds}">`;
            const hideCloseTag = `</blockquote>`;
            currentHTML = `${hideOpenTag} ${currentHTML} ${hideCloseTag}`;
        }

        el.innerHTML = currentHTML;
    }

    function handleSendMessage(inputElement) {
        if (isSending) {
            return; // Если уже отправляется сообщение, выходим
        }

        isSending = true; // Устанавливаем флаг отправки

        const editorBoxElement = inputElement.closest(".defEditor");
        if (!editorBoxElement) {
            isSending = false;
            return;
        }

        const sendButton = editorBoxElement.querySelector(
            ".lzt-fe-se-sendMessageButton, .button.primary.mbottom, .submitUnit .button.primary",
        );
        if (!sendButton) {
            isSending = false;
            return;
        }

        console.log("Отправка сообщения...");
        sendButton.click();
        sendButton.disabled = true; // Отключаем кнопку отправки

        // Задержка перед отправкой
        setTimeout(() => {
            // sendButton.click(); // Симулируем клик по кнопке отправки
            inputElement.innerHTML = ""; // Очищаем поле ввода после отправки
            isSending = false; // Сбрасываем флаг после задержки
            sendButton.disabled = false; // Включаем кнопку отправки снова
        }, 100);
    }

    // Функция для обработки нажатия на кнопку отправки сообщения
    async function handleSendMessageButtonClick(event) {
        // Проверяем состояние чекбокса Хайд по кнопке
        if (!hideOnButton) {
            console.log("Галочка не включена. Отправка сообщения отменена."); // Лог для отладки
            return;
        }

        // Попытка найти родительский элемент с классом '.defEditor' или '#ProfilePoster'
        const defEditorElement = event.target.closest(".defEditor");
        const profilePosterElement = event.target.closest("#ProfilePoster");
        const parentEl = defEditorElement ?? profilePosterElement;

        const inputElement = parentEl?.querySelector('.fr-element.fr-view[contenteditable="true"]');
        if (!inputElement) {
            return;
        }

        if (isInvalidAction(inputElement)) {
            return;
        }

        updateHtmlContent(inputElement);
        handleSendMessage(inputElement);
    }

    // Функция для обработки нажатия клавиши Enter
    function handleEnterKey(event) {
        // Проверяем состояние hideOnEnter
        if (!hideOnEnter) {
            // Если галочка не включена, просто предотвращаем действие Enter
            return;
        }

        const inputSearchElement = document.querySelector('input[name="keywords"]');
        if (event.target === inputSearchElement && event.key === "Enter") {
            console.log("Поиск выполнен: ", inputSearchElement.value);
            return;
        }

        // Проверка, находимся ли мы в одной из форм, где нужно заблокировать Enter
        const formElement = event.target.closest(
            'form[action="conversations/insert"], ' +
            'form[action^="posts/"][action$="/save-inline"], ' +
            'form[action^="profile-posts/comments/"][action$="/edit"]',
        );

        if (formElement) {
            return; // Если фокус на одной из форм, просто выходим
        }

        // Проверяем, это клавиша Enter без зажатого Shift
        if (!(event.key === "Enter" || event.keyCode === 13) || event.shiftKey) {
            return; // Если это не Enter или зажат Shift, выходим
        }

        // Определяем, это ли редактор или чат
        const inputElement = document.querySelector(
            '.fr-element.fr-view[contenteditable="true"]:focus',
        );
        if (!inputElement) {
            return;
        }

        if (isInvalidAction(inputElement)) {
            return;
        }

        event.preventDefault(); // Предотвращаем стандартное поведение
        event.stopPropagation(); // Останавливаем дальнейшую обработку события

        updateHtmlContent(inputElement);
        handleSendMessage(inputElement);
    }

    // Добавляем обработчик события клика на кнопку отправки сообщения
    document.addEventListener("mousedown", (event) => {
        const sendButton = event.target.closest(
            ".lzt-fe-se-sendMessageButton, .button.primary.mbottom, .submitUnit .button.primary",
        );
        if (!sendButton) {
            return;
        }

        handleSendMessageButtonClick(event);
    });

    // Добавляем обработчик нажатия клавиши Enter только в редакторе и чате
    document.addEventListener("keydown", handleEnterKey, true);

    let settings = JSON.parse(localStorage.getItem(storageKey)) || {};
    let addWordsOnCreate = settings.addWordsOnCreate || false;

    // Обработчик для кнопки "Создать тему"
    document.addEventListener("click", function (event) {
        const button = event.target;
        // Проверяем, если это кнопка "Создать тему"
        if (!(button.type === "submit" && button.value === "Создать тему")) {
            return;
        }

        console.log("Кнопка 'Создать тему' нажата");
        const inputElement = document.querySelector('.fr-element.fr-view[contenteditable="true"]');
        if (!inputElement) {
            return;
        }

        updateHtmlContent(inputElement, "theme");
    });

    // Создаем кнопку шестеренки
    const gearButton = document.createElement("button");
    gearButton.id = "SettingsSwitcherHide"; // Добавляем id для использования в стилях
    gearButton.classList.add("PopupControl", "Tooltip"); // Добавляем классы для соответствия стилям

    // Применяем стили к кнопке
    gearButton.style.position = "absolute";
    gearButton.style.right = "15px";
    gearButton.style.top = "45%";
    gearButton.style.transform = "translateY(-50%)";
    gearButton.style.width = "22px";
    gearButton.style.height = "22px";
    gearButton.style.color = "#b3b3b3";
    gearButton.style.background = "none";
    gearButton.style.border = "none";
    gearButton.style.cursor = "pointer";
    gearButton.style.fontSize = "22px";
    gearButton.style.display = "inline-flex";
    gearButton.style.alignItems = "center";
    gearButton.style.justifyContent = "center";
    gearButton.style.padding = "0";
    gearButton.style.lineHeight = "25px";

    // Добавляем атрибут title для подсказки
    gearButton.setAttribute("title", "Настройки AutoHideLZT");

    // Добавляем кнопку в DOM
    document.body.appendChild(gearButton);

    // Создаем элемент <span> для текста подсказки
    const tooltip = document.createElement("span");
    tooltip.textContent = "Настройки AutoHideLZT";
    tooltip.style.position = "absolute";
    tooltip.style.background = "#333";
    tooltip.style.color = "#fff";
    tooltip.style.padding = "5px";
    tooltip.style.borderRadius = "4px";
    tooltip.style.visibility = "hidden"; // Скрываем подсказку по умолчанию
    tooltip.style.zIndex = "1000"; // Устанавливаем z-index для отображения над другими элементами
    tooltip.style.whiteSpace = "nowrap"; // Запрет на перенос текста
    tooltip.style.top = "50%"; // Центрируем по вертикали
    tooltip.style.left = "35px"; // Положение относительно кнопки
    tooltip.style.transform = "translateY(-50%)"; // Центрируем по вертикали

    // Добавляем стили для псевдоэлементов через <style>
    const style = document.createElement("style");
    style.textContent = `
#SettingsSwitcherHide::before {
    width: 22px;
    height: 22px;
    content: '';
    display: inline-block;
    background-image: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2720%27 height=%2720%27 stroke=%27rgb(140,140,140)%27 stroke-width=%272%27 fill=%27none%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27css-i6dzq1%27%3E%3Cpath d=%27M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 0 0-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 0 0-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 0 0-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 0 0-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 0 0 1.066-2.573c-.94-1.543.826-3.31 2.37-2.37c1 .608 2.296.07 2.572-1.065%27/%3E%3Cpath d=%27M9 12a3 3 0 1 0 6 0a3 3 0 0 0-6 0%27/%3E%3C/svg%3E');
    background-size: 22px 22px;
}

#SettingsSwitcherHide:hover::before {
    background-image: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2720%27 height=%2720%27 stroke=%27rgb(58, 169, 119)%27 stroke-width=%272%27 fill=%27none%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 class=%27css-i6dzq1%27%3E%3Cpath d=%27M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 0 0-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 0 0-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 0 0-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 0 0-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 0 0 1.066-2.573c-.94-1.543.826-3.31 2.37-2.37c1 .608 2.296.07 2.572-1.065%27/%3E%3Cpath d=%27M9 12a3 3 0 1 0 6 0a3 3 0 0 0-6 0%27/%3E%3C/svg%3E');
}

#SettingsSwitcherHide.setAttribute("data-cachedtitle", "Настройки AutoHideLZT");
`;

    // Вставляем стили в head
    document.head.appendChild(style);

    // Инициализация Tooltip после добавления кнопки в DOM
    XenForo.Tooltip($(gearButton));

    // Находим элемент списка для кнопки профиля
    const profileListItem = document.querySelector("#AccountMenu > ul > li:nth-child(1)");
    if (profileListItem) {
        profileListItem.style.position = "relative";
        profileListItem.appendChild(gearButton);

        gearButton.addEventListener("pointerdown", (event) => {
            event.stopPropagation();
            toggleSettingsMenu();
            // Принудительно обновляем состояние меню после первого клика
            setTimeout(() => {
                settingsMenu.style.visibility = "visible";
                settingsMenu.style.opacity = 1;
                settingsMenu.style.transform = "translateY(0)";
            }, 50); // Микрозадержка для корректного рендеринга
        });
    } else {
        console.error("Элемент списка профиля не найден.");
    }

    // Создание меню настроек
    const settingsMenu = document.createElement("div");
    settingsMenu.style.position = "fixed";
    settingsMenu.style.backgroundColor = "#272727";
    settingsMenu.style.color = "white";
    settingsMenu.style.padding = "10px";
    settingsMenu.style.borderRadius = "6px";
    settingsMenu.style.visibility = "hidden";
    settingsMenu.style.opacity = 0;
    settingsMenu.style.transform = "translateY(-10px)"; // Начальная позиция для анимации
    settingsMenu.style.zIndex = "9999";
    settingsMenu.style.right = "0px";
    settingsMenu.style.top = "0px";
    settingsMenu.style.height = "247px";
    settingsMenu.style.width = "350px";
    settingsMenu.style.transition =
        "opacity 100ms linear, transform 100ms linear, visibility 100ms linear";
    settingsMenu.style.outline = "1px solid #363636";

    // Заголовок меню
    const settingsTitle = document.createElement("h3");
    settingsTitle.textContent = "Настройки AutoHideLZT";
    settingsTitle.style.margin = "0";
    settingsTitle.style.color = "white";
    settingsTitle.style.position = "relative";
    settingsTitle.style.top = "-5px";
    settingsTitle.style.display = "inline-block";
    settingsTitle.style.fontFamily =
        "-apple-system, BlinkMacSystemFont, 'Open Sans', HelveticaNeue, sans-serif";
    settingsTitle.style.fontWeight = "bold"; // Это делает текст жирным
    settingsMenu.appendChild(settingsTitle);

    // Кнопка закрытия меню
    const closeButton = document.createElement("button");
    closeButton.innerHTML = `
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'>
    <line x1='6' y1='6' x2='18' y2='18' stroke='currentColor' stroke-width='2'/>
    <line x1='18' y1='6' x2='6' y2='18' stroke='currentColor' stroke-width='2'/>
</svg>
`;
    closeButton.style.color = "white";
    closeButton.style.backgroundColor = "transparent";
    closeButton.style.border = "none";
    closeButton.style.cursor = "pointer";
    closeButton.style.width = "30px";
    closeButton.style.height = "30px";
    closeButton.style.position = "absolute";
    closeButton.style.top = "0px";
    closeButton.style.right = "0px";

    closeButton.onclick = () => {
        closeSettingsMenu();
    };

    settingsMenu.appendChild(closeButton);

    // Поле для ввода User ID
    const userIdInput = document.createElement("input");
    userIdInput.classList.add("textCtrl");
    userIdInput.placeholder = "Введите User ID через запятую";
    userIdInput.style.fontFamily =
        "-apple-system, BlinkMacSystemFont, 'Open Sans', HelveticaNeue, sans-serif";
    userIdInput.style.width = "100%";
    userIdInput.style.marginBottom = "5px";
    userIdInput.value = exceptIds;

    // Создаем контейнер для кнопок
    const buttonsContainer = document.createElement("div");
    buttonsContainer.style.display = "flex";
    buttonsContainer.style.justifyContent = "flex-start"; // Выравнивание по левому краю
    buttonsContainer.style.marginTop = "0px"; // Отступ сверху

    // Создаем контейнер для your words
    const wordsPositionContainer = document.createElement("div");
    wordsPositionContainer.style.display = "flex";
    wordsPositionContainer.style.flexDirection = "column";
    wordsPositionContainer.style.margin = "10px 0 2px";

    // Кнопка сохранения
    const saveButton = document.createElement("button");
    saveButton.classList.add("button", "primary");
    saveButton.textContent = "Сохранить";
    saveButton.style.marginRight = "5px"; // Отступ от кнопки справа
    saveButton.style.marginTop = "3px";
    saveButton.style.padding = "0px 5px";
    saveButton.style.fontSize = "12px";
    saveButton.style.height = "26px";
    saveButton.style.lineHeight = "26px";

    // Кнопка отмены
    const cancelButton = document.createElement("button");
    cancelButton.classList.add("button", "primary", "small-button");
    cancelButton.textContent = "Отмена";
    cancelButton.style.marginTop = "3px";
    cancelButton.style.padding = "0px 5px";
    cancelButton.style.fontSize = "12px";
    cancelButton.style.height = "26px";
    cancelButton.style.lineHeight = "26px";
    cancelButton.onclick = () => {
        userIdInput.value = exceptIds;
        yourWordsInput.value = yourWords; // Возвращаем исходные данные
        closeSettingsMenu();
    };

    // Чекбокс для включения/выключения хайда по Enter
    const hideOnEnterCheckbox = document.createElement("input");
    hideOnEnterCheckbox.type = "checkbox";
    hideOnEnterCheckbox.checked = hideOnEnter; // Устанавливаем значение чекбокса
    hideOnEnterCheckbox.id = "hideOnEnterCheckbox";

    const hideOnEnterLabel = document.createElement("label");
    hideOnEnterLabel.textContent = "Добавлять хайд по Enter";
    hideOnEnterLabel.setAttribute("for", "hideOnEnterCheckbox"); // Связываем метку с чекбоксом
    hideOnEnterLabel.style.fontFamily =
        "-apple-system, BlinkMacSystemFont, 'Open Sans', HelveticaNeue, sans-serif";
    hideOnEnterLabel.style.fontSize = "12px";
    hideOnEnterLabel.style.marginLeft = "-2px"; // Отступ для метки

    // Чекбокс для включения/выключения хайда по кнопке отправки
    const hideOnButtonCheckbox = document.createElement("input");
    hideOnButtonCheckbox.type = "checkbox";
    hideOnButtonCheckbox.checked = hideOnButton;
    hideOnButtonCheckbox.id = "hideOnButtonCheckbox";
    hideOnButtonCheckbox.style.marginTop = "2px"; // Отступ между чекбоксами

    const hideOnButtonLabel = document.createElement("label");
    hideOnButtonLabel.textContent = "Добавлять хайд по кнопке отправки";
    hideOnButtonLabel.setAttribute("for", "hideOnButtonCheckbox");
    hideOnButtonLabel.style.fontFamily =
        "-apple-system, BlinkMacSystemFont, 'Open Sans', HelveticaNeue, sans-serif";
    hideOnButtonLabel.style.fontSize = "12px";
    hideOnButtonLabel.style.marginLeft = "-2px"; // Отступ для метки

    // Чекбокс для включения/выключения хайда при создании темы
    const hideOnCreateCheckbox = document.createElement("input");
    hideOnCreateCheckbox.type = "checkbox";
    hideOnCreateCheckbox.checked = hideOnCreate;
    hideOnCreateCheckbox.id = "hideOnCreateCheckbox";
    hideOnCreateCheckbox.style.marginTop = "2px"; // Отступ между чекбоксами

    const hideOnCreateLabel = document.createElement("label");
    hideOnCreateLabel.textContent = "Добавлять хайд при создании темы";
    hideOnCreateLabel.setAttribute("for", "hideOnCreateCheckbox");
    hideOnCreateLabel.style.fontFamily =
        "-apple-system, BlinkMacSystemFont, 'Open Sans', HelveticaNeue, sans-serif";
    hideOnCreateLabel.style.fontSize = "12px";
    hideOnCreateLabel.style.marginLeft = "-2px"; // Отступ для метки

    // Чекбокс для добавления yourWords при создании темы
    const addWordsOnCreateCheckbox = document.createElement("input");
    addWordsOnCreateCheckbox.type = "checkbox";
    addWordsOnCreateCheckbox.checked = addWordsOnCreate;
    addWordsOnCreateCheckbox.id = "addWordsOnCreateCheckbox";
    addWordsOnCreateCheckbox.style.marginTop = "6px"; // Отступ между чекбоксами

    const addWordsOnCreateLabel = document.createElement("label");
    addWordsOnCreateLabel.textContent = "Добавлять yourWords при создании темы";
    addWordsOnCreateLabel.setAttribute("for", "addWordsOnCreateCheckbox");
    addWordsOnCreateLabel.style.fontFamily =
        "-apple-system, BlinkMacSystemFont, 'Open Sans', HelveticaNeue, sans-serif";
    addWordsOnCreateLabel.style.fontSize = "12px";
    addWordsOnCreateLabel.style.marginLeft = "-2px";
    addWordsOnCreateLabel.style.marginTop = "6px";

    const addWordsContainer = document.createElement("div");
    addWordsContainer.style.display = "flex";
    addWordsContainer.append(addWordsOnCreateCheckbox, addWordsOnCreateLabel);

    const yourWordsHeader = document.createElement("h3");
    yourWordsHeader.textContent = "Настройки yourWords";
    yourWordsHeader.style.margin = "0";
    yourWordsHeader.style.color = "white";
    yourWordsHeader.style.position = "relative";
    yourWordsHeader.style.top = "-5px";
    yourWordsHeader.style.display = "inline-block";
    yourWordsHeader.style.fontFamily =
        "-apple-system, BlinkMacSystemFont, 'Open Sans', HelveticaNeue, sans-serif";
    yourWordsHeader.style.fontWeight = "bold";

    // Поле для ввода "yourwords"
    const yourWordsInput = document.createElement("input");
    yourWordsInput.classList.add("textCtrl");
    yourWordsInput.placeholder = "Ваши слова, перенос через <br>";
    yourWordsInput.style.fontFamily =
        "-apple-system, BlinkMacSystemFont, 'Open Sans', HelveticaNeue, sans-serif";
    yourWordsInput.style.width = "100%";
    yourWordsInput.style.marginBottom = "5px";
    yourWordsInput.value = yourWords;

    // Выбор положения yourWords
    const wordsPositionSelect = document.createElement("select");
    wordsPositionSelect.classList.add("textCtrl", "Lzt-PrettySelect");
    wordsPositionSelect.id = "wordsPositionSelect";
    wordsPositionSelect.style.marginBottom = "-10px";
    const wordsPositionOptions = availableWordsPositions.map((wordsPositionItem) => {
        const option = document.createElement("option");
        option.value = wordsPositionItem;
        option.textContent = wordsPositionPhrases[wordsPositionItem];
        option.selected = wordsPositionItem === wordsPosition;
        return option;
    });
    const wordsPositionGroup = document.createElement("optgroup");
    wordsPositionGroup.label = "Положение слов";
    wordsPositionGroup.append(...wordsPositionOptions);
    wordsPositionSelect.append(wordsPositionGroup);
    wordsPositionContainer.append(
        yourWordsHeader,
        yourWordsInput,
        wordsPositionSelect,
        addWordsContainer
    );

    // Добавляем кнопки в контейнер
    buttonsContainer.appendChild(saveButton);
    buttonsContainer.appendChild(cancelButton);

    // Добавляем чекбоксы и кнопки в меню настроек
    settingsMenu.appendChild(userIdInput);
    settingsMenu.appendChild(document.createElement("br"));
    settingsMenu.appendChild(hideOnEnterCheckbox);
    settingsMenu.appendChild(hideOnEnterLabel);
    settingsMenu.appendChild(document.createElement("br"));
    settingsMenu.appendChild(hideOnButtonCheckbox);
    settingsMenu.appendChild(hideOnButtonLabel);
    settingsMenu.appendChild(document.createElement("br"));
    settingsMenu.appendChild(hideOnCreateCheckbox);
    settingsMenu.appendChild(hideOnCreateLabel);
    settingsMenu.appendChild(document.createElement("br"));
    settingsMenu.appendChild(wordsPositionContainer);
    // settingsMenu.appendChild(addWordsOnCreateCheckbox);

    // settingsMenu.appendChild(addWordsOnCreateLabel);
    settingsMenu.appendChild(buttonsContainer);

    const $wordsPositionSelect = $(wordsPositionSelect);
    magicChosen($wordsPositionSelect);

    document.body.appendChild(settingsMenu);

    // Сохраняем состояние чекбоксов и полей ввода при нажатии кнопки "Сохранить"
    saveButton.onclick = () => {
        exceptIds = userIdInput.value;
        yourWords = yourWordsInput.value;
        wordsPosition = $(wordsPositionSelect).val();
        hideOnButton = hideOnButtonCheckbox.checked;
        addWordsOnCreate = addWordsOnCreateCheckbox.checked;
        hideOnCreate = hideOnCreateCheckbox.checked;
        hideOnEnter = hideOnEnterCheckbox.checked;
        localStorage.setItem(
            storageKey,
            JSON.stringify({
                exceptIds,
                hideOnButton,
                yourWords,
                wordsPosition,
                addWordsOnCreate,
                hideOnCreate,
                hideOnEnter,
            }),
        );
        xfAlert("Настройки сохранены");
        closeSettingsMenu();
    };

    // Кнопка отмены
    cancelButton.onclick = () => {
        userIdInput.value = exceptIds; // Восстановить исходные значения userid
        yourWordsInput.value = yourWords; // Восстановить yourWords
        $(wordsPositionSelect).val(wordsPosition).trigger("chosen:updated");
        hideOnButtonCheckbox.checked = hideOnButton; // Восстановить исходное значение hideOnButton
        addWordsOnCreateCheckbox.checked = addWordsOnCreate; // Восстановить addWordsOnCreate
        hideOnCreateCheckbox.checked = hideOnCreate; // Восстановить hideOnCreate
        hideOnEnterCheckbox.checked = hideOnEnter; // Восстановить hideOnEnter
        closeSettingsMenu();
    };

    function toggleSettingsMenu() {
        if (settingsMenu.style.visibility === "hidden" || settingsMenu.style.visibility === "") {
            settingsMenu.style.visibility = "visible";
            settingsMenu.style.opacity = 1;
            settingsMenu.style.transform = "translateY(0)";
        } else {
            closeSettingsMenu();
        }
    }

    // Функция закрытия меню
    function closeSettingsMenu() {
        settingsMenu.style.opacity = 0;
        settingsMenu.style.transform = "translateY(-10px)";
        setTimeout(() => {
            settingsMenu.style.visibility = "hidden";
        }, 300);
    }

    // Автор копирования айди по кнопке в профиле https://lolz.live/el9in/
    const followContainer =
          document.querySelector("div.followContainer") ||
          document.querySelector("a.button.full.followContainer.OverlayTrigger");
    if (followContainer) {
        const idContainer = document.createElement("div");
        idContainer.className = "idContainer";
        const idButton = document.createElement("a");
        idButton.className = "idButton button block OverlayTrigger";
        idButton.setAttribute("title", "");
        idButton.setAttribute("id", "");
        idButton.setAttribute("data-cacheoverlay", "false");
        idButton.textContent = "Скопировать ID";
        idContainer.appendChild(idButton);
        followContainer.insertAdjacentElement("afterend", idContainer);

        idButton.addEventListener("click", function () {
            const userContentLinks = document.querySelector("div.userContentLinks");
            const firstLink = userContentLinks.querySelector("a.button:nth-child(2)");
            const href = firstLink.getAttribute("href");
            const hrefText = href.match(/\/(\d+)\//)[1];
            if ((hrefText | 0) != 0) {
                const userId = hrefText | 0;
                navigator.clipboard
                    .writeText(userId)
                    .then(() => {
                    // Уведомление об успешном копировании
                    xfAlert("ID успешно скопирован: " + userId);
                })
                    .catch((err) => {
                    // Обработка ошибок копирования
                    console.error("Ошибка копирования: ", err);
                    xfAlert("Ошибка копирования ID. Попробуйте еще раз.");
                });
            }
        });
    }

    const mediaQuery = window.matchMedia("(max-width: 768px)");
    if (!mediaQuery.matches) return; // Только для мобильных

    const profileButton = Array.from(document.querySelectorAll('a.button')).find(btn => btn.textContent.trim() === "Перейти в профиль");
    if (!profileButton) return;

    // Создаём обёртку вокруг кнопки
    const wrapper = document.createElement("div");
    wrapper.style.display = "inline-flex";
    wrapper.style.alignItems = "center";
    wrapper.style.gap = "8px"; // расстояние между кнопкой и шестеренкой

    profileButton.parentNode.insertBefore(wrapper, profileButton);
    wrapper.appendChild(profileButton);

    const gearButtona = document.createElement("button");
    gearButtona.id = "SettingsSwitcherMobile";
    gearButtona.classList.add("PopupControl", "Tooltip");

    gearButtona.style.width = "24px";
    gearButtona.style.height = "24px";
    gearButtona.style.background = "none";
    gearButtona.style.border = "none";
    gearButtona.style.padding = "0";
    gearButtona.style.cursor = "pointer";
    gearButtona.style.zIndex = "10";
    gearButtona.setAttribute("title", "Настройки AutoHideLZT");

    gearButtona.innerHTML = `
        <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='22' height='22' fill='none' stroke='#b3b3b3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'>
            <path d='M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 0 0-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 0 0-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 0 0-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 0 0-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 0 0 1.066-2.573c-.94-1.543.826-3.31 2.37-2.37c1 .608 2.296.07 2.572-1.065'/>
            <path d='M9 12a3 3 0 1 0 6 0a3 3 0 0 0-6 0'/>
        </svg>
    `;

    wrapper.appendChild(gearButtona);

    gearButtona.addEventListener("pointerdown", (event) => {
        event.stopPropagation();
        toggleSettingsMenu();
        setTimeout(() => {
            settingsMenu.style.visibility = "visible";
            settingsMenu.style.opacity = 1;
            settingsMenu.style.transform = "translateY(0)";
        }, 50);
    });
})();

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址