[module-detection] DataDog/browser-sdk

[0xdevalias]

This relates to the 'module-detection' feature described in the following issue:

• Module detection #41

Overview

• https://github.com/DataDog/browser-sdk

  • Datadog Browser SDK

  • Collect and send browser data to Datadog.

Code

Unminifying this source (Ref), module-15300.js:

Note: Not including the unminified examples here currently as the file is quite large

Searching for some of the symbols from module-15300.js on GitHub code search:

• https://github.com/search?q=%22PAGEHIDE%22+%22FEATURE_FLAGS%22+%22RESOURCE_PAGE_STATES%22+%22COLLECT_FLUSH_REASON%22&type=code
• https://github.com/search?q=%22%3F%3Afile%7Chttps%3F%7Cblob%7Cchrome-extension%7Cnative%7Ceval%7Cwebpack%7Csnippet%7C%3Canonymous%3E%22&type=code

Of those results, this looks the most promising:

• https://github.com/DataDog/browser-sdk/blob/8e1fce96b4b7f098140a15e9631004e1ba2405ac/packages/core/src/tools/experimentalFeatures.ts#L14-L17
• https://github.com/DataDog/browser-sdk/blob/8e1fce96b4b7f098140a15e9631004e1ba2405ac/packages/core/src/domain/error/computeStackTrace.ts#L59

---

Using the madge CLI/lib that I mentioned in another issue (Ref), I was able to automatically find/generate a graph of all of the module dependencies related to this.

I narrowed down on this by first creating a larger image of all the dependencies in a chunk/etc, finding something that looked like a lib like this, then running it again on that module.

Note also that I haven't manually checked through all of the modules mentioned here yet.

.madgerc

// See: https://github.com/pahen/madge#configuration
{
  "fileExtensions": ["js"],
  "detectiveOptions": {
    "es6": {
      "mixedImports": true,
      "skipTypeImports": true
    },
    "ts": {
      "mixedImports": true,
      "skipTypeImports": true
    }
  }
}

⇒ npx madge --image 15300.svg stage3-unminified/pages/_app/module-15300.js

(blue has dependencies, green doesn't)

madge --json output

⇒ npm run-script madge:json stage3-unminified/pages/_app/module-15300.js

> chatgpt-source-watch@0.0.1 madge:json
> f() { MODULE_PATH="$1"; npx madge --json "$MODULE_PATH"; }; f stage3-unminified/pages/_app/module-15300.js

{
  "module-15300.js": [
    "module-44675.js",
    "module-49406.js",
    "module-53596.js",
    "module-66816.js"
  ],
  "module-39730.js": [],
  "module-44675.js": [],
  "module-49406.js": [
    "module-39730.js"
  ],
  "module-53596.js": [
    "module-39730.js"
  ],
  "module-66816.js": []
}