add trucate function to application error event

Author: Jack-Keene

common/changes/@snowplow/browser-plugin-error-tracking/issue-1327_truncate-stack-trace_2024-07-16-10-59.json

@@ -0,0 +1,10 @@
+{
+  "changes": [
+    {
+      "packageName": "@snowplow/browser-plugin-error-tracking",
+      "comment": "Truncate error stack trace if it's size is greater than 8kb",
+      "type": "none"
+    }
+  ],
+  "packageName": "@snowplow/browser-plugin-error-tracking"
+}

plugins/browser-plugin-error-tracking/src/index.ts

@@ -36,6 +36,7 @@ import {
   dispatchToTrackersInCollection,
 } from '@snowplow/browser-tracker-core';
 import { buildSelfDescribingEvent, CommonEventProperties, SelfDescribingJson } from '@snowplow/tracker-core';
+import { truncateStackTrace } from './util';
 
 let _trackers: Record<string, BrowserTracker> = {};
 
@@ -74,7 +75,7 @@ export function trackError(
   trackers: Array<string> = Object.keys(_trackers)
 ) {
   const { message, filename, lineno, colno, error, context, timestamp } = event,
-    stack = error && error.stack ? error.stack : null;
+    stack = error && truncateStackTrace(error.stack);
 
   dispatchToTrackersInCollection(trackers, _trackers, (t) => {
     t.core.track(

plugins/browser-plugin-error-tracking/src/util.ts

@@ -0,0 +1,21 @@
+/**
+ * Truncate stack trace if it's size is greater than 8kb
+ *
+ * @param stackTrace - The stack trace to truncate
+ * @returns The trucated stack trace
+ */
+export function truncateStackTrace(stackTrace?: string): string | undefined {
+  const byteSize = (str: string) => new Blob([str]).size;
+
+  if (stackTrace && byteSize(stackTrace) > 8000) {
+    const encoder = new TextEncoder();
+    const encodedText = encoder.encode(stackTrace);
+    const truncatedEncodedText = encodedText.slice(0, 8000);
+    const decoder = new TextDecoder();
+    const truncatedStackTrace = decoder.decode(truncatedEncodedText);
+
+    return truncatedStackTrace;
+  }
+
+  return stackTrace;
+}