improve proxy server

Author: s1gr1d

payload-files/readme.md

@@ -10,3 +10,4 @@ the generated files go.
 ### Next.js
 
 - v7: "transaction" is " " in sent event (when error happens)
+- v8: 'route' is added to the name of the transaction. Eg. /test becomes /test/route

utils/event-proxy-server/src/event-proxy-server.ts

@@ -42,8 +42,13 @@ function extractTransactionRoute(transactionName: string): string {
   return transactionName.replace('GET ', '');
 }
 
+/** With v8, Next.js attaches /route which pollutes the filename */
+function deleteRouteFromName(transactionName: string): string {
+  return transactionName.replace('/route', '');
+}
+
 function extractRelevantFileName(str: string): string {
-  return extractPathFromUrl(extractTransactionRoute(str));
+  return extractPathFromUrl(extractTransactionRoute(deleteRouteFromName(str)));
 }
 
 function addCommaAfterEachLine(data: string): string {
@@ -174,15 +179,22 @@ async function transformSavedJSON(
 
     const objData = transformedJSON[2] as unknown as {
       request?: { url?: string };
+      tags?: { transaction?: string };
       transaction?: string;
       contexts?: { trace?: { data?: { url?: string } } };
     };
 
     if ('request' in objData || 'contexts' in objData) {
       const transactionName = objData?.transaction;
+      const transactionNameFromTags = objData?.tags?.transaction;
       const url = objData?.request?.url || objData.contexts?.trace?.data?.url;
 
-      const filename = filenameOrigin === 'transactionName' ? transactionName : url;
+      const filename =
+        filenameOrigin === 'transactionName'
+          ? transactionName !== ' ' // In v7 "transaction" is a space in error events in Next.js
+            ? transactionName
+            : transactionNameFromTags
+          : url;
 
       if (filename) {
         const replaceForwardSlashes = (str: string) => str.split('/').join('_');