✨ [RUM-8780] Make developer extension capable of injecting the browser SDK #3877

BeltranBulbarellaDD · 2025-09-26T14:31:22Z

Motivation

The idea is to be able to inject the SDK on a page that does not have it. Injecting the local version and CDN version.

Changes

Load the extension dist folder, in chrome://extensions/. And on the SDK side go to developer-extension and yarn dev.
Disable the deployed Developer Extension to not have issues.
Added under Datadog Employee mode, the possibility to inject using CDN the SDK on pages that do not have it.

Test instructions

Screen.Recording.2025-09-26.at.16.37.02.mov

Checklist

Tested locally
Tested on staging
Added unit tests for this change.
Added e2e/integration tests for this change.

datadog-datadog-prod-us1 · 2025-09-26T14:32:50Z

✅ Tests

🎉 All green!

❄️ No new flaky tests detected
🧪 All tests passed

🎯 Code Coverage
• Patch Coverage: 100.00%
• Total Coverage: 92.64% (+0.00%)

View detailed report

_{This comment will be updated automatically if new data arrives.

🔗 Commit SHA: 5e9f9ce | Docs | Datadog PR Page | Was this helpful? Give us feedback!}

BeltranBulbarellaDD · 2025-09-26T15:59:47Z

developer-extension/src/content-scripts/main.ts

+  }
+
+  return 'us1'
+}


I can probably remove this, the thing is that I was getting 403 so this was the fallback.
Gonna look for a better way.
(Open to suggestions)

cit-pr-commenter · 2025-10-07T08:26:34Z

Bundles Sizes Evolution

📦 Bundle Name	Base Size	Local Size	𝚫%	Status
Rum	162.96 KiB	162.96 KiB	0.00%	✅
Rum Recorder	19.78 KiB	19.78 KiB	0.00%	✅
Rum Profiler	4.89 KiB	4.89 KiB	0.00%	✅
Logs	56.62 KiB	56.62 KiB	0.00%	✅
Flagging	944 B	944 B	0.00%	✅
Rum Slim	119.90 KiB	119.90 KiB	0.00%	✅
Worker	23.60 KiB	23.60 KiB	0.00%	✅

🚀 CPU Performance

Action Name	Base CPU Time (ms)	Local CPU Time (ms)	𝚫%
RUM - add global context	0.0041	0.0043	+4.88%
RUM - add action	0.0132	0.0155	+17.42%
RUM - add error	0.0132	0.013	-1.52%
RUM - add timing	0.003	0.003	0.00%
RUM - start view	0.0038	0.0033	-13.16%
RUM - start/stop session replay recording	0.0006	0.0009	+50.00%
Logs - log message	0.0134	0.0163	+21.64%

🧠 Memory Performance

Action Name	Base Memory Consumption	Local Memory Consumption	𝚫
RUM - add global context	25.79 KiB	25.20 KiB	-603 B
RUM - add action	47.16 KiB	43.28 KiB	-3.88 KiB
RUM - add timing	24.44 KiB	25.45 KiB	+1.01 KiB
RUM - add error	52.34 KiB	48.72 KiB	-3.62 KiB
RUM - start/stop session replay recording	23.46 KiB	24.74 KiB	+1.28 KiB
RUM - start view	423.98 KiB	424.37 KiB	+401 B
Logs - log message	43.09 KiB	41.71 KiB	-1.38 KiB

🔗 RealWorld

developer-extension/src/content-scripts/main.ts

thomas-lebeau · 2025-10-30T15:21:16Z

@codex, can you review this pr please 🫶

chatgpt-codex-connector

💡 Codex Review

Here are some automated review suggestions for this pull request.

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

Open a pull request for review
Mark a draft as ready
Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

chatgpt-codex-connector · 2025-10-30T15:25:57Z

developer-extension/src/content-scripts/main.ts

+    if (settings.injectionVariant === 'local-dev' && settings.useDevBundles === 'npm') {
      injectDevBundle(settings.useRumSlim ? DEV_RUM_SLIM_URL : DEV_RUM_URL, ddRumGlobal)
      injectDevBundle(DEV_LOGS_URL, ddLogsGlobal)
+    } else if (settings.injectionVariant === 'cdn') {
+      injectCdnBundle(settings)


Gate CDN injection on Datadog mode state

The content script triggers CDN injection whenever settings.injectionVariant === 'cdn'. Because injectionVariant is persisted in storage, a user can enable Datadog mode, pick the CDN variant, and then disable Datadog mode. The UI hides the variant control, but the stored value remains cdn, so this branch still runs and injects scripts even though Datadog mode is off. This means turning off Datadog mode does not actually disable the CDN injection feature and there is no way to revert without re‑enabling Datadog mode. Consider resetting injectionVariant when Datadog mode is disabled or guarding the CDN path with settings.datadogMode.

Useful? React with 👍 / 👎.

BenoitZugmeyer · 2025-11-05T09:47:56Z

developer-extension/src/content-scripts/main.ts

+  if (site?.endsWith('datad0g.com')) {
+    return 'us3'
+  }


🔨 warning: ‏this seems incorrect

BenoitZugmeyer · 2025-11-05T10:07:51Z

developer-extension/src/common/extension.types.ts

+  injectionVariant: InjectionVariant
+  sdkInjectionType: SdkInjectionType


🔨 warning: ‏The settings should be redesigned to make it more explicit and ideally avoid forbidden states. Things that should be clarified at the settings level:

useDevBundles: npm won't work if injectionVariant is not cdn.

How can I disable injection?

Why injection variant CDN only available in datadogMode?

What's the difference between injectionVariant and sdkInjectionType just by looking at property names?

My suggestion: keep things simple. Always inject both RUM and Logs CDN bundles with a default config. If dev bundle override is enabled, those bundles will be overridden (including rum-slim override). If config override is enabled, the config will be overridden. No need to do anything at the injection level.

So in the end you have a single option, inject: boolean. No need to enforce datadogMode usage, people can use it it's fine.

BenoitZugmeyer · 2025-11-05T10:08:41Z

developer-extension/src/common/packagesUrlConstants.ts

+export const CDN_RUM_URL = `${CDN_BASE_URL}/${CDN_VERSION}/datadog-rum.js`
+export const CDN_RUM_SLIM_URL = `${CDN_BASE_URL}/${CDN_VERSION}/datadog-rum-slim.js`
+export const CDN_LOGS_URL = `${CDN_BASE_URL}/${CDN_VERSION}/datadog-logs.js`


Looks like those constants aren't used

BenoitZugmeyer · 2025-11-05T10:10:08Z

developer-extension/src/content-scripts/main.ts

+function getRumBundleUrl(bundle: 'rum' | 'rum-slim', site?: string): string {
+  const region = getCdnRegion(site)
+  return `${CDN_BASE_URL}/${region}/${CDN_VERSION}/datadog-${bundle}.js`
+}
+
+function getLogsBundleUrl(site?: string) {
+  const region = getCdnRegion(site)
+  return `${CDN_BASE_URL}/${region}/${CDN_VERSION}/datadog-logs.js`
+}


💬 suggestion: ‏Just include us1 prod rum and logs. No need to worry about regions, staging, etc.

Add CDN injection for RUM and LOGS

3573f90

BeltranBulbarellaDD commented Sep 26, 2025

View reviewed changes

BeltranBulbarellaDD added 2 commits October 6, 2025 17:29

improved badgeStatus

4b6ee32

Merge branch 'main' into beltran.bulbarella/RUM-8780-2

19b2379

BeltranBulbarellaDD commented Oct 7, 2025

View reviewed changes

developer-extension/src/content-scripts/main.ts Show resolved Hide resolved

BeltranBulbarellaDD marked this pull request as ready for review October 7, 2025 08:34

BeltranBulbarellaDD requested a review from a team as a code owner October 7, 2025 08:34

Add allowedTrackingOrigins

f5f25cf

mormubis reviewed Oct 14, 2025

View reviewed changes

developer-extension/src/content-scripts/main.ts Outdated Show resolved Hide resolved

BeltranBulbarellaDD added 2 commits October 15, 2025 16:54

Merge branch 'main' into beltran.bulbarella/RUM-8780-2

cee62a6

removed app id and client token

0252280

BeltranBulbarellaDD requested review from mormubis and thomas-lebeau October 17, 2025 11:46

chatgpt-codex-connector bot reviewed Oct 30, 2025

View reviewed changes

BeltranBulbarellaDD added 3 commits November 4, 2025 10:45

reset inj variant when mode is disabled

7f5c5da

reset injection variant when mode is disabled

fb2fd7e

format and schemas

5e9f9ce

BenoitZugmeyer reviewed Nov 5, 2025

View reviewed changes

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

✨ [RUM-8780] Make developer extension capable of injecting the browser SDK #3877

✨ [RUM-8780] Make developer extension capable of injecting the browser SDK #3877

Uh oh!

BeltranBulbarellaDD commented Sep 26, 2025 •

edited

Loading

Uh oh!

datadog-datadog-prod-us1 bot commented Sep 26, 2025 •

edited

Loading

Uh oh!

BeltranBulbarellaDD Sep 26, 2025 •

edited

Loading

Uh oh!

cit-pr-commenter bot commented Oct 7, 2025 •

edited

Loading

Uh oh!

Uh oh!

Uh oh!

thomas-lebeau commented Oct 30, 2025

Uh oh!

chatgpt-codex-connector bot left a comment

Uh oh!

chatgpt-codex-connector bot Oct 30, 2025

Uh oh!

BenoitZugmeyer Nov 5, 2025

Uh oh!

BenoitZugmeyer Nov 5, 2025

Uh oh!

BenoitZugmeyer Nov 5, 2025

Uh oh!

BenoitZugmeyer Nov 5, 2025

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

5 participants

		injectionVariant: InjectionVariant
		sdkInjectionType: SdkInjectionType

✨ [RUM-8780] Make developer extension capable of injecting the browser SDK #3877

Are you sure you want to change the base?

✨ [RUM-8780] Make developer extension capable of injecting the browser SDK #3877

Uh oh!

Conversation

BeltranBulbarellaDD commented Sep 26, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Motivation

Changes

Test instructions

Checklist

Uh oh!

datadog-datadog-prod-us1 bot commented Sep 26, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

BeltranBulbarellaDD Sep 26, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

cit-pr-commenter bot commented Oct 7, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Bundles Sizes Evolution

Uh oh!

Uh oh!

Uh oh!

thomas-lebeau commented Oct 30, 2025

Uh oh!

chatgpt-codex-connector bot left a comment

Choose a reason for hiding this comment

💡 Codex Review

Uh oh!

chatgpt-codex-connector bot Oct 30, 2025

Choose a reason for hiding this comment

Uh oh!

BenoitZugmeyer Nov 5, 2025

Choose a reason for hiding this comment

Uh oh!

BenoitZugmeyer Nov 5, 2025

Choose a reason for hiding this comment

Uh oh!

BenoitZugmeyer Nov 5, 2025

Choose a reason for hiding this comment

Uh oh!

BenoitZugmeyer Nov 5, 2025

Choose a reason for hiding this comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

5 participants

BeltranBulbarellaDD commented Sep 26, 2025 •

edited

Loading

datadog-datadog-prod-us1 bot commented Sep 26, 2025 •

edited

Loading

BeltranBulbarellaDD Sep 26, 2025 •

edited

Loading

cit-pr-commenter bot commented Oct 7, 2025 •

edited

Loading