@djangocfg/monitor 2.1.236 → 2.1.238

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@djangocfg/monitor",
-  "version": "2.1.236",
+  "version": "2.1.238",
   "description": "Browser error and event monitoring SDK for django-cfg backends. Captures JS errors, network failures, console logs, and performance metrics.",
   "keywords": [
     "django",
@@ -83,7 +83,7 @@
     }
   },
   "devDependencies": {
-    "@djangocfg/typescript-config": "^2.1.236",
+    "@djangocfg/typescript-config": "^2.1.238",
     "p-retry": "^6.2.0",
     "@types/node": "^24.7.2",
     "@types/react": "^19.1.0",

package/src/client/capture/console.ts

@@ -18,6 +18,22 @@ const typeMap: Record<ConsoleLevel, FrontendEventIngestRequestEventType> = {
 
 const ARG_MAX = 500
 
+// Dedup: skip re-sending the same console message within TTL
+const CONSOLE_DEDUP_TTL = 5 * 60 * 1000 // 5 minutes
+const recentConsoleFingerprints = new Map<string, number>()
+
+function isRecentConsole(fingerprint: string): boolean {
+  const now = Date.now()
+  const last = recentConsoleFingerprints.get(fingerprint)
+  if (last !== undefined && now - last < CONSOLE_DEDUP_TTL) return true
+  recentConsoleFingerprints.set(fingerprint, now)
+  if (recentConsoleFingerprints.size > 100) {
+    const oldest = [...recentConsoleFingerprints.entries()].sort((a, b) => a[1] - b[1])[0]
+    recentConsoleFingerprints.delete(oldest[0])
+  }
+  return false
+}
+
 function stringifyArg(a: unknown): string {
   let s: string
   if (typeof a === 'string') s = a
@@ -36,6 +52,7 @@ async function captureConsoleEvent(level: ConsoleLevel, args: unknown[]) {
     if (MONITOR_INGEST_PATTERN.test(message)) return
     const url = typeof window !== 'undefined' ? window.location.href : ''
     const fingerprint = await computeFingerprint(message, '', url)
+    if (isRecentConsole(fingerprint)) return
     const { config } = monitorStore.getState()
     monitorStore.getState().push({
       event_type: typeMap[level],

package/src/client/capture/network.ts

@@ -2,6 +2,23 @@ import { getSessionId } from './session'
 import { monitorStore } from '../store'
 import { EventType, EventLevel } from '../../_api'
 
+// Dedup: skip re-sending the same network error within TTL
+const NETWORK_DEDUP_TTL = 5_000 // 5 seconds
+const recentNetworkErrors = new Map<string, number>()
+
+function isRecentNetwork(key: string): boolean {
+  const now = Date.now()
+  const last = recentNetworkErrors.get(key)
+  if (last !== undefined && now - last < NETWORK_DEDUP_TTL) return true
+  recentNetworkErrors.set(key, now)
+  if (recentNetworkErrors.size > 100) {
+    for (const [k, ts] of recentNetworkErrors) {
+      if (now - ts > NETWORK_DEDUP_TTL) recentNetworkErrors.delete(k)
+    }
+  }
+  return false
+}
+
 export async function monitoredFetch(
   input: RequestInfo | URL,
   init?: RequestInit,
@@ -12,6 +29,8 @@ export async function monitoredFetch(
   try {
     const response = await fetch(input, init)
     if (!response.ok) {
+      const netKey = `${response.status}:${method}:${url}`
+      if (isRecentNetwork(netKey)) return response
       const { config } = monitorStore.getState()
       monitorStore.getState().push({
         event_type: EventType.NETWORK_ERROR,
@@ -29,19 +48,23 @@ export async function monitoredFetch(
     }
     return response
   } catch (err) {
-    const { config } = monitorStore.getState()
-    monitorStore.getState().push({
-      event_type: EventType.NETWORK_ERROR,
-      level: EventLevel.ERROR,
-      message: err instanceof Error ? err.message : `Network error — ${method} ${url}`,
-      url: typeof window !== 'undefined' ? window.location.href : '',
-      http_method: method,
-      http_url: url,
-      session_id: getSessionId(),
-      user_agent: typeof navigator !== 'undefined' ? navigator.userAgent : '',
-      project_name: config.project,
-      environment: config.environment,
-    })
+    const errMsg = err instanceof Error ? err.message : 'network-error'
+    const netKey = `err:${errMsg.slice(0, 50)}:${method}:${url}`
+    if (!isRecentNetwork(netKey)) {
+      const { config } = monitorStore.getState()
+      monitorStore.getState().push({
+        event_type: EventType.NETWORK_ERROR,
+        level: EventLevel.ERROR,
+        message: err instanceof Error ? err.message : `Network error — ${method} ${url}`,
+        url: typeof window !== 'undefined' ? window.location.href : '',
+        http_method: method,
+        http_url: url,
+        session_id: getSessionId(),
+        user_agent: typeof navigator !== 'undefined' ? navigator.userAgent : '',
+        project_name: config.project,
+        environment: config.environment,
+      })
+    }
     throw err
   }
 }

package/src/client/capture/validation.ts

@@ -2,6 +2,23 @@ import { getSessionId } from './session'
 import { monitorStore } from '../store'
 import { EventType, EventLevel } from '../../_api'
 
+// Dedup: skip re-sending the same validation error within TTL
+const VALIDATION_DEDUP_TTL = 10_000 // 10 seconds
+const recentValidations = new Map<string, number>()
+
+function isRecentValidation(key: string): boolean {
+  const now = Date.now()
+  const last = recentValidations.get(key)
+  if (last !== undefined && now - last < VALIDATION_DEDUP_TTL) return true
+  recentValidations.set(key, now)
+  if (recentValidations.size > 50) {
+    for (const [k, ts] of recentValidations) {
+      if (now - ts > VALIDATION_DEDUP_TTL) recentValidations.delete(k)
+    }
+  }
+  return false
+}
+
 interface ValidationErrorDetail {
   operation: string
   path: string
@@ -16,6 +33,8 @@ export function installValidationCapture(): () => void {
     if (!(event instanceof CustomEvent)) return
     try {
       const detail = event.detail as ValidationErrorDetail
+      const dedupeKey = `${detail.operation}:${detail.path}:${detail.method}`
+      if (isRecentValidation(dedupeKey)) return
       const { config } = monitorStore.getState()
       const rawMsg = `Zod validation error in ${detail.operation}: ${detail.error?.message ?? 'unknown'}`
       monitorStore.getState().push({

package/src/client/store/index.ts

@@ -7,6 +7,33 @@ import { MONITOR_VERSION } from '../utils/env'
 const CIRCUIT_BREAKER_THRESHOLD = 3
 const CIRCUIT_BREAKER_COOLDOWN_MS = 60_000 // 1 minute
 
+// Global deduplication: skip pushing identical events within this window.
+// Protects against multiple capture sources (js-errors, console, ErrorTrackingProvider)
+// all firing for the same underlying error.
+const STORE_DEDUP_TTL = 5_000 // 5 seconds
+const STORE_DEDUP_MAX = 200
+const _recentPushKeys = new Map<string, number>()
+
+function _pushDedupeKey(event: MonitorEvent): string {
+  // Build a key from event_type + level + message (first 100 chars) + url
+  const msg = (event.message ?? '').slice(0, 100)
+  return `${event.event_type}:${event.level}:${msg}:${event.http_url ?? event.url ?? ''}`
+}
+
+function _isRecentPush(key: string): boolean {
+  const now = Date.now()
+  const last = _recentPushKeys.get(key)
+  if (last !== undefined && now - last < STORE_DEDUP_TTL) return true
+  _recentPushKeys.set(key, now)
+  // Evict old entries when map grows too large
+  if (_recentPushKeys.size > STORE_DEDUP_MAX) {
+    for (const [k, ts] of _recentPushKeys) {
+      if (now - ts > STORE_DEDUP_TTL) _recentPushKeys.delete(k)
+    }
+  }
+  return false
+}
+
 interface MonitorState {
   config: MonitorConfig
   buffer: MonitorEvent[]
@@ -26,6 +53,10 @@ export const monitorStore = createStore<MonitorState>((set, get) => ({
   _pausedUntil: 0,
 
   push(event) {
+    // Global dedup: skip if an identical event was pushed recently
+    const dedupeKey = _pushDedupeKey(event)
+    if (_isRecentPush(dedupeKey)) return
+
     const { config, buffer } = get()
     const maxSize = config.maxBufferSize ?? 20
     const sanitized: MonitorEvent = {