// In IdiomScrabble.jsx (and other games)
import { queueOfflineAction } from '@/lib/offlineQueueManager';

// Replace direct API calls with offline-aware logic
const handleGameComplete = async () => {
  const gameData = {
    user_email: user.email,
    score: finalScore,
    pearls: pearlsEarned
  };

  // Check if online
  if (navigator.onLine) {
    try {
      await base44.integrations.Core.InvokeLLM(...); // Normal API call
    } catch (error) {
      // If fails, queue it
      queueOfflineAction({
        type: 'submit_score',
        payload: gameData
      });
    }
  } else {
    // Offline - queue immediately
    queueOfflineAction({
      type: 'submit_score',
      payload: gameData
    });
    
    toast.success('Score saved! Will sync when online');
  }
};

// Create: components/lib/offlineCache.js
export async function cacheIdiomsForOffline() {
  const idioms = await base44.entities.Idiom.list();
  localStorage.setItem('cached_idioms', JSON.stringify({
    data: idioms,
    timestamp: Date.now()
  }));
}

export function getCachedIdioms() {
  const cached = localStorage.getItem('cached_idioms');
  if (!cached) return null;
  
  const { data, timestamp } = JSON.parse(cached);
  const age = Date.now() - timestamp;
  
  // Cache expires after 24 hours
  if (age > 24 * 60 * 60 * 1000) return null;
  
  return data;
}

// In games: Try network first, fallback to cache
const loadIdioms = async () => {
  try {
    const idioms = await base44.entities.Idiom.list();
    // Update cache in background
    cacheIdiomsForOffline();
    return idioms;
  } catch (error) {
    const cached = getCachedIdioms();
    if (cached) {
      toast.info('Playing offline with cached content');
      return cached;
    }
    throw error;
  }
};

// Create: public/sw.js
self.addEventListener('install', (event) => {
  event.waitUntil(
    caches.open('snappy-v1').then((cache) => {
      return cache.addAll([
        '/',
        '/index.html',
        '/static/css/main.css',
        '/static/js/main.js',
        // Add critical assets
      ]);
    })
  );
});

self.addEventListener('fetch', (event) => {
  event.respondWith(
    caches.match(event.request).then((response) => {
      return response || fetch(event.request);
    })
  );
});

// Register in index.html
if ('serviceWorker' in navigator) {
  navigator.serviceWorker.register('/sw.js');
}