[react-devtools-cdt-mcp] Make it esm-only package (#36973)
The package was CJS-only, now adding basic ESM package exports to make sure it works there as well.
Ruslan Lesiutin committed
Jul 16, 2026 at 20:00 UTC
172742b419bad2a79ac375c0d5ee15c7ac66bff2
7 files changed
+22
-20
packages/react-devtools-cdt-mcp/e2e/package.json
new
+3
@@ -0,0 +1,3 @@
1
+{
2
+ "type": "commonjs"
3
+}
packages/react-devtools-cdt-mcp/index.js
deleted
-3
@@ -1,3 +0,0 @@
1
-'use strict';
2
-
3
-module.exports = require('./dist/index.js');
packages/react-devtools-cdt-mcp/package.json
+11
-4
@@ -3,16 +3,23 @@
3
"version": "0.0.0",
4
"description": "Integration of React tools with chrome-devtools-mcp",
5
"license": "MIT",
6
- "main": "index.js",
6
+ "type": "module",
7
+ "exports": {
8
+ ".": "./dist/index.js",
9
+ "./register": "./dist/register.js",
10
+ "./package.json": "./package.json"
11
+ },
12
+ "sideEffects": [
13
+ "./src/register.js",
14
+ "./dist/register.js"
15
+ ],
16
"repository": {
17
"type": "git",
18
"url": "https://github.com/facebook/react.git",
19
"directory": "packages/react-devtools-cdt-mcp"
20
},
21
"files": [
13
- "dist",
14
- "index.js",
15
- "register.js"
22
+ "dist"
23
],
24
"scripts": {
25
"build": "cross-env NODE_ENV=production rollup -c rollup.config.cjs",
packages/react-devtools-cdt-mcp/register.js
deleted
-3
@@ -1,3 +0,0 @@
1
-'use strict';
2
-
3
-module.exports = require('./dist/register.js');
packages/react-devtools-cdt-mcp/rollup.config.cjs
+5
-7
@@ -32,14 +32,12 @@ const plugins = [
32
}),
33
];
34
35
-function createBundle(input, file) {
35
+function createBundle(input, name) {
36
return {
37
input,
38
- // CommonJS bundles for the npm package (referenced by root stubs).
38
output: {
40
- file,
41
- format: 'cjs',
42
- exports: 'named',
39
+ file: `dist/${name}.js`,
40
+ format: 'es',
41
},
42
treeshake: {moduleSideEffects: false},
43
plugins,
@@ -47,6 +45,6 @@ function createBundle(input, file) {
45
}
46
47
module.exports = [
50
- createBundle('src/index.js', 'dist/index.js'),
51
- createBundle('src/register.js', 'dist/register.js'),
48
+ createBundle('src/index.js', 'index'),
49
+ createBundle('src/register.js', 'register'),
50
];
packages/react-devtools-cdt-mcp/src/index.js
+1
-1
@@ -7,4 +7,4 @@
7
* @flow
8
*/
9
10
-export * from './DevToolsCdtMcp';
10
+export * from './DevToolsCdtMcp.js';
packages/react-devtools-cdt-mcp/src/register.js
+2
-2
@@ -7,7 +7,7 @@
7
* @flow
8
*/
9
10
-import {register} from './DevToolsCdtMcp';
10
+import {register} from './DevToolsCdtMcp.js';
11
12
// Side effect: install the facade (before React) and register the React tool
13
// group for chrome-devtools-mcp. Import this module before React.
@@ -26,4 +26,4 @@ if (
26
);
27
}
28
29
-export * from './DevToolsCdtMcp';
29
+export * from './DevToolsCdtMcp.js';