migrate to tsup (again)

.github/workflows/release.yml

@@ -12,10 +12,10 @@ jobs:
       - name: Prepare repository
         run: git fetch --unshallow --tags
 
-      - name: Use Node.js 14.x
+      - name: Use Node.js 16.x
         uses: actions/setup-node@v1
         with:
-          node-version: 14.x
+          node-version: 16.x
 
       - name: Install dependencies
         run: yarn

package.json

@@ -6,14 +6,11 @@
     "type": "git",
     "url": "https://github.com/storybookjs/testing-library.git"
   },
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
   "license": "MIT",
   "scripts": {
-    "prebuild": "rimraf dist",
-    "build": "yarn build:esm && yarn build:cjs",
-    "build:esm": "tsc --project tsconfig.esm.json",
-    "build:cjs": "tsc --project tsconfig.cjs.json",
+    "build": "tsup",
     "prepack": "yarn build",
     "prerelease": "yarn build",
     "release": "auto shipit"
@@ -22,25 +19,26 @@
   "files": [
     "dist/**/*"
   ],
-  "types": "dist/types/index.d.ts",
+  "types": "dist/index.d.ts",
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "@storybook/client-logger": "future",
-    "@storybook/instrumenter": "future",
     "@testing-library/dom": "^8.3.0",
     "@testing-library/user-event": "^13.2.1",
     "ts-dedent": "^2.2.0"
   },
   "devDependencies": {
+    "@storybook/client-logger": "future",
+    "@storybook/instrumenter": "future",
     "@auto-it/first-time-contributor": "^10.37.6",
     "@auto-it/released": "^10.37.6",
     "@storybook/linter-config": "^3.1.2",
     "@types/react": "*",
     "auto": "^10.37.6",
-    "rimraf": "^3.0.2",
-    "typescript": "^4.4.3"
+    "util": "^0.12.5",
+    "tsup": "^6.7.0",
+    "typescript": "^5.0.4"
   },
   "auto": {
     "prereleaseBranches": [

src/index.ts

@@ -1,9 +1,12 @@
 import { once } from '@storybook/client-logger';
 import { instrument } from '@storybook/instrumenter';
 import * as domTestingLibrary from '@testing-library/dom';
-import _userEvent from '@testing-library/user-event';
+import _userEventObj from '@testing-library/user-event';
 import dedent from 'ts-dedent';
 
+// @ts-ignore (this is to ensure ESM compatibility)
+const _userEvent: typeof _userEventObj = (_userEventObj.default || _userEventObj);
+
 const testingLibrary = instrument(
   { ...domTestingLibrary },
   {

tsconfig.json

@@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "strict": true,
+    "target": "es2020",
+    "moduleResolution": "nodenext",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["src/*.ts"]
+}

tsup.config.ts

@@ -0,0 +1,24 @@
+import { defineConfig } from 'tsup';
+
+export default defineConfig(
+  {
+    clean: true,
+    entry: ['./src/index.ts'],
+    format: ['cjs', 'esm'],
+    esbuildOptions(options, context) {
+      Object.assign(options, {
+        platform: 'browser',
+        logLevel: 'error',
+        legalComments: 'none',
+        minifyWhitespace: false,
+        minifyIdentifiers: false,
+        minifySyntax: true,
+      })
+    },
+    shims: false,
+    dts: {
+      entry: ['./src/index.ts'],
+      resolve: true,
+    },
+  }
+);