Add google analytics to 404 pages so they can be tracked with additional details (#1852)

* Add google analytics to 404 pages so they can be tracked with additional details

* Removed require wrapper in prettier config. No longer needed in V3 and can sometimes cause problems for prettier IDE extensions

Author: Relequestual

.prettierrc.cjs

@@ -2,5 +2,5 @@ const config = require('@theguild/prettier-config');
 
 module.exports = {
   ...config,
-  plugins: [...config.plugins, require('prettier-plugin-tailwindcss')],
+  plugins: [...config.plugins, 'prettier-plugin-tailwindcss'],
 };

packages/website-router/src/routing.ts

@@ -9,6 +9,7 @@ async function handleErrorResponse(options: {
   endpoint: string;
   cfFetchCacheTtl: number;
   fallbackRoute: RewriteRecord;
+  manipulateResponse: ManipulateResponseFn;
 }) {
   const requestedEndpoint = options.request.url;
 
@@ -64,10 +65,15 @@ async function handleErrorResponse(options: {
       },
     });
 
-    return new Response(errorResponseContent.body, {
-      status: options.response.status,
-      headers: errorResponseContent.headers,
-    });
+    // Inject analytics and other HTMLRewriter handlers
+    const rewrittenNotFound = await options.manipulateResponse(
+      options.fallbackRoute,
+      new Response(errorResponseContent.body, {
+        status: options.response.status,
+        headers: errorResponseContent.headers,
+      }),
+    );
+    return rewrittenNotFound;
   }
 
   return options.response;
@@ -197,6 +203,7 @@ export async function handleRewrite(options: {
         response: freshResponse,
         cfFetchCacheTtl: options.cfFetchCacheTtl,
         fallbackRoute: options.fallbackRoute,
+        manipulateResponse: options.manipulateResponse,
       });
     }