Enable autocollection of unhandled exceptions

[millicentachieng]

Overview

We've been missing some errors in our telemetry. Enabling autocollection of uncaught exceptions will help us see more errors that our users are encountering while interacting with the app.

I have made an attempt at sanitizing the stack trace and only storing what we need. The data collected for an unhandled exception looks like this:

{
    "baseType": "ExceptionData",
    "baseData": {
        "ver": 2,
        "exceptions": [
            {
                "typeName": "TypeError",
                "message": "UNHANDLED_ERROR",
                "hasFullStack": false,
                "stack": null,
                "parsedStack": [
                    {
                        "level": 0,
                        "method": "getStyleFor",
                        "assembly": "at getStyleFor (webpack-internal:///./src/app/utils/badge-color.ts:7:19)",
                        "fileName": "webpack-internal:///./src/app/utils/badge-color.ts",
                        "line": 7
                    }
                ]
            }
        ],
        "severityLevel": 3,
        "properties": {
            "ComponentName": "at getStyleFor (webpack-internal:///./src/app/utils/badge-color.ts:7:19)",
            "Message": "TypeError: Cannot read property 'toUpperCase' of null",
            "ApplicationName": "Graph Explorer v4",
            "IsAuthenticated": "true"
        }
    }
}

[github-actions]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://jolly-sand-0ac78c710-963.centralus.azurestaticapps.net