RUM-12185: Support aliased import paths for local SVG discovery

[jonathanmos]

What does this PR do?

Adds support for resolving aliased local SVG imports during Session Replay asset discovery.

Supports TypeScript/JavaScript path mappings and babel-plugin-module-resolver, including .babelrc, function-form plugin configurations, and Windows paths. Includes regression coverage for the supported configurations.

Before

After

Motivation

What inspired you to submit this pull request?

Additional Notes

Anything else we should know when reviewing?

Review checklist (to be filled by reviewers)

• Feature or bugfix MUST have appropriate tests
• Make sure you discussed the feature or bugfix with the maintaining team in an Issue
• Make sure each commit and the PR mention the Issue number (cf the CONTRIBUTING doc)
• If this PR is auto-generated, please make sure also to manually update the code related to the change

[datadog-prod-us1-5]

🎉 All green!

🧪 All tests passed
❄️ No new flaky tests detected

🔄 Datadog auto-retried 5 jobs - 4 passed on retry

_{This comment will be updated automatically if new data arrives.
🔗 Commit SHA: ffa6d6f | Docs | Datadog PR Page | Give us feedback!}

[Copilot]

Pull request overview

Adds support for resolving aliased local .svg imports during Session Replay asset discovery, so ReactNativeSVG.buildSvgMap() can map SVG components even when imports use TS/JS path mappings or babel-plugin-module-resolver.

Changes:

• Introduces PathAliasResolver to resolve non-relative SVG import specifiers via babel-plugin-module-resolver and tsconfig.json/jsconfig.jsonpaths.
• Updates ReactNativeSVG.buildSvgMap() to use the resolver (and reset cached alias config between runs).
• Adds regression tests and a benchmark scenario exercising aliased SVG imports.

Reviewed changes

Copilot reviewed 7 out of 8 changed files in this pull request and generated 2 comments.

Show a summary per file

File	Description
yarn.lock	Adds lock entries for tsconfig-paths and babel-plugin-module-resolver (and transitive deps).
packages/react-native-babel-plugin/test/react-native-svg.test.ts	Adds coverage for alias resolution via tsconfig/jsconfig + babel-module-resolver, and precedence/fallback behavior.
packages/react-native-babel-plugin/src/libraries/react-native-svg/pathAliasResolver.ts	New resolver implementing alias lookup via Babel partial config + tsconfig-paths.
packages/react-native-babel-plugin/src/libraries/react-native-svg/index.ts	Wires alias resolution into buildSvgMap() via resolveImportSource().
packages/react-native-babel-plugin/package.json	Adds tsconfig-paths dependency and babel-plugin-module-resolver devDependency.
benchmarks/src/scenario/SessionReplay/component/Svg.tsx	Adds an aliased SVG import case (Group H) to the benchmark test screen.
benchmarks/package.json	Adds babel-plugin-module-resolver for the benchmark app.
benchmarks/babel.config.js	Configures module-resolver alias used by the benchmark aliased SVG case.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[cdn34dd]

We're adding new dependencies, make sure these are listed here: LICENSE-3rdparty.csv

[cdn34dd]

dd-sdk-reactnative/benchmarks/package.json

Line 55 in ffa6d6f

"babel-plugin-module-resolver": "5.0.2",

SInce the benchmark already uses this dependency, we should also use "5.0.2" here (remove the ^) as leaving it there could lead to duplicate dependencies. EX:. 5.0.2 and 5.0.3

[cdn34dd]

What about absolute paths ? (probably not common), but maybe computed paths should be handled, check the Metro example above ?

[cdn34dd]

I believe this may not work, if we have something like this:

alias: {
'@logo': './src/assets/logo.svg'
}

and then import it like so:

import Logo from '@logo';

There won't be an .svg in the import statement.

[cdn34dd]

What about those set in the metro resolver config, do we support them ?

//(...)
resolver: {extraNodeModules: {'@assets': path.resolve(__dirname,'src/assets')}}//(...)