electron-main.js

const { app, BrowserWindow, Menu, shell, ipcMain, dialog } = require('electron');
const url = require('url');
const path = require('path');
const ffmpeg = require('ffmpeg-static-electron');
const remix = require('./ElectronWrapper/ffmpeg-remix/index.js'); 
// set userData to use `digital-paper-edit-electron` to be backward compatible before name change from `digital-paper-edit-electron` to `autoEdit 3`;
// https://www.electronjs.org/docs/api/app#appsetpathname-path
// https://stackoverflow.com/questions/48587035/electron-how-to-set-a-custom-directory-for-user-data-user-data-dir
// https://github.com/electron/electron/blob/master/docs/api/app.md#appgetpathname
const appData = app.getPath('appData');
app.setPath('userData', path.join(appData, 'digital-paper-edit-electron'));
const makeMenuTemplate = require('./make-menu-template.js');

// Keep a global reference of the window object, if you don't, the window will
// be closed automatically when the JavaScript object is garbage collected.
let mainWindow;
let settingsWindow;

function createNewSettingsWindow() {
  settingsWindow = new BrowserWindow({
    width: 700,
    height: 670,
    x: 0,
    y: 0,
    minWidth: 1000,
    minHeight: 670,
    title: 'autoEdit 3 - Settings',
    titleBarStyle: 'show',
    webPreferences: {
      nodeIntegration: true,
      contextIsolation: false,
    },
  });

  settingsWindow.loadURL(
    `file://${path.join(app.getAppPath(), 'src', 'stt-settings', 'index.html')}`
    // url.format({
    //   pathname: path.join(app.getAppPath(), 'src', 'stt-settings', 'index.html'),
    //   protocol: 'file:',
    //   slashes: true,
    // })
  );
}

function createMainWindow() {
  // Create the browser window.
  mainWindow = new BrowserWindow({
    width: 1000,
    height: 670,
    minWidth: 1000,
    minHeight: 670,
    titleBarStyle: 'show',
    title: 'autoEdit 3',
    webPreferences: {
      nodeIntegration: true,
      contextIsolation: false,
      preload: path.join(app.getAppPath(), 'src', 'prompt.js'),
    },
  });

  // https://stackoverflow.com/questions/31749625/make-a-link-from-electron-open-in-browser
  mainWindow.webContents.on('new-window', function(e, url) {
    e.preventDefault();
    require('electron').shell.openExternal(url);
  });

  mainWindow.loadURL(
    `file://${path.join(app.getAppPath(), 'node_modules', '@pietrop', 'digital-paper-edit-client', 'index.html')}`
    // url.format({
    //   pathname: path.join(app.getAppPath(), 'node_modules', '@pietrop', 'digital-paper-edit-client', 'index.html'),
    //   protocol: 'file:',
    //   slashes: true,
    // })
  );

  if (process.env.NODE_ENV === 'development') {
    // Open the DevTools.
    mainWindow.webContents.once('dom-ready', () => {
      mainWindow.webContents.openDevTools();
    });
  }

  // TODO: is this needed?
  // https://github.com/electron/electron/issues/1095
  mainWindow.dataPath = app.getPath('userData');
  mainWindow.appPath = app.getAppPath();

  const template = makeMenuTemplate({
    app,
    createNewSettingsWindow,
    createMainWindow,
  });

  Menu.setApplicationMenu(Menu.buildFromTemplate(template));

  // Emitted when the window is closed.
  mainWindow.on('closed', function(event) {
    event.preventDefault();
    // Dereference the window object, usually you would store windows
    // in an array if your app supports multi windows, this is the time
    // when you should delete the corresponding element.
    mainWindow = null;
    settingsWindow = null;
  });

  //////////////////////////////////////////////////////////////////////////////////
  // create hidden worker window
  const workerWindow = new BrowserWindow({
    show: false, // TODO: unless development + add to menu to open up for inspection - could show progress
    webPreferences: { nodeIntegration: true },
  });

  workerWindow.loadURL(
    url.format({
      pathname: path.join(app.getAppPath(), 'src', 'worker.html'),
      protocol: 'file:',
      slashes: true,
    })
  );
  //////////////////////////////////////////////////////////////////////////////////

  ////////////////////////////////////////////////////////////////////////////////
  ////////////////////////////////////////////////////////////////////////////////
  // receive request from render process of react client app
  // sends it to worker window render process to offload the work
  // TODO: change name, `asynchronous-message` to something better
  ipcMain.on('asynchronous-message-start-transcription', (event, arg) => {
    const data = JSON.parse(arg);
    workerWindow.webContents.send('transcribe', data);
  });

  // receives the
  ipcMain.on('asynchronous-message-transcribed', (event, arg) => {
    // workerWindow.close()
    mainWindow.webContents.send('asynchronous-reply', arg);
  });
  ////////////////////////////////////////////////////////////////////////////////
  ////////////////////////////////////////////////////////////////////////////////
}

// This method will be called when Electron has finished
// initialization and is ready to create browser windows.
// Some APIs can only be used after this event occurs.
app.on('ready', createMainWindow);

// Quit when all windows are closed.
app.on('window-all-closed', function() {
  // On OS X it is common for applications and their menu bar
  // to stay active until the user quits explicitly with Cmd + Q
  if (process.platform !== 'darwin') {
    app.quit();
  }
});

app.on('uncaughtException', err => {
  console.error('uncaughtException', err);
});

app.on('activate', function() {
  // On OS X it's common to re-create a window in the app when the
  // dock icon is clicked and there are no other windows open.
  if (mainWindow === null) {
    createMainWindow();
  }
});

// https://electron.atom.io/docs/api/app/#event-open-file-macos
//not working ?
app.on('open-file', (event, path) => {
  console.log('open-file: ', path);
  event.preventDefault();
  // shell.openExternal(url);
});

// https://electronjs.org/docs/api/app#appsetbadgecountcount-linux-macos
// app.setBadgeCount(3)

//not working ?
app.on('open-url', (event, url) => {
  console.log('open-url: ', url);
  // On macOS it is common for applications and their menu bar
  // to stay active until the user quits explicitly with Cmd + Q
  event.preventDefault();
  shell.openExternal(url);
});

app.on('renderer-process-crashed', function(event, webContents, killed) {
  console.log('renderer-process-crashed', event);
  console.log('webContents', webContents);
  console.log('killed', killed);
});

ipcMain.on('asynchronous-message-get-open-dialog-audio', (event, arg) => {
  const {data, fileName,userFileName, waveForm, waveFormMode, waveFormColor}= arg;
  console.log(data, fileName,userFileName, waveForm, waveFormMode, waveFormColor)
  dialog
  .showOpenDialog({
    title: 'Export Audio',
    buttonLabel: 'Choose folder destination for the audio',
    properties: ['openDirectory', 'createDirectory', { message: 'choose a folder to save the audio preview' }],
    message: 'choose a folder to save the audio preview',
  })
  .then(result => {
    if (result.canceled) {
      // reject(result.canceled);
    } else {
      console.log(result.filePaths);

      const ffmpegRemixData = {
        // input: data.map((evt)=>{
        //   evt.start = parseFloat(parseFloat(evt.start).toFixed(2))
        //   evt.end = parseFloat(parseFloat(evt.end).toFixed(2))
        //   return evt
        // }),
        input: data,
        output: path.join(result.filePaths[0], userFileName),
        ffmpegPath: ffmpeg.path,
      };
      console.log(ffmpegRemixData);
      console.log('remix-electron exportAudio::', ffmpegRemixData, waveForm, waveFormMode, waveFormColor);
      remix(ffmpegRemixData, waveForm, waveFormMode, waveFormColor, function(err, result) {
        if (err) {
          // reject(err);
        }
        // alert('finished exporting');
        // resolve(result);
        event.returnValue =result;
      });
    }
  })
  .catch(err => {
    console.log(err);
  });
});

ipcMain.on('asynchronous-message-get-open-dialog-video', (event, arg) => {
  const {data, fileName,userFileName} = arg;
  console.log(data, fileName,userFileName)
  dialog
  .showOpenDialog({
    title: 'Export Video',
    buttonLabel: 'Choose folder destination for the video',
    properties: ['openDirectory', 'createDirectory', { message: 'choose a folder to save the video preview' }],
    message: 'choose a folder to save the video preview',
  })
  .then(result => {
    console.log(result.canceled);
    if (result.canceled) {
      // reject(result.canceled);
    } else {
      console.log(result.filePaths);
      // prompt for file name
     
      const ffmpegRemixData = {
        input: data,
        output: path.join(result.filePaths[0], userFileName),
        ffmpegPath: ffmpeg.path,
      };
      console.log(ffmpegRemixData);
      remix(ffmpegRemixData, null, null, null, function(err, result) {
        if (err) {
          // reject(err);
        }
        // alert('finished exporting');
        // resolve(result);
        event.returnValue =result;
      });
    }
  })
  .catch(err => {
    console.log(err);
  });

})



ipcMain.on('synchronous-message-get-app-path', (event, arg) => {
  event.returnValue = app.getAppPath();
});

ipcMain.on('synchronous-message-get-user-data-folder', (event, arg) => {
  event.returnValue = app.getPath('userData');
});

ipcMain.on('synchronous-message-get-app-version', (event, arg) => {
  event.returnValue = app.getVersion();
});

// prompt implementation, see prompt.js file
let promptResponse;
ipcMain.on('prompt', function(eventRet, arg) {
  promptResponse = null;
  var promptWindow = new BrowserWindow({
    width: 300,
    height: 250,
    show: false,
    resizable: true,
    movable: true,
    alwaysOnTop: true,
    frame: false,
    webPreferences: {
      nodeIntegration: true,
      contextIsolation: false,
    },
  });
  arg.val = arg.val || '';
  const promptHtml = `<label for="val"> ${arg.title}</label>
  <textarea rows="10" cols="50" id="val" autofocus >${arg.val}</textarea>
  <button onclick="require('electron').ipcRenderer.send('prompt-response', document.getElementById('val').value);window.close()">Ok</button>
  <button onclick="window.close()">Cancel</button>
  <style>
    body {font-family: sans-serif;} 
    button {float:right; margin-left: 10px;} 
    label,textarea {margin-bottom: 10px; width: 100%; display:block;}
    textarea {font-size: 1em;}
  </style>`;
  promptWindow.loadURL('data:text/html,' + promptHtml);
  promptWindow.show();
  promptWindow.on('closed', function() {
    eventRet.returnValue = promptResponse;
    promptWindow = null;
  });
});
ipcMain.on('prompt-response', function(event, arg) {
  if (arg === '') {
    arg = null;
  }
  promptResponse = arg;
});