حل مشكلة فشل مصادقة المستخدمين في تطبيقات الويب على Safari القديمة

const isOldSafari = (userAgent) => {
    // هذه دالة مبسطة جداً، قد تحتاج لتحسينها
    return userAgent && userAgent.includes('Safari') && !userAgent.includes('Chrome') && !userAgent.includes('Version/13'); // مثال: استهداف سفاري قبل الإصدار 13
};

app.use(session({
    secret: 'your_secret_key',
    resave: false,
    saveUninitialized: false,
    cookie: {
        secure: process.env.NODE_ENV === 'production', // يجب أن يكون true في الإنتاج
        httpOnly: true,
        maxAge: 24 * 60 * 60 * 1000 // 24 ساعة
    }
}));

// تطبيق منطق SameSite بناءً على User-Agent
app.use((req, res, next) => {
    if (isOldSafari(req.headers['user-agent'])) {
        // للمتصفحات التي لا تدعم SameSite=None بشكل صحيح
        // لا تضع خاصية SameSite على الإطلاق، أو اتركها لافتراضي المتصفح
        req.session.cookie.sameSite = undefined; // أو 'Lax' إذا كان هذا يعمل بشكل أفضل
        console.log("Old Safari detected, adjusting SameSite policy.");
    } else {
        // للمتصفحات الحديثة
        req.session.cookie.sameSite = 'None';
    }
    next();
});

// مثال لاستخدام localStorage مع Fetch API
async function makeAuthenticatedRequest(url, method = 'GET', data = null) {
    const token = localStorage.getItem('jwt_token');
    if (!token) {
        // إعادة توجيه لتسجيل الدخول
        window.location.href = '/login';
        return;
    }

    const headers = {
        'Content-Type': 'application/json',
        'Authorization': `Bearer ${token}`
    };

    const config = {
        method,
        headers
    };

    if (data) {
        config.body = JSON.stringify(data);
    }

    try {
        const response = await fetch(url, config);
        if (response.status === 401) { // Unauthorized
            localStorage.removeItem('jwt_token');
            window.location.href = '/login';
        }
        return response.json();
    } catch (error) {
        console.error("Authentication request failed:", error);
        // التعامل مع الأخطاء
    }
}