From 1ea484ebe9d45b28c87dd2f9450af035d917771e Mon Sep 17 00:00:00 2001
From: Igor Danchenko <64441155+igordanchenko@users.noreply.github.com>
Date: Mon, 17 Jun 2024 11:52:55 -0400
Subject: [PATCH] chore!: convert to ESM

BREAKING CHANGE: the library is now ESM-only
BREAKING CHANGE: CJS build is no longer bundled
---
 dev/{vite.config.mts => vite.config.ts} |  0
 package.json                            | 16 +++++-----------
 rollup.config.js                        |  7 +++++++
 rollup.config.mjs                       | 11 -----------
 vite.config.mts => vite.config.ts       |  8 ++++----
 5 files changed, 16 insertions(+), 26 deletions(-)
 rename dev/{vite.config.mts => vite.config.ts} (100%)
 create mode 100644 rollup.config.js
 delete mode 100644 rollup.config.mjs
 rename vite.config.mts => vite.config.ts (79%)

diff --git a/dev/vite.config.mts b/dev/vite.config.ts
similarity index 100%
rename from dev/vite.config.mts
rename to dev/vite.config.ts
diff --git a/package.json b/package.json
index 56356db..a7f4e13 100644
--- a/package.json
+++ b/package.json
@@ -4,18 +4,12 @@
   "description": "Responsive photo gallery component for React",
   "author": "Igor Danchenko",
   "license": "MIT",
-  "main": "dist/index.js",
-  "module": "dist/index.mjs",
+  "type": "module",
+  "module": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
-    "import": {
-      "types": "./dist/index.d.mts",
-      "default": "./dist/index.mjs"
-    },
-    "require": {
-      "types": "./dist/index.d.ts",
-      "default": "./dist/index.js"
-    }
+    "types": "./dist/index.d.ts",
+    "default": "./dist/index.js"
   },
   "files": [
     "dist"
@@ -46,7 +40,7 @@
     "start": "npm-run-all clean --parallel \"build:* -- -w\"",
     "lint": "eslint .",
     "test": "vitest run --coverage",
-    "dev": "vite --config dev/vite.config.mts"
+    "dev": "vite --config dev/vite.config.ts"
   },
   "peerDependencies": {
     "react": ">=18"
diff --git a/rollup.config.js b/rollup.config.js
new file mode 100644
index 0000000..32f955a
--- /dev/null
+++ b/rollup.config.js
@@ -0,0 +1,7 @@
+import dts from "rollup-plugin-dts";
+
+export default {
+  input: "src/index.ts",
+  output: { dir: "dist" },
+  plugins: [dts()],
+};
diff --git a/rollup.config.mjs b/rollup.config.mjs
deleted file mode 100644
index bb13ba1..0000000
--- a/rollup.config.mjs
+++ /dev/null
@@ -1,11 +0,0 @@
-import dts from "rollup-plugin-dts";
-
-function createConfig(format) {
-  return {
-    input: "src/index.ts",
-    output: { format, file: `dist/index.d.${format === "es" ? "mts" : "ts"}` },
-    plugins: [dts()],
-  };
-}
-
-export default [createConfig("es"), createConfig("cjs")];
diff --git a/vite.config.mts b/vite.config.ts
similarity index 79%
rename from vite.config.mts
rename to vite.config.ts
index 55bdf48..7854a70 100644
--- a/vite.config.mts
+++ b/vite.config.ts
@@ -17,14 +17,14 @@ export default defineConfig({
     minify: false,
     target: "es2020",
     lib: {
-      entry: "src/index.ts",
-      formats: ["cjs", "es"],
-      fileName: (format) => `index.${format === "es" ? "mjs" : "js"}`,
+      entry: {
+        index: "src/index.ts",
+      },
+      formats: ["es"],
     },
     rollupOptions: {
       external: "react",
       output: {
-        exports: "named",
         banner: '"use client";',
       },
       plugins: [cleanup({ extensions: ["ts", "tsx"] })],