[Replay] Generate CDN bundles

[Lms24]

We want to create CDN bundles for Replay, just like we have bundles for all our other integrations.

Bundle variants

To be consistent with our other integration CDN bundles, we'd have to generate these variants (base name up for discussion):

• replay.js
• replay.min.js
• replay.debug.min.js
• replay.es5.js
• replay.es5.min.js
• replay.es5.debug.min.js

Open Question: Do we need ES5 variants at all?

Update: We cannot publish ES5 bundles because rrweb internally depends on ES6-only APIs.

Release Registry

To make the bundles show up in our docs correctly (including a checksum), we have to add Replay to the release registry. To do this, we'll have to follow the Release Checklist and stick to the order of releasing and adding things to the registry.

How does this work for CDN bundles? Our checklist only covers NPM tarballs

To Do:

• Generate CDN bundles with all variants we want
  • ref(replay): Export WINDOW within Replay instead of importing it from Browser #6386
  • build(replay): Generate Replay CDN bundles #6391
• After initial release, add Release registry entry

ref: #5326

[Lms24]

Closing this as completed because as it turns out, we don't have to add Release Reg. entries. All our CDN bundles are associated with the Browser SDK: https://github.com/getsentry/sentry-release-registry/blob/master/packages/npm/%40sentry/browser/7.23.0.json

[jiwon-mun]

Do you have any plan to add replay.es5.min.js? I need it.

Or is there a simple way to transfile es5 from replay.min.js?
I just need a code.

[mydea]

Hi @jiwon-mun ,

sadly replay is not ES5 compatible, because rrweb (which we use under the hood to do the recording etc.) relies on ES6-only APIs. So there will not be an ES5 version of replay.

If you need to also support ES5, I would recommend to do something like this:

function loadSentry() {
  const sentrySrcUrl = hasEs6Support() ? 'https://browser.sentry-cdn.com/7.60.0/bundle.tracing.replay.min.js' : 'https://browser.sentry-cdn.com/7.60.0/bundle.tracing.es5.min.js';
  // add <script> to DOM and initialize stuff
}

We may want to think about adding this capabilities to the loader eventually, but for now you'll need to do this manually. I opened getsentry/sentry#53840 to track this.