Important Changes
- Replay Bundle Size improvements
We've dramatically decreased the bundle size of our Replay package, reducing the minified & gzipped bundle size by ~20 KB!
This was possible by extensive use of tree shaking and a host of small changes to reduce our footprint:
- feat(replay): Update rrweb to 2.2.0 (#9414)
- ref(replay): Use fflate instead of pako for compression (#9436)
By using tree shaking it is possible to shave up to 10 additional KB off the bundle.
Other Changes
- feat(astro): Add Sentry middleware (#9445)
- feat(feedback): Add "outline focus" and "foreground hover" vars (#9462)
- feat(feedback): Add
openDialogandcloseDialogonto integration interface (#9464) - feat(feedback): Implement new user feedback embeddable widget (#9217)
- feat(nextjs): Add automatic sourcemapping for edge part of the SDK (#9454)
- feat(nextjs): Add client routing instrumentation for app router (#9446)
- feat(node-experimental): Add hapi tracing support (#9449)
- feat(replay): Allow to configure
beforeErrorSampling(#9470) - feat(replay): Stop fixing truncated JSONs in SDK (#9437)
- fix(nextjs): Fix sourcemaps resolving for local dev when basePath is set (#9457)
- fix(nextjs): Only inject basepath in dev mode (#9465)
- fix(replay): Ensure we stop for rate limit headers (#9420)
- ref(feedback): Add treeshaking for logger statements (#9475)
- ref(replay): Use rrweb for slow click detection (#9408)
- build(polyfills): Remove output format specific logic (#9467)
Bundle size 📦
| Path | Size |
|---|---|
| @sentry/browser (incl. Tracing, Replay) - Webpack (gzipped) | 65.24 KB |
| @sentry/browser (incl. Tracing, Replay) - Webpack with treeshaking flags (gzipped) | 55.48 KB |
| @sentry/browser (incl. Tracing) - Webpack (gzipped) | 30.97 KB |
| @sentry/browser - Webpack (gzipped) | 21.29 KB |
| @sentry/browser (incl. Tracing, Replay) - ES6 CDN Bundle (gzipped) | 61.82 KB |
| @sentry/browser (incl. Tracing) - ES6 CDN Bundle (gzipped) | 29.09 KB |
| @sentry/browser - ES6 CDN Bundle (gzipped) | 21.23 KB |
| @sentry/browser (incl. Tracing, Replay) - ES6 CDN Bundle (minified & uncompressed) | 194.87 KB |
| @sentry/browser (incl. Tracing) - ES6 CDN Bundle (minified & uncompressed) | 88.28 KB |
| @sentry/browser - ES6 CDN Bundle (minified & uncompressed) | 63.28 KB |
| @sentry/browser (incl. Tracing) - ES5 CDN Bundle (gzipped) | 31.8 KB |
| @sentry/react (incl. Tracing, Replay) - Webpack (gzipped) | 65.61 KB |
| @sentry/react - Webpack (gzipped) | 21.34 KB |
| @sentry/nextjs Client (incl. Tracing, Replay) - Webpack (gzipped) | 82.34 KB |
| @sentry/nextjs Client - Webpack (gzipped) | 48.12 KB |
| @sentry-internal/feedback - Webpack (gzipped) | 15.81 KB |