Add JSX support.

package.json

@@ -1,6 +1,6 @@
 {
   "name": "babel-plugin-explicit-exports-references",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "Transforms all internal references to a module's exports such that each reference starts with `module.exports` instead of directly referencing an internal name. This enables easy mocking of specific (exported) functions in Jest with Babel/TypeScript, even when the mocked functions call each other in the same module.",
   "keywords": [
     "babel",
@@ -42,7 +42,7 @@
     "/README.md"
   ],
   "scripts": {
-    "build": "npm run clean && tsc --project tsconfig.types.json && NODE_ENV=production webpack --config-name main",
+    "build": "npm run clean && tsc --project tsconfig.build.json",
     "check-types": "rm -f npm.pipe; touch npm.pipe; command -v unbuffer >/dev/null; X=$?; [ $X -eq 0 ] && unbuffer tsc --project tsconfig.check-types.json >> npm.pipe; Y=$?; [ $Y -eq 0 ] && echo >> npm.pipe; unbuffer eslint --parser-options=project:tsconfig.check-types.json src >> npm.pipe; Z=$?; [ $X -ne 0 ] && tsc --project tsconfig.check-types.json >> npm.pipe && eslint --parser-options=project:tsconfig.check-types.json src >> npm.pipe; W=$?; cat npm.pipe | less -R -FX; rm npm.pipe; [ $W -eq 0 ] && [ $X -eq 1 ] || [ $X -eq 0 ] && [ $Y -eq 0 ] && [ $Z -eq 0 ]",
     "clean": "rm -rf dist npm.pipe coverage external-scripts/bin",
     "fixup": "npm run check-types && npm run test && npx npm-force-resolutions && npx Xunnamius/sort-package-json && npm audit",
@@ -65,6 +65,7 @@
     "@babel/plugin-proposal-function-bind": "^7.18.9",
     "@babel/plugin-syntax-module-string-names": "^7.12.13",
     "@babel/preset-env": "^7.20.2",
+    "@babel/preset-react": "^7.24.7",
     "@babel/preset-typescript": "^7.18.6",
     "@types/babel__core": "^7.1.20",
     "@types/babel-types": "^7.0.11",

src/index.ts

@@ -1,9 +1,9 @@
-import { name as pkgName } from '../package.json';
 import { NodePath, PluginObj, PluginPass } from '@babel/core';
 import debugFactory from 'debug';
 import * as util from '@babel/types';
 import template from '@babel/template';
 
+const pkgName = 'babel-plugin-explicit-exports-references';
 const debug = debugFactory(`${pkgName}:index`);
 let globalScope: NodePath['scope'];
 
@@ -65,7 +65,18 @@ function updateExportReferences(
       return;
     }
 
-    if (referencePath.isIdentifier()) {
+    if (
+      referencePath.isJSXIdentifier() ||
+      referencePath.parentPath?.isJSXOpeningElement()
+    ) {
+      dbg(`[${prefix}] transforming type "JSX identifier"`);
+      const jsxElement = template.expression.ast(
+        `<module.exports.${mode == 'default' ? mode : exportedName} />`,
+        { plugins: ['jsx'] }
+      ) as util.JSXElement;
+      const jsxMemberExpression = jsxElement.openingElement.name;
+      referencePath.replaceWith(jsxMemberExpression);
+    } else if (referencePath.isIdentifier()) {
       dbg(`[${prefix}] transforming type "identifier"`);
       referencePath.replaceWith(
         template.expression.ast`module.exports.${mode == 'default' ? mode : exportedName}`

test/fixtures/transforms-jsx/code.tsx

@@ -0,0 +1,2 @@
+export const Component = () => 'Hello World!';
+export const OtherComponent = () => <Component />;

test/fixtures/transforms-jsx/output.mjs

@@ -0,0 +1,3 @@
+export const Component = () => 'Hello World!';
+export const OtherComponent = () =>
+  /*#__PURE__*/ React.createElement(module.exports.Component, null);

test/unit-index.test.ts

@@ -18,6 +18,7 @@ pluginTester({
           targets: 'maintained node versions'
         }
       ],
+      '@babel/preset-react',
       ['@babel/preset-typescript', { allowDeclareFields: true }]
     ]
   }

tsconfig.types.json → tsconfig.build.json

@@ -2,13 +2,14 @@
   "extends": "./tsconfig.json",
   "include": ["types/**/*.ts*", "lib/**/*.ts*", "src/**/*.ts*"],
   "compilerOptions": {
-    "outDir": "dist/types",
+    "outDir": "dist",
     "declaration": true,
     "isolatedModules": false,
+    "module": "commonjs",
     "noEmit": false,
     "checkJs": false,
     "allowJs": false,
-    "emitDeclarationOnly": true,
-    "rootDir": "./"
+    "emitDeclarationOnly": false,
+    "rootDir": "./src"
   }
 }

tsconfig.json

@@ -4,8 +4,7 @@
     "module": "esnext",
     "allowJs": true,
     "checkJs": false,
-    // ? Only for Next.js
-    // "jsx": "preserve",
+    "jsx": "preserve",
     "declaration": true,
     "isolatedModules": true,
     "strict": true,