Force node to use CJS to get around dependency import errors, and validate package types in CI

.github/workflows/build-test.yml

@@ -66,3 +66,6 @@ jobs:
         # Run the tests and print out the coverage information. In the future,
         # we could integrate with Codecov or something.
         run: pnpm run test:coverage
+
+      - name: Validate the build's packaging CJS and ESM compatibility
+        run: npx @arethetypeswrong/[email protected] --pack

package.json

@@ -21,25 +21,26 @@
   "files": [
     "dist"
   ],
-  "types": "./dist/index.d.ts",
-  "main": "dist/index.js",
+  "type": "commonjs",
+  "types": "./dist/cjs/index.d.ts",
+  "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "require": "./dist/index.js",
-      "import": "./dist/esm/index.js"
+      "types": "./dist/cjs/index.d.ts",
+      "module": "./dist/esm/index.js",
+      "default": "./dist/cjs/index.js"
     },
     "./icons": {
-      "types": "./dist/icons/index.d.ts",
-      "require": "./dist/icons/index.js",
-      "import": "./dist/esm/icons/index.js"
+      "types": "./dist/cjs/icons/index.d.ts",
+      "module": "./dist/esm/icons/index.js",
+      "default": "./dist/cjs/icons/index.js"
     }
   },
   "typesVersions": {
     "*": {
       "icons": [
-        "./dist/icons/index.d.ts"
+        "./dist/cjs/icons/index.d.ts"
       ],
       "*": [
         "*"

tsconfig.build.json

@@ -1,5 +1,8 @@
 {
   "extends": "./tsconfig.json",
   "include": ["./src"],
-  "exclude": ["./src/demo", "./src/**/__tests__"]
+  "exclude": ["./src/demo", "./src/**/__tests__"],
+  "compilerOptions": {
+    "outDir": "./dist/cjs"
+  }
 }