@djangocfg/layouts 2.1.229 → 2.1.231

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@djangocfg/layouts",
-  "version": "2.1.229",
+  "version": "2.1.231",
   "description": "Simple, straightforward layout components for Next.js - import and use with props",
   "keywords": [
     "layouts",
@@ -74,14 +74,14 @@
     "check": "tsc --noEmit"
   },
   "peerDependencies": {
-    "@djangocfg/api": "^2.1.229",
-    "@djangocfg/centrifugo": "^2.1.229",
-    "@djangocfg/i18n": "^2.1.229",
-    "@djangocfg/monitor": "^2.1.229",
-    "@djangocfg/debuger": "^2.1.229",
-    "@djangocfg/ui-core": "^2.1.229",
-    "@djangocfg/ui-nextjs": "^2.1.229",
-    "@djangocfg/ui-tools": "^2.1.229",
+    "@djangocfg/api": "^2.1.231",
+    "@djangocfg/centrifugo": "^2.1.231",
+    "@djangocfg/i18n": "^2.1.231",
+    "@djangocfg/monitor": "^2.1.231",
+    "@djangocfg/debuger": "^2.1.231",
+    "@djangocfg/ui-core": "^2.1.231",
+    "@djangocfg/ui-nextjs": "^2.1.231",
+    "@djangocfg/ui-tools": "^2.1.231",
     "@hookform/resolvers": "^5.2.2",
     "consola": "^3.4.2",
     "lucide-react": "^0.545.0",
@@ -109,15 +109,15 @@
     "uuid": "^11.1.0"
   },
   "devDependencies": {
-    "@djangocfg/api": "^2.1.229",
-    "@djangocfg/i18n": "^2.1.229",
-    "@djangocfg/centrifugo": "^2.1.229",
-    "@djangocfg/monitor": "^2.1.229",
-    "@djangocfg/debuger": "^2.1.229",
-    "@djangocfg/typescript-config": "^2.1.229",
-    "@djangocfg/ui-core": "^2.1.229",
-    "@djangocfg/ui-nextjs": "^2.1.229",
-    "@djangocfg/ui-tools": "^2.1.229",
+    "@djangocfg/api": "^2.1.231",
+    "@djangocfg/i18n": "^2.1.231",
+    "@djangocfg/centrifugo": "^2.1.231",
+    "@djangocfg/monitor": "^2.1.231",
+    "@djangocfg/debuger": "^2.1.231",
+    "@djangocfg/typescript-config": "^2.1.231",
+    "@djangocfg/ui-core": "^2.1.231",
+    "@djangocfg/ui-nextjs": "^2.1.231",
+    "@djangocfg/ui-tools": "^2.1.231",
     "@types/node": "^24.7.2",
     "@types/react": "^19.1.0",
     "@types/react-dom": "^19.1.0",

package/src/components/errors/ErrorsTracker/providers/ErrorTrackingProvider.tsx

@@ -31,6 +31,7 @@ import React, {
 } from 'react';
 
 import { toast } from '@djangocfg/ui-core/hooks';
+import { useDebugMode, isProduction } from '@djangocfg/monitor/client';
 
 import { createErrorToast } from '../components/ErrorToast';
 import {
@@ -175,6 +176,7 @@ export function ErrorTrackingProvider({
   onMonitorCapture,
 }: ErrorTrackingProviderProps) {
   const [errors, setErrors] = useState<StoredError[]>([]);
+  const isDebugMode = useDebugMode();
 
   // Merge user configs with defaults
   const validationConfig: Required<ValidationErrorConfig> = {
@@ -253,8 +255,8 @@ export function ErrorTrackingProvider({
       // Call custom error handler
       const shouldShowToast = onError?.(detail) !== false;
 
-      // Show toast notification using Sonner (only for unique errors)
-      if (config.showToast && shouldShowToast && isUnique) {
+      // Show toast notification using Sonner (only for unique errors, and only in debug mode on production)
+      if (config.showToast && shouldShowToast && isUnique && (!isProduction || isDebugMode)) {
         const toastOptions = createErrorToast(detail, config);
         toast.error(toastOptions.title, {
           description: toastOptions.description,
@@ -262,7 +264,7 @@ export function ErrorTrackingProvider({
         });
       }
     },
-    [onError, onMonitorCapture]
+    [onError, onMonitorCapture, isProduction, isDebugMode]
   );
 
   /**
@@ -288,21 +290,7 @@ export function ErrorTrackingProvider({
       handlers.push({ event: ERROR_EVENTS.VALIDATION, handler });
     }
 
-    // CORS errors
-    if (corsConfig.enabled) {
-      const handler = (event: Event) => {
-        if (!(event instanceof CustomEvent)) return;
-        const detail: CORSErrorDetail = {
-          ...event.detail,
-          type: 'cors' as const,
-        };
-        handleError(detail, corsConfig);
-      };
-      window.addEventListener(ERROR_EVENTS.CORS, handler);
-      handlers.push({ event: ERROR_EVENTS.CORS, handler });
-    }
-
-    // Network errors
+    // Network errors (includes possibly_cors hint from generated clients)
     if (networkConfig.enabled) {
       const handler = (event: Event) => {
         if (!(event instanceof CustomEvent)) return;

package/src/components/errors/ErrorsTracker/types.ts

@@ -57,6 +57,12 @@ export interface NetworkErrorDetail extends BaseErrorDetail {
   error: string;
   /** Status code if available */
   statusCode?: number;
+  /**
+   * Heuristic hint: request is cross-origin and PerformanceResourceTiming suggests
+   * the connection reached the server but JS was blocked — likely a CORS policy issue.
+   * Not definitive — browser intentionally prevents exact classification.
+   */
+  possibly_cors?: boolean;
 }
 
 /**

package/src/components/errors/ErrorsTracker/utils/formatters.ts

@@ -161,7 +161,7 @@ export function formatErrorTitle(detail: ValidationErrorDetail | CORSErrorDetail
     case 'validation':
       return `❌ Validation Error in ${detail.operation}`;
     case 'cors':
-      return '🚫 CORS Error';
+      return '⚠️ Server Unavailable';
     case 'network':
       return detail.statusCode
         ? `⚠️ Network Error (${detail.statusCode})`