feat: add Agentation

packages/webapp/next.config.ts

@@ -42,7 +42,7 @@ const nextConfig: NextConfig = {
       compiler: {
         reactRemoveProperties: { properties: ['^data-testid$'] },
       },
-      webpack: (config) => {
+      webpack: (config, { dev }) => {
         // Grab the existing rule that handles SVG imports
         const fileLoaderRule = config.module.rules.find((rule) =>
           rule.test?.test?.('.svg'),
@@ -99,6 +99,12 @@ const nextConfig: NextConfig = {
         // eslint-disable-next-line no-param-reassign
         config.resolve.alias['cross-fetch'] = false;
 
+        // Exclude agentation from production builds
+        if (!dev) {
+          // eslint-disable-next-line no-param-reassign
+          config.resolve.alias.agentation = false;
+        }
+
         return config;
       },
       env: {

packages/webapp/package.json

@@ -25,6 +25,7 @@
     "@serwist/next": "^9.0.9",
     "@tanstack/react-query": "^5.80.5",
     "@tanstack/react-query-devtools": "^5.80.5",
+    "agentation": "^1.3.0",
     "classnames": "^2.5.1",
     "date-fns": "^2.28.0",
     "date-fns-tz": "1.2.2",

packages/webapp/pages/_app.tsx

@@ -62,6 +62,13 @@ const CookieBanner = dynamic(
     ),
 );
 
+const Agentation =
+  process.env.NODE_ENV === 'development'
+    ? dynamic(() => import('agentation').then((mod) => mod.Agentation), {
+        ssr: false,
+      })
+    : null;
+
 interface ComponentGetLayout {
   getLayout?: (
     page: ReactNode,
@@ -306,6 +313,7 @@ export default function App(
           </BootDataProvider>
           <ReactQueryDevtools />
         </HydrationBoundary>
+        {Agentation && <Agentation />}
       </QueryClientProvider>
     </ProgressiveEnhancementContextProvider>
   );