Web Workers: multihilo real en el navegador, transferencia de memoria y el hilo principal

// ==========================================
// 1. EN EL HILO PRINCIPAL (app.js)
// ==========================================

// Levantamos el contexto aislado
const miWorker = new Worker('procesador.js');

// Enviamos un objeto (El navegador creará una COPIA en memoria)
miWorker.postMessage({ comando: 'iniciar', limite: 50000 });

// Escuchamos la respuesta asíncrona del worker
miWorker.onmessage = (evento) => {
  console.log('El worker terminó y respondió:', evento.data);
};


// ==========================================
// 2. DENTRO DEL WORKER (procesador.js)
// ==========================================

// 'self' es nuestro contexto global aquí adentro
self.onmessage = (evento) => {
  // Recibimos la copia exacta del objeto enviado
  const { comando, limite } = evento.data; 
  
  if (comando === 'iniciar') {
    const resultado = hacerCalculoPesado(limite);
    
    // Devolvemos el resultado al hilo principal (se COPIA de vuelta)
    self.postMessage(resultado);
  }
};

function hacerCalculoPesado(limite) {
  // Lógica intensa que ahora NO bloquea la interfaz de usuario...
  return `Procesados ${limite} ciclos en el hilo de fondo.`;
}

// ==========================================
// EN EL HILO PRINCIPAL (app.js)
// ==========================================

const miWorker = new Worker('procesador.js');

// 1. Creamos un buffer masivo (ej. 1GB de datos crudos)
// Este bloque vive ahora en la RAM del Main Thread.
const bufferMasivo = new ArrayBuffer(1024 * 1024 * 1024); // 1GB

console.log('Antes de enviar:', bufferMasivo.byteLength); // 1073741824 bytes

// 2. TRANSFERENCIA (Zero-copy):
// postMessage(mensaje, [lista_de_transferencia])
// El primer parámetro es el mensaje (se copia).
// El segundo parámetro es el arreglo de buffers a mover (ownership).
miWorker.postMessage({ comando: 'procesar_buffer', datos: bufferMasivo }, [bufferMasivo]);

// 3. ESTADO DETACHED (Invalidación inmediata):
// Justo después de la línea anterior, el buffer original queda vacío.
// Intentar acceder a él lanzará un error o devolverá longitud cero.
console.log('Después de enviar:', bufferMasivo.byteLength); // 0 (detached!)
// bufferMasivo ya no es usable aquí.