Do not bundle intermediates.

Author: kinyoklion

.gitignore

@@ -1,4 +1,4 @@
-package-lock.json
+spackage-lock.json
 yarn.lock
 dist/
 node_modules/
@@ -21,3 +21,4 @@ yarn-error.log
 .vscode
 dump.rdb
 .wrangler
+stats.html

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/shared/common/package.json

@@ -55,11 +55,10 @@
     "prettier": "^3.0.0",
     "rimraf": "6.0.1",
     "rollup": "^3.23.0",
+    "rollup-plugin-visualizer": "^5.12.0",
     "ts-jest": "^29.0.5",
+    "tslib": "^2.7.0",
     "typedoc": "0.25.0",
     "typescript": "5.1.6"
-  },
-  "dependencies": {
-    "tslib": "^2.7.0"
   }
 }

packages/shared/common/rollup.config.js

@@ -3,9 +3,14 @@ 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',
+  // Intermediate modules don't bundle all dependencies. We leave that to leaf-node
+  // SDK implementations.
+  external: [/node_modules/],
   output: [
     {
       format: format,
@@ -33,13 +38,15 @@ export default [
         transformMixedEsModules: true,
         esmExternals: true,
       }),
-      resolve(),
+      // resolve(),
       terser(),
       json(),
+      // The 'sourcemap' option allows using the minified size, not the size before minification.
+      visualizer({ sourcemap: true }),
     ],
   },
   {
     ...getSharedConfig('cjs', 'dist/index.cjs.js'),
-    plugins: [typescript({tsconfig: './tsconfig.json'}), common(), resolve(), terser(), json()],
+    plugins: [typescript({ tsconfig: './tsconfig.json' }), common(), resolve(), terser(), json()],
   },
 ];

packages/shared/sdk-client/package.json

@@ -63,6 +63,7 @@
     "prettier": "^3.0.0",
     "rimraf": "6.0.1",
     "rollup": "^3.23.0",
+    "rollup-plugin-visualizer": "^5.12.0",
     "ts-jest": "^29.1.1",
     "typedoc": "0.25.0",
     "typescript": "5.1.6"

packages/shared/sdk-client/rollup.config.js

@@ -3,9 +3,13 @@ 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',
+  // Intermediate modules don't bundle all dependencies. We leave that to leaf-node
+  // SDK implementations.
+  external: [/node_modules/],
   output: [
     {
       format: format,
@@ -36,10 +40,12 @@ export default [
       resolve(),
       terser(),
       json(),
+      // The 'sourcemap' option allows using the minified size, not the size before minification.
+      visualizer({ sourcemap: true }),
     ],
   },
   {
     ...getSharedConfig('cjs', 'dist/index.cjs.js'),
-    plugins: [typescript({tsconfig: './tsconfig.json'}), common(), resolve(), terser(), json()],
+    plugins: [typescript({ tsconfig: './tsconfig.json' }), common(), resolve(), terser(), json()],
   },
 ];