Сообщения и комментарии (главная страница) почти в реальном времени

расширения которые позволяют упростить вашу жизнь


вам больше не прийдется обновлять страницу чтобы увидеть непрогруженный контент
комментариев и сообщений

разрабатывалось под Safari Userscripts

код | непрогруженный контент комментариев и сообщений

// ==UserScript==
// @name Lolz.live Forum Auto Refresh
// @namespace http://tampermonkey.net/
// @version 0.1
// @description Автоматическое обновление сообщений и комментариев на форуме lolz.live
// @author Your Name
// @match https://lolz.live/threads/*
// @grant none
// ==/UserScript==

(function() {
'use strict';

// Конфигурация
const REFRESH_INTERVAL = 5000; // Интервал проверки новых сообщений (5 секунд)
const MESSAGE_CONTAINER_SELECTOR = 'li.message'; // Селектор сообщений форума lolz.live
const MESSAGES_WRAPPER_SELECTOR = '.messageList'; // Контейнер со всеми сообщениями
const COMMENTS_LIST_SELECTOR = 'ol.messageSimpleList.messageSimple.CommentPostList'; // Селектор списка комментариев
const COMMENT_SELECTOR = 'li[id^="post-comment-"]'; // Селектор комментариев

// Функция для получения содержимого сообщений и комментариев
async function fetchMessages() {
try {
const response = await fetch(window.location.href);
const text = await response.text();
const parser = new DOMParser();
const doc = parser.parseFromString(text, 'text/html');

// Получаем новые сообщения
const messages = doc.querySelectorAll(MESSAGE_CONTAINER_SELECTOR);
const newContent = {
messages: [],
comments: new Map() // Map для хранения комментариев по ID сообщения
};

const currentLastId = document.querySelector(MESSAGE_CONTAINER_SELECTOR + ':last-child')?.getAttribute('id');

// Собираем все новые сообщения после последнего
let foundCurrent = !currentLastId;
for (const message of messages) {
if (foundCurrent) {
newContent.messages.push(message.outerHTML);
} else if (message.getAttribute('id') === currentLastId) {
foundCurrent = true;
}

// Собираем комментарии для каждого сообщения
const messageId = message.getAttribute('id');
if (messageId) {
const commentsList = message.querySelector(COMMENTS_LIST_SELECTOR);
if (commentsList) {
const comments = commentsList.querySelectorAll(COMMENT_SELECTOR);
if (comments.length > 0) {
newContent.comments.set(messageId, {
container: commentsList.outerHTML,
comments: Array.from(comments).map(c => c.outerHTML)
});
}
}
}
}

return newContent;
} catch (error) {
console.error('Ошибка при получении сообщений:', error);
return null;
}
}

// Функция для обновления комментариев к сообщению
function updateComments(messageElement, comments) {
const messageId = messageElement.getAttribute('id');
if (!messageId || !comments.has(messageId)) return;

const commentData = comments.get(messageId);
let commentContainer = messageElement.querySelector(COMMENTS_LIST_SELECTOR);

// Если контейнера комментариев нет, создаем его
if (!commentContainer && commentData.container) {
const tempDiv = document.createElement('div');
tempDiv.innerHTML = commentData.container;
commentContainer = tempDiv.firstElementChild;
const messageContent = messageElement.querySelector('.messageContent');
if (messageContent) {
messageContent.appendChild(commentContainer);
}
}

if (commentContainer) {
const existingComments = new Set(
Array.from(commentContainer.querySelectorAll(COMMENT_SELECTOR))
.map(c => c.getAttribute('id'))
);

commentData.comments.forEach(commentHTML => {
const tempDiv = document.createElement('div');
tempDiv.innerHTML = commentHTML;
const commentElement = tempDiv.firstElementChild;
const commentId = commentElement.getAttribute('id');

if (!existingComments.has(commentId)) {
commentContainer.appendChild(commentElement);
}
});
}
}

// Функция для обновления сообщений и комментариев
async function updateMessages() {
const newContent = await fetchMessages();
if (!newContent) return;

const container = document.querySelector(MESSAGES_WRAPPER_SELECTOR);
if (!container) return;

// Обновляем существующие комментарии
document.querySelectorAll(MESSAGE_CONTAINER_SELECTOR).forEach(message => {
updateComments(message, newContent.comments);
});

// Добавляем новые сообщения
if (newContent.messages.length > 0) {
newContent.messages.forEach(messageHTML => {
const tempDiv = document.createElement('div');
tempDiv.innerHTML = messageHTML;
const messageElement = tempDiv.firstElementChild;
container.appendChild(messageElement);

// Добавляем комментарии к новому сообщению
updateComments(messageElement, newContent.comments);
});

// Прокручиваем к новому сообщению, если пользователь находится внизу страницы
const isAtBottom = (window.innerHeight + window.scrollY) >= document.documentElement.scrollHeight - 100;
if (isAtBottom) {
window.scrollTo(0, document.documentElement.scrollHeight);
}
}
}

// Запуск периодического обновления
function initAutoRefresh() {
// Первоначальная проверка
updateMessages();

// Установка интервала для периодической проверки
setInterval(updateMessages, REFRESH_INTERVAL);

// Добавляем индикатор активности скрипта
const indicator = document.createElement('div');
indicator.style.cssText = `
position: fixed;
bottom: 10px;
right: 10px;
background: #2ecc71;
color: white;
padding: 5px 10px;
border-radius: 3px;
font-size: 12px;
z-index: 9999;
opacity: 0.8;
`;
indicator.textContent = 'Авто-обновление активно';
document.body.appendChild(indicator);
}

// Ждем полной загрузки страницы
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', initAutoRefresh);
} else {
initAutoRefresh();
}
})();

Код

// ==UserScript==
// @name         Lolz.live Forum Auto Refresh
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Автоматическое обновление сообщений и комментариев на форуме lolz.live
// @author       Your Name
// @match        https://lolz.live/threads/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // Конфигурация
    const REFRESH_INTERVAL = 5000; // Интервал проверки новых сообщений (5 секунд)
    const MESSAGE_CONTAINER_SELECTOR = 'li.message'; // Селектор сообщений форума lolz.live
    const MESSAGES_WRAPPER_SELECTOR = '.messageList'; // Контейнер со всеми сообщениями
    const COMMENTS_LIST_SELECTOR = 'ol.messageSimpleList.messageSimple.CommentPostList'; // Селектор списка комментариев
    const COMMENT_SELECTOR = 'li[id^="post-comment-"]'; // Селектор комментариев
 
    // Функция для получения содержимого сообщений и комментариев
    async function fetchMessages() {
        try {
            const response = await fetch(window.location.href);
            const text = await response.text();
            const parser = new DOMParser();
            const doc = parser.parseFromString(text, 'text/html');
       
            // Получаем новые сообщения
            const messages = doc.querySelectorAll(MESSAGE_CONTAINER_SELECTOR);
            const newContent = {
                messages: [],
                comments: new Map() // Map для хранения комментариев по ID сообщения
            };

            const currentLastId = document.querySelector(MESSAGE_CONTAINER_SELECTOR + ':last-child')?.getAttribute('id');
       
            // Собираем все новые сообщения после последнего
            let foundCurrent = !currentLastId;
            for (const message of messages) {
                if (foundCurrent) {
                    newContent.messages.push(message.outerHTML);
                } else if (message.getAttribute('id') === currentLastId) {
                    foundCurrent = true;
                }
           
                // Собираем комментарии для каждого сообщения
                const messageId = message.getAttribute('id');
                if (messageId) {
                    const commentsList = message.querySelector(COMMENTS_LIST_SELECTOR);
                    if (commentsList) {
                        const comments = commentsList.querySelectorAll(COMMENT_SELECTOR);
                        if (comments.length > 0) {
                            newContent.comments.set(messageId, {
                                container: commentsList.outerHTML,
                                comments: Array.from(comments).map(c => c.outerHTML)
                            });
                        }
                    }
                }
            }

            return newContent;
        } catch (error) {
            console.error('Ошибка при получении сообщений:', error);
            return null;
        }
    }

    // Функция для обновления комментариев к сообщению
    function updateComments(messageElement, comments) {
        const messageId = messageElement.getAttribute('id');
        if (!messageId || !comments.has(messageId)) return;

        const commentData = comments.get(messageId);
        let commentContainer = messageElement.querySelector(COMMENTS_LIST_SELECTOR);
   
        // Если контейнера комментариев нет, создаем его
        if (!commentContainer && commentData.container) {
            const tempDiv = document.createElement('div');
            tempDiv.innerHTML = commentData.container;
            commentContainer = tempDiv.firstElementChild;
            const messageContent = messageElement.querySelector('.messageContent');
            if (messageContent) {
                messageContent.appendChild(commentContainer);
            }
        }

        if (commentContainer) {
            const existingComments = new Set(
                Array.from(commentContainer.querySelectorAll(COMMENT_SELECTOR))
                    .map(c => c.getAttribute('id'))
            );

            commentData.comments.forEach(commentHTML => {
                const tempDiv = document.createElement('div');
                tempDiv.innerHTML = commentHTML;
                const commentElement = tempDiv.firstElementChild;
                const commentId = commentElement.getAttribute('id');

                if (!existingComments.has(commentId)) {
                    commentContainer.appendChild(commentElement);
                }
            });
        }
    }

    // Функция для обновления сообщений и комментариев
    async function updateMessages() {
        const newContent = await fetchMessages();
        if (!newContent) return;

        const container = document.querySelector(MESSAGES_WRAPPER_SELECTOR);
        if (!container) return;

        // Обновляем существующие комментарии
        document.querySelectorAll(MESSAGE_CONTAINER_SELECTOR).forEach(message => {
            updateComments(message, newContent.comments);
        });

        // Добавляем новые сообщения
        if (newContent.messages.length > 0) {
            newContent.messages.forEach(messageHTML => {
                const tempDiv = document.createElement('div');
                tempDiv.innerHTML = messageHTML;
                const messageElement = tempDiv.firstElementChild;
                container.appendChild(messageElement);
           
                // Добавляем комментарии к новому сообщению
                updateComments(messageElement, newContent.comments);
            });

            // Прокручиваем к новому сообщению, если пользователь находится внизу страницы
            const isAtBottom = (window.innerHeight + window.scrollY) >= document.documentElement.scrollHeight - 100;
            if (isAtBottom) {
                window.scrollTo(0, document.documentElement.scrollHeight);
            }
        }
    }

    // Запуск периодического обновления
    function initAutoRefresh() {
        // Первоначальная проверка
        updateMessages();
   
        // Установка интервала для периодической проверки
        setInterval(updateMessages, REFRESH_INTERVAL);
   
        // Добавляем индикатор активности скрипта
        const indicator = document.createElement('div');
        indicator.style.cssText = `
            position: fixed;
            bottom: 10px;
            right: 10px;
            background: #2ecc71;
            color: white;
            padding: 5px 10px;
            border-radius: 3px;
            font-size: 12px;
            z-index: 9999;
            opacity: 0.8;
        `;
        indicator.textContent = 'Авто-обновление активно';
        document.body.appendChild(indicator);
    }

    // Ждем полной загрузки страницы
    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', initAutoRefresh);
    } else {
        initAutoRefresh();
    }
})();

вам больше не прийдется обновлять страницу чтобы увидеть непрогруженный контент
на главной странице

разрабатывалось под Safari Userscripts

код | непрогруженный контент на главной странице

// ==UserScript==
// @name Lolz.live Topics Auto Refresh
// @namespace http://tampermonkey.net/
// @version 0.1
// @description Автоматическое обновление списка тем на форуме lolz.live
// @author Your Name
// @match https://lolz.live/*
// @grant none
// ==/UserScript==

(function() {
'use strict';

// Конфигурация
const REFRESH_INTERVAL = 5000; // Интервал проверки новых тем (5 секунд)
const TOPICS_CONTAINER_SELECTOR = '.latestThreads'; // Контейнер со списком тем
const TOPIC_SELECTOR = 'div[id^="thread-"]'; // Селектор отдельной темы

// Функция для получения содержимого списка тем
async function fetchTopics() {
try {
const response = await fetch(window.location.href);
const text = await response.text();
const parser = new DOMParser();
const doc = parser.parseFromString(text, 'text/html');

// Получаем новые темы
const topics = doc.querySelectorAll(TOPIC_SELECTOR);
const newContent = {
topics: []
};

const currentFirstId = document.querySelector(TOPIC_SELECTOR)?.getAttribute('id');

// Собираем все новые темы до первой существующей
for (const topic of topics) {
const topicId = topic.getAttribute('id');
if (topicId === currentFirstId) {
break;
}
newContent.topics.push({
id: topicId,
html: topic.outerHTML
});
}

return newContent;
} catch (error) {
console.error('Ошибка при получении тем:', error);
return null;
}
}

// Функция для обновления списка тем
async function updateTopics() {
const newContent = await fetchTopics();
if (!newContent || !newContent.topics.length) return;

const container = document.querySelector(TOPICS_CONTAINER_SELECTOR);
if (!container) return;

// Добавляем новые темы в начало списка
newContent.topics.reverse().forEach(topic => {
const tempDiv = document.createElement('div');
tempDiv.innerHTML = topic.html;
const topicElement = tempDiv.firstElementChild;

// Добавляем эффект появления
topicElement.style.animation = 'fadeIn 0.5s ease-in';
container.insertBefore(topicElement, container.firstChild);
});
}

// Добавляем стили для анимации
const styles = document.createElement('style');
styles.textContent = `
@keyframes fadeIn {
from { opacity: 0; transform: translateY(-10px); }
to { opacity: 1; transform: translateY(0); }
}
`;
document.head.appendChild(styles);

// Запуск периодического обновления
function initAutoRefresh() {
// Первоначальная проверка
updateTopics();

// Установка интервала для периодической проверки
setInterval(updateTopics, REFRESH_INTERVAL);

// Добавляем индикатор активности скрипта
const indicator = document.createElement('div');
indicator.style.cssText = `
position: fixed;
bottom: 10px;
right: 10px;
background: #2ecc71;
color: white;
padding: 5px 10px;
border-radius: 3px;
font-size: 12px;
z-index: 9999;
opacity: 0.8;
cursor: pointer;
`;
indicator.textContent = 'Авто-обновление тем активно';
document.body.appendChild(indicator);
}

// Запускаем скрипт только на страницах со списком тем
if (document.querySelector(TOPICS_CONTAINER_SELECTOR)) {
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', initAutoRefresh);
} else {
initAutoRefresh();
}
}
})();

Код

// ==UserScript==
// @name         Lolz.live Topics Auto Refresh
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Автоматическое обновление списка тем на форуме lolz.live
// @author       Your Name
// @match        https://lolz.live/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // Конфигурация
    const REFRESH_INTERVAL = 5000; // Интервал проверки новых тем (5 секунд)
    const TOPICS_CONTAINER_SELECTOR = '.latestThreads'; // Контейнер со списком тем
    const TOPIC_SELECTOR = 'div[id^="thread-"]'; // Селектор отдельной темы
   
    // Функция для получения содержимого списка тем
    async function fetchTopics() {
        try {
            const response = await fetch(window.location.href);
            const text = await response.text();
            const parser = new DOMParser();
            const doc = parser.parseFromString(text, 'text/html');
           
            // Получаем новые темы
            const topics = doc.querySelectorAll(TOPIC_SELECTOR);
            const newContent = {
                topics: []
            };

            const currentFirstId = document.querySelector(TOPIC_SELECTOR)?.getAttribute('id');
           
            // Собираем все новые темы до первой существующей
            for (const topic of topics) {
                const topicId = topic.getAttribute('id');
                if (topicId === currentFirstId) {
                    break;
                }
                newContent.topics.push({
                    id: topicId,
                    html: topic.outerHTML
                });
            }

            return newContent;
        } catch (error) {
            console.error('Ошибка при получении тем:', error);
            return null;
        }
    }

    // Функция для обновления списка тем
    async function updateTopics() {
        const newContent = await fetchTopics();
        if (!newContent || !newContent.topics.length) return;

        const container = document.querySelector(TOPICS_CONTAINER_SELECTOR);
        if (!container) return;

        // Добавляем новые темы в начало списка
        newContent.topics.reverse().forEach(topic => {
            const tempDiv = document.createElement('div');
            tempDiv.innerHTML = topic.html;
            const topicElement = tempDiv.firstElementChild;
           
            // Добавляем эффект появления
            topicElement.style.animation = 'fadeIn 0.5s ease-in';
            container.insertBefore(topicElement, container.firstChild);
        });
    }

    // Добавляем стили для анимации
    const styles = document.createElement('style');
    styles.textContent = `
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(-10px); }
            to { opacity: 1; transform: translateY(0); }
        }
    `;
    document.head.appendChild(styles);

    // Запуск периодического обновления
    function initAutoRefresh() {
        // Первоначальная проверка
        updateTopics();
       
        // Установка интервала для периодической проверки
        setInterval(updateTopics, REFRESH_INTERVAL);
       
        // Добавляем индикатор активности скрипта
        const indicator = document.createElement('div');
        indicator.style.cssText = `
            position: fixed;
            bottom: 10px;
            right: 10px;
            background: #2ecc71;
            color: white;
            padding: 5px 10px;
            border-radius: 3px;
            font-size: 12px;
            z-index: 9999;
            opacity: 0.8;
            cursor: pointer;
        `;
        indicator.textContent = 'Авто-обновление тем активно';
        document.body.appendChild(indicator);
    }

    // Запускаем скрипт только на страницах со списком тем
    if (document.querySelector(TOPICS_CONTAINER_SELECTOR)) {
        if (document.readyState === 'loading') {
            document.addEventListener('DOMContentLoaded', initAutoRefresh);
        } else {
            initAutoRefresh();
        }
    }
})();