pearCast/app.js

import Hyperswarm from 'hyperswarm';
import crypto from 'hypercore-crypto';
import b4a from 'b4a';

let swarm;
let micStream;
let audioContext;
let isBroadcasting = false;
let conns = [];
let currentDeviceId = null; // To store the selected audio device ID
let accumulatedBuffer = b4a.alloc(0); // Buffer for accumulating received audio data
let stationKey = crypto.randomBytes(32); // Default random key for the station

document.addEventListener("DOMContentLoaded", () => {
  document.getElementById('create-station').addEventListener('click', () => {
    // Show the Create Station modal when clicking "Create Station" button
    const createStationModal = new bootstrap.Modal(document.getElementById('createStationModal'));
    createStationModal.show();
  });

  document.getElementById('generate-new-key').addEventListener('click', () => {
    // Generate a new station key automatically
    stationKey = crypto.randomBytes(32);
    document.getElementById('existing-key').value = b4a.toString(stationKey, 'hex'); // Display the new key in the text box
  });

  document.getElementById('create-station-button').addEventListener('click', () => {
    // Check if the user provided an existing key or use the generated one
    const existingKey = document.getElementById('existing-key').value.trim();
    stationKey = existingKey ? b4a.from(existingKey, 'hex') : stationKey;

    // Set up the station with the chosen key
    setupStation(stationKey);
    
    // Hide the modal after setting up the station
    const createStationModal = bootstrap.Modal.getInstance(document.getElementById('createStationModal'));
    createStationModal.hide();
  });

  document.getElementById('leave-stream').addEventListener('click', () => {
    stopBroadcast();
    leaveStation();
  });

  document.getElementById('join-station-button').addEventListener('click', joinStation);
  document.getElementById('apply-audio-source').addEventListener('click', applyAudioSource);

  // Populate the audio input source dropdown for the broadcaster
  populateAudioInputSources();
});

// Function to populate audio input sources
async function populateAudioInputSources() {
  try {
    const devices = await navigator.mediaDevices.enumerateDevices();
    const audioInputSelect = document.getElementById('audio-input-select');
    audioInputSelect.innerHTML = ''; // Clear existing options
    devices.forEach((device) => {
      if (device.kind === 'audioinput') {
        const option = document.createElement('option');
        option.value = device.deviceId;
        option.textContent = device.label || `Microphone ${audioInputSelect.length + 1}`;
        audioInputSelect.appendChild(option);
      }
    });
    // Set default device ID to the first option
    currentDeviceId = audioInputSelect.value;
  } catch (err) {
    console.error("Error enumerating devices:", err);
  }
}

// Function to apply selected audio source
async function applyAudioSource() {
  const selectedDeviceId = document.getElementById('audio-input-select').value;
  if (selectedDeviceId !== currentDeviceId) {
    currentDeviceId = selectedDeviceId;
    stopBroadcast();  // Stop current stream
    startBroadcast(); // Restart stream with new device
  }
}

// Function to start broadcasting from the microphone
async function startBroadcast() {
  if (isBroadcasting) stopBroadcast(); // Stop any existing broadcast

  try {
    audioContext = new (window.AudioContext || window.webkitAudioContext)();
    micStream = await navigator.mediaDevices.getUserMedia({
      audio: { deviceId: currentDeviceId ? { exact: currentDeviceId } : undefined },
    });
    const source = audioContext.createMediaStreamSource(micStream);
    const processor = audioContext.createScriptProcessor(4096, 1, 1);

    source.connect(processor);
    processor.connect(audioContext.destination);

    processor.onaudioprocess = (event) => {
      const audioData = event.inputBuffer.getChannelData(0);
      const buffer = b4a.from(new Float32Array(audioData).buffer);

      // Send audio data to all connections
      for (const conn of conns) {
        conn.write(buffer);
      }
    };

    isBroadcasting = true;
    console.log("Broadcasting started.");
  } catch (err) {
    console.error("Error accessing microphone:", err);
  }
}

// Function to stop broadcasting and clean up resources
function stopBroadcast() {
  if (!isBroadcasting) return;

  broadcastStopSignal();
  if (micStream) {
    micStream.getTracks().forEach((track) => track.stop());
    micStream = null;
  }
  if (audioContext) {
    audioContext.close();
    audioContext = null;
  }
  accumulatedBuffer = b4a.alloc(0); // Reset accumulated buffer
  isBroadcasting = false;
  console.log("Broadcasting stopped.");
}

// Broadcast a stop signal to all peers
function broadcastStopSignal() {
  for (const conn of conns) {
    conn.write(Buffer.alloc(0)); // Send an empty buffer as a stop signal
  }
}

// Function to create a broadcasting station
async function setupStation(key) {
  swarm = new Hyperswarm();
  swarm.join(key, { client: false, server: true });
  
  // Show broadcaster controls
  document.getElementById('broadcaster-controls').classList.remove('d-none');

  // Update UI
  document.getElementById('station-info').textContent = `Station ID: ${b4a.toString(key, 'hex')}`;
  document.getElementById('setup').classList.add('d-none');
  document.getElementById('controls').classList.remove('d-none');

  // Start broadcasting as soon as the station is created
  startBroadcast();

  // Listen for incoming connections
  swarm.on('connection', (conn) => {
    conns.push(conn);
    conn.once('close', () => {
      conns.splice(conns.indexOf(conn), 1);
      console.log("Peer disconnected.");
    });
    conn.on('data', handleData);

    // Add error handler to log disconnects and suppress crashes
    conn.on('error', (err) => {
      if (err.code === 'ECONNRESET') {
        console.log("Peer connection reset by remote peer.");
      } else {
        console.error("Connection error:", err);
      }
    });
  });
}

// Function to leave the station and stop broadcasting
function leaveStation() {
  if (swarm) swarm.destroy();
  document.getElementById('setup').classList.remove('d-none');
  document.getElementById('controls').classList.add('d-none');
  
  // Hide broadcaster controls
  document.getElementById('broadcaster-controls').classList.add('d-none');
  
  stopBroadcast();
  console.log("Left the station.");
}

// Function to handle incoming data from peers
function handleData(data) {
  if (data.length === 0) {
    console.log("Received stop command from peer");
    stopBroadcast();
  } else {
    processIncomingAudioData(data);
  }
}

// Function to process and play incoming audio data
function processIncomingAudioData(data) {
  if (!audioContext) {
    audioContext = new (window.AudioContext || window.webkitAudioContext)();
  }

  accumulatedBuffer = b4a.concat([accumulatedBuffer, data]);

  while (accumulatedBuffer.byteLength >= 4) {
    const chunkSize = accumulatedBuffer.byteLength;
    const audioData = new Float32Array(accumulatedBuffer.slice(0, chunkSize).buffer);
    accumulatedBuffer = accumulatedBuffer.slice(chunkSize);

    const buffer = audioContext.createBuffer(1, audioData.length, audioContext.sampleRate);
    buffer.copyToChannel(audioData, 0);

    const source = audioContext.createBufferSource();
    source.buffer = buffer;
    source.connect(audioContext.destination);
    source.start();
  }
}

// Function to join an existing station
async function joinStation() {
  const stationId = document.getElementById('station-id').value;
  if (!stationId) {
    alert("Please enter a station ID.");
    return;
  }

  // Convert the station ID to a topic buffer
  const topicBuffer = b4a.from(stationId, 'hex');
  swarm = new Hyperswarm();
  swarm.join(topicBuffer, { client: true, server: false });

  document.getElementById('station-info').textContent = `Connected to Station: ${stationId}`;
  document.getElementById('setup').classList.add('d-none');
  document.getElementById('controls').classList.remove('d-none');

  // Hide broadcaster controls for listener
  document.getElementById('broadcaster-controls').classList.add('d-none');

  swarm.on('connection', (conn) => {
    conn.on('data', (data) => {
      processIncomingAudioData(data);
    });
    
    // Add error handler for listener connections
    conn.on('error', (err) => {
      if (err.code === 'ECONNRESET') {
        console.log("Peer connection reset by remote peer.");
      } else {
        console.error("Connection error:", err);
      }
    });
  });

  // Hide the modal after joining
  const joinModal = document.getElementById('joinModal');
  const modalInstance = bootstrap.Modal.getInstance(joinModal);
  if (modalInstance) {
    modalInstance.hide();
  }
}