Tooloop-Kiosk-Browser/main.js

const { app, BrowserWindow } = require('electron/main');
const path = require('node:path');
const fs = require('fs');
const os = require('os');
const log = require('electron-log/main');


//------------------------------------------------------------------------------
// Properties
//------------------------------------------------------------------------------

let config;
let win;


//------------------------------------------------------------------------------
// Function
//------------------------------------------------------------------------------

/**
 * Loads a config file from disc.
 * The file is expected to be named `config.json` and is searched for in these
 * locations and in this order:
 * 
 * 1. `/assets/presentation/config.json` (Tooloop OS)
 * 2. Path of the executable  
 *    - Linux: `app.getPath('exe')`  
 *    - MacOS: `path.resolve(app.getPath('exe'), "../../../")`  
 * 3. `__dirname` (Development)
*/
function loadConfig() {
    const locations = [
        '/assets/data',
        os.platform() == 'darwin' ?
            path.resolve(app.getPath('exe'), "../../../") : app.getPath('exe'),
        __dirname
    ];

    let filePath;

    // Check all locations
    for (let i = 0; i < locations.length; i++) {
        // Update the filepath
        filePath = path.join(locations[i], 'config.json');
        try {
            // Try access
            fs.accessSync(filePath);

            // Parse the file if found
            console.info('Found config file at ' + filePath);
            const data = fs.readFileSync(filePath, { encoding: 'utf8' });
            config = JSON.parse(data);

            // Break the loop if successful
            return false;
        } catch (err) {
            console.warn('No config file found at ' + filePath);
        }
    }

}


/**
 * Creates the browser window
 */
async function createWindow() {
    win = new BrowserWindow({
        width: 1920,
        height: 1080,
        backgroundColor: '#000000',
        icon: 'images/icon-512.png',
        webPreferences: {
            preload: path.join(__dirname, 'preload.js'),
            nodeIntegration: true,
            webSecurity: false,
        },
        show: false,
        autoHideMenuBar: true
    });

    win.on("closed", function () {
        win = null;
    });

    win.webContents.addListener("will-navigate", validateDomain);

    win.once("ready-to-show", () => {
        win.setKiosk(true);
        win.show();
    });

    win.loadFile('index.html');

    if (config != undefined) {
        try {
            let url = new URL(config.url);
            // let options = {
            //     method: 'HEAD',
            //     host: url.hostname,
            //     port: url.port ? url.port : 80,
            //     path: '/'
            // };
            // let req = http.request(options, function (r) {
            //     log.info(r.headers);
            // });
            // req.end();

            win.loadURL(config.url);

        } catch (err) {
            log.error(err);
        }
    }
}


/**
 * Validates the url of a navigatio event against the list of allowed domains in
 * the config file. See https://www.electronjs.org/docs/latest/api/web-contents#event-will-frame-navigate
 * @param {Event} event 
 */
function validateDomain(event) {
    let url = new URL(event.url);
    if ('allowedDomains' in config && !config.allowedDomains.includes(url.hostname)) {
        event.preventDefault();
        log.info("Navigation to " + event.url + " prevented");
    }
}


//------------------------------------------------------------------------------
// Init electon app
//------------------------------------------------------------------------------

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

    log.initialize();
    if (config != undefined && 'logPath' in config) {
        log.transports.file.resolvePathFn = () => config.logPath;
    }

    createWindow();

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

app.on('window-all-closed', () => {
    app.quit()
});