Cue-View/main.js

const { app, BrowserWindow, Menu, ipcMain, nativeTheme, dialog, shell } = require('electron');
const { autoUpdater } = require('electron-updater');
const path = require('path');
const packageInfo = require('./package.json');

const isMac = process.platform === 'darwin';
const isWin = process.platform === 'win32';
const isLinux = process.platform === 'linux';

let autoUpdate = false;
let manualUpdateCheck = false;
let menuObj;
let mainWindow;
let networkInfoWindow;

const menuTemplate = [
  ...(isMac ? [{ role: 'appMenu' }] : []),
  {
    label: 'File',
    submenu: [
      {
        label: 'Clear Saved Data',
        id: 'clearSavedData',
        click(menuItem, window, event) {
          mainWindow.webContents.send('clearSavedData');
        },
      },
      {
        label: 'Reload App',
        role: 'reload',
      },
      { type: 'separator' },
      ...(isMac ? [{ role: 'close' }] : [{ role: 'quit' }]),
    ],
  },
  { role: 'editMenu' },
  {
    label: 'View',
    submenu: [
      { role: 'togglefullscreen' },
      { type: 'separator' },
      {
        label: 'Arrangement 1',
        accelerator: 'CommandOrControl+1',
        id: 'window1',
        enabled: true,
        click(menuItem, window, event) {
          mainWindow.webContents.send('loadSlot', 1);
        },
      },
      {
        label: 'Arrangement 2',
        accelerator: 'CommandOrControl+2',
        id: 'window2',
        enabled: true,
        click(menuItem, window, event) {
          mainWindow.webContents.send('loadSlot', 2);
        },
      },
      {
        label: 'Arrangement 3',
        accelerator: 'CommandOrControl+3',
        id: 'window3',
        enabled: true,
        click(menuItem, window, event) {
          mainWindow.webContents.send('loadSlot', 3);
        },
      },
      { type: 'separator' },
      {
        label: 'Network Information...',
        accelerator: 'CommandOrControl+I',
        id: 'window4',
        enabled: true,
        click(menuItem, window, event) {
          openNetworkInfoWindow();
        },
      },
      { type: 'separator' },
      { role: 'toggleDevTools' },
    ],
  },
  {
    label: 'Device',
    submenu: [
      {
        label: 'Search for Devices',
        accelerator: 'CommandOrControl+F',
        id: 'deviceSearch',
        enabled: true,
        click(menuItem, window, event) {
          mainWindow.webContents.send('searchAll');
        },
      },
      { type: 'separator' },
      {
        label: 'Pinned',
        type: 'checkbox',
        checked: true,
        accelerator: 'CommandOrControl+P',
        id: 'devicePin',
        enabled: false,
        click(menuItem, window, event) {
          mainWindow.webContents.send('setActiveDevicePinned', menuItem.checked);
        },
      },
      {
        label: 'Delete',
        accelerator: 'CommandOrControl+Backspace',
        id: 'deviceDelete',
        enabled: false,
        click(menuItem, window, event) {
          mainWindow.webContents.send('deleteActive');
        },
      },
    ],
  },
  {
    label: 'Help',
    role: 'help',
    submenu: [
      {
        label: 'About',
        role: 'about',
      },
      {
        label: 'Check for Updates',
        click: () => {
          // set manual update flag
          manualUpdateCheck = true;
          autoUpdater.checkForUpdates();
        },
      },
      {
        label: 'Enable Auto Update',
        click: () => {
          mainWindow.webContents.send('setAutoUpdate', !autoUpdate);
        },
      },
    ],
  },
];

const windowMac = {
  width: 1500,
  height: 900,
  titleBarStyle: 'hiddenInset',
  transparent: true,
  frame: false,
  show: false,
  vibrancy: 'window',
  visualEffectState: 'followWindow',
  webPreferences: {
    contextIsolation: false,
    nodeIntegration: true,
    preload: path.join(__dirname, 'preload.js'),
  },
};

const windowWin = {
  width: 1500,
  height: 900,
  backgroundColor: '#333333',
  webPreferences: {
    contextIsolation: false,
    nodeIntegration: true,
    preload: path.join(__dirname, 'preload.js'),
  },
};

const networkInfoMac = {
  width: 700,
  height: 350,
  // transparent: true,
  frame: true,
  show: false,
  vibrancy: 'window',
  visualEffectState: 'followWindow',
  webPreferences: {
    contextIsolation: false,
    nodeIntegration: true,
    preload: path.join(__dirname, 'networkInterfaces.js'),
  },
};

const networkInfoWin = {
  width: 700,
  height: 350,
  backgroundColor: '#333333',
  show: false,
  webPreferences: {
    contextIsolation: false,
    nodeIntegration: true,
    preload: path.join(__dirname, 'networkInterfaces.js'),
  },
};

if (isWin) {
  app.setAppUserModelId(app.name);
}

const createWindow = () => {
  nativeTheme.themeSource = 'dark';

  if (isMac) {
    mainWindow = new BrowserWindow(windowMac);
  } else {
    mainWindow = new BrowserWindow(windowWin);
  }

  if (isLinux) {
    mainWindow.setIcon(path.join(__dirname, 'src', 'assets', 'img', 'icon.png'));
  }

  mainWindow.loadFile('index.html');

  mainWindow.on('ready-to-show', () => {
    mainWindow.show();
  });

  if (process.defaultApp) {
    mainWindow.webContents.openDevTools();
  }

  menuObj = Menu.buildFromTemplate(menuTemplate);
  Menu.setApplicationMenu(menuObj);
};

app.whenReady().then(() => {
  createWindow();

  app.on('activate', () => {
    if (BrowserWindow.getAllWindows().length === 0) createWindow();
  });
});

app.on('window-all-closed', () => {
  if (process.platform !== 'darwin') {
    app.quit();
  }
});

ipcMain.on('enableDeviceDropdown', (event, arg) => {
  menuObj.getMenuItemById('devicePin').enabled = true;
  menuObj.getMenuItemById('deviceDelete').enabled = true;
});
ipcMain.on('disableDeviceDropdown', (event, arg) => {
  menuObj.getMenuItemById('devicePin').enabled = false;
  menuObj.getMenuItemById('deviceDelete').enabled = false;
});

ipcMain.on('enableSearchAll', (event, arg) => {
  menuObj.getMenuItemById('deviceSearch').enabled = true;
});
ipcMain.on('disableSearchAll', (event, arg) => {
  menuObj.getMenuItemById('deviceSearch').enabled = false;
});

ipcMain.on('setDevicePin', (event, arg) => {
  menuObj.getMenuItemById('devicePin').checked = arg;
});

ipcMain.on('openNetworkInfoWindow', (event, arg) => {
  openNetworkInfoWindow();
});

function openNetworkInfoWindow() {
  if (!networkInfoWindow || (networkInfoWindow && networkInfoWindow.isDestroyed())) {
    if (isMac) {
      networkInfoWindow = new BrowserWindow(networkInfoMac);
    } else {
      networkInfoWindow = new BrowserWindow(networkInfoWin);
      networkInfoWindow.removeMenu();
    }
    networkInfoWindow.loadFile('networkInterfaces.html');
  }
  networkInfoWindow.show();
}

// ONLY Autoupdate logic below
ipcMain.on('checkForUpdates', (event, arg) => {
  autoUpdater.checkForUpdates();
});

ipcMain.on('setAutoUpdate', (event, _autoUpdate) => {
  autoUpdate = _autoUpdate;

  // update menu item for enabling/disabling auto update
  menuTemplate[menuTemplate.length - 1].submenu[2].label = autoUpdate ? 'Disable Auto Update' : 'Enable Auto Update';
  menuObj = Menu.buildFromTemplate(menuTemplate);
  Menu.setApplicationMenu(menuObj);
});

// this can be set to true to bypass the download update dialog and skip straight to install prompt
autoUpdater.autoDownload = false;

autoUpdater.on('update-available', (updateInfo) => {
  // skip prompting to download if autoDownload is set
  if (autoUpdater.autoDownload) {
    return;
  }

  const msg = `Version v${updateInfo.version} is available.  Would you like to download it?`;
  const title = 'Update Available';

  let dialogOpts = {};

  if (isMac) {
    dialogOpts = {
      type: 'info',
      buttons: ['Download', 'Cancel', 'View Release Notes'],
      title: 'Update Available',
      message: title,
      detail: msg,
    };
  } else {
    dialogOpts = {
      type: 'info',
      buttons: ['Download', 'Cancel', 'View Release Notes'],
      title: 'Update Available',
      message: msg,
    };
  }

  dialog.showMessageBox(mainWindow, dialogOpts).then((returnValue) => {
    if (returnValue.response === 0) {
      // download was clicked
      autoUpdater.downloadUpdate();
    } else if (returnValue.response === 2) {
      // view release notes clicked
      shell.openExternal(`${packageInfo.repository}/releases/tag/v${updateInfo.version}`);
    }
  });
});

autoUpdater.on('update-downloaded', (event) => {
  const title = 'Update Downloaded';
  const msg = `Version v${event.version} has been downloaded. Would you like to install this update now?`;

  let dialogOpts = {};

  if (isMac) {
    dialogOpts = {
      type: 'info',
      buttons: ['Install', 'Later'],
      title: 'Update Downloaded',
      message: title,
      detail: msg,
    };
  } else {
    dialogOpts = {
      type: 'info',
      buttons: ['Install', 'Later'],
      title: 'Update Downloaded',
      message: msg,
    };
  }

  dialog.showMessageBox(mainWindow, dialogOpts).then((returnValue) => {
    if (returnValue.response === 0) autoUpdater.quitAndInstall();
  });
});

autoUpdater.on('update-not-available', (updateInfo) => {
  if (manualUpdateCheck) {
    let dialogOpts = {};
    const msg = `There is no update available at this time. Latest version is v${updateInfo.version}`;
    if (isMac) {
      dialogOpts = {
        type: 'info',
        buttons: ['Ok'],
        title: 'No Update Available',
        message: 'No Update Available',
        detail: msg,
      };
    } else {
      dialogOpts = {
        type: 'info',
        buttons: ['Ok'],
        title: 'No Update Available',
        message: msg,
      };
    }
    dialog.showMessageBox(mainWindow, dialogOpts);
    // revert manual update flag
    manualUpdateCheck = false;
  }
});

autoUpdater.on('error', (error, message) => {
  let dialogOpts = {};

  if (isMac) {
    dialogOpts = {
      type: 'error',
      buttons: ['Ok'],
      title: 'Update Error',
      message: 'Update Error',
      detail: error.message,
    };
  } else {
    dialogOpts = {
      type: 'error',
      buttons: ['Ok'],
      title: 'Update Error',
      message: error.message,
    };
  }

  dialog.showMessageBox(mainWindow, dialogOpts);
});