create-nextjs-cms 0.6.1 → 0.6.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-nextjs-cms",
-  "version": "0.6.1",
+  "version": "0.6.3",
   "private": false,
   "type": "module",
   "bin": {

package/templates/default/app/(auth)/auth/login/LoginPage.tsx

@@ -11,6 +11,7 @@ import { Button } from '@/components/ui/button'
 import { MoonIcon, SunIcon } from '@radix-ui/react-icons'
 import { useTheme } from 'next-themes'
 import { login, useSession } from 'nextjs-cms/auth/react'
+import { wasLocaleChangedOnLogin } from 'nextjs-cms/translations'
 import LoginLocaleDropdown from '@/components/login-locale-dropdown'
 import { useAuthLocale } from '../../auth-locale-provider'
 
@@ -38,10 +39,13 @@ export default function LoginPage() {
             loginButtonRef.current.innerHTML = t('loading')
         }
         try {
+            // Only send locale if user explicitly changed it on login page
+            // Otherwise, server will use admin's stored DB preference
+            const localeChanged = wasLocaleChangedOnLogin()
             await login({
                 username: formRef.current?.username.value,
                 password: formRef.current?.password.value,
-                locale: initialLocale,
+                locale: localeChanged ? initialLocale : undefined,
             })
         } catch (error: any) {
             if (loginButtonRef.current) {

package/templates/default/app/(rootLayout)/(plugins)/[...slug]/page.tsx

@@ -1,7 +1,7 @@
 import { notFound } from 'next/navigation'
 import auth from 'nextjs-cms/auth'
 import { getAdminPrivileges } from 'nextjs-cms/api/helpers'
-import { findPluginRouteByPath } from 'nextjs-cms/plugins/server'
+import { findPluginRouteByPath, isDashboardOverridePlugin } from 'nextjs-cms/plugins/server'
 import { getPluginServerComponent } from './plugin-server-registry'
 
 export const dynamic = 'force-dynamic'
@@ -22,9 +22,13 @@ export default async function Page(props: { params: Params }) {
         notFound()
     }
 
-    const privilegeSet = await getAdminPrivileges(session.user.id)
-    if (!privilegeSet.has(plugin.pluginName)) {
-        notFound()
+    // Bypass privilege check for dashboard override plugin
+    const isDashboardPlugin = await isDashboardOverridePlugin(plugin.pluginName)
+    if (!isDashboardPlugin) {
+        const privilegeSet = await getAdminPrivileges(session.user.id)
+        if (!privilegeSet.has(plugin.pluginName)) {
+            notFound()
+        }
     }
 
     const PluginComponent = await getPluginServerComponent(plugin.pluginRegistryName, plugin.component)

package/templates/default/app/(rootLayout)/dashboard/page.tsx

@@ -1,6 +1,9 @@
+import { getDashboardOverride } from 'nextjs-cms/plugins/server'
+import { getPluginServerComponent } from '../(plugins)/[...slug]/plugin-server-registry'
+
 export const dynamic = 'force-dynamic'
 
-export default function DashboardPage() {
+function DefaultDashboard() {
     return (
         <div className='w-full'>
             <div className='bg-linear-to-r from-amber-200 via-orange-200 to-rose-200 p-8 text-foreground dark:from-amber-900 dark:via-orange-900 dark:to-rose-900'>
@@ -42,3 +45,19 @@ export default function DashboardPage() {
         </div>
     )
 }
+
+export default async function DashboardPage() {
+    // Check for dashboard override configuration
+    const override = await getDashboardOverride()
+    if (!override) {
+        return <DefaultDashboard />
+    }
+
+    // Render the override plugin component (no privilege check for dashboard override)
+    const PluginComponent = await getPluginServerComponent(override.pluginRegistryName, override.component)
+    if (!PluginComponent) {
+        return <DefaultDashboard />
+    }
+
+    return <PluginComponent />
+}

package/templates/default/app/globals.css

@@ -3,6 +3,11 @@
 
 @custom-variant dark (&:is(.dark *));
 
+/**
+ * Background colors for the dashboard plugin
+ */
+@source inline("{dark:,}bg-orange-{50,{100..900..100},950}");
+
 @utility container {
   margin-inline: auto;
   padding-inline: 2rem;

package/templates/default/components/AdminCard.tsx

@@ -11,13 +11,12 @@ import { Button } from '@/components/ui/button'
 import { trpc } from '@/app/_trpc/client'
 import Image from 'next/image'
 import type { RouterOutputs } from 'nextjs-cms/api'
-
 export default function AdminCard({
     admin,
     action,
 }: {
-    admin: RouterOutputs['admins']['list']['admins'][0]
-    action: any
+    admin: NonNullable<RouterOutputs['admins']['list']['admins']>[number]
+    action: () => void
 }) {
     const t = useI18n()
     const { setModal, modal, modalResponse, setModalResponse } = useModal()

package/templates/default/components/AdminPrivilegeCard.tsx

@@ -16,7 +16,7 @@ export default function AdminRoleCard({
         publisher: false,
     }
 }: {
-    privilege: RouterOutputs['admins']['list']['privileges'][0]
+    privilege: NonNullable<RouterOutputs['admins']['list']['privileges']>[number]
     allChecked: boolean | 'edited' | null
     setAllChecked: React.Dispatch<React.SetStateAction<boolean | 'edited' | null>>
     defaultValue?: {

package/templates/default/components/form/helpers/_section-hot-reload.js

@@ -8,4 +8,4 @@ export const revalidate = 0
 
 // @refresh reset
 
-export const configLastUpdated = 1769701296873
+export const configLastUpdated = 1769902638411

package/templates/default/components/login-locale-dropdown.tsx

@@ -3,7 +3,7 @@
 import { useCallback } from 'react'
 import { useRouter } from 'next/navigation'
 import { useI18n } from 'nextjs-cms/translations/client'
-import { setLoginPageLocaleCookie } from 'nextjs-cms/translations'
+import { setLoginPageLocaleCookie, markLocaleChangedOnLogin } from 'nextjs-cms/translations'
 import LocalePicker from './locale-picker'
 
 export interface LoginLocaleDropdownProps {
@@ -29,6 +29,7 @@ export default function LoginLocaleDropdown({
         (locale: string) => {
             if (locale === currentLocale) return
             setLoginPageLocaleCookie(locale)
+            markLocaleChangedOnLogin()
             router.refresh()
         },
         [currentLocale, router],

package/templates/default/components/ui/badge.tsx

@@ -12,6 +12,7 @@ const badgeVariants = cva(
                 default: 'border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90',
                 primary: 'border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90',
                 secondary: 'border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90',
+                success: 'border-transparent bg-green-500 text-white [a&]:hover:bg-green-600',
                 destructive:
                     'border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',
                 outline: 'text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground',

package/templates/default/package.json

@@ -61,11 +61,11 @@
     "file-type": "^20.1.0",
     "isomorphic-dompurify": "^2.21.0",
     "lodash-es": "^4.17.21",
-    "lucide-react": "^0.475.0",
+    "lucide-react": "^0.563.0",
     "nanoid": "^5.1.2",
     "next": "16.1.1",
     "next-themes": "^0.4.6",
-    "nextjs-cms": "0.6.1",
+    "nextjs-cms": "0.6.3",
     "plaiceholder": "^3.0.0",
     "prettier-plugin-tailwindcss": "^0.7.2",
     "qrcode": "^1.5.4",
@@ -98,7 +98,7 @@
     "eslint-config-prettier": "^10.0.1",
     "eslint-plugin-prettier": "^5.2.3",
     "fs-extra": "^11.3.3",
-    "nextjs-cms-kit": "0.6.1",
+    "nextjs-cms-kit": "0.6.3",
     "postcss": "^8.5.1",
     "prettier": "3.5.0",
     "raw-loader": "^4.0.2",