Creare scorciatoie da tastiera in Electron

In questo articolo avevamo visto come creare un menu personalizzato in Electron.

Oggi vediamo come impostare delle scorciatoie da tastiera, modificandole a seconda se siamo su macOs o meno.

Questo il menu che sto usando per un programmino che sto sviluppando in questi giorni:

const template = [{
    label: 'File',
    submenu: [{
      label: 'Apri',
      accelerator: process.platform === 'darwin' ? 'Cmd+O' : 'Ctrl+O',
      click() {
        dialog.showOpenDialog({
          properties: [
            'openFile'
          ]
        })
      }
    }]
  },
  {
    role: 'window',
    submenu: [{
      role: 'close',
      accelerator: process.platform === 'darwin' ? 'Cmd+Q' : 'Ctrl+Q'
    }]
  },
  {
    role: 'help',
    submenu: [{
      label: '?',
      accelerator: process.platform === 'darwin' ? 'Cmd+I' : 'Ctrl+I',
      click() {
        dialog.showMessageBox({
          type: 'info',
          title: 'About',
          message: 'CIAO'
        });
      }
    }]
  }
];

Come vedete, usiamo l'attributo accelerator, e controlliamo il tipo di piattaforma usando process.platform.

Enjoy!