react router integration

Author: Miz85

packages/plugins/rum/src/index.ts

@@ -37,6 +37,35 @@ export const getPlugins: GetPlugins<OptionsWithRum> = (
                     await uploadSourcemaps(rumOptions as RumOptionsWithSourcemaps, context, log);
                 }
             },
+            transform(code) {
+                let updatedCode = code;
+                const createBrowserRouterImportRegExp = new RegExp(
+                    /(import \{.*)createBrowserRouter[,]?(.*\} from "react-router-dom")/g,
+                );
+                const hasCreateBrowserRouterImport =
+                    code.match(createBrowserRouterImportRegExp) !== null;
+
+                if (hasCreateBrowserRouterImport) {
+                    // Remove the import of createBrowserRouter
+                    updatedCode = updatedCode.replace(
+                        createBrowserRouterImportRegExp,
+                        (_, p1, p2) => {
+                            return `${p1}${p2}`;
+                        },
+                    );
+
+                    // replace all occurences of `createBrowserRouter` with `DD_RUM.createBrowserRouter`
+                    updatedCode = updatedCode.replace(
+                        new RegExp(/createBrowserRouter/g),
+                        'DD_RUM.createBrowserRouter',
+                    );
+                }
+
+                return updatedCode;
+            },
+            transformInclude(id) {
+                return id.match(new RegExp(/.*\.(js|jsx|ts|tsx)$/)) !== null;
+            },
         },
     ];
 };

packages/published/esbuild-plugin/package.json

@@ -21,7 +21,12 @@
     "main": "./dist/src/index.js",
     "module": "./dist/src/index.mjs",
     "exports": {
-        ".": "./src/index.ts"
+        "./package.json": "./package.json",
+        ".": {
+            "import": "./dist/src/index.mjs",
+            "require": "./dist/src/index.js",
+            "types": "./dist/src/index.d.ts"
+        }
     },
     "publishConfig": {
         "access": "public",

packages/published/rollup-plugin/package.json

@@ -21,7 +21,12 @@
     "main": "./dist/src/index.js",
     "module": "./dist/src/index.mjs",
     "exports": {
-        ".": "./src/index.ts"
+        "./package.json": "./package.json",
+        ".": {
+            "import": "./dist/src/index.mjs",
+            "require": "./dist/src/index.js",
+            "types": "./dist/src/index.d.ts"
+        }
     },
     "publishConfig": {
         "access": "public",

packages/published/rspack-plugin/package.json

@@ -21,7 +21,12 @@
     "main": "./dist/src/index.js",
     "module": "./dist/src/index.mjs",
     "exports": {
-        ".": "./src/index.ts"
+        "./package.json": "./package.json",
+        ".": {
+            "import": "./dist/src/index.mjs",
+            "require": "./dist/src/index.js",
+            "types": "./dist/src/index.d.ts"
+        }
     },
     "publishConfig": {
         "access": "public",

packages/published/vite-plugin/package.json

@@ -21,7 +21,12 @@
     "main": "./dist/src/index.js",
     "module": "./dist/src/index.mjs",
     "exports": {
-        ".": "./src/index.ts"
+        "./package.json": "./package.json",
+        ".": {
+            "import": "./dist/src/index.mjs",
+            "require": "./dist/src/index.js",
+            "types": "./dist/src/index.d.ts"
+        }
     },
     "publishConfig": {
         "access": "public",

packages/published/webpack-plugin/package.json

@@ -21,7 +21,12 @@
     "main": "./dist/src/index.js",
     "module": "./dist/src/index.mjs",
     "exports": {
-        ".": "./src/index.ts"
+        "./package.json": "./package.json",
+        ".": {
+            "import": "./dist/src/index.mjs",
+            "require": "./dist/src/index.js",
+            "types": "./dist/src/index.d.ts"
+        }
     },
     "publishConfig": {
         "access": "public",