Estoy tratando de agregar funcionalidad a un botón enindex.html El archivo es el siguiente: Tengo un elemento de botón enindex.html

<button id="auth-button">Authorize</button>

Enmain.js de la aplicación, tengo

require('crash-reporter').start();
console.log("oh yaeh!");
var mainWindow = null;

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

app.on('ready',function(){
    mainWindow = new BrowserWindow({width:800, height : 600});
    mainWindow.loadUrl('file://' + __dirname + '/index.html');

    var authButton = document.getElementById("auth-button");
    authButton.addEventListener("click",function(){alert("clicked!");});

    mainWindow.openDevTools();

    mainWindow.on('closed',function(){
        mainWindow = null;
    });
});

Pero se produce un error de la siguiente manera:Uncaught Exception: ReferenceError: document is not defined

¿Se puede acceder a los objetos DOM mientras se crean aplicaciones electrónicas? ¿O hay alguna otra forma alternativa que me puede dar la funcionalidad requerida?