Angular ReportingErrorHandlerService (partical copy from angular/angular)

js-log-error.php

<?php

$input = file_get_contents('php://input');
$request = $input ? json_decode($input, true) : $_REQUEST;

if ($request['error']) {
	$logPath = $_SERVER['DOCUMENT_ROOT'] . '/js-log-error.txt';

	$date = date('Y.m.d H:i:s');
	$message = $date . PHP_EOL . var_export($request, true) . PHP_EOL . PHP_EOL;

	file_put_contents($logPath, $message, FILE_APPEND);
}

reporting-error-handler.service.ts

import {ErrorHandler, Injectable} from '@angular/core';


@Injectable()
export class ReportingErrorHandlerService extends ErrorHandler {

	constructor() {
		super();
	}


	public handleError(error: string | Error): void {
		try {
			super.handleError(error);
		} catch (e) {
			this.reportError(error);
		}
		this.reportError(error);
	}


	private reportError(error: string | Error) {
		const client = new XMLHttpRequest();
		client.open('POST', '/js-log-error.php');
		client.setRequestHeader('Content-Type', 'text/plain;charset=UTF-8');
		client.send(JSON.stringify({
			error: error.toString(),
			url: window.location.href,
			screenSize: [window.innerWidth, window.innerHeight],
			memory: performance ? performance['memory'] : false,
			userAgent: navigator ? navigator.userAgent : false,
			platform: navigator ? navigator.platform : false,
		}));
	}

}