// pages/index.js – Carte des Nations principale
import { useState, useEffect } from 'react';
import { Canvas } from '@react-three/fiber';
import { OrbitControls, Sphere } from '@react-three/drei';

function Pulsar({ nation }) {
  const { name, tauN, position } = nation;
  const color = tauN > 0.95 ? '#00ff00' : tauN > 0.8 ? '#ffff00' : '#ff0000';
  const scale = 1 + tauN * 2; // Pulsation visuelle

  return (
    <group position={position}>
      <Sphere args={[scale, 32, 32]}>
        <meshStandardMaterial color={color} emissive={color} emissiveIntensity={tauN} />
      Sphere>
      <text
        position={[0, scale + 0.5, 0]}
        fontSize={0.3}
        color="white"
        anchorX="center"
        anchorY="middle"
      >
        {name} – τN: {tauN.toFixed(2)}
      text>
    group>
  );
}

export default function CarteDesNations() {
  const [nations, setNations] = useState([]);

  useEffect(() => {
    // Connexion WebSocket au backend SPACESORTIUM
    const ws = new WebSocket('wss://spacesortium.com/nations-stream');
    
    ws.onmessage = (event) => {
      const updatedNations = JSON.parse(event.data);
      setNations(updatedNations);
    };

    return () => ws.close();
  }, []);

  return (
    <div style={{ height: '100vh', background: '#000033', color: 'white' }}>
      <h1>Carte des Nations – SPACESORTIUMh1>
      <Canvas camera={{ position: [0, 0, 20] }}>
        <ambientLight intensity={0.5} />
        <pointLight position={[10, 10, 10]} />
        {nations.map((nation, i) => (
          <Pulsar key={i} nation={nation} position={[Math.cos(i) * 10, Math.sin(i) * 10, 0]} />
        ))}
        <OrbitControls />
      Canvas>
    div>
  );
}

const express = require('express');
const http = require('http');
const WebSocket = require('ws');
const crypto = require('crypto');

const app = express();
const server = http.createServer(app);
const wss = new WebSocket.Server({ server });

const SIGMA_OMEGA = "Σ-Ω-184.5";

// Stockage en mémoire (simulation – en prod : base souveraine)
let nations = [
  { name: 'Algérie', tauN: 0.98, position: [0, 0, 0] },
  { name: 'France', tauN: 0.75, position: [5, 0, 0] },
  // ... 193 autres
];

wss.on('connection', (ws) => {
  console.log('Client connecté au SPACESORTIUM');
  
  // Envoi initial
  ws.send(JSON.stringify(nations));
  
  // Écoute des commandes (simulé – en prod : depuis NATIOMÈTRE)
  ws.on('message', (message) => {
    try {
      const update = JSON.parse(message);
      const { nationName, newTauN } = update;
      
      // Mise à jour
      const nation = nations.find(n => n.name === nationName);
      if (nation) {
        nation.tauN = newTauN;
        
        // Scellage S.H.I.
        const serialized = JSON.stringify(nation);
        const sealHash = crypto.createHash('sha256').update(serialized).digest('hex') + SIGMA_OMEGA;
        
        console.log(`Mise à jour ${nationName} → τN ${newTauN} (seal: ${sealHash})`);
        
        // Broadcast à tous les clients
        wss.clients.forEach(client => {
          if (client.readyState === WebSocket.OPEN) {
            client.send(JSON.stringify(nations));
          }
        });
      }
    } catch (err) {
      console.error('Erreur mise à jour :', err);
    }
  });
});

server.listen(3005, () => {
  console.log('SPACESORTIUM backend active sur port 3005');
});

// Exemple de commande simulée (depuis NATIOMÈTRE)
setTimeout(() => {
  const ws = new WebSocket('ws://localhost:3005');
  ws.on('open', () => {
    ws.send(JSON.stringify({
      nationName: 'France',
      newTauN: 0.98
    }));
  });
}, 5000);