feat: Add ESM support for common and common-client (rollup) (#604)

Author: kinyoklion

.gitignore

@@ -21,3 +21,4 @@ yarn-error.log
 .vscode
 dump.rdb
 .wrangler
+stats.html

packages/sdk/browser/contract-tests/entity/src/ClientEntity.ts

@@ -156,9 +156,7 @@ export class ClientEntity {
         if (!identifyParams) {
           throw malformedCommand;
         }
-        await this.client.identify(identifyParams.user || identifyParams.context, {
-          waitForNetworkResults: true,
-        });
+        await this.client.identify(identifyParams.user || identifyParams.context);
         return undefined;
       }
 
@@ -204,7 +202,7 @@ export async function newSdkClientEntity(options: CreateInstanceParams) {
   let failed = false;
   try {
     await Promise.race([
-      client.identify(initialContext, { waitForNetworkResults: true }),
+      client.identify(initialContext),
       new Promise((_resolve, reject) => {
         setTimeout(reject, timeout);
       }),

packages/sdk/browser/jest.config.js

@@ -3,9 +3,6 @@ export default {
   verbose: true,
   preset: 'ts-jest/presets/default-esm',
   testEnvironment: 'jest-environment-jsdom',
-  transform: {
-    '^.+\\.tsx?$': ['ts-jest', { useESM: true, tsconfig: 'tsconfig.json' }],
-  },
   testPathIgnorePatterns: ['./dist', './src'],
   testMatch: ['**.test.ts'],
 };

packages/sdk/browser/package.json

@@ -36,7 +36,8 @@
   },
   "dependencies": {
     "@launchdarkly/js-client-sdk-common": "1.8.0",
-    "escape-string-regexp": "^5.0.0"
+    "escape-string-regexp": "^5.0.0",
+    "rollup-plugin-visualizer": "^5.12.0"
   },
   "devDependencies": {
     "@jest/globals": "^29.7.0",

packages/sdk/browser/rollup.config.js

@@ -3,6 +3,7 @@ import json from '@rollup/plugin-json';
 import resolve from '@rollup/plugin-node-resolve';
 import terser from '@rollup/plugin-terser';
 import typescript from '@rollup/plugin-typescript';
+import { visualizer } from 'rollup-plugin-visualizer';
 
 const getSharedConfig = (format, file) => ({
   input: 'src/index.ts',
@@ -34,6 +35,8 @@ export default [
       resolve(),
       terser(),
       json(),
+      // The 'sourcemap' option allows using the minified size, not the size before minification.
+      visualizer({ sourcemap: true }),
     ],
   },
   {

packages/sdk/browser/src/BrowserClient.ts

@@ -10,10 +10,10 @@ import {
   LDClientImpl,
   LDContext,
   LDEmitter,
+  LDEmitterEventName,
   LDHeaders,
   Platform,
 } from '@launchdarkly/js-client-sdk-common';
-import { EventName } from '@launchdarkly/js-client-sdk-common/dist/LDEmitter';
 
 import BrowserDataManager from './BrowserDataManager';
 import { BrowserIdentifyOptions as LDIdentifyOptions } from './BrowserIdentifyOptions';
@@ -233,12 +233,12 @@ export class BrowserClient extends LDClientImpl implements LDClient {
     browserDataManager.setAutomaticStreamingState(!!this.emitter.listenerCount('change'));
   }
 
-  override on(eventName: EventName, listener: Function): void {
+  override on(eventName: LDEmitterEventName, listener: Function): void {
     super.on(eventName, listener);
     this.updateAutomaticStreamingState();
   }
 
-  override off(eventName: EventName, listener: Function): void {
+  override off(eventName: LDEmitterEventName, listener: Function): void {
     super.off(eventName, listener);
     this.updateAutomaticStreamingState();
   }

packages/sdk/browser/src/goals/GoalTracker.ts

@@ -73,7 +73,7 @@ export default class GoalTracker {
     );
 
     const pageviewGoals = goalsMatchingUrl.filter((goal) => goal.kind === 'pageview');
-    const clickGoals = goalsMatchingUrl.filter((goal) => goal.kind === 'click');
+    const clickGoals = goalsMatchingUrl.filter((goal) => goal.kind === 'click') as ClickGoal[];
 
     pageviewGoals.forEach((event) => onEvent(event));
 

packages/sdk/browser/tsconfig.json

@@ -3,9 +3,8 @@
     "allowSyntheticDefaultImports": true,
     "declaration": true,
     "declarationMap": true,
-    "jsx": "react-jsx",
     "lib": ["ES2017", "dom"],
-    "module": "ES6",
+    "module": "ESNext",
     "moduleResolution": "node",
     "noImplicitOverride": true,
     "resolveJsonModule": true,

packages/shared/common/jest.config.js renamed to packages/shared/common/jest.config.cjs

@@ -1,8 +1,8 @@
 {
   "name": "@launchdarkly/js-sdk-common",
   "version": "2.9.0",
-  "type": "commonjs",
-  "main": "./dist/index.js",
+  "type": "module",
+  "main": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "homepage": "https://github.com/launchdarkly/js-core/tree/main/packages/shared/common",
   "repository": {
@@ -18,18 +18,27 @@
     "analytics",
     "client"
   ],
+  "exports": {
+    "types": "./dist/index.d.ts",
+    "require": "./dist/index.cjs",
+    "import": "./dist/index.mjs"
+  },
   "scripts": {
     "test": "npx jest --ci",
-    "build-types": "npx tsc --declaration true --emitDeclarationOnly true --declarationDir dist",
-    "build": "npx tsc",
-    "clean": "npx tsc --build --clean",
+    "build": "npx tsc --noEmit && rollup -c rollup.config.js",
+    "clean": "rimraf dist",
     "lint": "npx eslint . --ext .ts",
     "lint:fix": "yarn run lint --fix",
     "prettier": "prettier --write 'src/*.@(js|ts|tsx|json)'",
     "check": "yarn && yarn prettier && yarn lint && tsc && yarn test"
   },
   "license": "Apache-2.0",
   "devDependencies": {
+    "@rollup/plugin-commonjs": "^25.0.0",
+    "@rollup/plugin-json": "^6.1.0",
+    "@rollup/plugin-node-resolve": "^15.0.2",
+    "@rollup/plugin-terser": "^0.4.3",
+    "@rollup/plugin-typescript": "^11.1.1",
     "@trivago/prettier-plugin-sort-imports": "^4.1.1",
     "@types/jest": "^29.4.0",
     "@typescript-eslint/eslint-plugin": "^6.20.0",
@@ -44,7 +53,10 @@
     "jest": "^29.5.0",
     "launchdarkly-js-test-helpers": "^2.2.0",
     "prettier": "^3.0.0",
+    "rimraf": "6.0.1",
+    "rollup": "^3.23.0",
     "ts-jest": "^29.0.5",
+    "tslib": "^2.7.0",
     "typedoc": "0.25.0",
     "typescript": "5.1.6"
   }