code.js

$(function() {

  var dropzone = $("#dropzone")

  dropzone.on("dragenter dragstart dragend dragleave dragover drag drop", function (e) {
    e.preventDefault();
  });


  dropzone.on("dragenter", function() {
    dropzone.addClass("hover")
  })

  dropzone.on("dragleave", function() {
    dropzone.removeClass("hover")
  })

  dropzone.on("drop", function(e) {
    dropzone.removeClass("hover")

    var flasher = function(state) {
      dropzone.toggleClass("flash", state)
    }

    flasher(true);

    var fileNames = extractFilenames(e.originalEvent.dataTransfer.files)

    setTimeout(function() {
      flasher(false)
      var cueSheet = filenamesToCue(fileNames);
      $("#cuesheet").text(cueSheet);
    }, 250)
  })
})

function extractFilenames(fileList) {
  return $.makeArray(fileList).map(function(file) {
    return file.name
  })
}

function filenamesToCue(fileNames) {
  fileNames = fileNames.slice()
  var firstFile = fileNames.shift()

  var sheet =  'FILE "' + firstFile + '" BINARY\n\
  TRACK 01 MODE2/2352\n\
    INDEX 01 00:00:00\n\
';
  var trackCounter = 2
  fileNames.forEach(function(fileName) {
    sheet += 'FILE "' + fileName + '" BINARY\n\
  TRACK ' + padLeadingZero(trackCounter) + " AUDIO\n\
    INDEX 00 00:00:00\n\
    INDEX 01 00:02:00\n\
"
    trackCounter++
  })

  return sheet;
}

function padLeadingZero(number) {
  var padded = "0" + number;
  return padded.substr(padded.length-2);
}