index.js

#!/usr/bin/env node

const puppeteer = require('puppeteer');
const os = require('os');
const task = require('child_process');
const net = require('net');

const location = process.argv[2];
const flags = process.argv.slice(3);

// check if a url is set
if (!location) {
	throw new Error('No kiosk URL provided');
}

// check if the url is valid
new URL(location);

// find port
const port = 21222;
console.log(`launching browser '${puppeteer.executablePath()}' [${flags.map(flag => `'${flag}'`).join(', ') || '<no flags>'}] on '${location}' as '${os.userInfo().username}' attached to :${port}`);

// launch browser
const browserProcess = task.spawn(puppeteer.executablePath(), [
	// kisok options
	'--kiosk',
	'--disable-pinch',
	
	// disable popups & info bars
	'--no-first-run',
	'--no-default-browser-check',
	'--disable-infobars',
	
	// puppeteer connection
	`--remote-debugging-port=${port}`,
	
	...flags,
	
	'about:blank'
], {
	env: process.env
});

console.log(process.env);

// pipe browser logs to console
browserProcess.stdout.on('data', data => process.stdout.write(data));
browserProcess.stderr.on('data', data => process.stdout.write(data));

console.log(`attaching to browser...`);

// wait for puppeteer to connect to browser
const connect = () => new Promise(async done => {
	try {
		const browser = await puppeteer.connect({
			browserURL: `http://127.0.0.1:${port}`
		});

		done(browser);
	} catch (error) {
		console.warn(`could not attach: ${error}, retrying...`);

		setTimeout(() => connect().then(browser => done(browser)), 1000);
	}
});

connect().then(async browser => {
	const page = (await browser.pages())[0];

	// add clear screen
	await page.goto('about:blank');
	await page.evaluate('document.body.style.background = "grey"');

	// get screen size
	const width = await page.evaluate('screen.width');
	const height = await page.evaluate('screen.height');

	// apply viewport size
	page.setViewport({ width, height });
	
	let aliveWatcher = setInterval(() => {}, 1000);

	const reload = async () => {
		clearInterval(aliveWatcher);
		
		// clear screen
		await page.goto('about:blank');
		await page.evaluate('document.body.style.background = "darkgrey"');
		
		try {
			const response = await page.goto(location);

			if (response.status() < 200 || response.status() >= 400) {
				console.warn(`could not load, page returned status code '${response.status()}'`);

				return setTimeout(() => reload(), 5000);
			}
		} catch (error) {
			console.warn(`could not load: '${error}'`);

			return setTimeout(() => reload(), 5000);
		}

		console.log('loaded page');
		
		// start alive watcher
		clearInterval(aliveWatcher);
		
		aliveWatcher = setInterval(async () => {
			try {
				const response = await page.evaluate('kioskAlive()');
				
				if (!response) {
					throw new Error(`window.kioskAlive() returned '${response}', expected 'true'`);
				}
			} catch (error) {
				console.warn(`page health check failed: ${error}`);
				
				reload();
			}
		}, 1000);
	};

	console.log('loading page...');
	reload();
});