improvements

babel.config.js

@@ -100,7 +100,7 @@ module.exports = function getBabelConfig(api) {
     // Make sure the aliasing happens before we resolve the imports to the actual file.
     // This plugin will be enabled by overrides in certain environments.
     ['babel-plugin-module-resolver', false],
-    [importResolverPlugin, { outExtension: '.js' }],
+    [importResolverPlugin, useESModules ? { outExtension: '.js' } : false],
   ];
 
   if (process.env.NODE_ENV === 'production') {

package.json

@@ -120,11 +120,13 @@
     "@octokit/rest": "^20.1.1",
     "@pigment-css/react": "0.0.20",
     "@playwright/test": "1.46.0",
+    "@types/babel__core": "^7.20.5",
     "@types/fs-extra": "^11.0.4",
     "@types/lodash": "^4.17.7",
     "@types/mocha": "^10.0.7",
     "@types/node": "^18.19.44",
     "@types/react": "^18.3.3",
+    "@types/resolve": "^1.20.6",
     "@types/yargs": "^17.0.33",
     "@typescript-eslint/eslint-plugin": "^7.16.1",
     "@typescript-eslint/parser": "^7.16.1",

scripts/babelPluginResolveRelativeImports.js

@@ -1,6 +1,20 @@
+/// <reference path="./resolve.d.ts" />
+// @ts-check
+
 const nodePath = require('path');
 const resolve = require('resolve/sync');
 
+/**
+ *
+ * @param {string} absolutePath
+ * @param {string} relativeTo
+ * @returns {string}
+ */
+function toRelativeImportSpecifier(absolutePath, relativeTo) {
+  const relative = nodePath.posix.relative(relativeTo, absolutePath);
+  return relative.startsWith('.') ? relative : `./${relative}`;
+}
+
 /**
  * @typedef {import('@babel/core')} babel
  */
@@ -19,8 +33,20 @@ module.exports = function plugin({ types: t }, { outExtension = '.js' }) {
   const cache = new Map();
   return {
     visitor: {
-      ImportDeclaration(path, state) {
-        const source = path.get('source');
+      ImportOrExportDeclaration(path, state) {
+        if (path.isExportDefaultDeclaration()) {
+          return;
+        }
+
+        const source =
+          /** @type {babel.NodePath<babel.types.StringLiteral | null | undefined> } */ (
+            path.get('source')
+          );
+
+        if (!source.node) {
+          return;
+        }
+
         const importedPath = source.node.value;
 
         if (!importedPath.startsWith('.')) {
@@ -51,7 +77,7 @@ module.exports = function plugin({ types: t }, { outExtension = '.js' }) {
             nodePath.basename(resolvedPath, nodePath.extname(resolvedPath)) + outExtension,
           );
           // get relative path (posix style, because will be used as an import)
-          resolvedPath = nodePath.posix.relative(dir, resolvedPath);
+          resolvedPath = toRelativeImportSpecifier(resolvedPath, dir);
           cache.set(absoluteImportPath, resolvedPath);
         }
 

scripts/resolve.d.ts

@@ -0,0 +1,6 @@
+declare module 'resolve/sync' {
+  import { Opts } from 'resolve';
+
+  function resolve(id: string, options?: Opts): string;
+  export = resolve;
+}