refactor!: hybrid package [DX-4] (#535)

BREAKING CHANGE: Will allow us to provide CDA & CMA as real single CJS files instead of bundles

Author: axe312ger

package-lock.json

@@ -4,7 +4,14 @@
   "description": "Core modules for the Contentful JS SDKs",
   "homepage": "https://www.contentful.com/developers/docs/javascript/",
   "type": "module",
-  "main": "dist/index.js",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.cjs"
+    }
+  },
+  "main": "./dist/cjs/index.cjs",
   "types": "dist/types/index.d.ts",
   "browser": {
     "process": "process/browser"
@@ -20,7 +27,9 @@
   "license": "MIT",
   "scripts": {
     "clean": "rimraf coverage && rimraf dist",
-    "build": "npm run clean && tsc --outDir dist",
+    "build": "npm run clean && npm run build:esm && npm run build:rollup && rm -rf dist/esm-raw",
+    "build:esm": "tsc",
+    "build:rollup": "NODE_ENV=production rollup -c",
     "lint": "eslint src test --ext '.ts'",
     "pretest": "npm run lint",
     "test": "vitest --run",
@@ -66,6 +75,7 @@
     "opener": "^1.4.1",
     "prettier": "^3.3.2",
     "rimraf": "^5.0.7",
+    "rollup": "^4.28.1",
     "semantic-release": "^21.0.5",
     "typescript": "^5.4.5",
     "vitest": "^2.0.2"
@@ -126,4 +136,4 @@
   "optionalDependencies": {
     "@rollup/rollup-linux-x64-gnu": "^4.18.0"
   }
-}
+}

package.json

@@ -0,0 +1,20 @@
+const esmConfig = {
+  input: 'dist/esm-raw/index.js',
+  output: {
+    dir: 'dist/esm',
+    format: 'esm',
+    preserveModules: true,
+  },
+}
+
+const cjsConfig = {
+  input: 'dist/esm-raw/index.js',
+  output: {
+    dir: 'dist/cjs',
+    format: 'cjs',
+    preserveModules: true,
+    entryFileNames: '[name].cjs',
+  },
+}
+
+export default [esmConfig, cjsConfig]

rollup.config.js

@@ -56,7 +56,7 @@ export default function getUserAgentHeader(
   integration?: string,
   feature?: string,
 ): string {
-  const headerParts = []
+  const headerParts: string[] = []
 
   if (application) {
     headerParts.push(`app ${application}`)
@@ -72,7 +72,7 @@ export default function getUserAgentHeader(
 
   headerParts.push(`sdk ${sdk}`)
 
-  let platform = null
+  let platform: string | null = null
   try {
     if (isReactNative()) {
       platform = getBrowserOS()

src/get-user-agent.ts

@@ -46,7 +46,7 @@ export default function rateLimit(instance: AxiosInstance, maxRetry = 5): void {
         return Promise.reject(error)
       }
 
-      let retryErrorType = null
+      let retryErrorType: string | null = null
       let wait = defaultWait(doneAttempts)
 
       // Errors without response did not receive anything from the server

src/rate-limit.ts

@@ -1,14 +1,22 @@
 {
   "compilerOptions": {
-    "baseUrl": "./",
+    "outDir": "./dist/esm-raw",
     "rootDir": "./src",
-    "target": "esnext",
-    "module": "Preserve",
-    "moduleResolution": "bundler",
+    "lib": ["dom", "esnext"],
+    "target": "ES2020",
+    "module": "es2020",
+    "moduleResolution": "node",
+    "allowJs": true,
     "declarationDir": "dist/types",
     "declaration": true,
     "strict": true,
-    "esModuleInterop": true
+    "importHelpers": true,
+    "isolatedModules": false,
+    "esModuleInterop": true,
+    "noImplicitThis": false,
+    "typeRoots": ["node_modules/@types"],
+    "noImplicitAny": false,
+    "skipLibCheck": true
   },
   "include": ["src/**/*", "global.d.ts"],
-}
+}