feat(ember): Add more render instrumentation to @sentry/ember

[k-fish]

Summary

This PR will fill out the rest of the instrumentation for Ember to provide meaningful spans across most of the transaction.

It adds instrumentation for:

• initial load (which uses the build tools to inject a small script into head to measure script evaluation, which includes initial render)
• the runloop, to capture queues that take a long time, this can primarily be used to capture long render queues when someone is using the new glimmer components as they don't have instrumentation.
• components (non-glimmer) render times

Additionally it fixes a couple bugs with routes, especially when nesting, such as beforeModel not consistently getting instrumented.

Screenshots

Example of transaction from the dummy application

Dummy app updated to include nested routes

[github-actions]

size-limit report

Path	Size
@sentry/browser - CDN Bundle (gzipped)	17.96 KB (0%)
@sentry/browser - Webpack	18.8 KB (0%)
@sentry/react - Webpack	18.8 KB (0%)
@sentry/browser + @sentry/tracing - CDN Bundle (gzipped)	23.76 KB (+0.01% 🔺)

[kamilogorek]

Just a few general questions, but otherwise looks good!

[kamilogorek]

This SlowLoadingRoute looks mysterious here as the code sample could be better to make it more clear what that is.

[k-fish]

Not only is it mysterious, it's also wrong 😅, nice catch 👍

[kamilogorek]

Is this scheduled twice on purpose?

[k-fish]

Yes, once to put it into the queue and then once in the queue to put it towards the end once the queue is being processed (since they get created on the runloop's begin).

[kamilogorek]

Be aware that we had a lot of issues with environments where performance is not available. That's why in our utils we have things like crossPlatformPerformance function.

[kamilogorek]

There's still performance.measure, performance.getEntriesByName and most importantly timeOrigin. See the issue with the last one here -

sentry-javascript/packages/utils/src/misc.ts

Lines 310 to 320 in c113427

	// Polyfill for performance.timeOrigin.
	//
	// While performance.timing.navigationStart is deprecated in favor of performance.timeOrigin, performance.timeOrigin
	// is not as widely supported. Namely, performance.timeOrigin is undefined in Safari as of writing.
	if (performance.timeOrigin === undefined) {
	// As of writing, performance.timing is not available in Web Workers in mainstream browsers, so it is not always a
	// valid fallback. In the absence of a initial time provided by the browser, fallback to INITIAL_TIME.
	// @ts-ignore ignored because timeOrigin is a readonly property but we want to override
	// eslint-disable-next-line deprecation/deprecation
	performance.timeOrigin = (performance.timing && performance.timing.navigationStart) || INITIAL_TIME;
	}