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.23 kB	+0.25%	+191 B 🔺
@sentry/browser (incl. Tracing, Replay) - with treeshaking flags	68.02 kB	+0.22%	+145 B 🔺
@sentry/browser (incl. Tracing, Replay with Canvas)	82.91 kB	+0.22%	+179 B 🔺
@sentry/browser (incl. Tracing, Replay, Feedback)	95.03 kB	+0.2%	+185 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.75 kB	-	-
CDN Bundle (incl. Tracing, Replay)	76.03 kB	+0.22%	+160 B 🔺
CDN Bundle (incl. Tracing, Replay, Feedback)	81.46 kB	+0.18%	+143 B 🔺
CDN Bundle - uncompressed	74.96 kB	-	-
CDN Bundle (incl. Tracing) - uncompressed	117.59 kB	-	-
CDN Bundle (incl. Tracing, Replay) - uncompressed	232.68 kB	+0.32%	+735 B 🔺
CDN Bundle (incl. Tracing, Replay, Feedback) - uncompressed	245.28 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	148.53 kB	-0.01%	-1 B 🔽
@sentry/node - without tracing	92.24 kB	-	-
@sentry/aws-serverless	104.53 kB	-	-

View base workflow run