@djangocfg/monitor 2.1.224 → 2.1.226

package/dist/client.cjs

@@ -1144,7 +1144,7 @@ var FrontendEventIngestRequestSchema = import_zod.z.object({
   event_type: import_zod.z.nativeEnum(FrontendEventIngestRequestEventType),
   message: import_zod.z.string().min(1).max(5e3),
   level: import_zod.z.nativeEnum(FrontendEventIngestRequestLevel).optional(),
-  stack_trace: import_zod.z.string().max(2e4).optional(),
+  stack_trace: import_zod.z.string().max(1e4).optional(),
   url: import_zod.z.string().max(2e3).optional(),
   fingerprint: import_zod.z.string().max(64).optional(),
   http_status: import_zod.z.number().int().nullable().optional(),
@@ -1155,7 +1155,8 @@ var FrontendEventIngestRequestSchema = import_zod.z.object({
   browser_fingerprint: import_zod.z.string().max(64).optional(),
   extra: import_zod.z.record(import_zod.z.string(), import_zod.z.any()).optional(),
   project_name: import_zod.z.string().max(100).optional(),
-  environment: import_zod.z.string().max(20).optional()
+  environment: import_zod.z.string().max(20).optional(),
+  build_id: import_zod.z.string().max(100).optional()
 });
 
 // src/_api/generated/cfg_monitor/_utils/schemas/IngestBatchRequest.schema.ts
@@ -1362,7 +1363,22 @@ var monitorStore = (0, import_vanilla.createStore)((set, get) => ({
   push(event) {
     const { config, buffer } = get();
     const maxSize = config.maxBufferSize ?? 20;
-    const next = [...buffer, event];
+    const sanitized = {
+      ...event,
+      // Enforce field size limits before buffering (last-resort backstop)
+      message: event.message && event.message.length > 4997 ? event.message.slice(0, 4997) + "..." : event.message,
+      stack_trace: event.stack_trace && event.stack_trace.length > 1e4 ? event.stack_trace.slice(0, 9997) + "..." : event.stack_trace,
+      // Cap extra payload — drop entirely if serialized size exceeds 32KB
+      extra: (() => {
+        if (!event.extra) return event.extra;
+        try {
+          return JSON.stringify(event.extra).length > 32768 ? {} : event.extra;
+        } catch {
+          return {};
+        }
+      })()
+    };
+    const next = [...buffer, sanitized];
     set({ buffer: next });
     if (next.length >= maxSize || event.level === "error") {
       get().flush();
@@ -1381,15 +1397,48 @@ var monitorStore = (0, import_vanilla.createStore)((set, get) => ({
 }));
 
 // src/client/capture/js-errors.ts
+var MSG_MAX = 2e3;
+function truncate(s, max = MSG_MAX) {
+  return s.length > max ? s.slice(0, max - 1) + "\u2026" : s;
+}
+__name(truncate, "truncate");
+var HYDRATION_NOISE = [
+  /hydration failed/i,
+  /there was an error while hydrating/i,
+  /minified react error #418/i,
+  /minified react error #423/i,
+  /minified react error #425/i,
+  /text content does not match server-rendered html/i
+];
+function isHydrationNoise(msg) {
+  return HYDRATION_NOISE.some((p) => p.test(msg));
+}
+__name(isHydrationNoise, "isHydrationNoise");
+var CLIENT_DEDUP_TTL = 5 * 60 * 1e3;
+var recentFingerprints = /* @__PURE__ */ new Map();
+function isRecentlySent(fingerprint) {
+  const now = Date.now();
+  const last = recentFingerprints.get(fingerprint);
+  if (last !== void 0 && now - last < CLIENT_DEDUP_TTL) return true;
+  recentFingerprints.set(fingerprint, now);
+  if (recentFingerprints.size > 100) {
+    const oldest = [...recentFingerprints.entries()].sort((a, b) => a[1] - b[1])[0];
+    recentFingerprints.delete(oldest[0]);
+  }
+  return false;
+}
+__name(isRecentlySent, "isRecentlySent");
 function installJsErrorCapture() {
   if (typeof window === "undefined") return () => {
   };
   const onError = /* @__PURE__ */ __name(async (message, source, lineno, colno, error) => {
     try {
-      const msg = typeof message === "string" ? message : String(message);
+      const msg = truncate(typeof message === "string" ? message : String(message));
+      if (isHydrationNoise(msg)) return;
       const stack = error?.stack ?? `at ${source}:${lineno}:${colno}`;
       const url = window.location.href;
       const fingerprint = await computeFingerprint(msg, stack, url);
+      if (isRecentlySent(fingerprint)) return;
       const { config } = monitorStore.getState();
       monitorStore.getState().push({
         event_type: "JS_ERROR" /* JS_ERROR */,
@@ -1401,7 +1450,8 @@ function installJsErrorCapture() {
         session_id: getSessionId(),
         user_agent: navigator.userAgent,
         project_name: config.project,
-        environment: config.environment
+        environment: config.environment,
+        build_id: config.buildId ?? ""
       });
     } catch {
     }
@@ -1409,10 +1459,12 @@ function installJsErrorCapture() {
   const onUnhandledRejection = /* @__PURE__ */ __name(async (e) => {
     try {
       const reason = e.reason;
-      const msg = reason instanceof Error ? reason.message : typeof reason === "string" ? reason : "Unhandled promise rejection";
+      const msg = truncate(reason instanceof Error ? reason.message : typeof reason === "string" ? reason : "Unhandled promise rejection");
+      if (isHydrationNoise(msg)) return;
       const stack = reason instanceof Error ? reason.stack ?? "" : "";
       const url = window.location.href;
       const fingerprint = await computeFingerprint(msg, stack, url);
+      if (isRecentlySent(fingerprint)) return;
       const { config } = monitorStore.getState();
       monitorStore.getState().push({
         event_type: "JS_ERROR" /* JS_ERROR */,
@@ -1424,7 +1476,8 @@ function installJsErrorCapture() {
         session_id: getSessionId(),
         user_agent: navigator.userAgent,
         project_name: config.project,
-        environment: config.environment
+        environment: config.environment,
+        build_id: config.buildId ?? ""
       });
     } catch {
     }
@@ -1448,16 +1501,23 @@ var typeMap = {
   warn: "WARNING" /* WARNING */,
   error: "ERROR" /* ERROR */
 };
-function stringify(args) {
-  return args.map((a) => {
-    if (typeof a === "string") return a;
-    if (a instanceof Error) return a.message;
+var ARG_MAX = 500;
+function stringifyArg(a) {
+  let s;
+  if (typeof a === "string") s = a;
+  else if (a instanceof Error) s = a.message;
+  else {
     try {
-      return JSON.stringify(a);
+      s = JSON.stringify(a);
     } catch {
-      return String(a);
+      s = String(a);
     }
-  }).join(" ");
+  }
+  return s.length > ARG_MAX ? s.slice(0, ARG_MAX - 1) + "\u2026" : s;
+}
+__name(stringifyArg, "stringifyArg");
+function stringify(args) {
+  return args.map(stringifyArg).join(" ");
 }
 __name(stringify, "stringify");
 async function captureConsoleEvent(level, args) {
@@ -1525,10 +1585,11 @@ function installValidationCapture() {
     try {
       const detail = event.detail;
       const { config } = monitorStore.getState();
+      const rawMsg = `Zod validation error in ${detail.operation}: ${detail.error?.message ?? "unknown"}`;
       monitorStore.getState().push({
         event_type: "WARNING" /* WARNING */,
         level: "warn" /* WARN */,
-        message: `Zod validation error in ${detail.operation}: ${detail.error?.message ?? "unknown"}`,
+        message: rawMsg.length > 500 ? rawMsg.slice(0, 499) + "\u2026" : rawMsg,
         url: window.location.href,
         http_method: detail.method,
         http_url: detail.path,