fix: export types and commonjs bundle (#821)

Author: ph-fritsche

build.js

@@ -1,23 +1,24 @@
 ;(async () => {
   const child = require('child_process')
-  const fs = require('fs')
   const {build} = require('esbuild')
 
   await build({
-    outdir: 'dist',
+    outfile: 'dist/index.mjs',
     format: 'esm',
     target: 'es6',
     bundle: true,
     external: ['@testing-library/dom'],
     entryPoints: ['src/index.ts'],
   })
 
-  fs.writeFileSync(
-    'dist/package.json',
-    JSON.stringify({
-      type: 'module',
-    }),
-  )
+  await build({
+    outfile: 'dist/index.cjs',
+    format: 'cjs',
+    target: 'node12',
+    bundle: true,
+    external: ['@testing-library/dom'],
+    entryPoints: ['src/index.ts'],
+  })
 
   child.execSync('yarn tsc -p tsconfig.build.json')
 })()

package.json

@@ -25,8 +25,15 @@
   "files": [
     "dist"
   ],
-  "main": "./dist/index.js",
-  "exports": "./dist/index.js",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
+  "exports": {
+    ".": {
+      "require": "./dist/index.cjs",
+      "default": "./dist/index.mjs"
+    }
+  },
+  "types": "./dist/types/index.d.ts",
   "scripts": {
     "build": "node build.js",
     "lint": "kcd-scripts lint",

tsconfig.build.json

@@ -2,10 +2,9 @@
   "extends": "./tsconfig.json",
   "include": ["./src"],
   "compilerOptions": {
-    "outFile": "dist/index.d.ts",
+    "outDir": "dist/types",
     "noEmit": false,
     "declaration": true,
-    "emitDeclarationOnly": true,
-    "isolatedModules": false
+    "emitDeclarationOnly": true
   }
 }