main.js

import { sleep, updateBars } from './utils.js';
import * as Bubble from './algorithms/bubbleSort.js';
import * as Selection from './algorithms/selectionSort.js';
import * as Insertion from './algorithms/insertionSort.js';
import * as Merge from './algorithms/mergeSort.js';
import * as Quick from './algorithms/quickSort.js';
import * as Heap from './algorithms/heapSort.js';

const algorithms = {
  bubble: Bubble,
  selection: Selection,
  insertion: Insertion,
  merge: Merge,
  quick: Quick,
  heap: Heap
};

let array = [];
let stopRequested = false;

window.generateArray = function () {
  const input = document.getElementById('user-input').value;
  if (input && input.trim().length > 0) {
    array = input.split(',').map(x => parseInt(x.trim())).filter(x => !isNaN(x));
  } else {
    array = Array.from({ length: 30 }, () => Math.floor(Math.random() * 400) + 20);
  }
  renderArray();
};

function renderArray() {
  const container = document.getElementById('bars-container');
  container.innerHTML = '';
  array.forEach(height => {
    const bar = document.createElement('div');
    bar.classList.add('bar');
    bar.style.height = `${height}px`;

    const label = document.createElement('span');
    label.innerText = height;
    bar.appendChild(label);

    container.appendChild(bar);
  });
}

window.sort = async function () {
  stopRequested = false;
  const algorithm = document.getElementById('algorithm').value;
  const speed = parseInt(document.getElementById('speed').value);
  const bars = document.getElementsByClassName('bar');

  if (algorithms[algorithm]?.sort) {
    await algorithms[algorithm].sort(array, bars, speed, () => stopRequested);
    updateBars(bars, array);
    if (!stopRequested) {
      for (let bar of bars) {
        bar.classList.add('sorted');
      }
    }
  }
};

window.stopSort = function () {
  stopRequested = true;
};