Fix default exports

Author: stellarhoof

CHANGELOG.md

@@ -1,3 +1,8 @@
+# 2.54.16
+
+- Add exports field to package.json
+- Fix default exports when library is being consumed from CommonJS. More info at https://esbuild.github.io/content-types/#default-interop
+
 # 2.54.15
 
 - Fix query builder imports

package.json

@@ -1,9 +1,18 @@
 {
   "name": "contexture-react",
-  "version": "2.54.15",
+  "version": "2.54.16",
   "description": "React components for building contexture interfaces",
   "type": "module",
-  "main": "dist/esm/index.js",
+  "exports": {
+    ".": {
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
+    },
+    "./*": {
+      "import": "./dist/esm/*",
+      "require": "./dist/cjs/*"
+    }
+  },
   "files": [
     "./dist"
   ],
@@ -46,6 +55,7 @@
   },
   "devDependencies": {
     "@date-io/moment": "^1.3.9",
+    "@flex-development/toggle-pkg-type": "^1.0.1",
     "@material-ui/core": "^4.3.3",
     "@material-ui/pickers": "^3.2.3",
     "@storybook/addon-actions": "^6.3.7",

scripts/build.js

@@ -1,6 +1,8 @@
 import fs from 'fs/promises'
 import glob from 'glob'
 import esbuild from 'esbuild'
+// https://github.com/flex-development/toggle-pkg-type#when-should-i-use-this
+import toggleTypeModule from '@flex-development/toggle-pkg-type'
 
 // Clear build directory since esbuild won't do it for us
 await fs.rm('dist', { force: true, recursive: true })
@@ -9,6 +11,23 @@ let entryPoints = glob.sync('src/**/*.js', {
   ignore: ['src/**/*.stories.*', 'src/**/stories/*'],
 })
 
+// Build project
+
+toggleTypeModule('off')
+
+await esbuild.build({
+  platform: 'browser',
+  format: 'cjs',
+  target: 'es2022',
+  outdir: 'dist/cjs',
+  loader: { '.js': 'jsx' },
+  entryPoints,
+})
+
+await fs.writeFile('./dist/cjs/package.json', '{ "type": "commonjs" }')
+
+toggleTypeModule('on')
+
 await esbuild.build({
   platform: 'browser',
   format: 'esm',

yarn.lock

@@ -1859,6 +1859,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@flex-development/toggle-pkg-type@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "@flex-development/toggle-pkg-type@npm:1.0.1"
+  bin:
+    toggle-pkg-type: dist/cli.mjs
+  checksum: 6f1a3e73d707e57a06c240ff8172c741275ed388407528eba2f70ba9dff62907ae0d5efe4544ee3a09994b397125efb1392350023fa83e44411bcab48835da1d
+  languageName: node
+  linkType: hard
+
 "@gar/promisify@npm:^1.0.1, @gar/promisify@npm:^1.1.3":
   version: 1.1.3
   resolution: "@gar/promisify@npm:1.1.3"
@@ -5960,6 +5969,7 @@ __metadata:
   resolution: "contexture-react@workspace:."
   dependencies:
     "@date-io/moment": ^1.3.9
+    "@flex-development/toggle-pkg-type": ^1.0.1
     "@material-ui/core": ^4.3.3
     "@material-ui/pickers": ^3.2.3
     "@storybook/addon-actions": ^6.3.7