renderer.js

// This file is required by the index.html file and will
// be executed in the renderer process for that window.
// All of the Node.js APIs are available in this process.

var fs = require('fs');
const spawn = require('child_process').spawn;
const ytdl = require('ytdl-core');
const ffmpeg   = require('fluent-ffmpeg');
var youtubedl = require('youtube-dl');


const {dialog} = require('electron').remote;



// create videos file if doesn't exist
var dir = './videos';

if (!fs.existsSync(dir)){
  fs.mkdirSync(dir);
}

// select video input
var selectVideoDirectoryInput = document.getElementsByClassName('selectVideoDirectoryInput')[0];

var playlistDownloadingDiv = document.getElementsByClassName('playlistDownloadingDiv')[0];

var titleDiv = document.getElementsByClassName('titleDiv')[0];

var downloadPlaylistText = document.getElementsByClassName('downloadPlaylistText')[0];


// var url = 'https://www.youtube.com/watch?v=ZcAiayke00I';
function download(url, title, downloadAsAudio, youtubeUrl, saveAsTitleValue){

  let arguments = [];

  // set the url for ytdl
  arguments.push(url);

  // verbose output
  arguments.push('-v');

  // arguments.push('-f', 'bestvideo+bestaudio/best');

  arguments.push('--add-metadata');

  // select download as audio or video
  if(downloadAsAudio){
    arguments.push('-f');

    arguments.push('bestaudio');
    // can add something here later
  }  else {
    // arguments.push('best');
  }

  // // verbose output

  console.log(title);

  // replace forward slashes with underscores
  if(title){
    title = title.replace(/\//g , '_');
    console.log('replacing');
  }

  // title is that passed or the one from youtube
  const fileName = title || '%(title)s';

  console.log(title);

  // TODO: here is something

  let inputtedUrl = selectVideoDirectoryInput.value;

  console.log(inputtedUrl);

  // create
  if (!fs.existsSync(inputtedUrl)){
    fs.mkdirSync(inputtedUrl);
  }

  console.log(__dirname);

  let toAttachToDirname = inputtedUrl;

  // remove dot to fix path
  while(toAttachToDirname.charAt(0) === '.')
  {
    toAttachToDirname = toAttachToDirname.substr(1);
  }


  const filePath = __dirname + toAttachToDirname;

  const fileExtension = `%(ext)s`;

  let saveToFolder = `${filePath}/${fileName}.${fileExtension}`;


  console.log(saveToFolder);

  // save to videos directory
  arguments.push('-o', saveToFolder);

  console.log(arguments);

  // deleted for now since it requires ffmpeg
  // download as audio if needed
  // if(downloadAsAudio){
  //   console.log('Download as audio');
  //   arguments.push('-x');
  // }

  const youtubeBinaryFilePath = 'node_modules/youtube-dl/bin/youtube-dl';

  const ls = spawn(youtubeBinaryFilePath, arguments);

  ls.stdout.on('data', (data) => {
    percentage.innerText = data;


    console.log(`stdout: ${data}`);
  });

  ls.stderr.on('data', (data) => {
    percentage.innerText = data;


    console.log(`stderr: ${data}`);
  });

  ls.on('close', (code) => {

    playlistDownloadingDiv.style.display = 'none';
    titleDiv.style.display = '';

    // clear out inputs after
    youtubeUrl.value = '';
    saveAsTitleValue.value = '';

    // if it ends successfully say download completed
    if(code == 0){
      percentage.innerText = 'Download completed';
    }

    console.log(`child process exited with code ${code}`);
  });
}


// start download button
var startDownload = document.getElementsByClassName('startDownload')[0];


// open folder button
var openFolder = document.getElementsByClassName('openFolder')[0];


// percentage div
var percentage = document.getElementsByClassName('percentage')[0];



// playlistDownloadingDiv
// titleDiv
// downloadPlaylistText


openFolder.onclick = function(){
  shell.openItem('./videos');
};

const {shell} = require('electron');


startDownload.onclick = function(){

  var youtubeUrl = document.getElementsByClassName('youtubeUrl')[0];
  var downloadAsAudio = document.getElementsByClassName('downloadAsAudio')[0];
  var saveAsTitle = document.getElementsByClassName('saveAsTitle')[0];

  var youtubeUrlValue = youtubeUrl.value;
  var saveAsTitleValue = saveAsTitle.value;
  var downloadAsAudioValue = downloadAsAudio.checked;

  download(youtubeUrlValue, saveAsTitleValue, downloadAsAudioValue, youtubeUrl, saveAsTitle);

  percentage.scrollIntoView();



};


function youtubeDlInfoAsync(url, options) {
  return new Promise(function(resolve, reject) {
    youtubedl.getInfo(url, options, function(err, data) {
      if (err !== null) reject(err);
      else resolve(data);
    });
  });
}

// frontend code
function myFunction() {

  var youtubeUrl = document.getElementsByClassName('youtubeUrl')[0];
  var downloadAsAudio = document.getElementsByClassName('downloadAsAudio')[0];
  var saveAsTitle = document.getElementsByClassName('saveAsTitle')[0];

  // var saveAsTitleValue = saveAsTitle.value;


  var youtubeUrlValue = youtubeUrl.value;


  /** WHEN PASTED **/
  navigator.clipboard.readText()
    .then(async text => {
      // update frontend to reflect text from clipboard
      document.getElementsByClassName("youtubeUrl")[0].value = text;

      const isBrighteonDownload = text.match('brighteon');

      let options;
      if(isBrighteonDownload){
        options = ['-f bestvideo']
      } else {
        options = ["-j", "--flat-playlist", '--dump-single-json'];
      }

      const info = await youtubeDlInfoAsync(text, options);

      if(info.length > 2){
        console.log(info);

        const playlistinfo = info[info.length -1];

        const uploader = playlistinfo.uploader;
        const amountOfUploads = playlistinfo.entries.length;

        console.log(uploader, amountOfUploads);

        downloadPlaylistText.innerHTML = `${amountOfUploads} Item Playlist or Channel To Be Downloaded`;
        playlistDownloadingDiv.style.display = '';
        titleDiv.style.display = 'none';


        selectVideoDirectoryInput.value = selectVideoDirectoryInput.value + '/' + uploader;

        console.log('an array')
      } else {


        saveAsTitle.value = info[0].title;


        playlistDownloadingDiv.style.display = 'none';
        titleDiv.style.display = '';

        console.log('single item')
      }


      console.log(info);

    })
    .catch(err => {
      console.log(err);
    });


}

/** SELECT DIRECTORY **/

const saveToDirectory = './videos';

selectVideoDirectoryInput.value = saveToDirectory;

const selectVideoDirectoryButton = document.getElementsByClassName('selectVideoDirectory')[0]

const selectVideoDirectory = selectVideoDirectoryButton.onclick = function(){

  // get path from electron and load it as selectedPath
  var selectedPath = dialog.showOpenDialog({
    defaultPath: './videos',
    properties: ['openDirectory']
  });

  console.log(selectedPath[0]);

  // test if it's a shorter url because its within contained
  var newThing = selectedPath[0].split(__dirname)[1];

  let adjustedUrlWithCurrentDirectory;
  if(newThing){
    adjustedUrlWithCurrentDirectory = `.${newThing}`;
  } else {
    adjustedUrlWithCurrentDirectory = selectedPath[0]
  }
  console.log(newThing);

  // console.log(newThing);

  selectVideoDirectoryInput.value = adjustedUrlWithCurrentDirectory;

  if (!fs.existsSync(adjustedUrlWithCurrentDirectory)){
    fs.mkdirSync(adjustedUrlWithCurrentDirectory);
  }

};