feat: convert to dual CJS/ESM package, add history to dependencies

Author: jedwards1211

.circleci/config.yml

@@ -4,7 +4,7 @@ version: 2.1
 jobs:
   build:
     docker:
-      - image: cimg/node:20.3.0
+      - image: cimg/node:20.10.0
 
     steps:
       - checkout

.vscode/launch.json

@@ -0,0 +1,13 @@
+{
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "name": "test:debug <file>",
+      "port": 9229,
+      "request": "attach",
+      "skipFiles": ["<node_internals>/**"],
+      "type": "node",
+      "preLaunchTask": "test:debug <file>"
+    }
+  ]
+}

.vscode/tasks.json

@@ -0,0 +1,59 @@
+{
+  "version": "2.0.0",
+  "tasks": [
+    {
+      "type": "shell",
+      "options": {
+        "shell": {
+          "executable": "bash",
+          "args": ["-c", "-l"]
+        }
+      },
+      "command": "pnpm",
+      "isBackground": false,
+      "group": "test",
+      "presentation": {
+        "panel": "dedicated",
+        "clear": true
+      },
+      "label": "test <file>",
+      "args": ["tc", "test", "${file}"]
+    },
+    {
+      "type": "shell",
+      "options": {
+        "shell": {
+          "executable": "bash",
+          "args": ["-c", "-l"]
+        }
+      },
+      "command": "pnpm",
+      "isBackground": false,
+      "group": "test",
+      "presentation": {
+        "panel": "dedicated",
+        "clear": true
+      },
+      "label": "test:watch <file>",
+      "args": ["tc", "test", "--watch", "${file}"]
+    },
+    {
+      "type": "shell",
+      "options": {
+        "shell": {
+          "executable": "bash",
+          "args": ["-c", "-l"]
+        }
+      },
+      "command": "pnpm",
+      "isBackground": false,
+      "group": "test",
+      "presentation": {
+        "panel": "dedicated",
+        "clear": true
+      },
+      "label": "test:debug <file>",
+      "args": ["tc", "test", "-n", "inspect-brk", "${file}"]
+    }
+  ]
+}

package.json

@@ -34,43 +34,45 @@
   },
   "homepage": "https://github.com/jcoreio/react-router-drilldown#readme",
   "devDependencies": {
+    "@babel/core": "^7.24.4",
     "@babel/plugin-syntax-flow": "^7.14.5",
     "@babel/plugin-transform-react-jsx": "^7.14.9",
-    "@babel/polyfill": "^7.12.1",
-    "@babel/preset-env": "^7.24.0",
-    "@babel/preset-react": "^7.23.3",
-    "@babel/preset-typescript": "^7.23.3",
-    "@jcoreio/toolchain": "^3.4.0",
-    "@jcoreio/toolchain-circle": "^3.4.0",
-    "@jcoreio/toolchain-esnext": "^3.4.0",
-    "@jcoreio/toolchain-flow": "^3.4.0",
-    "@jcoreio/toolchain-mocha": "^3.4.0",
-    "@jcoreio/toolchain-react": "^3.4.0",
-    "@jcoreio/toolchain-semantic-release": "^3.4.0",
-    "@jcoreio/toolchain-typescript": "^3.4.0",
+    "@babel/preset-env": "^7.24.4",
+    "@babel/preset-react": "^7.24.1",
+    "@babel/preset-typescript": "^7.24.1",
+    "@jcoreio/eslint-plugin-implicit-dependencies": "^1.1.1",
+    "@jcoreio/toolchain": "^3.10.3",
+    "@jcoreio/toolchain-circle": "^3.10.3",
+    "@jcoreio/toolchain-esnext": "^3.10.3",
+    "@jcoreio/toolchain-flow": "^3.10.3",
+    "@jcoreio/toolchain-mocha": "^3.10.3",
+    "@jcoreio/toolchain-react": "^3.10.3",
+    "@jcoreio/toolchain-semantic-release": "^3.10.3",
+    "@jcoreio/toolchain-typescript": "^3.10.3",
     "@material-ui/core": "^3.9.3",
     "@material-ui/icons": "^3.0.2",
     "@testing-library/react": "^14.2.1",
-    "@types/chai": "^4.0.0",
+    "@types/chai": "^4.3.5",
     "@types/mocha": "^10.0.6",
     "@types/react": "^18.0.0",
     "@types/react-router-dom": "^5.3.3",
     "@types/warning": "^3.0.3",
-    "@typescript-eslint/eslint-plugin": "^5.60.0",
-    "@typescript-eslint/parser": "^5.60.0",
-    "babel-loader": "^8.0.5",
+    "@typescript-eslint/eslint-plugin": "^7.6.0",
+    "@typescript-eslint/parser": "^7.6.0",
+    "babel-loader": "^9.1.3",
     "chai": "^4.3.7",
     "copy": "^0.3.2",
+    "core-js": "^3.36.1",
     "cross-env": "^5.2.0",
     "css-loader": "^0.28.4",
-    "eslint": "^8.43.0",
+    "eslint": "^8.56.0",
     "eslint-config-prettier": "^3.3.0",
     "eslint-plugin-flowtype": "^8.0.3",
+    "eslint-plugin-no-only-tests": "^3.1.0",
     "eslint-plugin-react": "^7.32.2",
     "flow-bin": "^0.92.0",
     "gh-pages": "^2.0.1",
     "global-jsdom": "^9.0.1",
-    "history": "^4.10.1",
     "jsdom": "^22.1.0",
     "lodash.size": "^4.2.0",
     "mocha": "^10.2.0",
@@ -84,30 +86,33 @@
     "sinon": "^1.17.6",
     "style-loader": "^0.18.2",
     "typescript": "^5.1.0",
-    "webpack": "^5.90.3",
+    "webpack": "^5.91.0",
     "webpack-cli": "^5.1.4",
-    "webpack-dev-server": "^5.0.2"
+    "webpack-dev-server": "^5.0.4"
   },
   "dependencies": {
     "@babel/runtime": "^7.18.6",
     "@types/history": "^4.7.11",
     "@types/inline-style-prefixer": "^5.0.3",
     "@types/react-router": "^5.1.20",
+    "history": "^4.10.1",
     "inline-style-prefixer": "^2.0.5",
     "prop-types": "^15.6.0",
-    "react-view-slider": "^4.6.0",
+    "react-view-slider": "^4.6.1",
     "warning": "^4.0.3"
   },
   "peerDependencies": {
     "react": "^16.8.0",
     "react-router": "^4.0.0 || ^5.0.0"
   },
   "main": "dist/index.js",
+  "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
   "exports": {
     "./package.json": "./package.json",
     ".": {
       "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
       "default": "./dist/index.js"
     }
   },