// ==UserScript==
// @name LZT Local Uniq
// @version 1.1.3
// @description Some useful utilities for Lolzteam
// @description:ru Локальный уник
// @icon https://cdn.jsdelivr.net/gh/ilyhalight/[email protected]/public/static/img/lzt-upgrade-mini.png
// @author Toquio
// @license MIT
// @namespace lztlocaluniq
// @match https://lolz.live/*
// @match https://zelenka.guru/*
// @match https://lolz.guru/*
// @match https://lzt.market/*
// @connect greasyfork.org
// @grant GM_getResourceText
// @grant GM_addStyle
// @grant GM_xmlhttpRequest
// @grant GM_info
// @grant GM_setValue
// @grant GM_getValue
// @grant GM_deleteValue
// @grant GM_listValues
// @run-at document-start
// ==/UserScript==
(function() {
'use strict';
// ====================КОНФИГУРАЦИЯ ====================
const MEGA_CONFIG = {
VERSION: '1.1',
UPDATE_INTERVAL: 1000,
OBSERVER_DEBOUNCE: 100,
MAX_RETRIES: 10,
DEBUG: true,
THEMES: {
DARK: {
name: 'Тёмная',
bg: '#1a1a1a',
card: '#2a2a2a',
text: '#ffffff',
accent: '#ff6b6b',
secondary: '#4ecdc4',
border: '#444',
glow: '0 0 30px rgba(255, 107, 107, 0.6)'
},
BLUE: {
name: 'Синяя',
bg: '#0a1929',
card: '#1a2b3c',
text: '#e1f5fe',
accent: '#2196f3',
secondary: '#00bcd4',
border: '#1565c0',
glow: '0 0 30px rgba(33, 150, 243, 0.6)'
},
GREEN: {
name: 'Зелёная',
bg: '#0d1f0d',
card: '#1a2e1a',
text: '#e8f5e8',
accent: '#4caf50',
secondary: '#8bc34a',
border: '#388e3c',
glow: '0 0 30px rgba(76, 175, 80, 0.6)'
},
PURPLE: {
name: 'Фиолетовая',
bg: '#1a0d2e',
card: '#2a1a3c',
text: '#f3e5f5',
accent: '#9c27b0',
secondary: '#ba68c8',
border: '#7b1fa2',
glow: '0 0 30px rgba(156, 39, 176, 0.6)'
},
PINK: {
name: 'Розовая',
bg: '#2e0d1a',
card: '#3c1a2a',
text: '#fce4ec',
accent: '#e91e63',
secondary: '#f06292',
border: '#ad1457',
glow: '0 0 30px rgba(233, 30, 99, 0.6)'
},
NEON: {
name: 'Неоновая',
bg: '#0a0a0a',
card: '#1a1a1a',
text: '#00ff00',
accent: '#00ffff',
secondary: '#ff00ff',
border: '#00ff00',
glow: '0 0 40px rgba(0, 255, 255, 0.8)'
},
GOLD: {
name: 'Золотая',
bg: '#1a1200',
card: '#2a1a00',
text: '#ffd700',
accent: '#ffb300',
secondary: '#ff9800',
border: '#b8860b',
glow: '0 0 35px rgba(255, 215, 0, 0.7)'
}
},
GLOW_EFFECTS: {
NONE: { name: 'Нет', value: 'none' },
SOFT: { name: 'Мягкое', value: '0 0 20px rgba(255, 255, 255, 0.3)' },
ACCENT: { name: 'Акцентное', value: 'current' },
NEON: { name: 'Неоновое', value: '0 0 30px currentColor' },
INTENSE: { name: 'Интенсивное', value: '0 0 40px currentColor, 0 0 60px rgba(255, 255, 255, 0.2)' },
PULSATING: { name: 'Пульсирующее', value: '0 0 25px currentColor' }
},
ICONS: {
}
};
// ==================== СИСТЕМА ЛОГГИРОВАНИЯ ====================
class MegaLogger {
static log(...args) {
if (MEGA_CONFIG.DEBUG) {
console.log(`%c LZT MEGA v${MEGA_CONFIG.VERSION}:`, 'color: #4ecdc4; font-weight: bold', ...args);
}
}
static error(...args) {
console.error(`%c LZT MEGA ERROR:`, 'color: #ff6b6b; font-weight: bold', ...args);
}
static warn(...args) {
console.warn(`%c LZT MEGA WARN:`, 'color: #ff9800; font-weight: bold', ...args);
}
static success(...args) {
console.log(`%c LZT MEGA SUCCESS:`, 'color: #4caf50; font-weight: bold', ...args);
}
}
// ==================== СИСТЕМА ХРАНЕНИЯ ====================
class MegaStorage {
static getSettings() {
try {
const settings = GM_getValue('megaUniq-settings');
if (settings) {
MegaLogger.log('Настройки загружены из GM:', settings);
return settings;
}
// Если нет настроек в GM, пробуем загрузить из localStorage (для обратной совместимости)
return this.getSettingsFromLocalStorage();
} catch (e) {
MegaLogger.error('Ошибка загрузки настроек:', e);
return this.getDefaultSettings();
}
}
static saveSettings(settings) {
try {
// Сохраняем в GM (кросс-доменно)
GM_setValue('megaUniq-settings', settings);
// Также сохраняем в localStorage для обратной совместимости
this.saveSettingsToLocalStorage(settings);
MegaLogger.success('Настройки сохранены в GM хранилище');
return true;
} catch (e) {
MegaLogger.error('Ошибка сохранения настроек:', e);
return false;
}
}
// Методы для обратной совместимости с localStorage
static getSettingsFromLocalStorage() {
try {
const settings = {
myId: localStorage.getItem('megaUniq-myId') || '',
myName: localStorage.getItem('megaUniq-myName') || '',
username: localStorage.getItem('megaUniq-username') || '',
banner: localStorage.getItem('megaUniq-banner') || '',
usernameCss: localStorage.getItem('megaUniq-username-css') || '',
bannerCss: localStorage.getItem('megaUniq-banner-css') || '',
theme: localStorage.getItem('megaUniq-theme') || 'DARK',
autoDetect: localStorage.getItem('megaUniq-autoDetect') !== 'false',
lastUpdate: localStorage.getItem('megaUniq-lastUpdate') || '',
usageCount: parseInt(localStorage.getItem('megaUniq-usageCount') || '0')
};
// Если есть настройки в localStorage, переносим их в GM
if (settings.myId || settings.myName) {
this.saveSettings(settings);
MegaLogger.log('Настройки мигрированы из localStorage в GM');
}
return settings;
} catch (e) {
return this.getDefaultSettings();
}
}
static saveSettingsToLocalStorage(settings) {
try {
localStorage.setItem('megaUniq-myId', settings.myId || '');
localStorage.setItem('megaUniq-myName', settings.myName || '');
localStorage.setItem('megaUniq-username', settings.username || '');
localStorage.setItem('megaUniq-banner', settings.banner || '');
localStorage.setItem('megaUniq-username-css', settings.usernameCss || '');
localStorage.setItem('megaUniq-banner-css', settings.bannerCss || '');
localStorage.setItem('megaUniq-theme', settings.theme || 'DARK');
localStorage.setItem('megaUniq-autoDetect', settings.autoDetect ? 'true' : 'false');
localStorage.setItem('megaUniq-lastUpdate', new Date().toISOString());
localStorage.setItem('megaUniq-usageCount', (settings.usageCount || 0).toString());
} catch (e) {
MegaLogger.error('Ошибка сохранения в localStorage:', e);
}
}
static getDefaultSettings() {
return {
myId: '',
myName: '',
username: '',
banner: '',
usernameCss: '',
bannerCss: '',
theme: 'DARK',
autoDetect: true,
lastUpdate: '',
usageCount: 0
};
}
static clearCache() {
try {
// Очищаем GM хранилище
const values = GM_listValues();
values.forEach(key => {
if (key.includes('megaUniq')) {
GM_deleteValue(key);
}
});
// Очищаем localStorage
const keys = Object.keys(localStorage).filter(key => key.startsWith('megaUniq-'));
keys.forEach(key => localStorage.removeItem(key));
MegaLogger.log('Кэш очищен в GM и localStorage');
return keys.length;
} catch (e) {
MegaLogger.error('Ошибка очистки кэша:', e);
return 0;
}
}
static getStorageInfo() {
try {
const settings = GM_getValue('megaUniq-settings');
const size = settings ? JSON.stringify(settings).length : 0;
return { keys: 1, size: size };
} catch (e) {
return { keys: 0, size: 0 };
}
}
}
// ==================== СИСТЕМА ОБРАБОТКИ DOM ====================
class MegaDOMProcessor {
constructor(settings) {
this.settings = settings;
this.processedElements = new WeakSet();
this.retryCount = 0;
this.lastProcessed = 0;
}
// В класс MegaDOMProcessor добавить метод:
getActualUsername() {
return this.settings.username || this.settings.myName;
}
// ПРОЦЕССИНГ:
applyMegaUniq() {
// УСИЛЕННАЯ ПРОВЕРКА: требуем только myId и myName, остальное опционально
if (!this.settings.myId || !this.settings.myName) {
MegaLogger.warn('Не заданы обязательные настройки: ID и текущий ник');
return false;
}
const startTime = Date.now();
MegaLogger.log(`Запуск мега-обработки для: ${this.settings.myName} (ID: ${this.settings.myId})`);
try {
// Очищаем предыдущие обработки
this.processedElements = new WeakSet();
// Последовательная обработка ВСЕХ элементов
const processors = [
() => this.processUserLinks(),
() => this.processBanners(),
() => this.processBadgeIcons(),
// () => this.processProfileBanners(),
// () => this.processAvatars(),
// () => this.processIcons(),
// () => this.processTextNodes(),
// () => this.processPageTitle(),
// () => this.processRichContent(),
// () => this.processMetaTags(),
// () => this.processNavigation(),
// () => this.processTooltips()
];
processors.forEach(processor => processor());
this.retryCount = 0;
const duration = Date.now() - startTime;
MegaLogger.success(`Мега-обработка завершена за ${duration}ms`);
this.lastProcessed = Date.now();
return true;
} catch (error) {
MegaLogger.error('Критическая ошибка обработки:', error);
this.retryCount++;
if (this.retryCount <= MEGA_CONFIG.MAX_RETRIES) {
setTimeout(() => this.applyMegaUniq(), 100);
}
return false;
}
}
// 1. ОБРАБОТКА ССЫЛОК И ЭЛЕМЕНТОВ ИМЕНИ
processUserLinks() {
const selectors = [
`a[href*="/members/${this.settings.myId}/"]`,
`a[href*="/members/${this.settings.myId}?"]`,
`a[href*="/members/${this.settings.myId}"]`,
`a[href*="user_id=${this.settings.myId}"]`,
`[href*="/members/${this.settings.myId}/"]`,
`h1.username span`,
`#NavigationAccountUsername span`,
`.username span`,
`.accountUsername span`,
`[itemprop="name"] span`,
`h1.username`,
`#NavigationAccountUsername`,
`.accountUsername`,
`[itemprop="name"]`,
`.marketSidebarUserHeadInformation .username span`, // Ник в боковой панели
`.marketItemView--sidebarUser--Username .username span`, // Ник в боковой панели (альтернативный)
`.notranslate.username span`, // Любые никнеймы с классом notranslate
`a.notranslate.username span` // Ссылки-никнеймы с notranslate
];
selectors.forEach(selector => {
try {
document.querySelectorAll(selector).forEach(element => {
if (this.processedElements.has(element)) return;
if (element.tagName === 'A' || element.href) {
this.processLinkElement(element);
} else {
this.processUsernameElement(element);
}
this.processedElements.add(element);
});
} catch (e) {
MegaLogger.error(`Ошибка селектора ${selector}:`, e);
}
});
document.querySelectorAll('a').forEach(link => {
if (link.textContent.includes(this.settings.myName) && !this.processedElements.has(link)) {
this.processLinkElement(link);
this.processedElements.add(link);
}
});
this.processSpecialUsernameElements();
}
processLinkElement(link) {
const usernameText = this.settings.username || this.settings.myName;
const finalText = this.settings.usernameIcon ?
`${this.settings.usernameIcon} ${usernameText}` : usernameText;
// Сохраняем оригинальную структуру
const originalHTML = link.innerHTML;
let newHTML = originalHTML;
// Умная замена: ищем текст содержащий имя пользователя
if (originalHTML.includes(this.settings.myName)) {
// Заменяем имя пользователя, сохраняя окружающий текст
newHTML = originalHTML.replace(
new RegExp(this.escapeRegExp(this.settings.myName), 'g'),
finalText
);
}
// Применяем изменения
if (newHTML !== originalHTML) {
link.innerHTML = newHTML;
}
// Применяем CSS - но теперь более аккуратно
if (this.settings.usernameCss) {
this.safeApplyStylesToUsernameInLink(link, this.settings.myName, finalText);
}
}
// Умное применение стилей только к имени в ссылке
safeApplyStylesToUsernameInLink(link, oldName, newName) {
// Ищем текстовые узлы, содержащие новое имя
const walker = document.createTreeWalker(
link,
NodeFilter.SHOW_TEXT,
null,
false
);
let textNode;
const nodesToProcess = [];
while (textNode = walker.nextNode()) {
if (textNode.textContent.includes(newName)) {
nodesToProcess.push(textNode);
}
}
// Обрабатываем найденные узлы
nodesToProcess.forEach(textNode => {
const parent = textNode.parentNode;
// Если родитель уже спан с нашими стилями - пропускаем
if (parent.classList && parent.classList.contains('mega-username-styled')) {
return;
}
// Разделяем текст на части до и после имени
const text = textNode.textContent;
const nameIndex = text.indexOf(newName);
if (nameIndex !== -1) {
const beforeText = text.substring(0, nameIndex);
const afterText = text.substring(nameIndex + newName.length);
// Создаем новые узлы
const beforeNode = document.createTextNode(beforeText);
const nameSpan = document.createElement('span');
const afterNode = document.createTextNode(afterText);
// Настраиваем спан с именем
nameSpan.className = 'mega-username-styled';
nameSpan.style.cssText = this.settings.usernameCss;
nameSpan.textContent = newName;
// Заменяем оригинальный текстовый узел
const fragment = document.createDocumentFragment();
if (beforeText) fragment.appendChild(beforeNode);
fragment.appendChild(nameSpan);
if (afterText) fragment.appendChild(afterNode);
parent.replaceChild(fragment, textNode);
}
});
}
processUsernameElement(element) {
if ((!this.settings.username || String(this.settings.username).trim()==='') &&
(!this.settings.usernameIcon || String(this.settings.usernameIcon).trim()==='') &&
(!this.settings.usernameCss || String(this.settings.usernameCss).trim()==='')) {
return;
}
const usernameText = this.settings.username || this.settings.myName;
const finalText = this.settings.usernameIcon ?
`${this.settings.usernameIcon} ${usernameText}` : usernameText;
const searchName = this.settings.myName;
const actualName = this.getActualUsername();
if (element.textContent.includes(searchName) || element.textContent.includes(actualName)) {
if (element.tagName === 'SPAN') {
const originalHTML = element.innerHTML;
const newHTML = originalHTML.replace(
new RegExp(this.escapeRegExp(this.settings.myName), 'g'),
finalText
);
if (newHTML !== originalHTML) {
element.innerHTML = newHTML;
}
} else {
element.textContent = element.textContent.replace(
new RegExp(this.escapeRegExp(this.settings.myName), 'g'),
finalText
);
}
if (this.settings.usernameCss && String(this.settings.usernameCss).trim() !== '') {
this.safeApplyStyles(element, this.settings.usernameCss);
}
}
}
processSpecialUsernameElements() {
const specialCases = [
{ selector: 'h1.username', innerSelector: 'span' },
{ selector: '#NavigationAccountUsername', innerSelector: 'span' },
{ selector: '.accountUsername', innerSelector: 'span' }
];
specialCases.forEach(specialCase => {
try {
document.querySelectorAll(specialCase.selector).forEach(container => {
if (this.processedElements.has(container)) return;
const innerElement = container.querySelector(specialCase.innerSelector);
if (innerElement && innerElement.textContent.includes(this.settings.myName)) {
this.processUsernameElement(innerElement);
this.processedElements.add(container);
}
});
} catch (e) {
MegaLogger.error(`Ошибка обработки специального случая ${specialCase.selector}:`, e);
}
});
}
// 2. ОБРАБОТКА ЛЫЧЕК
processBanners() {
const bannerSelectors = [
'em.userBanner',
'.userBanner',
'.userBannerWrapper',
'span.banner',
'div.banner'
];
bannerSelectors.forEach(selector => {
try {
document.querySelectorAll(selector).forEach(banner => {
if (this.processedElements.has(banner)) return;
// Пропускаем бейджи у аватарок
if (banner.classList.contains('avatarUserBadge') || banner.closest('.avatarUserBadge')) {
return;
}
// Проверяем, что это МОЯ лычка (и по старому и по новому нику)
if (this.isMyBanner(banner)) {
MegaLogger.log('Найдена МОЯ лычка:', banner);
this.processBannerElement(banner);
this.processedElements.add(banner);
}
});
} catch (e) {
MegaLogger.error(`Ошибка обработки баннеров ${selector}:`, e);
}
});
}
// Обработка SVG-иконки в бейдже аватара
processBadgeIcons() {
try {
const myId = String(this.settings.myId || '').trim();
const svg = String(this.settings.svgIcon || '').trim();
if (!myId || !svg) return;
const safeSvg = this.sanitizeSvg ? this.sanitizeSvg(svg) : svg;
// Ищем ВСЕ бейджи пользователя (включая те, что уже есть на форуме)
document.querySelectorAll(`
.avatarUserBadge,
.avatarUserBadges .avatarUserBadge,
.messageUserInfo .avatarUserBadge
`).forEach(badge => {
// Проверяем, что это МОЙ бейдж
const scope = badge.closest('.avatarHolder, .message, .comment, .profilePage, .memberCard, .messageUserInfo') || badge;
const isMine =
// Проверяем по классу (u7883978)
badge.classList.contains(`u${myId}`) ||
badge.closest(`.u${myId}`) ||
// Или по ссылке на профиль
!!(scope.querySelector(`a[href*="/members/${myId}/"]`)) ||
// Или по data-user
!!(scope.querySelector(`a.username[data-user="${myId}"], .username[data-user="${myId}"]`)) ||
// Или по классу аватара
!!(scope.querySelector(`a.avatar[class*="Av${myId}"]`));
if (!isMine) return;
// ОЧИЩАЕМ содержимое бейджа и добавляем нашу иконку
badge.innerHTML = '';
// Создаем контейнер для иконки
const iconBox = document.createElement('div');
iconBox.className = 'customUniqIcon';
iconBox.innerHTML = safeSvg;
iconBox.dataset.megaApplied = '1';
iconBox.setAttribute('data-owner-id', myId);
// Добавляем иконку в бейдж
badge.appendChild(iconBox);
// Применяем фон из настроек если нужно
if (this.settings.bannerCss) {
badge.style.cssText = this.settings.bannerCss;
}
});
} catch (e) {
try { MegaLogger.error('Ошибка применения SVG-иконки:', e); } catch(_) {}
}
}
processProfileBanners() {
if (!window.location.href.includes('/members/')) return;
const profileSelectors = [
'.mainProfileHeader .userBanner',
'.profilePage .userBanner',
'.userDetails .userBanner',
'[class*="profile"] .userBanner',
'.userBanner'
];
profileSelectors.forEach(selector => {
try {
document.querySelectorAll(selector).forEach(banner => {
if (this.processedElements.has(banner)) return;
// Пропускаем бейджи у аватарок в профиле
if (
banner.classList.contains('avatarUserBadge') ||
banner.closest('.avatarUserBadge')
) return;
if (window.location.href.includes(`/members/${this.settings.myId}/`)) {
MegaLogger.log('Найдена лычка в профиле:', banner);
this.processBannerElement(banner);
this.processedElements.add(banner);
}
});
} catch (e) {
MegaLogger.error(`Ошибка обработки профильных баннеров ${selector}:`, e);
}
});
}
isMyBanner(banner) {
const myId = String(this.settings.myId || '').trim().toLowerCase();
const myName = String(this.settings.myName || '').trim();
const actualUsername = this.getActualUsername(); // ← ДОБАВИТЬ
if (!myId && !myName) {
return false;
}
// 1. Проверяем URL страницы
const currentUrl = window.location.href.toLowerCase();
if (myId && currentUrl.includes(`/${myId}/`)) {
return true;
}
// 2. Для страниц профиля - ищем h1 с именем пользователя
if (currentUrl.match(/lolz\.live\/[^\/]+\/$/)) {
const profileHeader = document.querySelector('h1.username, .mainProfileHeader .username');
if (profileHeader) {
const profileName = profileHeader.textContent?.trim();
// Ищем и по старому и по новому нику ↓
if (profileName === myName || profileName === actualUsername) {
return true;
}
}
const profileTabs = document.querySelector('.profileNavigation');
if (profileTabs) {
return true;
}
}
// Для постов/сообщений
const container = banner.closest('.message, .messageUserInfo, .memberListItem, .userItem');
if (container) {
const usernameEl = container.querySelector('.username, a.username');
if (usernameEl) {
// Проверяем data-user-id
const userId = usernameEl.getAttribute('data-user-id');
if (userId && userId === myId) {
return true;
}
// Проверяем по тексту (и старый и новый ник) ↓
const usernameText = usernameEl.textContent?.trim();
if (usernameText === myName || usernameText === actualUsername) {
return true;
}
// Проверяем ссылку
const href = usernameEl.getAttribute('href');
if (href && href.includes(`/${myId}/`)) {
return true;
}
}
}
return false;
}
processBannerElement(banner) {
const bannerText = this.settings.banner || '';
const finalText = this.settings.bannerIcon ?
`${this.settings.bannerIcon} ${bannerText}` : bannerText;
MegaLogger.log('Обработка лычки:', banner, 'Текст:', finalText);
let textElement = banner.querySelector('strong') ||
banner.querySelector('span') ||
banner;
// Сохраняем оригинальные классы и структуру
const originalClasses = textElement.className;
const originalHTML = textElement.innerHTML;
const hasBanner = !!(this.settings.banner && String(this.settings.banner).trim() !== '');
const hasBannerIcon = !!(this.settings.bannerIcon && String(this.settings.bannerIcon).trim() !== '');
if (hasBanner || hasBannerIcon) {
if (!hasBanner && hasBannerIcon) {
const origText = (textElement.textContent || '').trim();
const icon = this.settings.bannerIcon ? (this.settings.bannerIcon + ' ') : '';
textElement.textContent = icon + origText;
} else {
textElement.textContent = finalText;
}
} else {
textElement.innerHTML = originalHTML;
}
textElement.className = originalClasses; // Восстанавливаем классы
if (this.settings.bannerCss && String(this.settings.bannerCss).trim() !== '') {
banner.style.cssText = '';
this.safeApplyStyles(banner, this.settings.bannerCss);
banner.querySelectorAll('strong, span').forEach(el => {
el.style.cssText = '';
this.safeApplyStyles(el, this.settings.bannerCss);
});
}
MegaLogger.log('Лычка обработана:', banner);
}
// ОБРАБОТКА АВАТАРОК
processAvatars() {
const avatarSelectors = [
'.avatar',
'[class*="avatar"]',
'.avatarScaler',
'.userImg',
'.profilePhoto',
'[class*="userImg"]',
'[class*="profilePhoto"]'
];
avatarSelectors.forEach(selector => {
try {
document.querySelectorAll(selector).forEach(avatar => {
if (this.processedElements.has(avatar)) return;
if (this.isMyAvatar(avatar)) {
this.processAvatarElement(avatar);
this.processedElements.add(avatar);
}
});
} catch (e) {
MegaLogger.error(`Ошибка обработки аватарок ${selector}:`, e);
}
});
}
isMyAvatar(avatar) {
return (avatar.href && avatar.href.includes(`/members/${this.settings.myId}/`)) ||
(avatar.closest && avatar.closest(`a[href*="/members/${this.settings.myId}/"]`)) ||
(avatar.querySelector && avatar.querySelector(`a[href*="/members/${this.settings.myId}/"]`));
}
processAvatarElement(avatar) {
const usernameText = this.settings.username || this.settings.myName;
const finalText = this.settings.avatarIcon ?
`${this.settings.avatarIcon} ${usernameText}` : usernameText;
if (this.settings.avatarIcon && !avatar.previousSibling?.textContent?.includes(this.settings.avatarIcon)) {
const iconSpan = document.createElement('span');
iconSpan.textContent = this.settings.avatarIcon + ' ';
iconSpan.style.marginRight = '5px';
avatar.parentNode.insertBefore(iconSpan, avatar);
}
if (this.settings.usernameCss && String(this.settings.usernameCss).trim() !== '') {
this.safeApplyStyles(avatar, this.settings.usernameCss);
}
}
// ОБРАБОТКА ИКОНОК
processIcons() {
if (!this.settings.avatarIcon && !this.settings.bannerIcon && !this.settings.usernameIcon) return;
document.querySelectorAll(`a[href*="/members/${this.settings.myId}/"]`).forEach(link => {
if (this.settings.usernameIcon && !link.textContent.includes(this.settings.usernameIcon)) {
link.innerHTML = this.settings.usernameIcon + ' ' + link.innerHTML;
}
});
}
// ОБРАБОТКА ТЕКСТОВЫХ УЗЛОВ
processTextNodes() {
try {
const walker = document.createTreeWalker(
document.body,
NodeFilter.SHOW_TEXT,
{
acceptNode: (node) => {
if (this.processedElements.has(node.parentElement) ||
node.parentElement.closest('a, .userBanner, .avatar, [class*="user"]')) {
return NodeFilter.FILTER_REJECT;
}
return node.textContent.includes(this.settings.myName) ?
NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;
}
},
false
);
let node;
while ((node = walker.nextNode())) {
if (node.textContent.trim() === this.settings.myName) {
const finalText = this.settings.usernameIcon ?
`${this.settings.usernameIcon} ${this.settings.username || this.settings.myName}` :
this.settings.username || this.settings.myName;
node.textContent = finalText;
}
}
} catch (e) {
MegaLogger.error('Ошибка обработки текстовых узлов:', e);
}
}
// 6. ДОПОЛНИТЕЛЬНЫЕ ОБРАБОТКИ
processPageTitle() {
if (document.title.includes(this.settings.myName)) {
document.title = document.title.replace(
new RegExp(this.escapeRegExp(this.settings.myName), 'g'),
this.settings.username || this.settings.myName
);
}
}
processRichContent() {
document.querySelectorAll('.messageText, .content, .postbody, .userContent').forEach(element => {
if (element.textContent.includes(this.settings.myName) && !element.isContentEditable) {
element.innerHTML = element.innerHTML.replace(
new RegExp(this.escapeRegExp(this.settings.myName), 'g'),
this.settings.username || this.settings.myName
);
}
});
}
processMetaTags() {
document.querySelectorAll('meta[name="description"], meta[property="og:title"]').forEach(meta => {
if (meta.content.includes(this.settings.myName)) {
meta.content = meta.content.replace(
new RegExp(this.escapeRegExp(this.settings.myName), 'g'),
this.settings.username || this.settings.myName
);
}
});
}
processNavigation() {
document.querySelectorAll('.breadcrumb, .navTabs, .pagination').forEach(nav => {
if (nav.textContent.includes(this.settings.myName)) {
nav.innerHTML = nav.innerHTML.replace(
new RegExp(this.escapeRegExp(this.settings.myName), 'g'),
this.settings.username || this.settings.myName
);
}
});
}
processTooltips() {
document.querySelectorAll('[title], [data-tip], [data-original-title]').forEach(el => {
const title = el.getAttribute('title') || el.getAttribute('data-tip') || el.getAttribute('data-original-title');
if (title && title.includes(this.settings.myName)) {
const newTitle = title.replace(
new RegExp(this.escapeRegExp(this.settings.myName), 'g'),
this.settings.username || this.settings.myName
);
el.setAttribute('title', newTitle);
if (el.getAttribute('data-tip')) el.setAttribute('data-tip', newTitle);
if (el.getAttribute('data-original-title')) el.setAttribute('data-original-title', newTitle);
}
});
}
// ВСПОМОГАТЕЛЬНЫЕ МЕТОДЫ
deepReplaceHTML(html, oldText, newText) {
const parser = new DOMParser();
const doc = parser.parseFromString(html, 'text/html');
const replaceInNode = (node) => {
if (node.nodeType === Node.TEXT_NODE) {
node.textContent = node.textContent.replace(
new RegExp(`\\b${this.escapeRegExp(oldText)}\\b`, 'g'),
newText
);
} else {
node.childNodes.forEach(replaceInNode);
}
};
replaceInNode(doc.body);
return doc.body.innerHTML;
}
deepTextReplace(element, oldText, newText) {
if (element.childNodes.length > 0) {
element.childNodes.forEach(child => this.deepTextReplace(child, oldText, newText));
} else if (element.nodeType === Node.TEXT_NODE) {
element.textContent = element.textContent.replace(new RegExp(this.escapeRegExp(oldText), 'g'), newText);
}
}
safeApplyStyles(element, css) {
try {
// Не красим элементы внутри форм/настроек
if (element.closest('.ctrlUnit, .xenForm, .chosen-container, .Lzt-PrettySelect, .group_hide_banner')) {
return;
}
// Очищаем старые стили перед применением новых
element.style.cssText = '';
const styles = css.split(';');
styles.forEach(style => {
const [property, value] = style.split(':').map(s => s.trim());
if (property && value) element.style[property] = value;
});
} catch (e) {
MegaLogger.error('Ошибка применения стилей:', e);
}
}
escapeRegExp(string) {
return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
}
}
// ==================== СИСТЕМА ИНТЕРФЕЙСА ====================
class MegaUIManager {
constructor() {
this.editor = null;
this.currentTheme = MEGA_CONFIG.THEMES.DARK;
this.isDragging = false;
this.dragOffset = { x: 0, y: 0 };
this.glowInterval = null;
}
createMegaMenuButton() {
const menuContainers = [
'ul[data-toggle-class="menuVisible"]',
'.navTabs',
'.navigation',
'nav ul',
'.menu'
];
let menuContainer = null;
for (const selector of menuContainers) {
menuContainer = document.querySelector(selector);
if (menuContainer) break;
}
if (!menuContainer) {
setTimeout(() => this.createMegaMenuButton(), 1000);
return;
}
if (document.getElementById('mega-uniq-btn')) return;
const menuItem = document.createElement('li');
menuItem.innerHTML = `
<a href="#" id="mega-uniq-btn" style="color: #0fa; background: #0fa 100%; color: transparent; -webkit-background-clip: text; text-shadow: 1px 1px 5px #000,0px 0px 5px #000; font-weight: bold;">
MEGA UNIQ v${MEGA_CONFIG.VERSION}
</a>
`;
menuContainer.appendChild(menuItem);
menuItem.querySelector('a').addEventListener('click', (e) => {
e.preventDefault();
this.showMegaEditor();
});
MegaLogger.success('Мега-кнопка создана');
}
showMegaEditor() {
if (this.editor) {
this.editor.remove();
this.editor = null;
}
const settings = MegaStorage.getSettings();
this.currentTheme = MEGA_CONFIG.THEMES[settings.theme] || MEGA_CONFIG.THEMES.DARK;
this.editor = document.createElement('div');
this.editor.id = 'mega-uniq-editor';
this.editor.innerHTML = this.getMegaEditorHTML(settings);
this.applyMegaEditorStyles();
document.body.appendChild(this.editor);
this.bindMegaEditorEvents();
this.setupDragAndDrop();
this.applyGlowEffect();
MegaLogger.log('редактор открыт');
}
getMegaEditorHTML(settings) {
const themeOptions = Object.entries(MEGA_CONFIG.THEMES).map(([key, theme]) =>
`<option value="${key}" ${settings.theme === key ? 'selected' : ''}>${theme.name}</option>`
).join('');
const glowOptions = Object.entries(MEGA_CONFIG.GLOW_EFFECTS).map(([key, effect]) =>
`<option value="${key}" ${settings.glowEffect === key ? 'selected' : ''}>${effect.name}</option>`
).join('');
const iconOptions = Object.entries(MEGA_CONFIG.ICONS).map(([key, icon]) =>
`<option value="${icon}" ${settings.avatarIcon === icon ? 'selected' : ''}>${icon} ${key}</option>`
).join('');
return `
<div class="mega-header">
<div class="mega-title">
MEGA UNIQ v${MEGA_CONFIG.VERSION}
<span class="mega-subtitle">ULTIMATE EDITION</span>
</div>
<div class="mega-controls">
<button class="mega-btn mega-btn-minimize" title="Свернуть">−</button>
<button class="mega-btn mega-btn-close" title="Закрыть">×</button>
</div>
</div>
<div class="mega-tabs">
<button class="mega-tab active" data-tab="basic"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 5px; vertical-align: middle;"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>Основные</button>
<button class="mega-tab" data-tab="theme"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 5px; vertical-align: middle;"><rect x="2" y="2" width="20" height="20" rx="2.18" ry="2.18"></rect><line x1="7" y1="2" x2="7" y2="22"></line><line x1="17" y1="2" x2="17" y2="22"></line><line x1="2" y1="12" x2="22" y2="12"></line><line x1="2" y1="7" x2="7" y2="7"></line><line x1="2" y1="17" x2="7" y2="17"></line><line x1="17" y1="17" x2="22" y2="17"></line><line x1="17" y1="7" x2="22" y2="7"></line></svg>Тема</button>
<button class="mega-tab" data-tab="effects"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 5px; vertical-align: middle;"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>Эффекты</button>
<button class="mega-tab" data-tab="advanced"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 5px; vertical-align: middle;"><line x1="4" y1="21" x2="4" y2="14"></line><line x1="4" y1="10" x2="4" y2="3"></line><line x1="12" y1="21" x2="12" y2="12"></line><line x1="12" y1="8" x2="12" y2="3"></line><line x1="20" y1="21" x2="20" y2="16"></line><line x1="20" y1="12" x2="20" y2="3"></line><line x1="1" y1="14" x2="7" y2="14"></line><line x1="9" y1="8" x2="15" y2="8"></line><line x1="17" y1="16" x2="23" y2="16"></line></svg>Дополнительно</button>
<button class="mega-tab" data-tab="stats"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 5px; vertical-align: middle;"><line x1="18" y1="20" x2="18" y2="10"></line><line x1="12" y1="20" x2="12" y2="4"></line><line x1="6" y1="20" x2="6" y2="14"></line></svg>Статистика</button>
</div>
<div class="mega-content">
<!-- ВКЛАДКА ОСНОВНЫЕ -->
<div class="mega-tab-content active" data-tab="basic">
<div class="mega-section">
<label>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" style="width: 16px; height: 16px; margin-right: 5px; vertical-align: middle;"><path fill="currentColor" d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 96c48.6 0 88 39.4 88 88s-39.4 88-88 88-88-39.4-88-88 39.4-88 88-88zm0 344c-58.7 0-111.3-26.6-146.5-68.2 18.8-35.4 55.6-59.8 98.5-59.8 2.4 0 4.8.4 7.1 1.1 13 4.2 26.6 6.9 40.9 6.9 14.3 0 28-2.7 40.9-6.9 2.3-.7 4.7-1.1 7.1-1.1 42.9 0 79.7 24.4 98.5 59.8C359.3 421.4 306.7 448 248 448z"/></svg>
Ваш ID - (Адрес профиля):
<label>
<input type="text" id="mega-myId" value="${settings.myId}" placeholder="tokyo / 7883978 / ">
Рекомендуется вписывать цифровой ID
</div>
<div class="mega-section">
<label>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 5px; vertical-align: middle;">
<path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
<circle cx="12" cy="7" r="4"></circle>
</svg>
Ваш ник:
</label>
<input type="text" id="mega-myName" value="${settings.myName}" placeholder="Введите ваш текущий ник">
</div>
<div class="mega-section">
<label>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 5px; vertical-align: middle;">
<circle cx="12" cy="12" r="10"></circle>
<line x1="12" y1="8" x2="12" y2="16"></line>
<line x1="8" y1="12" x2="16" y2="12"></line>
</svg>
Новый ник:
</label>
<input type="text" id="mega-username" value="${settings.username}"
placeholder="Оставьте пустым, если не нужно менять ник">
</div>
<div class="mega-section">
<label>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 5px; vertical-align: middle;">
<line x1="22" y1="2" x2="11" y2="13"></line>
<polygon points="22 2 15 22 11 13 2 9 22 2"></polygon>
</svg>
Лычка:
</label>
<input type="text" id="mega-banner" value="${settings.banner}" placeholder="Текст лычки">
</div>
<div class="mega-section">
<label>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width: 16px; height: 16px; margin-right: 5px; vertical-align: middle;">
<path fill="currentColor" d="M204.3 5C104.9 24.4 24.8 104.3 5.2 203.4c-37 187 131.7 326.4 258.8 306.7 41.2-6.4 61.4-54.6 42.5-91.7-23.1-45.4 9.9-98.4 60.9-98.4h79.7c35.8 0 64.8-29.6 64.9-65.3C511.5 97.1 368.1-26.9 204.3 5zM96 320c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm32-128c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm128-64c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm128 64c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32z"/>
</svg>
CSS для ника:
</label>
<textarea id="mega-username-css" placeholder="CSS стили для ника">${settings.usernameCss}</textarea>
</div>
<div class="mega-section">
<label>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width: 16px; height: 16px; margin-right: 5px; vertical-align: middle;">
<path fill="currentColor" d="M204.3 5C104.9 24.4 24.8 104.3 5.2 203.4c-37 187 131.7 326.4 258.8 306.7 41.2-6.4 61.4-54.6 42.5-91.7-23.1-45.4 9.9-98.4 60.9-98.4h79.7c35.8 0 64.8-29.6 64.9-65.3C511.5 97.1 368.1-26.9 204.3 5zM96 320c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm32-128c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm128-64c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm128 64c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32z"/>
</svg>
CSS для лычки:
</label>
<textarea id="mega-banner-css" placeholder="CSS стили для лычки">${settings.bannerCss}</textarea>
<div class="mega-section">
<label>
<img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23505050' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E<path d='M12 2L15 8L22 9L17 14L18 21L12 18L6 21L7 14L2 9L9 8L12 2Z'/%3E</svg>"
alt="SVG"
style="width: 16px; height: 16px; margin-right: 5px; vertical-align: middle;">
SVG иконка:
</label>
<textarea id="mega-svg-icon" placeholder="Вставьте SVG код иконки">${settings.svgIcon || ''}</textarea>
Для того чтобы ваша иконка корректно отображалась, нужно ввести постоянную ссылку на профиль (7883978)
</div>
</div>
</div>
<!-- ВКЛАДКА ТЕМА -->
<div class="mega-tab-content" data-tab="theme">
<div class="mega-section">
<label><i class="fal fa-photo-video" aria-hidden="true" style="margin-right: 5px;"></i>Тема оформления:
</label>
<select id="mega-theme">${themeOptions}</select>
</div>
<div class="mega-theme-preview">
<div class="mega-preview-card">
<div class="mega-preview-header">Предпросмотр темы</div>
<div class="mega-preview-content">
<div class="mega-preview-username">${settings.username || settings.myName}</div>
<div class="mega-preview-banner">${settings.banner || 'Лычка'}</div>
</div>
</div>
</div>
</div>
<!-- ВКЛАДКА ЭФФЕКТЫ -->
<div class="mega-tab-content" data-tab="effects">
<div class="mega-section">
<label><i class="fa fa-magic" aria-hidden="true" style="margin-right: 5px;"></i>Эффект свечения:</label>
<select id="mega-glowEffect">${glowOptions}</select>
</div>
<div class="mega-section">
<label>
<input type="checkbox" id="mega-enableDrag" ${settings.enableDrag ? 'checked' : ''}><i class="fa fa-arrows" aria-hidden="true" style="margin-right: 5px;"></i>Перетаскивание окна
</label>
</div>
<div class="mega-section">
<label>
<input type="checkbox" id="mega-enableAnimations" ${settings.enableAnimations ? 'checked' : ''}><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 5px; vertical-align: middle;"><line x1="12" y1="2" x2="12" y2="6"></line><line x1="12" y1="18" x2="12" y2="22"></line><line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line><line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line><line x1="2" y1="12" x2="6" y2="12"></line><line x1="18" y1="12" x2="22" y2="12"></line><line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line><line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line></svg>Анимации
</label>
</div>
<div class="mega-section">
<button class="mega-btn mega-btn-glow" id="mega-test-glow">Тест свечения</button>
</div>
</div>
<!-- ВКЛАДКА ДОПОЛНИТЕЛЬНО -->
<div class="mega-tab-content" data-tab="advanced">
<div class="mega-section">
<label><input type="checkbox" id="mega-advancedMode" ${settings.advancedMode ? 'checked' : ''}><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 5px; vertical-align: middle;"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"></path></svg>Расширенный режим
</label>
</div>
<div class="mega-section">
<label>
<input type="checkbox" id="mega-autoDetect" ${settings.autoDetect ? 'checked' : ''}>
<div style="display: inline-block; margin-right: 5px; vertical-align: middle; position: relative;">
<i class="QuickSearchIcon far fa-search" style="color: currentColor; font-size: 14px;"></i>
</div>
Авто-определение
</label>
</div>
<div class="mega-section">
<label>
<input type="checkbox" id="mega-performanceMode" ${settings.performanceMode ? 'checked' : ''}><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 5px; vertical-align: middle;"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon></svg>Режим производительности
</label>
</div>
<div class="mega-section">
<label>
<input type="checkbox" id="mega-aggressiveMode" ${settings.aggressiveMode ? 'checked' : ''}><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 5px; vertical-align: middle;"><path d="M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z"></path></svg>Агрессивный режим
</label>
</div>
<div class="mega-section">
<button class="mega-btn mega-btn-danger" id="mega-clear-cache"><i class="iconKey far fa-trash-alt"></i> Очистить кэш</button>
<button class="mega-btn mega-btn-export" id="mega-export"><i class="fa fa-cloud-upload" aria-hidden="true" style="margin-right: 5px;"></i>Экспорт</button>
<button class="mega-btn mega-btn-import" id="mega-import"><i class="fa fa-cloud-download" aria-hidden="true" style="margin-right: 5px;"></i>Импорт</button>
</div>
</div>
<!-- ВКЛАДКА СТАТИСТИКА -->
<div class="mega-tab-content" data-tab="stats">
<div class="mega-stats">
<div class="mega-stat-item">
<span class="mega-stat-label">Версия:</span>
<span class="mega-stat-value">v${MEGA_CONFIG.VERSION}</span>
</div>
<div class="mega-stat-item">
<span class="mega-stat-label">Использований:</span>
<span class="mega-stat-value">${settings.usageCount}</span>
</div>
<div class="mega-stat-item">
<span class="mega-stat-label">Последнее обновление:</span>
<span class="mega-stat-value">${settings.lastUpdate ? new Date(settings.lastUpdate).toLocaleString() : 'Никогда'}</span>
</div>
<div class="mega-stat-item">
<span class="mega-stat-label">Размер хранилища:</span>
<span class="mega-stat-value">${MegaStorage.getStorageInfo().size} байт</span>
</div>
</div>
</div>
</div>
<div class="mega-footer">
<button class="mega-btn mega-btn-primary" id="mega-apply"> <i class="fa fa-check" aria-hidden="true" style="margin-right: 5px;"></i>Применить</button>
<button class="mega-btn mega-btn-secondary" id="mega-save" style="display: flex; flex-direction: column; align-items: center; padding: 8px 12px; gap: 2px;"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"></path><path d="M17 21v-8H7v8"></path><path d="M7 3v5h8"></path></svg><span style="font-size: 11px;">Сохранить</span></button>
<button class="mega-btn mega-btn-secondary" id="mega-reset"><span class="svgIconLink" style="display: inline-block; margin-right: 5px; vertical-align: middle;"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none"><path d="M22 10C22 10 19.995 7.26822 18.3662 5.63824C16.7373 4.00827 14.4864 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.1031 21 19.5649 18.2543 20.6482 14.5M22 10V4M22 10H16" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></span>Сбросить</button>
<button class="mega-btn mega-btn-close" id="mega-close" style="padding: 12px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button>
</div>
`;
}
applyMegaEditorStyles() {
const style = document.createElement('style');
style.textContent = this.getMegaEditorCSS();
document.head.appendChild(style);
}
applyMegaEditorStyles() {
// Удаляем старые стили если есть
const oldStyle = document.getElementById('mega-uniq-styles');
if (oldStyle) oldStyle.remove();
const style = document.createElement('style');
style.id = 'mega-uniq-styles';
style.textContent = this.getMegaEditorCSS();
document.head.appendChild(style);
}
getMegaEditorCSS() {
return `
#mega-uniq-editor {
position: fixed !important;
top: 50% !important;
left: 18% !important;
transform: translate(-50%, -50%) !important;
width: 500px !important;
min-height: 400px !important;
background: ${this.currentTheme.card} !important;
border: 1px solid ${this.currentTheme.border} !important;
border-radius: 12px !important;
z-index: 10000 !important;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
box-shadow: 0 10px 30px rgba(0,0,0,0.3) !important;
backdrop-filter: blur(10px) !important;
overflow: hidden !important;
transition: all 0.3s ease !important;
}
#mega-uniq-editor:hover {
box-shadow: 0 15px 40px rgba(0,0,0,0.4) !important;
}
.mega-header {
background: linear-gradient(135deg, ${this.currentTheme.accent}, ${this.currentTheme.secondary}) !important;
color: white !important;
padding: 15px 20px !important;
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
cursor: move !important;
user-select: none !important;
}
.mega-title {
font-size: 18px !important;
font-weight: bold !important;
}
.mega-subtitle {
font-size: 10px !important;
opacity: 0.8 !important;
margin-left: 5px !important;
}
.mega-controls {
display: flex !important;
gap: 5px !important;
}
.mega-btn {
background: rgba(255,255,255,0.2) !important;
border: none !important;
color: white !important;
border-radius: 50% !important;
cursor: pointer !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 14px !important;
transition: all 0.2s ease !important;
}
.mega-btn:hover {
background: rgba(255,255,255,0.3) !important;
transform: scale(1.1) !important;
}
.mega-tabs {
display: flex !important;
background: ${this.currentTheme.bg} !important;
border-bottom: 1px solid ${this.currentTheme.border} !important;
}
.mega-tab {
flex: 1 !important;
background: linear-gradient(135deg, rgba(255,255,255,0.1), rgba(255,255,255,0.05)) !important;
border: none !important;
border-right: 1px solid ${this.currentTheme.border} !important;
padding: 15px 8px !important;
color: ${this.currentTheme.text} !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
font-size: 11px !important;
font-weight: 600 !important;
letter-spacing: 0.3px !important;
text-transform: uppercase !important;
position: relative !important;
overflow: hidden !important;
}
.mega-tab:last-child {
border-right: none !important;
}
.mega-tab:hover {
background: linear-gradient(135deg, rgba(255,255,255,0.15), rgba(255,255,255,0.1)) !important;
transform: translateY(-1px) !important;
}
.mega-tab.active {
background: linear-gradient(135deg, ${this.currentTheme.accent}, ${this.currentTheme.secondary}) !important;
color: white !important;
box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
}
.mega-tab.active::before {
content: '' !important;
position: absolute !important;
bottom: 0 !important;
left: 50% !important;
transform: translateX(-50%) !important;
width: 30px !important;
height: 3px !important;
background: white !important;
border-radius: 2px !important;
}
.mega-tab:hover {
background: rgba(255,255,255,0.1) !important;
}
.mega-tab.active {
background: ${this.currentTheme.accent} !important;
color: white !important;
}
.mega-content {
padding: 20px !important;
background: ${this.currentTheme.card} !important;
max-height: 400px !important;
overflow-y: auto !important;
}
.mega-tab-content {
display: none !important;
}
.mega-tab-content.active {
display: block !important;
}
.mega-section {
margin-bottom: 15px !important;
}
.mega-section label {
display: block !important;
color: ${this.currentTheme.text} !important;
margin-bottom: 5px !important;
font-weight: 500 !important;
}
.mega-section input[type="text"],
.mega-section textarea,
.mega-section select {
width: 95% !important;
padding: 10px !important;
border: 1px solid ${this.currentTheme.border} !important;
border-radius: 6px !important;
background: ${this.currentTheme.bg} !important;
color: ${this.currentTheme.text} !important;
font-size: 14px !important;
transition: all 0.3s ease !important;
}
.mega-section input[type="text"]:focus,
.mega-section textarea:focus,
.mega-section select:focus {
outline: none !important;
border-color: ${this.currentTheme.accent} !important;
box-shadow: 0 0 0 2px rgba(255,107,107,0.2) !important;
}
.mega-section textarea {
min-height: 60px !important;
resize: vertical !important;
}
.mega-theme-preview {
margin-top: 20px !important;
}
.mega-preview-card {
background: ${this.currentTheme.bg} !important;
border: 1px solid ${this.currentTheme.border} !important;
border-radius: 8px !important;
padding: 15px !important;
}
.mega-preview-header {
color: ${this.currentTheme.accent} !important;
font-weight: bold !important;
margin-bottom: 10px !important;
}
.mega-preview-username {
color: ${this.currentTheme.text} !important;
margin-bottom: 5px !important;
}
.mega-preview-banner {
background: ${this.currentTheme.accent} !important;
color: white !important;
padding: 2px 8px !important;
border-radius: 3px !important;
display: inline-block !important;
}
.mega-stats {
display: grid !important;
gap: 10px !important;
}
.mega-stat-item {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
padding: 8px 0 !important;
border-bottom: 1px solid ${this.currentTheme.border} !important;
}
.mega-stat-label {
color: ${this.currentTheme.text} !important;
opacity: 0.8 !important;
}
.mega-stat-value {
color: ${this.currentTheme.accent} !important;
font-weight: bold !important;
}
.mega-footer {
padding: 15px 20px !important;
background: ${this.currentTheme.bg} !important;
border-top: 1px solid ${this.currentTheme.border} !important;
display: flex !important;
gap: 10px !important;
justify-content: flex-end !important;
}
.mega-btn-primary {
background: linear-gradient(135deg, ${this.currentTheme.accent}, ${this.currentTheme.secondary}) !important;
color: white !important;
border: none !important;
padding: 12px 24px !important;
border-radius: 8px !important;
cursor: pointer !important;
font-weight: 600 !important;
transition: all 0.3s ease !important;
position: relative !important;
overflow: hidden !important;
box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
letter-spacing: 0.5px !important;
}
.mega-btn-primary:hover {
transform: translateY(-2px) !important;
box-shadow: 0 6px 20px rgba(0,0,0,0.3) !important;
}
.mega-btn-primary:active {
transform: translateY(0) !important;
}
.mega-btn-primary::before {
content: '' !important;
position: absolute !important;
top: 0 !important;
left: -100% !important;
width: 100% !important;
height: 100% !important;
background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent) !important;
transition: left 0.5s ease !important;
}
.mega-btn-primary:hover::before {
left: 100% !important;
}
.mega-btn-secondary {
background: linear-gradient(135deg, ${this.currentTheme.border}, rgba(255,255,255,0.1)) !important;
color: ${this.currentTheme.text} !important;
border: 1px solid ${this.currentTheme.border} !important;
padding: 11px 20px !important;
border-radius: 8px !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
font-weight: 500 !important;
position: relative !important;
overflow: hidden !important;
}
.mega-btn-secondary:hover {
background: linear-gradient(135deg, ${this.currentTheme.accent}, ${this.currentTheme.secondary}) !important;
color: white !important;
border-color: transparent !important;
transform: translateY(-1px) !important;
box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
}
/* Пульсация для активных кнопок */
@keyframes buttonPulse {
0% { transform: scale(1); }
50% { transform: scale(1.05); }
100% { transform: scale(1); }
}
.mega-btn-primary:focus {
animation: buttonPulse 0.6s ease-in-out !important;
}
/* Эффект нажатия */
.mega-btn:active {
transform: scale(0.95) !important;
transition: transform 0.1s ease !important;
}
/* Градиентные границы для премиум вида */
.mega-tab-content .mega-section {
position: relative !important;
}
.mega-tab-content .mega-section::before {
content: '' !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
height: 1px !important;
background: linear-gradient(90deg, transparent, ${this.currentTheme.accent}, transparent) !important;
}
.mega-tab {
font-family: 'Segoe UI', 'Arial', sans-serif !important;
text-shadow: 0 1px 2px rgba(0,0,0,0.3) !important;
}
.mega-btn-primary, .mega-btn-secondary {
font-family: 'Segoe UI', 'Arial', sans-serif !important;
text-shadow: 0 1px 2px rgba(0,0,0,0.3) !important;
}
`;
}
bindMegaEditorEvents() {
// Закрытие редактора
this.editor.querySelector('.mega-btn-close').addEventListener('click', () => this.closeEditor());
this.editor.querySelector('#mega-close').addEventListener('click', () => this.closeEditor());
// Сворачивание
this.editor.querySelector('.mega-btn-minimize').addEventListener('click', () => this.minimizeEditor());
// Переключение вкладок
this.editor.querySelectorAll('.mega-tab').forEach(tab => {
tab.addEventListener('click', () => this.switchTab(tab.dataset.tab));
});
// Применение настроек
this.editor.querySelector('#mega-apply').addEventListener('click', () => this.applySettings());
this.editor.querySelector('#mega-save').addEventListener('click', () => this.saveSettings());
this.editor.querySelector('#mega-reset').addEventListener('click', () => this.resetSettings());
// Обработка изменений темы
this.editor.querySelector('#mega-theme').addEventListener('change', (e) => this.changeTheme(e.target.value));
// Тест свечения
this.editor.querySelector('#mega-test-glow').addEventListener('click', () => this.testGlowEffect());
// Дополнительные кнопки
this.editor.querySelector('#mega-clear-cache').addEventListener('click', () => this.clearCache());
this.editor.querySelector('#mega-export').addEventListener('click', () => this.exportSettings());
this.editor.querySelector('#mega-import').addEventListener('click', () => this.importSettings());
// Обработка изменений в реальном времени
this.setupLivePreview();
}
setupDragAndDrop() {
const editor = this.editor;
const header = editor.querySelector('.mega-header');
const settings = MegaStorage.getSettings();
if (!settings.enableDrag) return;
let isDragging = false;
let dragOffset = { x: 0, y: 0 };
const startDrag = (e) => {
if (e.target.closest('.mega-btn')) return;
isDragging = true;
const rect = editor.getBoundingClientRect();
dragOffset.x = e.clientX - rect.left;
dragOffset.y = e.clientY - rect.top;
editor.classList.add('mega-dragging');
document.body.style.userSelect = 'none';
document.body.style.cursor = 'grabbing';
};
const doDrag = (e) => {
if (!isDragging) return;
const x = e.clientX - dragOffset.x;
const y = e.clientY - dragOffset.y;
// Разрешаем перемещение за пределы окна с ограничениями
const maxX = window.innerWidth - editor.offsetWidth;
const maxY = window.innerHeight - editor.offsetHeight;
editor.style.left = Math.max(0, Math.min(x, maxX)) + 'px';
editor.style.top = Math.max(0, Math.min(y, maxY)) + 'px';
editor.style.transform = 'none'; // Убираем трансформ при перетаскивании
};
const stopDrag = () => {
if (isDragging) {
isDragging = false;
editor.classList.remove('mega-dragging');
document.body.style.userSelect = '';
document.body.style.cursor = '';
// Сохраняем позицию
MegaStorage.saveWindowPosition({
x: parseInt(editor.style.left),
y: parseInt(editor.style.top)
});
}
};
// Обработчики для мыши
header.addEventListener('mousedown', startDrag);
document.addEventListener('mousemove', doDrag);
document.addEventListener('mouseup', stopDrag);
// Обработчики для тач-устройств
header.addEventListener('touchstart', (e) => {
e.preventDefault();
startDrag(e.touches[0]);
});
document.addEventListener('touchmove', (e) => {
e.preventDefault();
doDrag(e.touches[0]);
});
document.addEventListener('touchend', stopDrag);
// Восстанавливаем сохраненную позицию с проверкой на видимость
const savedPos = settings.windowPosition;
if (savedPos && savedPos.x !== undefined && savedPos.y !== undefined) {
// Проверяем, что позиция в пределах видимой области
const maxX = window.innerWidth - editor.offsetWidth;
const maxY = window.innerHeight - editor.offsetHeight;
if (savedPos.x >= 0 && savedPos.x <= maxX && savedPos.y >= 0 && savedPos.y <= maxY) {
editor.style.left = savedPos.x + 'px';
editor.style.top = savedPos.y + 'px';
editor.style.transform = 'none';
} else {
// Если позиция за пределами экрана - центрируем
editor.style.left = '15%';
editor.style.top = '50%';
editor.style.transform = 'translate(-50%, -50%)';
}
} else {
// Позиция по умолчанию - центр экрана
editor.style.left = '15%';
editor.style.top = '50%';
editor.style.transform = 'translate(-50%, -50%)';
}
}
applyGlowEffect() {
const settings = MegaStorage.getSettings();
const editor = this.editor;
// Очищаем предыдущие эффекты
if (this.glowInterval) {
clearInterval(this.glowInterval);
editor.classList.remove('mega-glow-effect');
}
const glowEffect = MEGA_CONFIG.GLOW_EFFECTS[settings.glowEffect];
if (!glowEffect || glowEffect.value === 'none') return;
let glowValue = glowEffect.value;
if (glowValue === 'current') {
glowValue = this.currentTheme.glow;
}
if (settings.glowEffect === 'PULSATING' && settings.enableAnimations) {
editor.classList.add('mega-glow-effect');
} else {
editor.style.boxShadow = glowValue;
}
}
switchTab(tabName) {
// Скрываем все вкладки
this.editor.querySelectorAll('.mega-tab-content').forEach(content => {
content.classList.remove('active');
});
// Убираем активность у всех кнопок
this.editor.querySelectorAll('.mega-tab').forEach(tab => {
tab.classList.remove('active');
});
// Показываем выбранную вкладку
this.editor.querySelector(`.mega-tab-content[data-tab="${tabName}"]`).classList.add('active');
this.editor.querySelector(`.mega-tab[data-tab="${tabName}"]`).classList.add('active');
}
changeTheme(themeKey) {
this.currentTheme = MEGA_CONFIG.THEMES[themeKey] || MEGA_CONFIG.THEMES.DARK;
this.applyMegaEditorStyles();
this.applyGlowEffect();
}
testGlowEffect() {
const editor = this.editor;
editor.style.transition = 'box-shadow 0.5s ease';
const originalGlow = editor.style.boxShadow;
editor.style.boxShadow = '0 0 50px ' + this.currentTheme.accent;
setTimeout(() => {
editor.style.boxShadow = originalGlow;
setTimeout(() => {
editor.style.boxShadow = '0 0 70px ' + this.currentTheme.secondary;
setTimeout(() => {
editor.style.boxShadow = originalGlow;
}, 500);
}, 500);
}, 500);
}
setupLivePreview() {
// Обновление предпросмотра темы
this.editor.querySelector('#mega-theme').addEventListener('change', (e) => {
this.updateThemePreview();
});
this.editor.querySelector('#mega-username').addEventListener('input', (e) => {
this.updateThemePreview();
});
this.editor.querySelector('#mega-banner').addEventListener('input', (e) => {
this.updateThemePreview();
});
}
updateThemePreview() {
const theme = MEGA_CONFIG.THEMES[this.editor.querySelector('#mega-theme').value] || MEGA_CONFIG.THEMES.DARK;
const username = this.editor.querySelector('#mega-username').value || 'Имя пользователя';
const banner = this.editor.querySelector('#mega-banner').value || 'Лычка';
const previewCard = this.editor.querySelector('.mega-preview-card');
if (previewCard) {
previewCard.style.background = theme.bg;
previewCard.style.borderColor = theme.border;
const header = previewCard.querySelector('.mega-preview-header');
if (header) header.style.color = theme.accent;
const usernameElem = previewCard.querySelector('.mega-preview-username');
if (usernameElem) {
usernameElem.textContent = username;
usernameElem.style.color = theme.text;
}
const bannerElem = previewCard.querySelector('.mega-preview-banner');
if (bannerElem) {
bannerElem.textContent = banner;
bannerElem.style.background = theme.accent;
}
}
}
getCurrentSettings() {
const editor = this.editor;
return {
myId: editor.querySelector('#mega-myId').value,
myName: editor.querySelector('#mega-myName').value,
username: editor.querySelector('#mega-username').value,
banner: editor.querySelector('#mega-banner').value,
usernameCss: editor.querySelector('#mega-username-css').value,
bannerCss: editor.querySelector('#mega-banner-css').value,
svgIcon: editor.querySelector('#mega-svg-icon') ? editor.querySelector('#mega-svg-icon').value : '',
avatarIcon: editor.querySelector('#mega-avatarIcon') ? editor.querySelector('#mega-avatarIcon').value : '',
bannerIcon: editor.querySelector('#mega-bannerIcon') ? editor.querySelector('#mega-bannerIcon').value : '',
usernameIcon: editor.querySelector('#mega-usernameIcon') ? editor.querySelector('#mega-usernameIcon').value : '',
theme: editor.querySelector('#mega-theme').value,
glowEffect: editor.querySelector('#mega-glowEffect').value,
enableDrag: editor.querySelector('#mega-enableDrag').checked,
enableAnimations: editor.querySelector('#mega-enableAnimations').checked,
advancedMode: editor.querySelector('#mega-advancedMode').checked,
autoDetect: editor.querySelector('#mega-autoDetect').checked,
performanceMode: editor.querySelector('#mega-performanceMode').checked,
aggressiveMode: editor.querySelector('#mega-aggressiveMode').checked,
usageCount: MegaStorage.getSettings().usageCount,
lastUpdate: new Date().toISOString()
};
}
applySettings() {
const settings = this.getCurrentSettings();
if (MegaStorage.saveSettings(settings)) {
const processor = new MegaDOMProcessor(settings);
processor.applyMegaUniq();
this.showNotification('Настройки применены!', 'success');
} else {
this.showNotification('Ошибка сохранения настроек!', 'error');
}
}
saveSettings() {
const settings = this.getCurrentSettings();
if (MegaStorage.saveSettings(settings)) {
this.showNotification('Настройки сохранены!', 'success');
} else {
this.showNotification('Ошибка сохранения настроек!', 'error');
}
}
resetSettings() {
if (confirm('Вы уверены, что хотите сбросить все настройки?')) {
const defaultSettings = MegaStorage.getDefaultSettings();
MegaStorage.saveSettings(defaultSettings);
this.closeEditor();
this.showMegaEditor();
this.showNotification('Настройки сброшены!', 'success');
}
}
clearCache() {
if (confirm('Очистить весь кэш и настройки?')) {
const cleared = MegaStorage.clearCache();
this.showNotification(`Очищено ${cleared} записей!`, 'success');
setTimeout(() => location.reload(), 100);
}
}
exportSettings() {
const settings = MegaStorage.exportSettings();
const blob = new Blob([settings], { type: 'application/json' });
const url = URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url;
a.download = `mega-uniq-settings-${new Date().toISOString().split('T')[0]}.json`;
a.click();
URL.revokeObjectURL(url);
this.showNotification('Настройки экспортированы!', 'success');
}
importSettings() {
const input = document.createElement('input');
input.type = 'file';
input.accept = '.json';
input.onchange = (e) => {
const file = e.target.files[0];
if (file) {
const reader = new FileReader();
reader.onload = (event) => {
if (MegaStorage.importSettings(event.target.result)) {
this.closeEditor();
this.showMegaEditor();
this.showNotification('Настройки импортированы!', 'success');
} else {
this.showNotification('Ошибка импорта настроек!', 'error');
}
};
reader.readAsText(file);
}
};
input.click();
}
minimizeEditor() {
this.editor.style.transform = 'scale(0.8)';
this.editor.style.opacity = '0.5';
setTimeout(() => {
this.editor.style.display = 'none';
}, 100);
// TODO: Добавить кнопку восстановления
}
closeEditor() {
if (this.editor) {
// Очищаем обработчики перетаскивания
if (this.cleanupDragHandlers) {
this.cleanupDragHandlers();
}
this.editor.style.transform = 'scale(0.8)';
this.editor.style.opacity = '0';
setTimeout(() => {
this.editor.remove();
this.editor = null;
}, 300);
}
}
showNotification(message, type = 'info') {
const notification = document.createElement('div');
notification.textContent = message;
notification.style.cssText = `
position: fixed;
top: 20px;
right: 20px;
padding: 15px 20px;
border-radius: 8px;
color: white;
font-weight: bold;
z-index: 10001;
transition: all 0.3s ease;
background: ${type === 'success' ? '#4caf50' : type === 'error' ? '#f44336' : '#2196f3'};
`;
document.body.appendChild(notification);
setTimeout(() => {
notification.style.transform = 'translateX(100%)';
setTimeout(() => notification.remove(), 300);
}, 100);
}
}
// ==================== ИНИЦИАЛИЗАЦИЯ ====================
class MegaUniqApp {
constructor() {
this.uiManager = new MegaUIManager();
this.processor = null;
this.settings = null;
this.isInitialized = false;
this.observer = null;
}
async init() {
try {
MegaLogger.log('Инициализация MEGA UNIQ...');
// Загружаем настройки
this.settings = MegaStorage.getSettings();
MegaLogger.log('Настройки загружены:', this.settings);
// Создаем кнопку меню
this.waitForMenu().then(() => {
this.uiManager.createMegaMenuButton();
});
// Инициализируем процессор
this.processor = new MegaDOMProcessor(this.settings);
// Ensure numeric myId even if user provided slug
if (this.processor.ensureMyId) {
try {
const __beforeId = String(this.settings.myId || '');
const __resolved = await this.processor.ensureMyId();
if (__resolved && __resolved !== __beforeId) {
this.settings.myId = __resolved;
}
} catch(e) {}
}
// Начинаем обработку
this.startProcessing();
// Настраиваем наблюдатель за изменениями DOM
this.setupObserver();
this.isInitialized = true;
MegaLogger.success('MEGA UNIQ успешно инициализирован!');
} catch (error) {
MegaLogger.error('Критическая ошибка инициализации:', error);
}
}
async waitForMenu() {
return new Promise((resolve) => {
const checkMenu = () => {
const menuContainers = [
'ul[data-toggle-class="menuVisible"]',
'.navTabs',
'.navigation',
'nav ul',
'.menu'
];
for (const selector of menuContainers) {
if (document.querySelector(selector)) {
resolve();
return;
}
}
setTimeout(checkMenu, 100);
};
checkMenu();
});
}
startProcessing() {
// Первоначальная обработка
setTimeout(() => {
if (this.settings.myId && this.settings.myName) {
this.processor.applyMegaUniq();
}
}, 100);
// Периодическая обработка
setInterval(() => {
if (this.settings.autoDetect && this.settings.myId && this.settings.myName) {
this.processor.applyMegaUniq();
}
}, MEGA_CONFIG.UPDATE_INTERVAL);
}
setupObserver() {
if (!this.settings.autoDetect) return;
this.observer = new MutationObserver((mutations) => {
let shouldProcess = false;
mutations.forEach((mutation) => {
if (mutation.type === 'childList') {
mutation.addedNodes.forEach((node) => {
if (node.nodeType === Node.ELEMENT_NODE) {
const element = node;
if (element.querySelector && (
element.querySelector(`a[href*="/members/${this.settings.myId}/"]`) ||
element.querySelector('.userBanner') ||
element.querySelector('.avatar') || element.querySelector('.avatarUserBadge') || element.querySelector('.customUniqIcon')
|| element.querySelector('.customUniqIcon')
)) {
shouldProcess = true;
}
}
});
}
});
if (shouldProcess) {
setTimeout(() => {
this.processor.applyMegaUniq();
}, MEGA_CONFIG.OBSERVER_DEBOUNCE);
}
});
this.observer.observe(document.body, {
childList: true,
subtree: true
});
}
destroy() {
if (this.observer) {
this.observer.disconnect();
}
MegaLogger.log('MEGA UNIQ уничтожен');
}
}
// ==================== ЗАПУСК ПРИЛОЖЕНИЯ ====================
let megaApp;
function initializeApp() {
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', () => {
megaApp = new MegaUniqApp();
megaApp.init();
});
} else {
megaApp = new MegaUniqApp();
megaApp.init();
}
}
// Защита от множественной инициализации
if (!window.megaUniqInitialized) {
window.megaUniqInitialized = true;
initializeApp();
}
})();
(function(){
if (typeof MegaDOMProcessor === 'function') {
MegaDOMProcessor.prototype.ensureMyId = async function() {
try {
let id = String(this.settings.myId || '').trim();
if (/^\d+$/.test(id)) return id;
const slug = String(this.settings.mySlug || this.settings.myLink || '').trim().replace(/\/+$/, '');
const myName = String(this.settings.myName || '').trim();
const avatars = document.querySelectorAll('a.avatar[class*="Av"]');
for (const a of avatars) {
const m = a.className && a.className.match(/Av(\d+)/);
if (m) {
if (slug && a.getAttribute('href') && a.getAttribute('href').includes(`${slug}/`)) {
this.settings.myId = m[1]; return m[1];
}
if (myName) {
const scope = a.closest('.avatarHolder, .message, .comment, .profilePage, .memberCard') || document;
const nameEl = scope.querySelector('a.username.poster, a.username, .username, [data-user-name]');
const txt = (nameEl?.getAttribute?.('data-user-name') || nameEl?.textContent || '').trim();
if (txt === myName) { this.settings.myId = m[1]; return m[1]; }
}
}
}
const dataUserEl = document.querySelector('a.username.poster[data-user], a.username[data-user]');
if (dataUserEl) {
const du = String(dataUserEl.getAttribute('data-user') || '');
const m = du.match(/^(\d+)/);
if (m) {
this.settings.myId = m[1];
return m[1];
}
}
} catch(e) {}
return null;
};
MegaDOMProcessor.prototype.processCommentBadges = function() {
try {
const myId = String(this.settings.myId || '').trim();
const svgRaw = String(this.settings.svgIcon || '').trim();
if (!myId || !svgRaw) return;
const svg = this.sanitizeSvg ? this.sanitizeSvg(svgRaw) : svgRaw;
document.querySelectorAll('.comment .avatarHolder').forEach(holder => {
const myAvatar = holder.querySelector(`a.avatar[class*="Av${myId}"]`);
if (!myAvatar) return;
const box = holder.querySelector('.avatarUserBadge .customUniqIcon');
if (!box) return;
if (box.dataset.megaApplied === '1' && box.getAttribute('data-owner-id') === myId) return;
box.innerHTML = svg;
box.dataset.megaApplied = '1';
box.setAttribute('data-owner-id', myId);
});
} catch(e) { try{ console.error('LTV processCommentBadges error:', e); }catch(_){ } }
};
const __orig = MegaDOMProcessor.prototype.applyMegaUniq;
if (typeof __orig === 'function') {
MegaDOMProcessor.prototype.applyMegaUniq = function() {
const r = __orig.apply(this, arguments);
try { this.processCommentBadges && this.processCommentBadges(); } catch(e){}
return r;
};
}
}
const bootKick = () => {
if (window.megaUniqInitialized && window.megaApp && window.megaApp.processor && window.megaApp.processor.processCommentBadges) {
try { window.megaApp.processor.processCommentBadges(); } catch(e){}
}
};
setInterval(bootKick, 1000);
})();
