chore: move to native ESM during dev + jsdoc TS (#20)

Author: kentcdodds

.github/workflows/validate.yml

@@ -16,7 +16,7 @@ jobs:
     if: ${{ !contains(github.head_ref, 'all-contributors') }}
     strategy:
       matrix:
-        node: [12, 14, 15]
+        node: [12, 14]
     runs-on: ubuntu-latest
     steps:
       - name: 🛑 Cancel Previous Runs

.huskyrc.js

@@ -0,0 +1 @@
+export * from '../dist/client'

client.d.ts

@@ -0,0 +1 @@
+module.exports = require('../dist/client')

client.js

@@ -0,0 +1,5 @@
+{
+  "type": "commonjs",
+  "main": "./index.js",
+  "types": "./index.d.ts"
+}

client/index.d.ts

@@ -0,0 +1,13 @@
+import fs from 'fs'
+import url from 'url'
+import path from 'path'
+
+const __dirname = path.dirname(url.fileURLToPath(import.meta.url))
+const pkgPath = path.join(__dirname, '../dist/package.json')
+
+const cjsPkgInfo = {
+  type: 'commonjs',
+  main: './index.js',
+  types: './index.d.ts',
+}
+fs.writeFileSync(pkgPath, JSON.stringify(cjsPkgInfo))

client/index.js

@@ -4,6 +4,7 @@
   "description": "Compile and bundle your MDX files and their dependencies. FAST.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
+  "type": "module",
   "keywords": [
     "mdx",
     "bundler",
@@ -27,44 +28,45 @@
   "homepage": "https://github.com/kentcdodds/mdx-bundler#readme",
   "files": [
     "dist",
-    "client.js",
-    "client.d.ts"
+    "client"
   ],
   "scripts": {
     "build": "kcd-scripts build",
+    "postbuild": "node ./other/cjs-ify.js",
     "lint": "kcd-scripts lint",
     "setup": "npm install && npm run validate -s",
-    "test": "kcd-scripts test",
-    "test:update": "npm test -- --updateSnapshot --coverage",
+    "test": "uvu -i setup-tests.js src/__tests__",
     "typecheck": "kcd-scripts typecheck",
     "validate": "kcd-scripts validate"
   },
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@esbuild-plugins/node-resolve": "0.0.15",
+    "@esbuild-plugins/node-resolve": "0.1.4",
     "@fal-works/esbuild-plugin-global-externals": "^2.1.1",
-    "esbuild": "^0.10.0",
+    "esbuild": "^0.11.6",
     "gray-matter": "^4.0.2",
+    "jsdom": "^16.5.2",
     "remark-frontmatter": "^3.0.0",
-    "remark-mdx-frontmatter": "^1.0.0",
+    "remark-mdx-frontmatter": "^1.0.1",
+    "uvu": "^0.5.1",
     "xdm": "^1.6.0"
   },
   "devDependencies": {
-    "@testing-library/react": "^11.2.5",
-    "@types/jest": "^26.0.20",
+    "@testing-library/react": "^11.2.6",
+    "@types/jsdom": "^16.2.10",
     "@types/react": "^17.0.3",
     "@types/react-dom": "^17.0.3",
-    "jest-environment-jsdom": "^26.6.2",
-    "jest-module-field-resolver": "0.0.1",
-    "kcd-scripts": "^8.1.0",
+    "cross-env": "^7.0.3",
+    "kcd-scripts": "^8.2.1",
     "left-pad": "^1.3.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "typescript": "^4.2.3"
+    "typescript": "^4.2.4"
   },
   "eslintConfig": {
     "extends": "./node_modules/kcd-scripts/eslint.js",
     "rules": {
+      "import/extensions": "off",
       "@typescript-eslint/no-unsafe-assignment": "off"
     }
   },