@djangocfg/layouts 2.1.366 → 2.1.368

package/package.json

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

package/src/layouts/AppLayout/BaseApp.tsx

@@ -37,7 +37,6 @@
 'use client';
 
 import { nodeEnv } from "@djangocfg/ui-core/lib";
-import dynamic from 'next/dynamic';
 import NextTopLoader from 'nextjs-toploader';
 import { SWRConfig } from 'swr';
 
@@ -61,10 +60,9 @@ import { A2HSHint, PWAPageResumeManager, PwaProvider } from '@djangocfg/ui-nextj
 import type { BaseLayoutProps } from '../types/layout.types';
 import { LayoutI18nProvider } from './LayoutI18nProvider';
 
-// Lazy load DebugButton from @djangocfg/debuger
-const DebugButton = dynamic(
-  () => import('@djangocfg/debuger').then(mod => ({ default: mod.DebugButton })),
-  { ssr: false }
+import React from 'react';
+const DebugButton = React.lazy(() =>
+  import('@djangocfg/debuger').then((m) => ({ default: m.DebugButton }))
 );
 
 // For backwards compatibility, re-export as BaseAppProps
@@ -93,6 +91,10 @@ export function BaseApp({
   debug,
   i18n,
 }: BaseAppProps) {
+  // auth=false disables AuthProvider entirely (public apps with no login)
+  const authEnabled = auth !== false;
+  const authConfig = auth === false ? undefined : auth;
+
   // ErrorBoundary is enabled by default
   const enableErrorBoundary = errorBoundary?.enabled !== false;
 
@@ -139,7 +141,7 @@ export function BaseApp({
             dedupingInterval: swr?.dedupingInterval ?? 2000,
           }}
         >
-          <AuthProvider config={auth}>
+          <AuthProvider config={authEnabled ? authConfig : undefined} enabled={authEnabled}>
             <AnalyticsProvider trackingId={analytics?.googleTrackingId}>
               <CentrifugoProvider
                 enabled={centrifugoEnabled}
@@ -188,8 +190,8 @@ export function BaseApp({
                       <PWAPageResumeManager enabled={true} />
                     )}
 
-                    {/* Auth Dialog - global auth prompt */}
-                    <AuthDialog authPath={auth?.routes?.auth} />
+                    {/* Auth Dialog - only when auth is enabled */}
+                    {authEnabled && <AuthDialog authPath={authConfig?.routes?.auth} />}
 
                     {/* Debug Panel — auto in dev, ?debug=1 in prod, disable with debug={{ enabled: false }} */}
                     {/* eslint-disable-next-line @typescript-eslint/no-explicit-any */}

package/src/layouts/PrivateLayout/PrivateLayout.tsx

@@ -9,7 +9,6 @@
 'use client';
 
 import React, { ReactNode } from 'react';
-import dynamic from 'next/dynamic';
 
 import { Preloader } from '@djangocfg/ui-core/components';
 import { SidebarInset, SidebarProvider } from '@djangocfg/ui-core/components';
@@ -43,10 +42,8 @@ export { SidebarBrandSwitcher } from './components';
 
 export { PrivateLayoutProps };
 
-// Lazy-load ProfileDialog so the profile bundle is only fetched when opened.
-const ProfileDialog = dynamic(
-  () => import('../ProfileLayout/ProfileDialog/ProfileDialog').then((m) => m.ProfileDialog),
-  { ssr: false },
+const ProfileDialog = React.lazy(() =>
+  import('../ProfileLayout/ProfileDialog/ProfileDialog').then((m) => ({ default: m.ProfileDialog }))
 );
 
 export function PrivateLayout({

package/src/layouts/PublicLayout/components/UserMenu.tsx

@@ -65,6 +65,8 @@ export interface UserMenuProps {
   groups?: UserMenuGroup[];
   /** Auth page path (for sign in button) */
   authPath?: string;
+  /** Disable the sign-in button (guest state, auth not available) */
+  disableAuth?: boolean;
   /**
    * Language switching inside this menu (desktop: submenu; mobile: button row).
    * Prefer this over nesting `<LocaleSwitcher />` in the same dropdown — nested menus close each other.
@@ -76,6 +78,7 @@ export function UserMenu({
   variant = 'desktop',
   groups,
   authPath = '/auth',
+  disableAuth = false,
   i18n,
 }: UserMenuProps) {
   const { user, isAuthenticated } = useAuth();
@@ -144,6 +147,13 @@ export function UserMenu({
         </div>
       );
     }
+    if (disableAuth) {
+      return (
+        <Button variant="default" size="sm" className="rounded-full px-5" disabled>
+          {labels.signIn}
+        </Button>
+      );
+    }
     return (
       <Link href={authPath}>
         <Button variant="default" size="sm" className="rounded-full px-5">

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

@@ -44,8 +44,8 @@ export interface BaseLayoutProps {
   /** Theme configuration */
   theme?: ThemeConfig;
 
-  /** Auth configuration */
-  auth?: AuthConfig;
+  /** Auth configuration. Pass `false` to disable AuthProvider entirely (public apps). */
+  auth?: AuthConfig | false;
 
   /** Analytics configuration (from snippets/Analytics) */
   analytics?: AnalyticsConfig;