// Please like <3 and share if you enjoyed!
let audioCtx = new (window.AudioContext || window.webkitAudioContext)();

let masterVolume = audioCtx.createGain();
masterVolume.gain.setValueAtTime(0.05, audioCtx.currentTime);
masterVolume.connect(audioCtx.destination);

let waveTypes = ["sine","sawtooth", "square", "sawtooth", "triangle"];
let notes = [
  { freq: 1000, dur: 0.5 },
  { freq: 3000, dur: 1 },
  { freq: 2500, dur: 0.7 }
];

let icon = document.querySelector(".float-icon");
let hideIconTime = null;
let totalDuration = 0;

let generateButton = document.getElementById("generate-button");

let emojis = [
  "❔",
  "❓",
  "🧐",
  "⚗️",
  "🗝️",
  "👽",
  "🤔",
  "🤖",
  "👾",
  "💭",
  "📜",
  "🤫"
];

function playNote(freq, dur, type) {
  if (!freq) freq = 1000;
  if (!dur) dur = 1;
  if (!type) type = "square";
  return new Promise(res => {
    let oscillator = audioCtx.createOscillator();
    oscillator.type = type;
    oscillator.frequency.setValueAtTime(freq, audioCtx.currentTime); // value in hertz
    oscillator.connect(masterVolume);
    oscillator.start();
    oscillator.stop(audioCtx.currentTime + dur);
    oscillator.onended = res;
  });
}

function createNote(freq, dur, type) {
  return { freq, dur, type };
}

function createAndPlay() {
  generateJingle();
  playJingle();
  showIcon();
}

function getNextFreq(freq, lastNote) {
  let modifier = lastNote ? 0 : -300;
  freq += modifier + Math.random() * 1000;
  return freq;
}

function getDur(baseDir, lastNote) {
  if (lastNote) return baseDir + Math.random() / 5;
  return baseDir - 0.1 + Math.random() / 10;
}

//@todo add type
function generateJingle() {
  notes = [];
  totalDuration = 0;
  let amount = 3 + Math.floor(Math.random() * 8);
  let currentFreq = 100 + Math.random() * 2000;
  let baseDur = 0.1 + Math.random() / 4;
  let type = waveTypes[Math.floor(Math.random() * waveTypes.length)];
  for (let i = 0; i <= amount; i++) {
    let dur = getDur(baseDur, i == amount);
    currentFreq = getNextFreq(currentFreq, i == amount);
    notes.push(createNote(currentFreq, dur, type));
    totalDuration += dur;
  }
}

function playJingle(noteIndex) {
  if (!noteIndex) noteIndex = 0;
  if (noteIndex < notes.length) {
    let note = notes[noteIndex];
    playNote(note.freq, note.dur, note.type).then(() => {
      playJingle(noteIndex + 1);
    });
  }
}
function getEmoji() {
  return emojis[Math.floor(Math.random() * emojis.length)];
}

function showIcon() {
  generateButton.disabled = true;
  icon.classList.add("active");
  icon.innerHTML = `${getEmoji()}-${getEmoji()}-${getEmoji()}`;
  setTimeout(hideIcon, totalDuration * 1000);
}

function hideIcon() {
  icon.classList.remove("active");
  if (hideIconTime) clearTimeout(hideIconTime);
  generateButton.disabled = false;
}