electron.js

require('electron-reload')(__dirname);
const electron = require('electron');
const { app, BrowserWindow, Menu, Notification, ipcMain, Tray } = electron;

const config = {
  clientId: '26940866-2575-4627-B2A4-DFF5972172B3',
  clientSecret: 'eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiIs',
  clientAssertion:
    'eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiIsIng1dCI6Im9PdmN6NU1fN3AtSGpJS2xGWHo5M3VfVjBabyJ9.eyJjaWQiOiIyNjk0MDg2Ni0yNTc1LTQ2MjctYjJhNC1kZmY1OTcyMTcyYjMiLCJjc2kiOiJlMmMyNmQyOC00MDljLTQ2OTAtYWM4Mi1mZDc5Y2U3NDk0NjgiLCJuYW1laWQiOiI2ZTBkMzcwYi01ZDA1LTY3ODgtYjk0ZC1lY2E2ODU5ZTRhZTEiLCJpc3MiOiJhcHAudnN0b2tlbi52aXN1YWxzdHVkaW8uY29tIiwiYXVkIjoiYXBwLnZzdG9rZW4udmlzdWFsc3R1ZGlvLmNvbSIsIm5iZiI6MTU3OTg4MjU4OSwiZXhwIjoxNzM3NzM1Mzg5fQ.JZ3XeXL22-nw-9BHi3sigm_Wruj1uPKBO-bA_um3tFaauex2eTvsEPPJZ3C5GYOdldroMRE_UGZUvBNctL2Ya6JjjESWEwwhTb2kkHs9r466ewnU7l-UfjdWV-cPJoKWlfEhU7IfH1PD1eSPJijXeB6zQYpPkM-TNAyVZl3PwOoOFdqkQrV1_eufxfiYeO9aBaxCCtzo_b3PsgvSVuZxGVWVdS0svX8bB_RKiwcWCcR089-5OnhK38OZVfx-RVP2HF2Eb-xmqTsQjcvWMdBam_sND3HKeo02GnxrByBizvTLyb6cE1yJJ-K1YY9vIGuWMaYjBLXFWEykYD60tr_bog',
  authorizationUrl: 'https://app.vssps.visualstudio.com/oauth2/authorize',
  tokenUrl: 'https://app.vssps.visualstudio.com/oauth2/token',
  logout: 'https://app.vsaex.visualstudio.com/_signout',
  useBasicAuthorizationHeader: false,
  redirectUri: 'https://localhost:3000/',
  scope:
    'vso.analytics vso.build vso.code vso.connected_server vso.dashboards vso.entitlements vso.extension vso.extension.data vso.graph vso.identity vso.loadtest vso.machinegroup_manage vso.memberentitlementmanagement vso.notification vso.packaging vso.project vso.release vso.securefiles_read vso.serviceendpoint vso.symbols vso.taskgroups_read vso.test vso.variablegroups_read vso.wiki vso.work',
};
function setAppUserModelId() {
  global.appUserModelId = 'skizzle';
  app.setAppUserModelId('skizzle');
}

setAppUserModelId();

let tray;
let window;

let onlineStatusWindow;

app.whenReady().then(() => {
  onlineStatusWindow = new BrowserWindow({ width: 0, height: 0, show: false });
  onlineStatusWindow.loadURL(`file://${__dirname}/online-status.html`);
});

function createWindow() {
  window = new BrowserWindow({
    title: 'Skizzle',
    center: true,
    width: 1024,
    height: 768,
    resizable: true,
    frame: false,
    webPreferences: {
      nodeIntegration: true,
      experimentalFeatures: true,
      webviewTag: true,
    },
  });

  window.loadURL('file:///' + __dirname + '/index.html');

  window.on('closed', () => {
    window = null;
  });

  window.once('focus', () => window.flashFrame(false));
  window.flashFrame(true);

  const iconName = '/assets/icon.png';
  const iconPath = __dirname + iconName;
  tray = new Tray(iconPath);
  tray.setToolTip('Skizzle application');

  const contextMenu = Menu.buildFromTemplate([
    {
      label: 'Application',
      submenu: [
        {
          label: 'About Application',
          selector: 'orderFrontStandardAboutPanel:',
        },
        { type: 'separator' },
        {
          label: 'Quit',
          accelerator: 'Command+Q',
          click: function() {
            app.quit();
          },
        },
      ],
    },
    {
      label: 'Edit',
      submenu: [
        { label: 'Undo', accelerator: 'CmdOrCtrl+Z', selector: 'undo:' },
        { label: 'Redo', accelerator: 'Shift+CmdOrCtrl+Z', selector: 'redo:' },
        { type: 'separator' },
        { label: 'Cut', accelerator: 'CmdOrCtrl+X', selector: 'cut:' },
        { label: 'Copy', accelerator: 'CmdOrCtrl+C', selector: 'copy:' },
        { label: 'Paste', accelerator: 'CmdOrCtrl+V', selector: 'paste:' },
        {
          label: 'Select All',
          accelerator: 'CmdOrCtrl+A',
          selector: 'selectAll:',
        },
      ],
    },
    {
      label: 'Ouvrir la console de développement',
      click: () => window.webContents.openDevTools({ mode: 'detach' }),
      accelerator: 'CommandOrControl+O',
    },
    {
      label: "Recharger l'application",
      click: () => window.reload(),
      accelerator: 'F5',
    },
    { type: 'separator' },
    {
      label: 'Quitter',
      click: () => app.quit(),
      accelerator: 'CommandOrControl+Q',
    },
  ]);

  tray.setContextMenu(contextMenu);
  Menu.setApplicationMenu(contextMenu);

  tray.on('click', () => {
    if (window.isMinimized()) window.restore();
    if (!window.isVisible()) window.show();
    window.focus();
  });
}

if (app.isPackaged) {
  const settings = app.getLoginItemSettings();

  app.setLoginItemSettings({
    openAtLogin: settings.openAtLogin,
  });

  ipcMain.on('launch-startup', (event, arg) => {
    app.setLoginItemSettings({
      openAtLogin: arg,
    });
  });
}

const gotTheLock = app.requestSingleInstanceLock();

if (!gotTheLock) {
  app.quit();
} else {
  app.on('second-instance', (event, commandLine, workingDirectory) => {
    if (window) {
      if (window.isMinimized()) window.restore();
      if (!window.isVisible()) window.show();
      window.focus();
    }
  });

  app.commandLine.appendSwitch('no-proxy-server');
  app.commandLine.appendSwitch('disable-site-isolation-trials');
  app.on('ready', createWindow);
  app.on('window-all-closed', () => {
    if (process.platform !== 'darwin') {
      app.quit();
    }
  });
  app.on('activate', () => {
    if (window === null) {
      createWindow();
    }
  });

  ipcMain.on('notifier', (event, arg) => {
    const { body, title } = arg;

    if (Notification.isSupported()) {
      new Notification({ body, title }).show();
    }
  });

  ipcMain.on('azure-devops-oauth', (event, arg) => {
    let authWindow = new BrowserWindow({
      show: false,
      modal: true,
      autoHideMenuBar: true,
      parent: window,
      webPreferences: {
        nodeIntegration: false,
        contextIsolation: true,
      },
    });

    authWindow.show();

    authWindow.webContents.loadURL(
      `${config.authorizationUrl}?client_id=${config.clientId}&client_secret=${config.clientSecret}&response_type=code&redirect_uri=${config.redirectUri}&response_mode=query&scope=${config.scope}`,
    );

    authWindow.on('closed', () => {
      authWindow = null;
    });
    authWindow.webContents.on('will-redirect', (e, url) => {
      const details = url;

      if (details && details.startsWith(config.redirectUri)) {
        const _url = details.split('?')[1];
        const _params = new URLSearchParams(_url);
        const _accessCode = _params.get('code');

        if (_accessCode) {
          event.sender.send('getToken', {
            url: config.tokenUrl,
            redirect_uri: config.redirectUri,
            client_assertion: config.clientAssertion,
            access_code: _accessCode,
          });

          authWindow.close();
        }
      }
    });
  });

  ipcMain.on('logout', () => {
    let logoutWindow = new BrowserWindow({
      show: false,
      modal: true,
      autoHideMenuBar: true,
      parent: window,
    });

    logoutWindow.show();

    logoutWindow.webContents.loadURL(
      `${config.logout}?redirect_uri=${config.redirectUri}`,
    );

    logoutWindow.on('closed', () => {
      logoutWindow = null;
    });
  });
}