המלצה | חדש בפורום! נושאים שנצפו לאחרונה!

[קראנץ' ונילה]

@מים-אחרונים אין חנות כרום לאנדרואיד?

[צדיק תמים]

@קראנץ-x27-ונילה "נוסף לשולחן העבודה"
שולחן עבודה = מחשב

[יוסף אלחנן]

@קראנץ-x27-ונילה כתב בהמלצה | חדש בפורום! נושאים שנצפו לאחרונה!:

@מים-אחרונים אין חנות כרום לאנדרואיד?

@צדיק-תמים כתב בהמלצה | חדש בפורום! נושאים שנצפו לאחרונה!:

אפשר להתקין תוספים רק בדפדפן Kiwi

אגב, @צדיק-תמים כמה שאני יודע, אין גרסאות חדשות לזה והוא לא בטוח מבחינת אבטחה וכדו'
שמעת על זה?

[מים אחרונים]

@קראנץ-x27-ונילה הוא התקין לך על המחשב שבו אתה מחובר

[קראנץ' ונילה]

@יוסף-אלחנן אם כן כרום לא היו מפרסמים

[מים אחרונים]

אולי כדאי באמת לפתח תוסף עם שיפורים למתמחים טופ
כל ההצעות ייעול
כל הרעיונות יכנסו לתוסף אחד שיפותח ויתווסף, כשנודביבי יוסיפו את זה להגדרות שלהם אז יהיה ניתן להסיר.

[לאצי]

@צדיק-תמים כתב בהמלצה | חדש בפורום! נושאים שנצפו לאחרונה!:

@לאצי אתה מזהה מעבר בין עמודים על ידי MutationObserver במקום הhooks ש nodebb פולט, מחלץ מידע על הנושא הנוכחי עם טריקים במקום לקחת מajaxify.data, וכן הלאה

אני רואה שאתה מבין, אז אולי תכתוב את זה אתה בנודביבי בדרך הנכונה? (או שפשוט תנחה את AI איך לכתוב את זה לנודביבי... יותר קל...)

[צדיק תמים]

@יוסף-אלחנן כתב בהמלצה | חדש בפורום! נושאים שנצפו לאחרונה!:

אגב, @צדיק-תמים כמה שאני יודע, אין גרסאות חדשות לזה והוא לא בטוח מבחינת אבטחה וכדו'
שמעת על זה?

מעניין לא שמעתי

הם מציעים חלופה (חלקית לדעתי) כאן: https://github.com/kiwibrowser/src.next#kiwi-browser

[יוסף אלחנן]

@צדיק-תמים אוקיי, אבל הוא מעדכן שלא יצאו עוד עידכונים...

[לאצי]

היי, שימו לב! בפורום נודביבי זה קיים בפרופיל המשתמש!
(אצלי זה בקישור https://community.nodebb.org/me/read)
מעניין למה פה זה לא קיים.
עריכה: זה מה שענו לי בנודביבי - הם כנראה צריכים לשדרג את ה-nodebb שלהם לגרסה העדכנית ביותר.

אז @שמואל , בבקשה.

Spoiler

אגב, עברתי קצת על פורום נודביבי וראיתי שהרבה דברים שם שונים לגמרי מכאן. כלומר, הרבה מהצעות הייעול שישנם כאן בפורום כבר מיושמות מזמן בנודביבי

עריכה: הידד!! כעת זה נוסף רשמית בפרופיל המשתמש!

[עדלאידע]

יפה מאוד! יעיל בהחלט!

@לאצי כתב בהמלצה | חדש בפורום! נושאים שנצפו לאחרונה!:

וכאן המקום להודות ל @עדלאידע שבהשראת הסקריפט שלו יצרתי את הסקריפט הזה.

תהיה בריא...
ההשראה גרמה לך גם לחפש את האלמנט "פוסטים אחרונים" ולשים את הכפתור שלך מתחתיו...
עכשיו מי שמשתמש בסקריפט שלי ושלך - הכפתורים שלנו רבים בינהם מי יהיה מתחת ל"פוסטים אחרונים"
אתה יכול לראות כשאתה עושה כמה ריענונים קשיחים שכל פעם כפתור אחר נמצא מתחת ל"פוסטים אחרונים"
שיניתי את הסקריפט שלך כך שהכפתור יחפש את "נושאים שלא נפתרו" ויהיה מעליו.

חוץ מזה, עצבן אותי שהטולטיפ מאוד שונה מהטולטיפ המקורי

אז עצבתי את זה כמו הטולטיפ המקורי

ואז נזכרתי שבסקריפט שלי בכלל אין טולטיפ...

אז הוספתי גם בו טולטיפ

וגם הגדרתי שכשהסרגל כפתורים במצב מורחב, אז:

1. הטולטיפ לא יהיה מוצג
2. יהיה כתוב "נצפו לאחרונה"
   

וגם הסרתי קטעים מיותרים בקוד (והיה קצת יותר מידי...)
אז תהנה:

עריכה: תוקן באג שגרם שיראו רק כ-15 נושאים, ועכשיו הוא שומר את ה-100 נושאים אחרונים שנצפו.

בנוסף, הוספתי כפתור ליד כל נושא למחיקה של אותו הנושא.

    //   , שיפרתי את הלוגיקה של הסקריפט וניקיתי אותו משורות מיותרות.

Spoiler

נכון שעכשיו הוא כמעט כפול שורות מלפני זה,
אבל זה נטו בגלל שבמקום לדחוס הרבה קטעי קוד בשורה אחת, כמנהג ה-AI
שמתי כל קטע קוד בשורה נפרדת, כדי שהסקריפט יהיה קריא וברור יותר

// ==UserScript==
// @name        רשימת נושאים שנצפו לאחרונה במתמחים.טופ
// @namespace   http://tampermonkey.net/
// @version     2.0.6
// @description סקריפט שמוסיף למתמחים.טופ כפתור לרשימת הנושאים שנצפו לאחרונה.
// @author      לאצי&AI
// @match       https://mitmachim.top/*
// @icon        https://mitmachim.top/assets/uploads/files/1744298283200-font_awesome_5_solid_history.svg.png
// @grant       GM_addStyle
// @grant       GM_getValue
// @grant       GM_setValue
// @grant       GM_deleteValue
// @run-at      document-idle
// ==/UserScript==

(function() {
    'use strict';

    const config = {
        storageKey: 'mitmachim_last_viewed_topics',
        maxHistoryItems: 100,
        topicUrlPrefix: 'https://mitmachim.top/topic/',
        debounceDelay: 300,
        dependencyCheck: {
            maxChecks: 120,
            checkInterval: 100,
        },
        tooltip: {
            text: "נצפו לאחרונה",
            gap: -88.5,
        },
        selectors: {
            navBar: 'nav[component="sidebar/left"] ul#main-nav',
            topicTitleSpan: 'h1[component="post/header"] span[component="topic/title"]',
            recentPostsItem: 'li a[href="/recent"]',
            unresolvedTopicsItem: 'li[data-bs-original-title="נושאים שלא נפתרו"]',
            contentArea: '#content',
            popup: '#last-viewed-popup',
            popupList: '#last-viewed-list',
            popupSearchInput: '#last-viewed-search',
            popupNoResults: '#last-viewed-no-results',
            clearHistoryButton: '#clear-last-viewed',
            closePopupButton: '.close-popup-btn',
            sidebarButtonLi: '#last-viewed-btn-li',
            sidebarButtonAnchor: 'a#last-viewed-btn',
        },
        cssClasses: {
            navItem: 'nav-item mx-2',
            navLink: 'nav-link navigation-link d-flex gap-2 justify-content-between align-items-center',
            navTextSpan: 'd-flex gap-2 align-items-center text-nowrap truncate-open',
            navTextInnerSpan: 'nav-text small visible-open fw-semibold text-truncate',
            badge: 'position-absolute top-0 start-100 translate-middle badge rounded-1 bg-primary hidden',
            iconSpan: 'position-relative',
            popupControls: 'popup-controls',
            closePopupButton: 'close-popup-btn',
            deleteButton: 'last-viewed-delete-btn',
        },
        html: {
            sidebarButton: `
                <li class="nav-item mx-2" id="last-viewed-btn-li" data-bs-original-title="נצפו לאחרונה">
                    <a class="nav-link navigation-link d-flex gap-2 justify-content-between align-items-center" href="#" role="button" id="last-viewed-btn" aria-label="נצפו לאחרונה">
                        <span class="d-flex gap-2 align-items-center text-nowrap truncate-open">
                            <span class="position-relative">
                                <i class="fa fa-fw fa-history" data-content=""></i>
                                <span component="navigation/count" class="visible-closed position-absolute top-0 start-100 translate-middle badge rounded-1 bg-primary hidden"></span>
                            </span>
                            <span class="nav-text small visible-open fw-semibold text-truncate">נצפו לאחרונה</span>
                        </span>
                        <span component="navigation/count" class="visible-open badge rounded-1 bg-primary hidden"></span>
                    </a>
                </li>
            `,
            deleteIcon: '<i class="fa fa-trash"></i>',
        },
    };

    const styles = `
        #last-viewed-popup { display: flex; flex-direction: column; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%; max-width: 550px; max-height: 80vh; overflow-y: auto; background-color: var(--bs-body-bg, #ffffff); color: var(--bs-body-color, #212529); border: 1px solid var(--bs-border-color, #dee2e6); box-shadow: 0 5px 15px rgba(0,0,0,0.2); padding: 20px; z-index: 1060; direction: rtl; font-family: "Assistant", sans-serif; font-size: 14px; border-radius: var(--bs-border-radius, 0.375rem); }
        #last-viewed-popup h2 { flex-shrink: 0; margin-top: 0; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid var(--bs-border-color-translucent, rgba(0,0,0,0.175)); color: var(--bs-heading-color, inherit); text-align: right; font-size: 1.25rem; font-weight: 600; }
        #last-viewed-popup ul#last-viewed-list { flex-grow: 1; list-style: none; padding: 0; margin: 0; overflow-y: auto; }
        #last-viewed-popup li { position: relative; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed var(--bs-border-color-translucent, rgba(0,0,0,0.1)); text-align: right; line-height: 1.5; padding-left: 25px; }
        #last-viewed-popup li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
        #last-viewed-popup a { text-decoration: none; color: var(--bs-link-color, #0d6efd); font-weight: 600; }
        #last-viewed-popup a:hover { text-decoration: underline; color: var(--bs-link-hover-color, #0a58ca); }
        #last-viewed-popup .popup-controls { flex-shrink: 0; display: flex; justify-content: space-between; align-items: center; margin-top: 15px; padding-top: 10px; border-top: 1px solid var(--bs-border-color-translucent, rgba(0,0,0,0.175)); }
        #last-viewed-popup .close-popup-btn, #last-viewed-popup #clear-last-viewed { padding: 0.375rem 0.75rem; font-size: 0.9rem; border-radius: var(--bs-border-radius-sm, 0.25rem); cursor: pointer; text-align: center; vertical-align: middle; user-select: none; border: 1px solid transparent; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
        #last-viewed-popup .close-popup-btn { color: var(--bs-secondary-color, #6c757d); background-color: var(--bs-secondary-bg, #e9ecef); border-color: var(--bs-secondary-border, #dee2e6); }
        #last-viewed-popup .close-popup-btn:hover { background-color: var(--bs-secondary-active-bg, #ced4da); }
        #last-viewed-popup #clear-last-viewed { color: var(--bs-danger-color, #dc3545); background-color: var(--bs-danger-bg, #f8d7da); border-color: var(--bs-danger-border, #f5c2c7); }
        #last-viewed-popup #clear-last-viewed:hover { background-color: var(--bs-danger-active-bg, #f1aeb5); }
        #last-viewed-popup::-webkit-scrollbar { width: 7px; height: 7px; background-color: #e6f9ff; border-radius: 4px; }
        #last-viewed-popup::-webkit-scrollbar-thumb { background: #99ceff; border-radius: 100px; }
        #last-viewed-popup::-webkit-scrollbar:hover { width: 12px; }
        /* Search box styles */
        #last-viewed-search-container { flex-shrink: 0; margin-bottom: 15px; }
        #last-viewed-search { width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); background-color: var(--bs-body-bg); background-clip: padding-box; border: 1px solid var(--bs-border-color); appearance: none; border-radius: var(--bs-border-radius); transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
        #last-viewed-search:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25); }
        #last-viewed-search::placeholder { color: #6c757d; opacity: 1; }
        #last-viewed-no-results { text-align: center; color: #6c757d; margin-top: 1rem; display: none; }
        /* Dynamic Tooltip Styles */
        #last-viewed-dynamic-tooltip{position:fixed;background-color:#212529;color:#fff;padding:2px 10px;border-radius:6px;font-size:16px;font-weight:150;font-family:"Assistant",sans-serif;white-space:nowrap;z-index:1100;pointer-events:none;--arrow-size:6px;}
        #last-viewed-dynamic-tooltip::before{content:"";position:absolute;top:50%;left:100%;margin-top:calc(-1*var(--arrow-size));border-width:var(--arrow-size);border-style:solid;border-color:transparent transparent transparent #212529;}
        /* Delete Button Style */
        .${config.cssClasses.deleteButton} { position: absolute; left: 5px; top: 35%; transform: translateY(-50%); background: none; border: none; color: #dc3545; cursor: pointer; opacity: 0; transition: opacity 0.3s ease-in-out; font-size: 1.0em; }
        #last-viewed-popup li:hover .${config.cssClasses.deleteButton} { opacity: 1; }
    `;
    GM_addStyle(styles);

    function getLastViewed() {
        const data = GM_getValue(config.storageKey, '[]');
        try {
            return JSON.parse(data);
        } catch (e) {
            return [];
        }
    }

    function setLastViewed(items) {
        GM_setValue(config.storageKey, JSON.stringify(items));
    }

    function addTopicToHistory(topicTitle, topicUrl) {
        if (!topicTitle || !topicUrl) return;
        topicTitle = topicTitle.trim();
        const normalizedUrl = topicUrl.split('?')[0].split('#')[0];
        let items = getLastViewed();
        const existingIndex = items.findIndex(item => item && item.url === normalizedUrl && item.title === topicTitle);
        if (existingIndex !== -1) {
            const existingItem = items.splice(existingIndex, 1)[0];
            existingItem.timestamp = Date.now();
            items.push(existingItem);
        } else {
            items.push({ title: topicTitle, url: normalizedUrl, timestamp: Date.now() });
        }
        setLastViewed(items);
    }

    function getTopicDetailsFromPage() {
        const currentUrl = window.location.href;
        if (!currentUrl.startsWith(config.topicUrlPrefix)) {
            return null;
        }
        let title = '';
        let $titleSpan = $(config.selectors.topicTitleSpan);
        if ($titleSpan.length > 0) {
            let $tempSpan = $titleSpan.clone();
            $tempSpan.find('span[style*="font-size: 10px"]').remove();
            title = $tempSpan.text().replace(/\s+/g, ' ').trim();
        }
        if (!title) {
            title = document.title.replace(/ \| מתמחים טופ.*/, '').trim();
        }
        const normalizedUrl = currentUrl.split('?')[0].split('#')[0];
        return { title: title, url: normalizedUrl };
    }

    let debounceTimer;
    function debounce(func, delay) {
        return function(...args) {
            clearTimeout(debounceTimer);
            debounceTimer = setTimeout(() => {
                if (typeof func === 'function') {
                    func.apply(this, args);
                }
            }, delay);
        };
    }
    const saveCurrentTopicDebounced = debounce(function() {
        const currentTopic = getTopicDetailsFromPage();
        if (currentTopic && currentTopic.title) {
            addTopicToHistory(currentTopic.title, currentTopic.url);
        }
    }, config.debounceDelay);

    function closePopupAndRemoveListener() {
        const $popup = $(config.selectors.popup);
        if ($popup.length) {
            $(document).off('click.closeLastViewed');
            $popup.remove();
        }
    }

    function addClosePopupListener() {
        $(document).off('click.closeLastViewed');
        $(document).on('click.closeLastViewed', function(event) {
            if (!$(config.selectors.popup).length) {
                $(document).off('click.closeLastViewed');
                return;
            }
            if (!$(event.target).closest(config.selectors.popup).length && !$(event.target).closest(config.selectors.sidebarButtonLi).length) {
                closePopupAndRemoveListener();
            }
        });
    }

    function filterLastViewedList() {
        const searchTerm = $(config.selectors.popupSearchInput).val().toLowerCase().trim();
        const $listItems = $(config.selectors.popupList + ' li');
        let visibleCount = 0;
        $listItems.each(function() {
            const $item = $(this);
            const itemText = $item.find('a').text().toLowerCase();
            if (itemText.includes(searchTerm)) {
                $item.show();
                visibleCount++;
            } else {
                $item.hide();
            }
        });
        if (visibleCount === 0 && $listItems.length > 0) {
            $(config.selectors.popupNoResults).show();
        } else {
            $(config.selectors.popupNoResults).hide();
        }
    }

    function showLastViewedPopup() {
        if ($(config.selectors.popup).length) return;
        closePopupAndRemoveListener();
        let items = getLastViewed();
        const uniqueItems = [];
        const seenTitles = new Set();

        for (let i = items.length - 1; i >= 0; i--) {
            const item = items[i];
            if (!seenTitles.has(item.title)) {
                uniqueItems.push(item);
                seenTitles.add(item.title);
            }
        }

        items = uniqueItems;

        const popup = document.createElement('div');
        popup.id = config.selectors.popup.substring(1);
        const searchContainer = document.createElement('div');
        searchContainer.id = 'last-viewed-search-container';
        const searchInput = document.createElement('input');
        searchInput.type = 'search';
        searchInput.id = config.selectors.popupSearchInput.substring(1);
        searchInput.placeholder = 'חיפוש בנצפו לאחרונה...';
        searchInput.className = 'form-control';
        searchContainer.appendChild(searchInput);
        popup.appendChild(searchContainer);
        const title = document.createElement('h2');
        title.textContent = 'שרשורים שנצפו לאחרונה';
        popup.appendChild(title);
        if (items.length === 0) {
            const emptyMsg = document.createElement('p');
            emptyMsg.textContent = 'לא נצפו שרשורים לאחרונה.';
            popup.appendChild(emptyMsg);
        } else {
            const list = document.createElement('ul');
            list.id = config.selectors.popupList.substring(1);
            for (let i = 0; i < items.length; i++) {
                const item = items[i];
                const listItem = document.createElement('li');
                const link = document.createElement('a');
                link.href = item.url;
                link.textContent = item.title || 'ללא כותרת';
                link.target = '_blank';
                listItem.appendChild(link);

                const deleteButton = document.createElement('button');
                deleteButton.className = config.cssClasses.deleteButton;
                deleteButton.innerHTML = config.html.deleteIcon;
                deleteButton.addEventListener('click', function(event) {
                    event.stopPropagation();
                    const itemToRemoveUrl = item.url;
                    let currentHistory = getLastViewed();
                    currentHistory = currentHistory.filter(historyItem => historyItem.url !== itemToRemoveUrl);
                    setLastViewed(currentHistory);
                    $(listItem).remove();
                    if ($(config.selectors.popupList + ' li').length === 0) {
                        $(config.selectors.popupNoResults).text('לא נצפו שרשורים לאחרונה.').show();
                    }
                });
                listItem.appendChild(deleteButton);

                list.appendChild(listItem);
            }
            popup.appendChild(list);
            const noResultsMsg = document.createElement('p');
            noResultsMsg.id = config.selectors.popupNoResults.substring(1);
            noResultsMsg.textContent = 'לא נמצאו שרשורים תואמים.';
            popup.appendChild(noResultsMsg);
        }
        const controlsDiv = document.createElement('div');
        controlsDiv.className = config.cssClasses.popupControls;
        const clearButton = document.createElement('button');
        clearButton.textContent = 'נקה היסטוריה';
        clearButton.id = config.selectors.clearHistoryButton.substring(1);
        controlsDiv.appendChild(clearButton);
        const closeButton = document.createElement('button');
        closeButton.textContent = 'סגור';
        closeButton.className = config.cssClasses.closePopupButton;
        controlsDiv.appendChild(closeButton);
        popup.appendChild(controlsDiv);
        document.body.appendChild(popup);
        $(config.selectors.clearHistoryButton).on('click', function(e) {
            e.stopPropagation();
            if (confirm('האם אתה בטוח שברצונך למחוק את היסטוריית הצפייה?')) {
                GM_deleteValue(config.storageKey);
                closePopupAndRemoveListener();
            }
        });
        $(config.selectors.closePopupButton).on('click', function(e) {
            e.stopPropagation();
            closePopupAndRemoveListener();
        });
        $(config.selectors.popupSearchInput).on('input', filterLastViewedList);
        setTimeout(addClosePopupListener, 50);
        $(config.selectors.popupSearchInput).trigger('focus');
    }

    let currentTooltip = null;
    function showDynamicTooltip(targetElement) {
        const sidebar = document.querySelector('nav[component="sidebar/left"]');
        if (sidebar && sidebar.classList.contains('open')) {
            return;
        }
        removeDynamicTooltip();
        currentTooltip = document.createElement('div');
        currentTooltip.id = 'last-viewed-dynamic-tooltip';
        currentTooltip.textContent = config.tooltip.text;
        document.body.appendChild(currentTooltip);
        const rect = targetElement.getBoundingClientRect();
        const tooltipRect = currentTooltip.getBoundingClientRect();
        let top = rect.top + (rect.height / 2) - (tooltipRect.height / 2);
        let left = rect.left + rect.width + config.tooltip.gap - 58;
        if (top < 5) top = 5;
        if (top + tooltipRect.height > window.innerHeight - 5) top = window.innerHeight - tooltipRect.height - 5;
        if (left + tooltipRect.width > window.innerWidth - 5) left = window.innerWidth - tooltipRect.width - 5;
        currentTooltip.style.top = `${top}px`;
        currentTooltip.style.left = `${left}px`;
        currentTooltip.style.right = 'auto';
    }

    function removeDynamicTooltip() {
        if (currentTooltip) {
            currentTooltip.remove();
            currentTooltip = null;
        }
    }

    function createSidebarButton() {
        if ($(config.selectors.sidebarButtonLi).length > 0) {
            return;
        }
        const $navList = $(config.selectors.navBar);
        if ($navList.length === 0) {
            return;
        }
        const $recentPostsItem = $navList.find(config.selectors.recentPostsItem).closest('li');
        if ($recentPostsItem.length === 0) {
            return;
        }

        const $newItem = $(config.html.sidebarButton);

        $newItem.find(config.selectors.sidebarButtonAnchor).on('click', function(event) {
            event.preventDefault();
            event.stopPropagation();
            removeDynamicTooltip();
            showLastViewedPopup();
        });
        $newItem.on('mouseenter', function(event) {
            showDynamicTooltip(event.currentTarget);
        }).on('mouseleave', function() {
            removeDynamicTooltip();
        });

        try {
            $newItem.insertBefore($(config.selectors.unresolvedTopicsItem));
            setTimeout(() => {
                if ($(config.selectors.sidebarButtonLi).length > 0) {
                } else {
                }
            }, 50);
        } catch (e) {
        }
    }

    let observer = null;
    function setupMutationObserver() {
        const targetNode = document.querySelector(config.selectors.contentArea);
        if (!targetNode) {
            setTimeout(setupMutationObserver, 1000);
            return;
        }
        const observerConfig = { childList: true, subtree: true };
        const observerCallback = function(mutationsList, observer) {
            let titleSpanFound = false;
            for (const mutation of mutationsList) {
                if (mutation.type === 'childList') {
                    mutation.addedNodes.forEach(node => {
                        if (node.nodeType === Node.ELEMENT_NODE) {
                            if ($(node).find(config.selectors.topicTitleSpan).length > 0 || $(node).is(config.selectors.topicTitleSpan)) {
                                titleSpanFound = true;
                            }
                        }
                    });
                }
                if (titleSpanFound) break;
            }
            if (titleSpanFound) {
                saveCurrentTopicDebounced();
            }
        };
        observer = new MutationObserver(observerCallback);
        observer.observe(targetNode, observerConfig);

        const parentObserver = new MutationObserver(mutations => {
            mutations.forEach(mutation => {
                mutation.removedNodes.forEach(removedNode => {
                    if (removedNode.id === config.selectors.contentArea.substring(1)) {
                        if (observer) observer.disconnect();
                        setTimeout(setupMutationObserver, 50);
                    }
                });
            });
        });
        if (targetNode.parentNode) {
            parentObserver.observe(targetNode.parentNode, { childList: true });
        }
    }

    function ensureDependencies(callback) {
        let checks = 0;
        const interval = setInterval(function() {
            const jQueryReady = typeof $ === 'function';
            const $navList = jQueryReady ? $(config.selectors.navBar) : null;
            const navListReady = $navList && $navList.length > 0;

            if (navListReady) {
                clearInterval(interval);
                try {
                    callback();
                } catch (e) {
                }
            } else {
                checks++;
                if (checks >= config.dependencyCheck.maxChecks) {
                    clearInterval(interval);
                }
            }
        }, config.dependencyCheck.checkInterval);
    }

    function initialize() {
        if (typeof createSidebarButton !== 'function' || typeof saveCurrentTopicDebounced !== 'function' || typeof setupMutationObserver !== 'function') {
            return;
        }
        createSidebarButton();
        saveCurrentTopicDebounced();
        setupMutationObserver();
    }

    ensureDependencies(initialize);

})();

[מים אחרונים]

למה לא לאחד אותם לסקריפט אחד?
או שזה מה שעשיתם?

[לאצי]

@עדלאידע אני לא אשם בכלום, זה הכל AI... ובקשר לטוטליפ בהתחלה הוא אמנם יצר לי טוטליפ זהה לזה של הפורום אך בשל בעיות שונות ומשונות שצצו בהמשך הוא העניק לי הסברים לרוב (שאת חלקם לא הבנתי או לא ניסיתי להבין...) מדוע עליו לשנות את הטוטליפ. אז תודה על הכל.

עריכה: יש לך באג רציני ששרשורים מופיעים כמה פעמים. זה נוגד את מה שכתבתי בתכונות הסקריפט. אה, וזה גם מעצבן...
אצלי זה גם היה בהתחלה, על אף שכן אמרתי לAI למנוע זאת, והתבר שזה קורה כי הוא קרא את כל הURL של השרשור, ואז כשעוברים לפוסט אחר באותו שרשור אז הURL משתנה וזה מה שגרם לו להוסיף את אותו שרשור כמה פעמים, כל פעם בגלל פוסט אחר. אז פשוט הגדרתי לו שיקרא רק את החלק הראשון של הURL שכולל רק את זהות השרשור.

Spoiler

ותודה שהשארת לי את הקרדיט בקוד...

[עדלאידע]

@לאצי כתב בהמלצה | חדש בפורום! נושאים שנצפו לאחרונה!:

בקשר לטוטליפ בהתחלה הוא אמנם יצר לי טוטליפ זהה לזה של הפורום אך בשל בעיות שונות ומשונות שצצו בהמשך הוא העניק לי הסברים לרוב (שאת חלקם לא הבנתי או לא ניסיתי להבין...) מדוע עליו לשנות את הטוטליפ.

איך הוא יודע לחרטט דברים ואז לנמק אותם בצורה כ"כ משכנעת...

יש לך באג רציני ששרשורים מופיעים כמה פעמים. זה נוגד את מה שכתבתי בתכונות הסקריפט. אה, וזה גם מעצבן...

תוקן.

אצלי זה גם היה בהתחלה, על אף שכן אמרתי לAI למנוע זאת, והתבר שזה קורה כי הוא קרא את כל הURL של השרשור, ואז כשעוברים לפוסט אחר באותו שרשור אז הURL משתנה וזה מה שגרם לו להוסיף את אותו שרשור כמה פעמים, כל פעם בגלל פוסט אחר. אז פשוט הגדרתי לו שיקרא רק את החלק הראשון של הURL שכולל רק את זהות השרשור.

אני פשוט עשיתי שהוא יקרא את כל הרשימה של הנושאים האחרונים שנצפו, ואם יש כותרת כפולה הוא ישמור רק את הנושא האחרון שנצפה, הרבה יותר פשוט.

עדכנתי את הסקריפט.

[לאצי]

הפוסט הראשון עודכן עם הסקריפט המשופר ע"י @עדלאידע

[חברון מאז ולתמיד]

@עדלאידע כתב בהמלצה | חדש בפורום! נושאים שנצפו לאחרונה!:

חוץ מזה, עצבן אותי שהטולטיפ מאוד שונה מהטולטיפ המקורי

אז עצבתי את זה כמו הטולטיפ המקורי

ואז נזכרתי שבסקריפט שלי בכלל אין טולטיפ...

אז הוספתי גם בו טולטיפ

@עדלאידע, לא יודע מה זה טוטליפ/טולטיפ, אבל זה נראה אצלך בשני פונטים שונים ('נצפו לאחרונה' בassistant והשני אני לא מצליח לזהות אבל לא אסיסטנט...)

אני צודק?

[עדלאידע]

@חברון-מאז-ולתמיד כתב בהמלצה | חדש בפורום! נושאים שנצפו לאחרונה!:

לא יודע מה זה טוטליפ/טולטיפ,

טולטיפ זה החלון מידע שקופץ כשמרחפים על הכפתור

אבל זה נראה אצלך בשני פונטים שונים ('נצפו לאחרונה' בassistant והשני אני לא מצליח לזהות אבל לא אסיסטנט...)

אני צודק?

נכון, זה בולט בעיקר ב-א'

עשיתי אסיסטנט כי הוא הכי דומה למקורי
אבל אם אני יצליח לזהות מה הפונט המקורי, אני יוכל לעשות אותו גם בטולטיפ הנוכחי.

[צדיק תמים]

נודביבי משתמש בטולטיפים של Bootstrap
https://github.com/NodeBB/nodebb-theme-harmony/blob/main/public/harmony.js#L233-L261