manifest.json :

{
  "manifest_version": 3,
  "name": "GEO Citation Checker",
  "version": "1.0.0",
  "description": "Vérifiez vos citations dans les réponses IA",
  "author": "Votre Nom",
  
  "action": {
    "default_popup": "popup.html",
    "default_title": "GEO Citation Checker"
  },
  
  "background": {
    "service_worker": "background.js"
  },
  
  "content_scripts": [
    {
      "matches": ["https://chat.openai.com/*"],
      "js": ["content.js"]
    }
  ],
  
  "permissions": [
    "activeTab",
    "storage",
    "scripting"
  ],
  
  "host_permissions": [
    "https://api.openai.com/*"
  ],
  
  "icons": {
    "16": "icons/icon16.png",
    "48": "icons/icon48.png",
    "128": "icons/icon128.png"
  }
}

  
  
  
  


  

    

      
🎯 GEO Checker
      
Vérifiez vos citations IA
    
    
    

      

        Votre domaine :
        
        
        Requête à tester :
        
        
        
          Vérifier Citation
          ⏳
        
      
      
      

        

          
📊 Résultats
          

          

          

        
        
        

      
      
      

        
📈 Statistiques
        

          

            0
            Tests totaux
          
          

            0%
            Taux citation
          
        
      
    
    
    
  
  
  

body {
  width: 350px;
  min-height: 400px;
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: #333;
}

.container {
  padding: 15px;
  background: white;
  border-radius: 10px;
  margin: 10px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.1);
}

header {
  text-align: center;
  margin-bottom: 20px;
  border-bottom: 2px solid #f0f0f0;
  padding-bottom: 15px;
}

header h1 {
  margin: 0;
  color: #667eea;
  font-size: 1.4em;
}

.input-section {
  margin-bottom: 20px;
}

label {
  display: block;
  margin-bottom: 5px;
  font-weight: 600;
  color: #555;
}

input[type="text"] {
  width: 100%;
  padding: 10px;
  border: 2px solid #e1e5e9;
  border-radius: 6px;
  margin-bottom: 15px;
  font-size: 14px;
  transition: border-color 0.3s;
}

input[type="text"]:focus {
  border-color: #667eea;
  outline: none;
}

.check-button {
  width: 100%;
  padding: 12px;
  background: #667eea;
  color: white;
  border: none;
  border-radius: 6px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.3s;
}

.check-button:hover {
  background: #5a6fd8;
}

.check-button:disabled {
  background: #ccc;
  cursor: not-allowed;
}

.hidden {
  display: none;
}

.results {
  background: #f8f9fa;
  padding: 15px;
  border-radius: 6px;
  margin-top: 15px;
}

.status.cited {
  color: #28a745;
  font-weight: bold;
}

.status.not-cited {
  color: #dc3545;
  font-weight: bold;
}

.stats-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 10px;
}

.stat-item {
  text-align: center;
  padding: 10px;
  background: #f8f9fa;
  border-radius: 6px;
}

.stat-item span {
  display: block;
  font-size: 1.4em;
  font-weight: bold;
  color: #667eea;
}

.export-button {
  background: #28a745;
  color: white;
  border: none;
  padding: 8px 15px;
  border-radius: 4px;
  cursor: pointer;
  margin-right: 10px;
}

#upgradeLink {
  color: #ffc107;
  text-decoration: none;
  font-weight: bold;
}

class GEOChecker {
  constructor() {
    this.apiKey = null;
    this.stats = { totalChecks: 0, citations: 0 };
    this.results = [];
    this.init();
  }

  async init() {
    // Charger les statistiques
    const stored = await chrome.storage.local.get(['stats', 'apiKey']);
    if (stored.stats) this.stats = stored.stats;
    if (stored.apiKey) this.apiKey = stored.apiKey;
    
    this.updateUI();
    this.bindEvents();
    
    // Charger le domaine depuis l'onglet actif
    this.loadCurrentDomain();
  }

  bindEvents() {
    document.getElementById('checkBtn').addEventListener('click', () => {
      this.checkCitation();
    });
    
    document.getElementById('exportBtn').addEventListener('click', () => {
      this.exportResults();
    });
    
    // Configuration API key au premier usage
    if (!this.apiKey) {
      this.showApiKeySetup();
    }
  }

  async loadCurrentDomain() {
    try {
      const [tab] = await chrome.tabs.query({ active: true, currentWindow: true });
      if (tab.url) {
        const domain = new URL(tab.url).hostname.replace('www.', '');
        document.getElementById('domain').value = domain;
      }
    } catch (error) {
      console.log('Impossible de charger le domaine actuel');
    }
  }

  showApiKeySetup() {
    const apiKey = prompt(`
🔑 Configuration OpenAI API

Pour utiliser cette extension, vous devez configurer votre clé API OpenAI.

1. Allez sur https://platform.openai.com/api-keys
2. Créez une nouvelle clé API
3. Collez-la ci-dessous

Coût estimé : ~0.02€ par vérification

Votre clé API OpenAI :`);
    
    if (apiKey && apiKey.startsWith('sk-')) {
      this.apiKey = apiKey;
      chrome.storage.local.set({ apiKey });
      alert('✅ Clé API configurée avec succès !');
    } else if (apiKey) {
      alert('❌ Clé API invalide. Elle doit commencer par "sk-"');
      this.showApiKeySetup();
    }
  }

  async checkCitation() {
    if (!this.apiKey) {
      this.showApiKeySetup();
      return;
    }

    const domain = document.getElementById('domain').value.trim();
    const query = document.getElementById('query').value.trim();
    
    if (!domain || !query) {
      this.showError('⚠️ Veuillez remplir le domaine et la requête');
      return;
    }

    this.setLoading(true);
    
    try {
      const result = await this.callOpenAI(query, domain);
      this.displayResults(result);
      this.updateStats(result.cited);
      this.results.push({
        timestamp: new Date().toISOString(),
        domain,
        query,
        cited: result.cited,
        position: result.position,
        response: result.response.substring(0, 200) + '...'
      });
    } catch (error) {
      this.showError(`❌ Erreur: ${error.message}`);
    } finally {
      this.setLoading(false);
    }
  }

  async callOpenAI(query, domain) {
    const response = await fetch('https://api.openai.com/v1/chat/completions', {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
        'Authorization': `Bearer ${this.apiKey}`
      },
      body: JSON.stringify({
        model: 'gpt-4o',
        messages: [
          {
            role: 'system',
            content: 'Tu es un assistant qui recommande les meilleures solutions avec sources précises. Inclus toujours les URLs des sources quand possible.'
          },
          {
            role: 'user',
            content: `Liste les 5 meilleures solutions pour "${query}" avec sources détaillées et liens si disponibles.`
          }
        ],
        max_tokens: 800,
        temperature: 0.1
      })
    });

    if (!response.ok) {
      const error = await response.json();
      throw new Error(error.error?.message || 'Erreur API OpenAI');
    }

    const data = await response.json();
    const responseText = data.choices[0].message.content;
    
    // Analyser la réponse pour détecter les citations
    const cited = this.detectCitation(responseText, domain);
    const position = this.detectPosition(responseText, domain);
    
    return {
      cited,
      position,
      response: responseText,
      usage: data.usage,
      cost: (data.usage.total_tokens * 0.00002).toFixed(4)
    };
  }

  detectCitation(response, domain) {
    const lowerResponse = response.toLowerCase();
    const lowerDomain = domain.toLowerCase();
    
    // Recherche exacte du domaine
    return lowerResponse.includes(lowerDomain);
  }

  detectPosition(response, domain) {
    const lines = response.split('\n');
    const lowerDomain = domain.toLowerCase();
    
    for (let i = 0; i < lines.length; i++) {
      if (lines[i].toLowerCase().includes(lowerDomain)) {
        if (i <= 3) return 'Top 3';
        if (i <= 6) return 'Top 5';
        return 'Mentionné';
      }
    }
    return 'Non cité';
  }

  displayResults(result) {
    const resultsDiv = document.getElementById('results');
    const statusDiv = document.getElementById('citationStatus');
    const positionDiv = document.getElementById('position');
    const responseDiv = document.getElementById('response');
    
    statusDiv.className = `status ${result.cited ? 'cited' : 'not-cited'}`;
    statusDiv.textContent = result.cited ? '✅ Domaine cité !' : '❌ Domaine non cité';
    
    positionDiv.textContent = `📍 Position: ${result.position}`;
    
    responseDiv.innerHTML = `
      Réponse IA (extrait):

      ${result.response.substring(0, 300)}...


      💰 Coût: ${result.cost}€ | 🔢 Tokens: ${result.usage.total_tokens}
    `;
    
    resultsDiv.classList.remove('hidden');
    this.hideError();
  }

  updateStats(cited) {
    this.stats.totalChecks++;
    if (cited) this.stats.citations++;
    
    // Sauvegarder les stats
    chrome.storage.local.set({ stats: this.stats });
    this.updateUI();
  }

  updateUI() {
    document.getElementById('totalChecks').textContent = this.stats.totalChecks;
    const rate = this.stats.totalChecks > 0 
      ? Math.round((this.stats.citations / this.stats.totalChecks) * 100)
      : 0;
    document.getElementById('successRate').textContent = `${rate}%`;
  }

  exportResults() {
    if (this.results.length === 0) {
      alert('⚠️ Aucun résultat à exporter');
      return;
    }

    const csv = this.generateCSV();
    const blob = new Blob([csv], { type: 'text/csv' });
    const url = URL.createObjectURL(blob);
    
    const a = document.createElement('a');
    a.href = url;
    a.download = `geo-citations-${new Date().toISOString().split('T')[0]}.csv`;
    a.click();
    
    URL.revokeObjectURL(url);
  }

  generateCSV() {
    const headers = ['Date', 'Domaine', 'Requête', 'Cité', 'Position', 'Réponse'];
    const rows = this.results.map(r => [
      r.timestamp,
      r.domain,
      r.query,
      r.cited ? 'Oui' : 'Non',
      r.position,
      `"${r.response.replace(/"/g, '""')}"`
    ]);
    
    return [headers, ...rows].map(row => row.join(',')).join('\n');
  }

  setLoading(loading) {
    const btn = document.getElementById('checkBtn');
    const btnText = document.getElementById('btnText');
    const loader = document.getElementById('loader');
    
    btn.disabled = loading;
    btnText.classList.toggle('hidden', loading);
    loader.classList.toggle('hidden', !loading);
  }

  showError(message) {
    const errorDiv = document.getElementById('error');
    errorDiv.textContent = message;
    errorDiv.classList.remove('hidden');
  }

  hideError() {
    document.getElementById('error').classList.add('hidden');
  }
}

// Initialisation
document.addEventListener('DOMContentLoaded', () => {
  new GEOChecker();
});

// Service Worker pour gestion background
chrome.runtime.onInstalled.addListener((details) => {
  if (details.reason === 'install') {
    // Première installation
    chrome.tabs.create({
      url: 'https://referencementgeneratif.fr/extension-installed'
    });
  }
});

// Gestion des alarmes pour monitoring automatique
chrome.alarms.onAlarm.addListener((alarm) => {
  if (alarm.name === 'auto-check') {
    performAutoCheck();
  }
});

async function performAutoCheck() {
  // Logique de vérification automatique
  const settings = await chrome.storage.local.get(['autoCheck', 'monitoredQueries']);
  
  if (settings.autoCheck && settings.monitoredQueries) {
    // Exécuter les vérifications en arrière-plan
    console.log('🔄 Vérification automatique démarrée');
  }
}