המלצה | קוד לטרמונסקי לעדכון כאשר ישנה שגיאה הקשורה בנטפרי

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

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

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

ג'מיני כתב לי קוד ל tampermonkey שמקפיץ הודעה בכל פעם שישנה שגיאה כל שהיא באתר שקשורה במידה כזו או אחרת לנטפרי.
שימו לב כאשר יש דף חסימה של נטפרי התוסף לא מציג כלום (כי הדף של נטפרי נמצא מעל הכל)
בהצלחה.
אם מישהו יכול להפוך את זה לקוד כולל התקנה, אשמח.

// ==UserScript==
// @name         התראה על חסימת נטפרי
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  מנטר את קוד התגובה 418 (Blocked by NetFree) בבקשות רשת (XHR ו-Fetch) ומציג התראה קופצת עם עיצוב מודרני.
// @author       Gemini
// @match        *://*/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // הזרקת פונט Assistant ו-CSS כללי לראש הדף
    const style = document.createElement('style');
    style.innerHTML = `
        @import url('https://fonts.googleapis.com/css2?family=Assistant:wght@400;700&display=swap');
    `;
    document.head.appendChild(style);

    // ---------------------- הגדרות ----------------------
    // קוד הסטטוס של נטפרי
    const NETFREE_STATUS_CODE = 418;
    // כתובת הקישור לשליחת פניה למוקד
    const NETFREE_TICKET_URL = 'https://netfree.link/app/#/tickets/new';

    // ודא שההודעה מוצגת פעם אחת לכל שגיאת רשת בדף.
    let isNotificationVisible = false;

    // ---------------------- לוגיקת התצוגה ----------------------

    /**
     * יוצר ומציג את ההודעה המעוצבת.
     */
    function showNetFreeNotification() {
        if (isNotificationVisible) {
            return; // מונע הצפת התראות
        }
        isNotificationVisible = true;

        // מחיקת התראות קודמות כדי למנוע הצטברות
        const existingNotification = document.getElementById('netfree-error-notification');
        if (existingNotification) {
            existingNotification.remove();
        }

        const notificationDiv = document.createElement('div');
        notificationDiv.id = 'netfree-error-notification';

        // יצירת ה-HTML הפנימי עם הטקסט והקישור - **תוקן** כדי לכלול כפתור סגירה נפרד
        notificationDiv.innerHTML = `
            <div style="flex-grow: 1; text-align: right; direction: rtl; display: flex; flex-direction: column;">
                <span style="font-weight: 700; font-size: 15px; margin-bottom: 5px;">שימו לב, שגיאת נטפרי אירעה (418)</span>
                <span style="font-size: 12px; line-height: 1.4;">
                    יתכן וזה חלק מההליך התקין, אך אם חלקים נצרכים בדף זה חסומים, ניתן לשלוח פניה למוקד בצירוף תעבורת אינטרנט.
                    <a href="${NETFREE_TICKET_URL}" target="_blank" style="color: #FFDC7A; text-decoration: underline; font-weight: 700; margin-right: 5px; cursor: pointer;">
                        לחצו כאן
                    </a>
                </span>
            </div>
            <button id="netfree-close-btn" style="
                background: transparent;
                border: none;
                color: #FFDC7A; /* צבע זהב לכפתור */
                cursor: pointer;
                font-size: 1.4em;
                margin-left: 0;
                margin-right: 15px;
                padding: 0;
                transition: color 0.2s;
            ">
                &times;
            </button>
        `;

        // **עיצוב מודרני ועדין (Assistant Font, צבע רך, צל עמוק)**
        notificationDiv.style.cssText = `
            position: fixed;
            top: 20px;
            right: 20px;
            z-index: 10000;
            background-color: #A33B3B; /* צבע אדום עמוק ורך, פחות אגרסיבי */
            color: #f0f0f0; /* לבן-אוף */
            padding: 15px 20px;
            border-radius: 6px;
            box-shadow: 0 8px 18px rgba(0, 0, 0, 0.4);
            font-family: 'Assistant', 'Heebo', 'Rubik', Arial, sans-serif; /* שימוש בפונטים מודרניים */
            font-size: 14px;
            text-align: right;
            direction: rtl;
            display: flex;
            align-items: flex-start; /* יישור למעלה, נראה טוב יותר עם מספר שורות */
            max-width: 380px;
            line-height: 1.5;
            border-right: 5px solid #FFDC7A; /* פס זהב בצד ימין כהדגשה יוקרתית */
            opacity: 0;
            transform: translateY(-20px);
            transition: opacity 0.5s ease, transform 0.5s ease;
        `;

        document.body.appendChild(notificationDiv);

        // הוספת Event Listener לסגירה - **שימוש ב-ID התקין כעת**
        const closeBtn = document.getElementById('netfree-close-btn');
        if (closeBtn) {
            closeBtn.addEventListener('click', () => {
                notificationDiv.style.opacity = '0';
                notificationDiv.style.transform = 'translateY(-20px)';
                setTimeout(() => notificationDiv.remove(), 500);
                isNotificationVisible = false;
            });
        }

        // הפעלת האנימציה (Fade-in and slide-down)
        setTimeout(() => {
            notificationDiv.style.opacity = '1';
            notificationDiv.style.transform = 'translateY(0)';
        }, 10);

        // הסרה אוטומטית (מופעלת רק אם לא נסגר ידנית)
        setTimeout(() => {
            if (isNotificationVisible && document.getElementById('netfree-error-notification')) {
                notificationDiv.style.opacity = '0';
                notificationDiv.style.transform = 'translateY(-20px)';
                setTimeout(() => notificationDiv.remove(), 500);
                isNotificationVisible = false;
            }
        }, 20000); // הסרה אוטומטית לאחר 20 שניות
    }

    // ---------------------- דריסת XHR (XMLHttpRequest) ----------------------
    // שמירת הפונקציה המקורית
    const originalXHRSend = XMLHttpRequest.prototype.send;

    XMLHttpRequest.prototype.send = function() {
        const originalOnReadyStateChange = this.onreadystatechange;

        this.onreadystatechange = function() {
            if (this.readyState === 4 && this.status === NETFREE_STATUS_CODE) {
                showNetFreeNotification();
            }

            if (originalOnReadyStateChange) {
                originalOnReadyStateChange.apply(this, arguments);
            }
        };

        return originalXHRSend.apply(this, arguments);
    };

    // ---------------------- דריסת Fetch ----------------------
    const originalFetch = window.fetch;

    if (originalFetch) {
        window.fetch = function() {
            return originalFetch.apply(this, arguments).then(response => {
                if (response.status === NETFREE_STATUS_CODE) {
                    showNetFreeNotification();
                }
                return response;
            }).catch(error => {
                throw error;
            });
        };
    }
})();

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

בעז"ה בגרסא הבאה, אני רוצה להוסיף אוטומטית את הכותרת וחלק מהטקסט לשליחה.
אם אפשרי גם להקליט את התעבורה האחרונה יהיה מעולה.
אם מישהו יודע מה כותבים בקישור אחרי הסימן שאלה, בשביל שיגדיר אוטומטית את הכותרות לנטפרי אני אשמח.
תודה.
כמו זה שיוצר אוטומטית תגית לאתר.
https://netfree.link/app/#/tickets/new?u=https:%2F%2Fwww.google.com%2F&t=tag
@צדיק-תמים

[החכם התם]

@מים-אחרונים ומה אם יש חסימות של נטפרי על חלק מהדברים בדף אבל זה לא הגורם לבעיה?

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

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

[יונתן המתכנת]

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

[meir lamdan]

https://chromewebstore.google.com/detail/netfree-utils/mpfllfimaobahgejmblcdalhojkjfcnl