Sentry.init({
 integrations: [
 Sentry.browserTracingIntegration({
 // disable automatic span creation
 instrumentNavigation: false,
 instrumentPageLoad: false,
 }),
 ],
});
// We start the pageload span as early as possible!
let name = route().current();
let pageLoadSpan = Sentry.startBrowserTracingPageLoadSpan({ op: "pageload", name });
router.on("before", (route) => {
 const client = Sentry.getClient();
 const newName = route().current();
 if (newName !== name) {
 name = newName;
 Sentry.startBrowserTracingNavigationSpan(client, {
 op: "navigation",
 name,
 attributes: {
 [Sentry.SEMANTIC_ATTRIBUTE_SENTRY_SOURCE]: "route",
 },
 });
 }
 }
});
router.on('finish', () => {
 name = route().current();
 // always make sure we are using the correct route name
 const span = Sentry.getActiveSpan();
 const op = span && Sentry.spanToJSON(span).op;
 if (op === 'pageload' || op === 'navigation) {
 span.setName(name);
 }
});

// Uses https://inertiajs.com/events
function inertiaRoutingInstrumentation(
 customStartTransaction,
 startTransactionOnPageLoad = true,
 startTransactionOnLocationChange = true,
) {
 let activeTransaction;
 let name;
 if (startTransactionOnPageLoad) {
 name = route().current();
 activeTransaction = customStartTransaction({
 name,
 op: 'pageload',
 metadata: {
 source: 'route',
 },
 });
 }
 if (startTransactionOnLocationChange) {
 router.on('before', (_to, _from) => {
 if (activeTransaction) {
 activeTransaction.finish();
 }
 const newName = route().current();
 if (newName !== name) {
 activeTransaction = customStartTransaction({
 name: newName,
 op: 'navigation',
 metadata: {
 source: 'route',
 },
 });
 }
 });
 router.on('finish', () => {
 activeTransaction.setName(route().current(), 'route');
 });
 }
}
Sentry.init({
 dsn: '__PUBLIC_DSN__',
 tracesSampleRate: 1.0,
 integrations: [
 new Sentry.BrowserTracing({
 routingInstrumentation: inertiaRoutingInstrumentation,
 }),
 ],
});