require('domready')(function() {
  var dropbox = document.querySelector('#dropbox');
  var out = document.querySelector('textarea');
  var text = document.querySelector('span');
 
  var ee = require('drop-stl-to-json')(dropbox);
 
  // fired when the files are dropped on the element
  ee.once('dropped', function() {
    text.innerHTML = "working.."
  });
 
  // fired upon the creation of an stl parser stream
  // this is usefull if you want to handle the stream
  // directly.
  //
  // Note: the first object emitted by this stream will
  //       be meta info about the stl. you may want to
  //       skip it
  ee.on('stream', function(stlstream) {
    // ....
  });
 
  // X files may have been dropped, this fires for each
  // where array is an array of { normal:[], verts: [[x, y, z], ...]}
  ee.once('file', function(array) {
    out.innerHTML = JSON.stringify(array);
    out.style.display = "block";
    out.setSelectionRange(0, out.innerHTML.length);
    out.focus();
    dropbox.style.display = 'none';
  });
 
  ee.once('end', function() {
    console.log("all done");
  });
});