chore: add support for both cjs and esm builds

Author: bleadof

.eslintignore

@@ -0,0 +1 @@
+v20.19.6

.node-version

@@ -1,8 +1,10 @@
-import npsUtils from 'nps-utils'
+const npsUtils = require('nps-utils')
 
-const { series, rimraf, concurrent } = npsUtils
+const { series, rimraf } = npsUtils
 
-export default {
+const nps = (script) => `nps -c ./package-scripts.cjs ${script}`
+
+module.exports = {
   scripts: {
     test: {
       default: 'jest --coverage',
@@ -17,14 +19,14 @@ export default {
     },
     build: {
       description: 'delete the dist directory and run all builds',
-      default: series(rimraf('dist'), 'nps build.rollup'),
+      default: series(rimraf('dist'), nps('build.rollup')),
       rollup: {
         description: 'Run all rollup builds sequentially',
-        default: series.nps(
-          'build.rollup.es',
-          'build.rollup.cjs',
-          'build.rollup.umd.main',
-          'build.rollup.umd.min'
+        default: series(
+          nps('build.rollup.es'),
+          nps('build.rollup.cjs'),
+          nps('build.rollup.umd.main'),
+          nps('build.rollup.umd.min')
         ),
         es: {
           description: 'run the build with rollup (uses rollup.config.js)',
@@ -47,7 +49,7 @@ export default {
           }
         }
       },
-      andTest: series.nps('build', 'test.size')
+      andTest: series(nps('build'), nps('test.size'))
     },
     docs: {
       description: 'Generates table of contents in README',
@@ -65,7 +67,7 @@ export default {
     validate: {
       description:
         'This runs several scripts to make sure things look good before committing or on clean install',
-      default: series.nps('lint', 'build.andTest', 'test')
+      default: series(nps('lint'), nps('build.andTest'), nps('test'))
     },
     clean: {
       description: 'delete the dist directory',

package-scripts.js package-scripts.cjspackage-scripts.js renamed to package-scripts.cjs

@@ -2,16 +2,22 @@
   "name": "final-form-focus",
   "version": "2.0.0",
   "description": "Decorator that will attempt to apply focus to the first field with an error upon an attempted form submission in 🏁 Final Form",
-  "main": "dist/final-form-focus.cjs.js",
+  "main": "dist/final-form-focus.cjs",
   "jsnext:main": "dist/final-form-focus.es.js",
   "module": "dist/final-form-focus.es.js",
   "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/final-form-focus.es.js",
+      "require": "./dist/final-form-focus.cjs"
+    }
+  },
   "files": [
     "dist"
   ],
   "scripts": {
-    "start": "nps",
-    "test": "nps test",
+    "start": "nps -c ./package-scripts.cjs",
+    "test": "nps -c ./package-scripts.cjs test",
     "precommit": "lint-staged && npm start validate"
   },
   "author": "Erik Rasmussen <rasmussenerik@gmail.com> (http://github.com/erikras)",
@@ -41,21 +47,19 @@
     "@babel/preset-env": "^7.27.2",
     "@babel/preset-typescript": "^7.27.1",
     "@eslint/js": "^9.27.0",
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-commonjs": "^28.0.3",
+    "@rollup/plugin-node-resolve": "^16.0.1",
+    "@rollup/plugin-replace": "^6.0.2",
+    "@rollup/plugin-terser": "^0.4.4",
     "@types/jest": "^29.5.14",
     "@types/node": "^22.15.27",
     "@typescript-eslint/eslint-plugin": "^8.33.0",
     "@typescript-eslint/parser": "^8.33.0",
-    "babel-core": "^7.0.0-bridge.0",
-    "babel-eslint": "^10.1.0",
     "babel-jest": "^29.7.0",
     "bundlesize": "^0.18.2",
     "doctoc": "^2.2.1",
     "eslint": "^9.27.0",
-    "eslint-config-react-app": "^7.0.1",
-    "eslint-plugin-babel": "^5.3.1",
-    "eslint-plugin-import": "^2.31.0",
-    "eslint-plugin-jsx-a11y": "^6.10.2",
-    "eslint-plugin-react": "^7.37.5",
     "final-form": "^5.0.0",
     "husky": "^9.1.7",
     "jest": "^29.7.0",
@@ -66,10 +70,6 @@
     "prettier": "^3.5.3",
     "prettier-eslint-cli": "^8.0.1",
     "rollup": "^4.41.1",
-    "rollup-plugin-babel": "^4.4.0",
-    "rollup-plugin-commonjs": "^10.1.0",
-    "rollup-plugin-node-resolve": "^5.2.0",
-    "rollup-plugin-replace": "^2.2.0",
     "rollup-plugin-uglify": "^6.0.4",
     "typescript": "^5.8.3"
   },
@@ -92,7 +92,7 @@
       "threshold": "1.2kB"
     },
     {
-      "path": "dist/final-form-focus.cjs.js",
+      "path": "dist/final-form-focus.cjs",
       "threshold": "1.2kB"
     }
   ]

package.json

@@ -1,8 +1,8 @@
-import resolve from 'rollup-plugin-node-resolve'
-import babel from 'rollup-plugin-babel'
-import commonjs from 'rollup-plugin-commonjs'
+import resolve from '@rollup/plugin-node-resolve'
+import babel from '@rollup/plugin-babel'
+import commonjs from '@rollup/plugin-commonjs'
 import { uglify } from 'rollup-plugin-uglify'
-import replace from 'rollup-plugin-replace'
+import replace from '@rollup/plugin-replace'
 import { createRequire } from 'module'
 const require = createRequire(import.meta.url)
 const pkg = require('./package.json')
@@ -27,7 +27,7 @@ if (es) {
     output = { file: `dist/final-form-focus.umd.js`, format: 'umd' }
   }
 } else if (cjs) {
-  output = { file: `dist/final-form-focus.cjs.js`, format: 'cjs' }
+  output = { file: `dist/final-form-focus.cjs`, format: 'cjs' }
 } else if (format) {
   throw new Error(`invalid format specified: "${format}".`)
 } else {
@@ -58,7 +58,7 @@ export default {
     babel({
       exclude: 'node_modules/**',
       babelrc: false,
-      runtimeHelpers: true,
+      babelHelpers: 'runtime',
       extensions: ['.js', '.jsx', '.ts', '.tsx'],
       presets: [
         [