Scenario 5: Network & Timeout Errors

NetworkError: Failed to fetch
TypeError: Network request failed
Error: ECONNREFUSED

Error: Request timeout
TimeoutError: Request aborted

function detectNetworkError(error) {
    const networkPatterns = [
        'NetworkError',
        'Failed to fetch',
        'ECONNREFUSED',
        'ETIMEDOUT'
    ];
    
    const message = error.message || '';
    return networkPatterns.some(p => message.includes(p));
}

async function fetchWithTimeout(url, options, timeout = 30000) {
    const controller = new AbortController();
    
    const timeoutId = setTimeout(() => controller.abort(), timeout);
    
    try {
        const response = await fetch(url, {
            ...options,
            signal: controller.signal
        });
        clearTimeout(timeoutId);
        return response;
    } catch (error) {
        clearTimeout(timeoutId);
        if (error.name === 'AbortError') {
            throw new Error('Request timeout');
        }
        throw error;
    }
}

async function retryWithStrategy(fn, options = {}) {
    const { maxRetries = 3, baseDelay = 1000 } = options;
    
    for (let attempt = 0; attempt < maxRetries; attempt++) {
        try {
            return await fn();
        } catch (error) {
            if (attempt === maxRetries - 1) throw error;
            
            const delay = baseDelay * Math.pow(2, attempt);
            await sleep(delay);
        }
    }
}

🌐 Network Error

Unable to connect to server. Please check your connection.

[Retry] [Cancel]

⏱️ Request Timeout

Server response took too long.

[Retry] [Cancel]

class NetworkMonitor {
    constructor() {
        this.online = navigator.onLine;
        window.addEventListener('online', () => this.handleOnline());
        window.addEventListener('offline', () => this.handleOffline());
    }
    
    isOnline() {
        return this.online;
    }
}