feat(replay): Add option to skip requestAnimationFrame for canvas snapshots

[billyvg]

This adds an option to snapshot() to skip requestAnimationFrame when manually snapshotting.

Usage

const replayIntegration = Sentry.getClient()?.getIntegrationByName('ReplayCanvas');
replayIntegration?.snapshot(canvasEl, {skipRequestAnimationFrame: true});

Requires also bumping rrweb depending to support this option.

Closes #17330

[github-actions]

size-limit report 📦

Path	Size	% Change	Change
@sentry/browser	24.16 kB	-	-
@sentry/browser - with treeshaking flags	22.73 kB	-	-
@sentry/browser (incl. Tracing)	39.87 kB	-	-
@sentry/browser (incl. Tracing, Replay)	78.18 kB	+0.25%	+192 B 🔺
@sentry/browser (incl. Tracing, Replay) - with treeshaking flags	67.98 kB	+0.22%	+146 B 🔺
@sentry/browser (incl. Tracing, Replay with Canvas)	82.86 kB	+0.22%	+178 B 🔺
@sentry/browser (incl. Tracing, Replay, Feedback)	94.97 kB	+0.19%	+180 B 🔺
@sentry/browser (incl. Feedback)	40.83 kB	-	-
@sentry/browser (incl. sendFeedback)	28.81 kB	-	-
@sentry/browser (incl. FeedbackAsync)	33.7 kB	-	-
@sentry/react	25.88 kB	-	-
@sentry/react (incl. Tracing)	41.86 kB	-	-
@sentry/vue	28.64 kB	-	-
@sentry/vue (incl. Tracing)	41.69 kB	-	-
@sentry/svelte	24.18 kB	-	-
CDN Bundle	25.66 kB	-	-
CDN Bundle (incl. Tracing)	39.76 kB	-	-
CDN Bundle (incl. Tracing, Replay)	75.98 kB	+0.22%	+161 B 🔺
CDN Bundle (incl. Tracing, Replay, Feedback)	81.41 kB	+0.18%	+142 B 🔺
CDN Bundle - uncompressed	74.96 kB	-	-
CDN Bundle (incl. Tracing) - uncompressed	117.59 kB	-	-
CDN Bundle (incl. Tracing, Replay) - uncompressed	232.61 kB	+0.32%	+735 B 🔺
CDN Bundle (incl. Tracing, Replay, Feedback) - uncompressed	245.21 kB	+0.31%	+735 B 🔺
@sentry/nextjs (client)	43.89 kB	-	-
@sentry/sveltekit (client)	40.32 kB	-	-
@sentry/node-core	47.99 kB	-0.01%	-1 B 🔽
@sentry/node	147.03 kB	-	-
@sentry/node - without tracing	92.24 kB	-	-
@sentry/aws-serverless	103.67 kB	-	-

View base workflow run