Estou tentando adicionar funcionalidade a um botão noindex.html O arquivo é o seguinte: Eu tenho um elemento de botão noindex.html

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

Nomain.js do aplicativo, eu tenho

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;
    });
});

Mas um erro ocorre da seguinte maneira:Uncaught Exception: ReferenceError: document is not defined

Os objetos DOM podem ser acessados durante a criação de aplicativos eletrônicos? ou existe alguma outra maneira alternativa que possa me fornecer a funcionalidade necessária?