@W-13942827 - Reduced Javascript Heap Size Ramp Up

packages/commerce-sdk-react/package.json

@@ -42,7 +42,7 @@
   "dependencies": {
     "commerce-sdk-isomorphic": "^1.10.4",
     "js-cookie": "^3.0.1",
-    "jwt-decode": "^3.1.2"
+    "jwt-decode": "^4.0.0"
   },
   "devDependencies": {
     "@salesforce/pwa-kit-dev": "3.3.0-dev",
@@ -52,7 +52,6 @@
     "@types/js-cookie": "~3.0.3",
     "@types/jsdom": "^16.2.15",
     "@types/jsonwebtoken": "~9.0.0",
-    "@types/jwt-decode": "~3.1.0",
     "@types/node": "~16.0.3",
     "@types/prop-types": "~15.7.9",
     "@types/react": "~18.2.0",

packages/commerce-sdk-react/src/auth/index.ts

@@ -11,7 +11,7 @@ import {
     ShopperLoginTypes,
     ShopperCustomersTypes
 } from 'commerce-sdk-isomorphic'
-import jwtDecode, {JwtPayload} from 'jwt-decode'
+import {jwtDecode, JwtPayload} from 'jwt-decode'
 import {ApiClientConfigParams, Prettify, RemoveStringIndex} from '../hooks/types'
 import {BaseStorage, LocalStorage, CookieStorage, MemoryStorage, StorageType} from './storage'
 import {CustomerType} from '../hooks/useCustomerType'

packages/pwa-kit-create-app/assets/bootstrap/js/package.json.hbs

@@ -21,7 +21,7 @@
   "bundlesize": [
     {
       "path": "build/main.js",
-      "maxSize": "42 kB"
+      "maxSize": "43 kB"
     },
     {
       "path": "build/vendor.js",

packages/pwa-kit-dev/CHANGELOG.md

@@ -1,4 +1,8 @@
 ## v3.3.0-dev (Nov 03, 2023)
+
+- Add `source-map-loader` plugin to webpack configuration. [#1535](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/1535)
+- Only use source maps in server when `inpect` flag is being used. [#1535](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/1535)
+
 ## v3.2.0 (Nov 03, 2023)
 ## v3.1.1 (Sep 21, 2023)
 

packages/pwa-kit-dev/bin/pwa-kit-dev.js

@@ -251,7 +251,8 @@ const main = async () => {
             execSync(`${babelNode} ${inspect ? '--inspect' : ''} ${entrypoint}`, {
                 env: {
                     ...process.env,
-                    ...(noHMR ? {HMR: 'false'} : {})
+                    ...(noHMR ? {HMR: 'false'} : {}),
+                    ...{WEBPACK_INSPECT: inspect}
                 }
             })
         })

packages/pwa-kit-dev/package.json

@@ -100,6 +100,7 @@
     "require-from-string": "^2.0.2",
     "rimraf": "2.7.1",
     "semver": "^7.5.2",
+    "source-map-loader": "^4.0.1",
     "speed-measure-webpack-plugin": "^1.5.0",
     "svg-sprite-loader": "^6.0.11",
     "validator": "^13.9.0",

packages/pwa-kit-dev/src/configs/webpack/config.js

@@ -33,6 +33,7 @@ const production = 'production'
 const development = 'development'
 const analyzeBundle = process.env.MOBIFY_ANALYZE === 'true'
 const mode = process.env.NODE_ENV === production ? production : development
+const INSPECT = process.env.WEBPACK_INSPECT
 const DEBUG = mode !== production && process.env.DEBUG === 'true'
 const CI = process.env.CI
 const disableHMR = process.env.HMR === 'false'
@@ -257,6 +258,13 @@ const baseConfig = (target) => {
                             use: {
                                 loader: findDepInStack('html-loader')
                             }
+                        },
+                        {
+                            test: /\.js$/,
+                            enforce: 'pre',
+                            use: {
+                                loader: findDepInStack('source-map-loader')
+                            }
                         }
                     ].filter(Boolean)
                 }
@@ -467,7 +475,7 @@ const renderer =
                 name: SERVER,
                 entry: '@salesforce/pwa-kit-react-sdk/ssr/server/react-rendering.js',
                 // use eval-source-map for server-side debugging
-                devtool: mode === development ? 'eval-source-map' : false,
+                devtool: mode === development && INSPECT ? 'eval-source-map' : false,
                 output: {
                     path: buildDir,
 
@@ -536,7 +544,7 @@ const requestProcessor =
                     libraryTarget: 'commonjs2'
                 },
                 // use eval-source-map for server-side debugging
-                devtool: mode === development ? 'eval-source-map' : false,
+                devtool: mode === development && INSPECT ? 'eval-source-map' : false,
                 plugins: [
                     ...config.plugins,
                     analyzeBundle && getBundleAnalyzerPlugin(REQUEST_PROCESSOR)