Preconstruct

.parcelrc

@@ -0,0 +1,9 @@
+{
+  "extends": "@parcel/config-default",
+  "transformers": {
+    "*.{js,mjs,jsx,cjs,ts,tsx}": [
+      "@parcel/transformer-js",
+      "@parcel/transformer-react-refresh-wrap"
+    ]
+  }
+}

babel.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  presets: [require.resolve("@babel/preset-typescript")],
+};

package.json

@@ -1,4 +1,5 @@
 {
+  "name": "use-context-menu-repo",
   "private": true,
   "scripts": {
     "clear": "npm run clear:parcel-cache & npm run clear:builds & npm run clear:node_modules",
@@ -7,18 +8,21 @@
     "clear:node_modules": "rm -rf ./node_modules && rm -rf ./packages/*/node_modules",
     "docs": "cd packages/use-context-menu-website && pnpm build",
     "lint": "eslint packages/**/*.{ts,tsx}",
-    "prerelease": "rm -rf ./.parcel-cache && pnpm -r run build",
+    "prerelease": "preconstruct build",
     "prettier": "prettier --write \"**/*.{css,html,js,json,jsx,ts,tsx}\"",
     "prettier:ci": "prettier --check \"**/*.{css,html,js,json,jsx,ts,tsx}\"",
     "typescript": "tsc --noEmit",
     "typescript:watch": "tsc --noEmit --watch"
   },
   "devDependencies": {
+    "@babel/preset-typescript": "^7.21.5",
+    "@parcel/config-default": "^2.8.3",
     "@parcel/core": "^2.8.3",
     "@parcel/packager-ts": "^2.8.3",
-    "@parcel/transformer-inline-string": "^2.8.3",
+    "@parcel/transformer-js": "^2.8.3",
+    "@parcel/transformer-react-refresh-wrap": "^2.8.3",
     "@parcel/transformer-typescript-types": "^2.8.3",
-    "@trivago/prettier-plugin-sort-imports": "^4.1.1",
+    "@trivago/prettier-plugin-sort-imports": "latest",
     "@types/jest": "^29.4.0",
     "@types/node": "^18.14.6",
     "@types/react": "^18.0.26",
@@ -29,8 +33,9 @@
     "@typescript-eslint/type-utils": "^5.57.0",
     "eslint": "^8.39.0",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "parcel": "^2.8.3",
+    "parcel": "^2.9.1",
     "path-browserify": "^1.0.0",
+    "@preconstruct/cli": "^2.6.4",
     "prettier": "latest",
     "process": "^0.11.10",
     "typescript": "^4.9.5"
@@ -39,5 +44,16 @@
   "workspaces": [
     "packages/use-context-menu",
     "packages/use-context-menu-website"
-  ]
+  ],
+  "preconstruct": {
+    "packages": [
+      "packages/use-context-menu"
+    ],
+    "exports": {
+      "importConditionDefaultExport": "default"
+    },
+    "___experimentalFlags_WILL_CHANGE_IN_PATCH": {
+      "importsConditions": true
+    }
+  }
 }

packages/use-context-menu-website/package.json

@@ -37,7 +37,7 @@
     "react-router-dom": "latest",
     "react-virtualized-auto-sizer": "latest",
     "sort-by": "latest",
-    "suspense": "^0.0.34",
+    "suspense": "latest",
     "use-context-menu": "workspace:^"
   }
 }

packages/use-context-menu/package.json

@@ -9,9 +9,21 @@
     "url": "git+https://github.com/bvaughn/use-context-menu.git"
   },
   "source": "src/index.ts",
-  "main": "dist/use-context-menu.js",
-  "module": "dist/use-context-menu.module.js",
-  "types": "dist/use-context-menu.d.ts",
+  "main": "dist/use-context-menu.cjs.js",
+  "module": "dist/use-context-menu.esm.js",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/use-context-menu.cjs.mjs",
+        "default": "./dist/use-context-menu.cjs.js"
+      },
+      "module": "./dist/use-context-menu.esm.js",
+      "import": "./dist/use-context-menu.cjs.mjs",
+      "default": "./dist/use-context-menu.cjs.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "types": "dist/use-context-menu.cjs.d.ts",
   "scripts": {
     "build": "parcel build",
     "test": "jest --config=jest.config.js",