@djangocfg/layouts 2.1.233 → 2.1.235

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@djangocfg/layouts",
-  "version": "2.1.233",
+  "version": "2.1.235",
   "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.233",
-    "@djangocfg/centrifugo": "^2.1.233",
-    "@djangocfg/i18n": "^2.1.233",
-    "@djangocfg/monitor": "^2.1.233",
-    "@djangocfg/debuger": "^2.1.233",
-    "@djangocfg/ui-core": "^2.1.233",
-    "@djangocfg/ui-nextjs": "^2.1.233",
-    "@djangocfg/ui-tools": "^2.1.233",
+    "@djangocfg/api": "^2.1.235",
+    "@djangocfg/centrifugo": "^2.1.235",
+    "@djangocfg/i18n": "^2.1.235",
+    "@djangocfg/monitor": "^2.1.235",
+    "@djangocfg/debuger": "^2.1.235",
+    "@djangocfg/ui-core": "^2.1.235",
+    "@djangocfg/ui-nextjs": "^2.1.235",
+    "@djangocfg/ui-tools": "^2.1.235",
     "@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.233",
-    "@djangocfg/i18n": "^2.1.233",
-    "@djangocfg/centrifugo": "^2.1.233",
-    "@djangocfg/monitor": "^2.1.233",
-    "@djangocfg/debuger": "^2.1.233",
-    "@djangocfg/typescript-config": "^2.1.233",
-    "@djangocfg/ui-core": "^2.1.233",
-    "@djangocfg/ui-nextjs": "^2.1.233",
-    "@djangocfg/ui-tools": "^2.1.233",
+    "@djangocfg/api": "^2.1.235",
+    "@djangocfg/i18n": "^2.1.235",
+    "@djangocfg/centrifugo": "^2.1.235",
+    "@djangocfg/monitor": "^2.1.235",
+    "@djangocfg/debuger": "^2.1.235",
+    "@djangocfg/typescript-config": "^2.1.235",
+    "@djangocfg/ui-core": "^2.1.235",
+    "@djangocfg/ui-nextjs": "^2.1.235",
+    "@djangocfg/ui-tools": "^2.1.235",
     "@types/node": "^24.7.2",
     "@types/react": "^19.1.0",
     "@types/react-dom": "^19.1.0",

package/src/components/errors/ErrorBoundary.tsx

@@ -6,6 +6,7 @@
 
 'use client';
 
+import { isDev } from "@djangocfg/ui-core/lib";
 import React, { Component, ErrorInfo, ReactNode } from 'react';
 
 import { getT } from '@djangocfg/i18n';
@@ -38,7 +39,7 @@ export class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundarySt
     }
 
     // Log to console in development
-    if (process.env.NODE_ENV === 'development') {
+    if (isDev) {
       console.error('ErrorBoundary caught an error:', error, errorInfo);
     }
   }

package/src/layouts/AppLayout/BaseApp.tsx

@@ -36,6 +36,7 @@
 
 'use client';
 
+import { nodeEnv } from "@djangocfg/ui-core/lib";
 import dynamic from 'next/dynamic';
 import NextTopLoader from 'nextjs-toploader';
 import { SWRConfig } from 'swr';
@@ -98,14 +99,14 @@ export function BaseApp({
   const centrifugoUrl = centrifugo?.url || process.env.NEXT_PUBLIC_CENTRIFUGO_URL;
   const centrifugoEnabled = centrifugo?.enabled !== false;
 
-  // Debug panel — enabled by default, disabled with { enabled: false }
-  const { enabled: debugEnabled = true, ...debugProps } = debug ?? {};
+  // Debug panel — always mounted, DebugButton handles visibility itself
+  const { enabled: debugEnabled, ...debugProps } = debug ?? {};
 
 
   // Monitor — project prop as default, override with monitor config
   const monitorConfig = {
     project,
-    environment: process.env.NODE_ENV,
+    environment: nodeEnv,
     ...monitor,
   };
 
@@ -169,8 +170,8 @@ export function BaseApp({
                     {/* Auth Dialog - global auth prompt */}
                     <AuthDialog authPath={auth?.routes?.auth} />
 
-                    {/* Debug Panel — enabled by default, disable with debug={{ enabled: false }} */}
-                    {debugEnabled && <DebugButton {...debugProps} />}
+                    {/* Debug Panel — auto in dev, ?debug=1 in prod, disable with debug={{ enabled: false }} */}
+                    <DebugButton enabled={debugEnabled} {...debugProps} />
                   </ErrorTrackingProvider>
                 </PwaProvider>
               </CentrifugoProvider>

package/src/layouts/types/layout.types.ts

@@ -64,9 +64,9 @@ export interface BaseLayoutProps {
   debug?: DebugConfig;
 }
 
-/** Debug panel config — enabled by default, pass enabled: false to disable */
+/** Debug panel config — enabled in development by default, pass enabled: true/false to override */
 export interface DebugConfig extends DebugButtonProps {
-  /** Set false to disable the debug panel. Default: true */
+  /** Set false to disable, true to force-enable. Default: process.env.NODE_ENV === 'development' */
   enabled?: boolean;
 }
 

package/src/snippets/Analytics/useAnalytics.ts

@@ -15,7 +15,7 @@ import ReactGA from 'react-ga4';
 import { useAuth } from '@djangocfg/api/auth';
 
 // Check if we're in production
-const isProduction = process.env.NODE_ENV === 'production';
+import { isProd as isProduction } from '@djangocfg/ui-core/lib';
 
 // Tracking state
 let isInitialized = false;

package/src/utils/config.ts

@@ -1,10 +1,12 @@
 /**
  * Frontend configuration from environment variables
  */
+import { isDev } from '@djangocfg/ui-core/lib';
+
 export const config = {
   /**
    * Development mode flag
    * In development mode, any OTP code is accepted for authentication
    */
-  isDevelopment: process.env.NODE_ENV === 'development',
+  isDevelopment: isDev,
 } as const;

package/src/utils/logger.ts

@@ -12,7 +12,7 @@ import { createConsola } from 'consola';
  * - 4: debug
  * - 5: trace, verbose
  */
-const isDevelopment = process.env.NODE_ENV === 'development';
+import { isDev as isDevelopment } from '@djangocfg/ui-core/lib';
 const isStaticBuild = process.env.NEXT_PUBLIC_STATIC_BUILD === 'true';
 const showLogs = isDevelopment || isStaticBuild;