add bundle analyzer, bump course-search-utils

Author: ChristopherChudzicki

frontends/main/next.config.js

@@ -103,29 +103,38 @@ const nextConfig = {
 // Injected content via Sentry wizard below
 
 const { withSentryConfig } = require("@sentry/nextjs")
+const withSentry = (config) =>
+  withSentryConfig(config, {
+    // For all available options, see:
+    // https://github.com/getsentry/sentry-webpack-plugin#options
 
-module.exports = withSentryConfig(nextConfig, {
-  // For all available options, see:
-  // https://github.com/getsentry/sentry-webpack-plugin#options
+    org: "mit-office-of-digital-learning",
+    project: "open-next",
 
-  org: "mit-office-of-digital-learning",
-  project: "open-next",
+    // Only print logs for uploading source maps in CI
+    silent: !process.env.CI,
 
-  // Only print logs for uploading source maps in CI
-  silent: !process.env.CI,
+    // For all available options, see:
+    // https://docs.sentry.io/platforms/javascript/guides/nextjs/manual-setup/
 
-  // For all available options, see:
-  // https://docs.sentry.io/platforms/javascript/guides/nextjs/manual-setup/
+    // Upload a larger set of source maps for prettier stack traces (increases build time)
+    widenClientFileUpload: true,
 
-  // Upload a larger set of source maps for prettier stack traces (increases build time)
-  widenClientFileUpload: true,
+    // Uncomment to route browser requests to Sentry through a Next.js rewrite to circumvent ad-blockers.
+    // This can increase your server load as well as your hosting bill.
+    // Note: Check that the configured route will not match with your Next.js middleware, otherwise reporting of client-
+    // side errors will fail.
+    // tunnelRoute: "/monitoring",
 
-  // Uncomment to route browser requests to Sentry through a Next.js rewrite to circumvent ad-blockers.
-  // This can increase your server load as well as your hosting bill.
-  // Note: Check that the configured route will not match with your Next.js middleware, otherwise reporting of client-
-  // side errors will fail.
-  // tunnelRoute: "/monitoring",
+    // Automatically tree-shake Sentry logger statements to reduce bundle size
+    disableLogger: true,
+  })
 
-  // Automatically tree-shake Sentry logger statements to reduce bundle size
-  disableLogger: true,
+const withBundleAnalyzer = require("@next/bundle-analyzer")({
+  enabled: process.env.ANALYZE === "true",
 })
+
+module.exports = [withBundleAnalyzer, withSentry].reduce(
+  (acc, withPlugin) => withPlugin(acc),
+  nextConfig,
+)

frontends/main/package.json

@@ -12,7 +12,8 @@
   "dependencies": {
     "@ebay/nice-modal-react": "^1.2.13",
     "@emotion/cache": "^11.13.1",
-    "@mitodl/course-search-utils": "3.2.4",
+    "@mitodl/course-search-utils": "https://github.com/mitodl/course-search-utils.git#ad876deb31e1259d603baec10dcc035cd0d82910",
+    "@next/bundle-analyzer": "^14.2.15",
     "@remixicon/react": "^4.2.0",
     "@sentry/nextjs": "^8",
     "@tanstack/react-query": "^4.36.1",