fox-send/frontend/src/download.js

const FileReceiver = require('./fileReceiver');
const $ = require('jquery');

$(document).ready(function() {
  $('#send-file').click(() => {
    window.location.replace(`${window.location.origin}`);
  });
  let download = () => {
    const fileReceiver = new FileReceiver();

    let li = document.createElement('li');
    let name = document.createElement('p');
    let progress = document.createElement('p');
    let btn = $('#download-btn');

    fileReceiver.on('progress', percentComplete => {
      progress.innerText = `Progress: ${percentComplete}%`;

      if (percentComplete === 100) {
        fileReceiver.removeAllListeners('progress');
        btn.text('Download complete!');
        btn.attr('disabled', 'true');
      }
    });

    fileReceiver
      .download()
      .catch(err => {
        $('.title').text(
          'This link has expired or never existed in the first place.'
        );
        $('#download-btn').hide();
        $('#expired-img').show();
        console.log('The file has expired, or has already been deleted.');
        return;
      })
      .then(([decrypted, fname]) => {
        name.innerText = fname;
        let dataView = new DataView(decrypted);
        let blob = new Blob([dataView]);
        let downloadUrl = URL.createObjectURL(blob);

        let a = document.createElement('a');
        a.href = downloadUrl;
        if (window.navigator.msSaveBlob) {
          // if we are in microsoft edge or IE
          window.navigator.msSaveBlob(blob, fname);
          return;
        }
        a.download = fname;
        document.body.appendChild(a);
        a.click();
      });
  };

  window.download = download;
});