build: use rollup to inject plugin version into ESM export

Author: axe312ger

package.json

@@ -49,7 +49,7 @@
   "license": "MIT",
   "scripts": {
     "clean": "rimraf dist",
-    "build": "npm run clean && npm run build:esm && npm run build:bundles",
+    "build": "npm run clean && npm run build:esm && npm run build:bundles && rm -rf dist/esm-raw",
     "build:esm": "tsc",
     "build:bundles": "NODE_ENV=production rollup -c",
     "postbuild": "npm run check && npm run test:demo-projects",

rollup.config.js

@@ -16,7 +16,7 @@ import { babel } from '@rollup/plugin-babel'
 const __dirname = dirname(fileURLToPath(import.meta.url))
 
 const baseConfig = {
-  input: 'dist/esm/index.js',
+  input: 'dist/esm-raw/index.js',
   output: {
     file: 'dist/contentful.cjs',
     format: 'cjs',
@@ -39,6 +39,22 @@ const baseConfig = {
   ],
 }
 
+const esmConfig = {
+  input: 'dist/esm-raw/index.js',
+  output: {
+    dir: 'dist/esm', // Output directory
+    format: 'esm', // Output module format
+    preserveModules: true, // Preserve module structure
+  },
+  plugins: [
+    replace({
+      preventAssignment: true,
+      'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV),
+      __VERSION__: JSON.stringify(pkg.version),
+    }),
+  ],
+}
+
 const cjsConfig = {
   ...baseConfig,
   output: {
@@ -162,4 +178,4 @@ const browserMinConfig = {
   ],
 }
 
-export default [cjsConfig, browserConfig, browserMinConfig]
+export default [esmConfig, cjsConfig, browserConfig, browserMinConfig]

tsconfig.json

@@ -1,6 +1,6 @@
 {
   "compilerOptions": {
-    "outDir": "./dist/esm",
+    "outDir": "./dist/esm-raw",
     "rootDir": "./lib",
     "lib": ["dom", "esnext"],
     "target": "ES2017",