send/frontend/src/download.js

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

$(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');

    // li.appendChild(name);
    // li.appendChild(progress);

    //document.getElementById('downloaded_files').appendChild(li);

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

      if (percentComplete === 100) {
        fileReceiver.removeAllListeners('progress');
        btn.text('Download complete!');
        btn.attr('disabled', 'true');
        // let finished = document.createElement('p');
        // finished.innerText = 'Your download has finished.';
        // li.appendChild(finished);

        // let close = document.createElement('button');
        // close.innerText = 'Ok';
        // close.addEventListener('click', () => {
        //   document.getElementById('downloaded_files').removeChild(li);
        // });
        // li.appendChild(close);
      }
    });

    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.');
        // document.getElementById('downloaded_files').removeChild(li);
        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;
        a.download = fname;
        document.body.appendChild(a);
        a.click();
      });
  };

  window.download = download;
});