error.service.ts

@Injectable({
	providedIn: 'root'
})
export class ErrorService {
	public errorEvent: Subject<Error> = new Subject<any>();

	constructor(
		private _ui: UiService
	) {	}

	/**
	 * This function is a global javascript error handler. It will catch all javascript errors
	 * produced within the application. The docs at https://angular.io/api/core/ErrorHandler say
	 * that err has a type of any. I'm assuming the "any" type is so you can pass it a custom error
	 * or error event. console logging the err argument just outputs the stack trace.
	 *
	 * @param err {Error}
	 */
	handleError(err: Error) {
		console.error('ErrorService.handleError, err', err);
		if (err instanceof EvalError) {
			// console.log('Error Type=', err.name);
		}else if (err instanceof RangeError) {
			// console.log('Error Type=', err.name);
		}else if (err instanceof ReferenceError) {
			// console.log('Error Type=', err.name);
		}else if (err instanceof SyntaxError) {
			// console.log('Error Type=', err.name);
		}else if (err instanceof TypeError) {
			// console.log('Error Type=', err.name);
		}else if (err instanceof URIError) {
			// console.log('Error Type=', err.name);
		}else if (err instanceof ErrorEvent) {
			// console.log('Error Type=', err.name);
		}else {
			// console.log('Error Type=', err.name);
		}
		if (DEBUG_DIALOGS) {
			this._ui.notifyUserShowConfirmDialog({
				noCancelButton: true,
				messageHtml: `<span>${err.message}</span><pre>${err.stack}</pre>`,
				title: `Error: ${err.name}`,
				confirmButtonText: 'OK'
			});
		}
	}
}