@djangocfg/nextjs 2.1.111 → 2.1.112

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@djangocfg/nextjs",
-  "version": "2.1.111",
+  "version": "2.1.112",
   "description": "Next.js server utilities: sitemap, health, OG images, contact forms, navigation, config",
   "keywords": [
     "nextjs",
@@ -160,8 +160,8 @@
     "pwa": "tsx src/pwa/cli.ts"
   },
   "peerDependencies": {
-    "@djangocfg/i18n": "^2.1.111",
-    "@djangocfg/ui-core": "^2.1.111",
+    "@djangocfg/i18n": "^2.1.112",
+    "@djangocfg/ui-core": "^2.1.112",
     "next": "^16.0.10"
   },
   "peerDependenciesMeta": {
@@ -181,11 +181,11 @@
     "web-push": "^3.6.7"
   },
   "devDependencies": {
-    "@djangocfg/i18n": "^2.1.111",
-    "@djangocfg/ui-core": "^2.1.111",
-    "@djangocfg/imgai": "^2.1.111",
-    "@djangocfg/layouts": "^2.1.111",
-    "@djangocfg/typescript-config": "^2.1.111",
+    "@djangocfg/i18n": "^2.1.112",
+    "@djangocfg/ui-core": "^2.1.112",
+    "@djangocfg/imgai": "^2.1.112",
+    "@djangocfg/layouts": "^2.1.112",
+    "@djangocfg/typescript-config": "^2.1.112",
     "@types/node": "^24.7.2",
     "@types/react": "19.2.2",
     "@types/react-dom": "19.2.1",

package/src/i18n/components/LocaleSwitcher.tsx

@@ -1,7 +1,8 @@
 /**
- * LocaleSwitcher Component
+ * LocaleSwitcher Component (Smart)
  *
- * Ready-to-use locale switcher dropdown using @djangocfg/ui-core components
+ * Wrapper around @djangocfg/layouts LocaleSwitcher with next-intl hooks.
+ * Automatically gets locale data from routing config.
  *
  * @example
  * ```tsx
@@ -26,99 +27,34 @@
 
 'use client';
 
-import { Globe } from 'lucide-react';
-
 import {
-  Button,
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-} from '@djangocfg/ui-core/components';
+  LocaleSwitcher as BaseLocaleSwitcher,
+  type LocaleSwitcherProps as BaseLocaleSwitcherProps,
+} from '@djangocfg/layouts';
 
 import { useLocaleSwitcher } from '../client';
 import type { LocaleCode } from '../types';
 
-// Default locale labels
-const DEFAULT_LABELS: Record<string, string> = {
-  en: 'English',
-  ru: 'Русский',
-  ko: '한국어',
-  zh: '中文',
-  ja: '日本語',
-  es: 'Español',
-  fr: 'Français',
-  de: 'Deutsch',
-  pt: 'Português',
-  it: 'Italiano',
-  ar: 'العربية',
-  hi: 'हिन्दी',
-  tr: 'Türkçe',
-  pl: 'Polski',
-  nl: 'Nederlands',
-  uk: 'Українська',
-};
-
-export interface LocaleSwitcherProps {
+export interface LocaleSwitcherProps
+  extends Omit<BaseLocaleSwitcherProps, 'locale' | 'locales' | 'onChange'> {
   /** Available locales (defaults to all from routing config) */
   locales?: LocaleCode[];
-  /** Custom labels for locales */
-  labels?: Record<string, string>;
-  /** Show locale code instead of/with label */
-  showCode?: boolean;
-  /** Button variant */
-  variant?: 'ghost' | 'outline' | 'default';
-  /** Button size */
-  size?: 'sm' | 'default' | 'lg' | 'icon';
-  /** Show icon */
-  showIcon?: boolean;
-  /** Custom className */
-  className?: string;
 }
 
 export function LocaleSwitcher({
   locales: customLocales,
-  labels = {},
-  showCode = false,
-  variant = 'ghost',
-  size = 'sm',
-  showIcon = true,
-  className,
+  ...props
 }: LocaleSwitcherProps) {
   const { locale, locales: routingLocales, changeLocale } = useLocaleSwitcher();
 
   const availableLocales = customLocales || routingLocales;
-  const allLabels = { ...DEFAULT_LABELS, ...labels };
-
-  const getLabel = (code: LocaleCode) => {
-    const label = allLabels[code] || code.toUpperCase();
-    if (showCode) {
-      return `${code.toUpperCase()} - ${label}`;
-    }
-    return label;
-  };
-
-  const currentLabel = showCode ? locale.toUpperCase() : getLabel(locale);
 
   return (
-    <DropdownMenu>
-      <DropdownMenuTrigger asChild>
-        <Button variant={variant} size={size} className={className}>
-          {showIcon && <Globe className="h-4 w-4 mr-1" />}
-          <span>{currentLabel}</span>
-        </Button>
-      </DropdownMenuTrigger>
-      <DropdownMenuContent align="end">
-        {availableLocales.map((code) => (
-          <DropdownMenuItem
-            key={code}
-            onClick={() => changeLocale(code)}
-            className={code === locale ? 'bg-accent' : ''}
-          >
-            {getLabel(code)}
-          </DropdownMenuItem>
-        ))}
-      </DropdownMenuContent>
-    </DropdownMenu>
+    <BaseLocaleSwitcher
+      locale={locale}
+      locales={availableLocales}
+      onChange={changeLocale}
+      {...props}
+    />
   );
 }

package/src/i18n/routing.ts

@@ -36,7 +36,7 @@ const DEFAULT_LOCALE: LocaleCode = 'en';
 export function createRouting(config?: Partial<I18nConfig>) {
   const locales = config?.locales ?? DEFAULT_LOCALES;
   const defaultLocale = config?.defaultLocale ?? DEFAULT_LOCALE;
-  const localePrefix = config?.localePrefix ?? 'always';
+  const localePrefix = config?.localePrefix ?? 'as-needed';
 
   return defineRouting({
     locales,