Use correct file extensions for exported modules

Author: colinrotherham

.eslintignore

@@ -1,4 +1,4 @@
 jest.config.js
-.eslintrc.js
-rollup.config.mjs
+.eslintrc.cjs
+rollup.config.js
 dist

.eslintrc.js .eslintrc.cjs.eslintrc.js renamed to .eslintrc.cjs

@@ -1,4 +1,4 @@
-module.exports = {
+export default {
   collectCoverageFrom: ['<rootDir>/src/**/*.{js,mjs,ts,tsx}'],
   extensionsToTreatAsEsm: ['.jsx', '.ts', '.tsx'],
   setupFilesAfterEnv: ['<rootDir>/src/setupTests.ts'],

babel.config.js babel.config.cjsbabel.config.js renamed to babel.config.cjs

@@ -9,22 +9,23 @@
     "dist"
   ],
   "sideEffects": false,
+  "type": "module",
   "imports": {
     "#components/*": {
       "import": "./dist/esm/components/*",
       "require": "./dist/cjs/components/*"
     },
     "#components": {
       "import": "./dist/esm/components/index.js",
-      "require": "./dist/cjs/components/index.js"
+      "require": "./dist/cjs/components/index.cjs"
     },
     "#patterns/*": {
       "import": "./dist/esm/patterns/*",
       "require": "./dist/cjs/patterns/*"
     },
     "#patterns": {
       "import": "./dist/esm/patterns/index.js",
-      "require": "./dist/cjs/patterns/index.js"
+      "require": "./dist/cjs/patterns/index.cjs"
     },
     "#util/*": {
       "import": "./dist/esm/util/*",
@@ -39,13 +40,13 @@
       },
       "require": {
         "types": "./dist/cjs/index.d.ts",
-        "default": "./dist/cjs/index.js"
+        "default": "./dist/cjs/index.cjs"
       }
     },
     "./*": "./*",
     "./package.json": "./package.json"
   },
-  "main": "dist/cjs/index.js",
+  "main": "dist/cjs/index.cjs",
   "module": "dist/esm/index.js",
   "types": "dist/esm/index.d.ts",
   "scripts": {

jest.config.js

@@ -12,16 +12,25 @@ const { outDir } = tsBuildConfig.compilerOptions;
 const external = Object.keys(packageJson.peerDependencies);
 
 export default defineConfig(
-  /** @type {const} */ (['cjs', 'esm']).map(
+  /** @type {const} */ ([
+    {
+      entryFileNames: '[name].cjs',
+      format: 'cjs',
+    },
+    {
+      entryFileNames: '[name].js',
+      format: 'esm',
+    },
+  ]).map(
     /**
      * Rollup options for each module format
      */
-    (format) => ({
+    (options) => ({
       input: 'src/index.ts',
       output: [
         {
-          dir: join(outDir, format),
-          format,
+          ...options,
+          dir: join(outDir, options.format),
           preserveModules: true,
           preserveModulesRoot: 'src',
           sourcemap: true,
@@ -38,7 +47,7 @@ export default defineConfig(
         typescript({
           tsconfig: 'tsconfig.build.json',
           compilerOptions: {
-            outDir: join(outDir, format),
+            outDir: join(outDir, options.format),
           },
         }),
         preserveDirectives(),

package.json

@@ -11,7 +11,7 @@
     "./src/**/*.ts",
     "./src/**/*.tsx",
     "./stories/**/*.tsx",
-    "./*.config.js",
-    "./*.config.mjs"
+    "./*.config.cjs",
+    "./*.config.js"
   ]
 }