jadbaz/sentry_vanilla_js_example.html

## sentry_vanilla_js_example.html
<!DOCTYPE html>
<html>
<head>
    <meta charset='utf-8'>
    <title>Sentry JS Example</title>
    <meta name='viewport' content='width=device-width, initial-scale=1'>
    <script
        src="https://browser.sentry-cdn.com/5.16.1/bundle.min.js"
        integrity="sha384-XeIbINcUQP10HtmVHwZigannjNDpoQRe+uhAoW9J5HU5dHFpilP164LjqO78xtIB"
        crossorigin="anonymous">
    </script>
    <script type="text/javascript">
        Sentry.init({
            dsn: "<YOUR_SENTRY_DSN>",
            beforeSend(event, hint) {
                if (event.exception) {
                    Sentry.showReportDialog({ eventId: event.event_id });
                }
                return event;
            }
        });
        console.log("Sentry initialized")
        Sentry.captureMessage("Initialized Sentry", "info");

        function crashAndReportError() {
            console.log('crashAndReportError');
            Sentry.captureException(new Error('Congrats, you broke it'));
            Sentry.showReportDialog({ })
        }
    </script>
</head>
<body>
    <button onclick="crashAndReportError()">Report error</button>
    <button onclick="crashTheWorld()">Throw unhandled exception</button>
</body>
</html>

## sentry_vanilla_js_minimal_requirements.html
<!DOCTYPE html>
<html>
<head>
    <meta charset='utf-8'>
    <title>Sentry JS Minimal Requirements</title>
    <meta name='viewport' content='width=device-width, initial-scale=1'>
    <script
        src="https://browser.sentry-cdn.com/5.16.1/bundle.min.js"
        integrity="sha384-XeIbINcUQP10HtmVHwZigannjNDpoQRe+uhAoW9J5HU5dHFpilP164LjqO78xtIB"
        crossorigin="anonymous">
    </script>
    <script type="text/javascript">
        Sentry.init({ dsn: "<YOUR_SENTRY_DSN>" });
    </script>
</head>
<body>
</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset='utf-8'>
	<title>Sentry JS Example</title>
	<meta name='viewport' content='width=device-width, initial-scale=1'>
	<script
	src="https://browser.sentry-cdn.com/5.16.1/bundle.min.js"
	integrity="sha384-XeIbINcUQP10HtmVHwZigannjNDpoQRe+uhAoW9J5HU5dHFpilP164LjqO78xtIB"
	crossorigin="anonymous">
	</script>
	<script type="text/javascript">
	Sentry.init({
	dsn: "<YOUR_SENTRY_DSN>",
	beforeSend(event, hint) {
	if (event.exception) {
	Sentry.showReportDialog({ eventId: event.event_id });
	}
	return event;
	}
	});
	console.log("Sentry initialized")
	Sentry.captureMessage("Initialized Sentry", "info");

	function crashAndReportError() {
	console.log('crashAndReportError');
	Sentry.captureException(new Error('Congrats, you broke it'));
	Sentry.showReportDialog({ })
	}
	</script>
	</head>
	<body>
	<button onclick="crashAndReportError()">Report error</button>
	<button onclick="crashTheWorld()">Throw unhandled exception</button>
	</body>
	</html>