feat(profiling): add gl utils and gl-matrix lib

[JonasBa]

Add some utils for keeping the canvas properly resized and add the main rect class that we use in order to represent the flamegraph's frames.

[evanpurkhiser]

lowercase type leaves me sad

[JonasBa]

Yeah, agree :(

[evanpurkhiser]

how do you feel about this?

Suggested change

	// it's easier to display a matrix as a 3x3 array. WebGl matrices are row first and not column first
	// https://webglfundamentals.org/webgl/lessons/webgl-matrix-vs-math.html
	// prettier-ignore
	return mat3.fromValues(
	this.width, 0, 0,
	0, this.height, 0,
	this.x, this.y, 1
	)
	const {width: w, height: w, x, y} = this;
	// it's easier to display a matrix as a 3x3 array. WebGl matrices are row first and not column first
	// https://webglfundamentals.org/webgl/lessons/webgl-matrix-vs-math.html
	// prettier-ignore
	return mat3.fromValues(
	w, 0, 0,
	0, h, 0,
	x, y, 1
	)

[JonasBa]

Yup, looks much more readable :) (I'm not a fan of the extra allocations, but who cares)

[evanpurkhiser]

damn I don't know why our eslint isn't catching this. I thought I specifically fixed this here getsentry/eslint-config-sentry#117

[JonasBa]

Hmm, indeed. This should have been caught, I dont see an error in vscode either.

[JonasBa]

@evanpurkhiser I think the config we use for this codebase actually never extends config/rules/base (or it overrides it somewhere).

In other words, if I manually set .eslintrc.js to

extends: ['sentry-app/strict', 'sentry/rules/base'],

Then I get Expected { after 'if' condition.eslintcurly, but if I set it to

extends: ['sentry/rules/base', 'sentry-app/strict'],

The error does not show, which makes me think that we are overriding the rule here somehow, or that sentry-app/strict just never extends it. Maybe something for @billyvg to investigate?

[evanpurkhiser]

Whoa whoa, good findings

[billyvg]

Yeah I'll take a look

[billyvg]

@JonasBa @evanpurkhiser Ah it's because of the prettier plugin, we'll need to override it in sentry-app (or wherever we use the plugin) https://github.com/prettier/eslint-config-prettier/tree/79db534f6afc0be1c9b1a6c7c3fdf825cbe52827#special-rules

[JonasBa]

Nice find @billyvg, thanks for investigating!

[JonasBa]

Rebasing again because acceptance tests timeout