[core] Fix entry points of ESM bundles (#4792)

mantinedev · Sep 24, 2023 · db6f0e2 · db6f0e2
1 parent d66c11c
commit db6f0e2
Show file tree

Hide file tree

Showing 22 changed files with 208 additions and 78 deletions.
diff --git a/configuration/rollup/create-package-config.ts b/configuration/rollup/create-package-config.ts
@@ -97,6 +97,8 @@ export default async function createPackageConfig(config: PkgConfigInput): Promi
   if (config.format === 'es') {
     output.dir = path.resolve(config.basePath, 'esm');
     output.preserveModules = true;
+    // Output ESM as .mjs files
+    output.entryFileNames = '[name].mjs';
   }
 
   if (config.format === 'cjs') {

diff --git a/scripts/utils/generate-dts.ts b/scripts/utils/generate-dts.ts
@@ -10,5 +10,11 @@ export default async function generateDts(packagePath: string) {
 
   const files = await fg(['lib/**/*.js'], { cwd: packagePath });
 
+  // Duplicate the type definitions for ESM
+  await fs.copy(
+    path.join(packagePath, 'lib/index.d.ts'),
+    path.join(packagePath, 'lib/index.d.mts')
+  );
+
   return Promise.all(files.map((file) => fs.remove(path.join(packagePath, file))));
 }
diff --git a/src/mantine-carousel/package.json b/src/mantine-carousel/package.json
@@ -2,13 +2,19 @@
   "name": "@mantine/carousel",
   "description": "Embla based carousel",
   "version": "7.0.0",
+  "main": "./cjs/index.js",
   "types": "./lib/index.d.ts",
-  "module": "./esm/index.js",
+  "module": "./esm/index.mjs",
   "exports": {
     ".": {
-      "import": "./esm/index.js",
-      "require": "./cjs/index.js",
-      "types": "./lib/index.d.ts"
+      "import": {
+        "types": "./lib/index.d.mts",
+        "default": "./esm/index.mjs"
+      },
+      "require": {
+        "types": "./lib/index.d.ts",
+        "default": "./cjs/index.js"
+      }
     },
     "./styles.css": "./esm/index.css",
     "./styles/*": "./esm/styles/*"

diff --git a/src/mantine-code-highlight/package.json b/src/mantine-code-highlight/package.json
@@ -2,13 +2,19 @@
   "name": "@mantine/code-highlight",
   "description": "Code highlight with Mantine theme",
   "version": "7.0.0",
+  "main": "./cjs/index.js",
   "types": "./lib/index.d.ts",
-  "module": "./esm/index.js",
+  "module": "./esm/index.mjs",
   "exports": {
     ".": {
-      "import": "./esm/index.js",
-      "require": "./cjs/index.js",
-      "types": "./lib/index.d.ts"
+      "import": {
+        "types": "./lib/index.d.mts",
+        "default": "./esm/index.mjs"
+      },
+      "require": {
+        "types": "./lib/index.d.ts",
+        "default": "./cjs/index.js"
+      }
     },
     "./styles.css": "./esm/index.css"
   },

diff --git a/src/mantine-colors-generator/package.json b/src/mantine-colors-generator/package.json
@@ -1,13 +1,19 @@
 {
   "name": "@mantine/colors-generator",
   "version": "7.0.0",
+  "main": "./cjs/index.js",
   "types": "./lib/index.d.ts",
-  "module": "./esm/index.js",
+  "module": "./esm/index.mjs",
   "exports": {
     ".": {
-      "import": "./esm/index.js",
-      "require": "./cjs/index.js",
-      "types": "./lib/index.d.ts"
+      "import": {
+        "types": "./lib/index.d.mts",
+        "default": "./esm/index.mjs"
+      },
+      "require": {
+        "types": "./lib/index.d.ts",
+        "default": "./cjs/index.js"
+      }
     }
   },
   "license": "MIT",

diff --git a/src/mantine-core/package.json b/src/mantine-core/package.json
@@ -2,13 +2,19 @@
   "name": "@mantine/core",
   "description": "React components library focused on usability, accessibility and developer experience",
   "version": "7.0.0",
+  "main": "./cjs/index.js",
   "types": "./lib/index.d.ts",
-  "module": "./esm/index.js",
+  "module": "./esm/index.mjs",
   "exports": {
     ".": {
-      "import": "./esm/index.js",
-      "require": "./cjs/index.js",
-      "types": "./lib/index.d.ts"
+      "import": {
+        "types": "./lib/index.d.mts",
+        "default": "./esm/index.mjs"
+      },
+      "require": {
+        "types": "./lib/index.d.ts",
+        "default": "./cjs/index.js"
+      }
     },
     "./styles.css": "./esm/index.css",
     "./styles/*": "./esm/styles/*"

diff --git a/src/mantine-dates-tests/package.json b/src/mantine-dates-tests/package.json
@@ -2,12 +2,19 @@
   "name": "@mantine/dates-tests",
   "private": true,
   "version": "7.0.0",
+  "main": "./cjs/index.js",
   "types": "./lib/index.d.ts",
-  "module": "./esm/index.js",
+  "module": "./esm/index.mjs",
   "exports": {
     ".": {
-      "import": "./esm/index.js",
-      "require": "./cjs/index.js"
+      "import": {
+        "types": "./lib/index.d.mts",
+        "default": "./esm/index.mjs"
+      },
+      "require": {
+        "types": "./lib/index.d.ts",
+        "default": "./cjs/index.js"
+      }
     }
   },
   "license": "MIT",

diff --git a/src/mantine-dates/package.json b/src/mantine-dates/package.json
@@ -2,13 +2,19 @@
   "name": "@mantine/dates",
   "description": "Calendars, date and time pickers based on Mantine components",
   "version": "7.0.0",
+  "main": "./cjs/index.js",
   "types": "./lib/index.d.ts",
-  "module": "./esm/index.js",
+  "module": "./esm/index.mjs",
   "exports": {
     ".": {
-      "import": "./esm/index.js",
-      "require": "./cjs/index.js",
-      "types": "./lib/index.d.ts"
+      "import": {
+        "types": "./lib/index.d.mts",
+        "default": "./esm/index.mjs"
+      },
+      "require": {
+        "types": "./lib/index.d.ts",
+        "default": "./cjs/index.js"
+      }
     },
     "./styles.css": "./esm/index.css"
   },

diff --git a/src/mantine-demos/package.json b/src/mantine-demos/package.json
@@ -3,13 +3,19 @@
   "description": "Demos used in documentation",
   "private": true,
   "version": "7.0.0",
+  "main": "./cjs/index.js",
   "types": "./lib/index.d.ts",
-  "module": "./esm/index.js",
+  "module": "./esm/index.mjs",
   "exports": {
     ".": {
-      "import": "./esm/index.js",
-      "require": "./cjs/index.js",
-      "types": "./lib/index.d.ts"
+      "import": {
+        "types": "./lib/index.d.mts",
+        "default": "./esm/index.mjs"
+      },
+      "require": {
+        "types": "./lib/index.d.ts",
+        "default": "./cjs/index.js"
+      }
     },
     "./styles.css": "./esm/index.css"
   },

diff --git a/src/mantine-dropzone/package.json b/src/mantine-dropzone/package.json
@@ -2,13 +2,19 @@
   "name": "@mantine/dropzone",
   "description": "Dropzone component built with Mantine theme and components",
   "version": "7.0.0",
+  "main": "./cjs/index.js",
   "types": "./lib/index.d.ts",
-  "module": "./esm/index.js",
+  "module": "./esm/index.mjs",
   "exports": {
     ".": {
-      "import": "./esm/index.js",
-      "require": "./cjs/index.js",
-      "types": "./lib/index.d.ts"
+      "import": {
+        "types": "./lib/index.d.mts",
+        "default": "./esm/index.mjs"
+      },
+      "require": {
+        "types": "./lib/index.d.ts",
+        "default": "./cjs/index.js"
+      }
     },
     "./styles.css": "./esm/index.css"
   },

diff --git a/src/mantine-ds/package.json b/src/mantine-ds/package.json
@@ -2,13 +2,19 @@
   "name": "@mantine/ds",
   "description": "Internal Mantine components used on *.mantine.dev websites",
   "version": "7.0.0",
+  "main": "./cjs/index.js",
   "types": "./lib/index.d.ts",
-  "module": "./esm/index.js",
+  "module": "./esm/index.mjs",
   "exports": {
     ".": {
-      "import": "./esm/index.js",
-      "require": "./cjs/index.js",
-      "types": "./lib/index.d.ts"
+      "import": {
+        "types": "./lib/index.d.mts",
+        "default": "./esm/index.mjs"
+      },
+      "require": {
+        "types": "./lib/index.d.ts",
+        "default": "./cjs/index.js"
+      }
     },
     "./styles.css": "./esm/index.css"
   },

diff --git a/src/mantine-form/package.json b/src/mantine-form/package.json
@@ -2,13 +2,19 @@
   "name": "@mantine/form",
   "description": "Mantine form management library",
   "version": "7.0.0",
+  "main": "./cjs/index.js",
   "types": "./lib/index.d.ts",
-  "module": "./esm/index.js",
+  "module": "./esm/index.mjs",
   "exports": {
     ".": {
-      "import": "./esm/index.js",
-      "require": "./cjs/index.js",
-      "types": "./lib/index.d.ts"
+      "import": {
+        "types": "./lib/index.d.mts",
+        "default": "./esm/index.mjs"
+      },
+      "require": {
+        "types": "./lib/index.d.ts",
+        "default": "./cjs/index.js"
+      }
     }
   },
   "license": "MIT",

diff --git a/src/mantine-hooks/package.json b/src/mantine-hooks/package.json
@@ -1,13 +1,19 @@
 {
   "name": "@mantine/hooks",
   "version": "7.0.0",
+  "main": "./cjs/index.js",
   "types": "./lib/index.d.ts",
-  "module": "./esm/index.js",
+  "module": "./esm/index.mjs",
   "exports": {
     ".": {
-      "import": "./esm/index.js",
-      "require": "./cjs/index.js",
-      "types": "./lib/index.d.ts"
+      "import": {
+        "types": "./lib/index.d.mts",
+        "default": "./esm/index.mjs"
+      },
+      "require": {
+        "types": "./lib/index.d.ts",
+        "default": "./cjs/index.js"
+      }
     }
   },
   "license": "MIT",

diff --git a/src/mantine-modals/package.json b/src/mantine-modals/package.json
@@ -2,13 +2,19 @@
   "name": "@mantine/modals",
   "description": "Modals manager based on Mantine components",
   "version": "7.0.0",
+  "main": "./cjs/index.js",
   "types": "./lib/index.d.ts",
-  "module": "./esm/index.js",
+  "module": "./esm/index.mjs",
   "exports": {
     ".": {
-      "import": "./esm/index.js",
-      "require": "./cjs/index.js",
-      "types": "./lib/index.d.ts"
+      "import": {
+        "types": "./lib/index.d.mts",
+        "default": "./esm/index.mjs"
+      },
+      "require": {
+        "types": "./lib/index.d.ts",
+        "default": "./cjs/index.js"
+      }
     },
     "./styles.css": "./esm/index.css"
   },

diff --git a/src/mantine-notifications/package.json b/src/mantine-notifications/package.json
@@ -1,13 +1,19 @@
 {
   "name": "@mantine/notifications",
   "version": "7.0.0",
+  "main": "./cjs/index.js",
   "types": "./lib/index.d.ts",
-  "module": "./esm/index.js",
+  "module": "./esm/index.mjs",
   "exports": {
     ".": {
-      "import": "./esm/index.js",
-      "require": "./cjs/index.js",
-      "types": "./lib/index.d.ts"
+      "import": {
+        "types": "./lib/index.d.mts",
+        "default": "./esm/index.mjs"
+      },
+      "require": {
+        "types": "./lib/index.d.ts",
+        "default": "./cjs/index.js"
+      }
     },
     "./styles.css": "./esm/index.css"
   },

diff --git a/src/mantine-nprogress/package.json b/src/mantine-nprogress/package.json
@@ -2,13 +2,19 @@
   "name": "@mantine/nprogress",
   "description": "Navigation progress bar",
   "version": "7.0.0",
+  "main": "./cjs/index.js",
   "types": "./lib/index.d.ts",
-  "module": "./esm/index.js",
+  "module": "./esm/index.mjs",
   "exports": {
     ".": {
-      "import": "./esm/index.js",
-      "require": "./cjs/index.js",
-      "types": "./lib/index.d.ts"
+      "import": {
+        "types": "./lib/index.d.mts",
+        "default": "./esm/index.mjs"
+      },
+      "require": {
+        "types": "./lib/index.d.ts",
+        "default": "./cjs/index.js"
+      }
     },
     "./styles.css": "./esm/index.css"
   },

diff --git a/src/mantine-spotlight/package.json b/src/mantine-spotlight/package.json
@@ -1,13 +1,19 @@
 {
   "name": "@mantine/spotlight",
   "version": "7.0.0",
+  "main": "./cjs/index.js",
   "types": "./lib/index.d.ts",
-  "module": "./esm/index.js",
+  "module": "./esm/index.mjs",
   "exports": {
     ".": {
-      "import": "./esm/index.js",
-      "require": "./cjs/index.js",
-      "types": "./lib/index.d.ts"
+      "import": {
+        "types": "./lib/index.d.mts",
+        "default": "./esm/index.mjs"
+      },
+      "require": {
+        "types": "./lib/index.d.ts",
+        "default": "./cjs/index.js"
+      }
     },
     "./styles.css": "./esm/index.css"
   },