npm - create-nextjs-cms - Versions diffs - 0.6.7 → 0.6.9 - Mend

create-nextjs-cms 0.6.7 → 0.6.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (11) hide show

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "create-nextjs-cms",
-  "version": "0.6.7",
+  "version": "0.6.9",
   "private": false,
   "type": "module",
   "bin": {
@@ -29,8 +29,8 @@
     "tsx": "^4.20.6",
     "typescript": "^5.9.2",
     "@lzcms/eslint-config": "0.3.0",
-    "@lzcms/prettier-config": "0.1.0",
-    "@lzcms/tsconfig": "0.1.0"
+    "@lzcms/tsconfig": "0.1.0",
+    "@lzcms/prettier-config": "0.1.0"
   },
   "prettier": "@lzcms/prettier-config",
   "scripts": {

package/templates/default/app/(auth)/layout.tsx CHANGED Viewed

@@ -9,8 +9,10 @@ import auth from 'nextjs-cms/auth'
 import { getCMSConfig } from 'nextjs-cms/core'
 import { I18nProviderClient } from 'nextjs-cms/translations/client'
 import { resolveLocale, RTL_LOCALES, LOCALE_COOKIE_NAME } from 'nextjs-cms/translations'
+import { getClientDictionaries } from 'nextjs-cms/translations/server'
 import { redirect } from 'next/navigation'
 import { AuthLocaleProvider } from './auth-locale-provider'
+import { DirectionProvider } from "@/components/ui/direction"
 const inter = Inter({
     subsets: ['latin'],
@@ -31,16 +33,21 @@ export async function generateMetadata(): Promise<Metadata> {
 }
 export default async function RootLayout({ children }: { children: React.ReactNode }) {
-    const session = await auth()
+    const [session, cmsConfig] = await Promise.all([
+        auth(),
+        getCMSConfig(),
+    ])
     if (session) {
         redirect('/')
     }
-    const cmsConfig = await getCMSConfig()
     const { supportedLanguages, fallbackLanguage } = cmsConfig.i18n
     const cookieStore = await cookies()
     const cookieLocale = cookieStore.get(LOCALE_COOKIE_NAME)?.value
     const locale = resolveLocale(cookieLocale, supportedLanguages, fallbackLanguage)
     const isRTL = RTL_LOCALES.has(locale)
+    const dictionaries = getClientDictionaries(supportedLanguages)
     return (
         <html lang={locale} dir={isRTL ? 'rtl' : 'ltr'} suppressHydrationWarning>
@@ -50,7 +57,8 @@ export default async function RootLayout({ children }: { children: React.ReactNo
                     isRTL ? cairo.variable : inter.variable,
                 )}
             >
-                <I18nProviderClient locale={locale}>
+                <DirectionProvider dir={isRTL ? 'rtl' : 'ltr'} direction={isRTL ? 'rtl' : 'ltr'}>
+                <I18nProviderClient locale={locale} dictionaries={dictionaries}>
                     <ThemeProvider
                         attribute='class'
                         defaultTheme={cmsConfig.ui.defaultTheme}
@@ -66,6 +74,7 @@ export default async function RootLayout({ children }: { children: React.ReactNo
                         </AuthLocaleProvider>
                     </ThemeProvider>
                 </I18nProviderClient>
+                </DirectionProvider>
             </body>
         </html>
     )

package/templates/default/app/(rootLayout)/layout.tsx CHANGED Viewed

@@ -8,8 +8,11 @@ import auth from 'nextjs-cms/auth'
 import { getCMSConfig } from 'nextjs-cms/core'
 import { I18nProviderClient } from 'nextjs-cms/translations/client'
 import { resolveLocale, RTL_LOCALES } from 'nextjs-cms/translations'
+import { getClientDictionaries } from 'nextjs-cms/translations/server'
 import { api, HydrateClient } from 'nextjs-cms/api/trpc/server'
 import Layout from '@/components/Layout'
+import { redirect } from 'next/navigation'
+import { DirectionProvider } from "@/components/ui/direction"
 const inter = Inter({
     subsets: ['latin'],
@@ -30,12 +33,20 @@ export async function generateMetadata(): Promise<Metadata> {
 }
 export default async function CMSLayout({ children }: { children: React.ReactNode }) {
-    const session = await auth()
-    const cmsConfig = await getCMSConfig()
+    const [session, cmsConfig, _] = await Promise.all([
+        auth(),
+        getCMSConfig(),
+        api.navigation.getSidebar.prefetch(),
+    ])
+    if (!session) {
+        redirect('/auth/login')
+    }
     const { supportedLanguages, fallbackLanguage } = cmsConfig.i18n
-    const locale = resolveLocale(session?.user?.locale, supportedLanguages, fallbackLanguage)
+    const locale = resolveLocale(session.user.locale, supportedLanguages, fallbackLanguage)
     const isRTL = RTL_LOCALES.has(locale)
-    await api.navigation.getSidebar.prefetch()
+    const dictionaries = getClientDictionaries(supportedLanguages)
     return (
         <html lang={locale} dir={isRTL ? 'rtl' : 'ltr'} suppressHydrationWarning>
@@ -45,7 +56,8 @@ export default async function CMSLayout({ children }: { children: React.ReactNod
                     isRTL ? cairo.variable : inter.variable,
                 )}
             >
-                <I18nProviderClient locale={locale}>
+                <DirectionProvider dir={isRTL ? 'rtl' : 'ltr'} direction={isRTL ? 'rtl' : 'ltr'}>
+                <I18nProviderClient locale={locale} dictionaries={dictionaries}>
                     <ThemeProvider
                         attribute='class'
                         defaultTheme={cmsConfig.ui.defaultTheme}
@@ -59,8 +71,9 @@ export default async function CMSLayout({ children }: { children: React.ReactNod
                             </Layout>
                         </HydrateClient>
                         </Providers>
-                    </ThemeProvider>
-                </I18nProviderClient>
+                        </ThemeProvider>
+                    </I18nProviderClient>
+                </DirectionProvider>
             </body>
         </html>

package/templates/default/cms.config.ts CHANGED Viewed

@@ -46,7 +46,7 @@ export const config: CMSConfig = {
         },
     },
     i18n: {
-        supportedLanguages: { en, ar },
+        supportedLanguages: { ar, en },
         fallbackLanguage: 'en',
     },
 }

package/templates/default/components/Navbar.tsx CHANGED Viewed

@@ -42,7 +42,6 @@ const formatTimestamp = (value?: Date | string | null) => {
 export default function Navbar(props: Props) {
     const t = useI18n()
-    const { theme, setTheme } = useTheme()
     const session = useSession()
     const { toast } = useToast()
     const locale = session?.data?.user?.locale ?? 'en'
@@ -132,9 +131,8 @@ export default function Navbar(props: Props) {
                                         </DropdownMenuTrigger>
                                         <DropdownMenuContent
                                             sideOffset={12}
-                                            align={isRTL ? 'start' : 'end'}
+                                            align={'end'}
                                             side='bottom'
-                                            alignOffset={isRTL ? 20 : -20}
                                             className='w-[400px] max-w-full ring-1 ring-sky-400/80 dark:ring-amber-900'
                                         >
                                             <DropdownMenuLabel>{t('notifications')}</DropdownMenuLabel>
@@ -225,9 +223,8 @@ export default function Navbar(props: Props) {
                                         </DropdownMenuTrigger>
                                         <DropdownMenuContent
                                             sideOffset={12}
-                                            align={isRTL ? 'start' : 'end'}
+                                            align={'end'}
                                             side='bottom'
-                                            alignOffset={isRTL ? 10 : -10}
                                             className='w-56 max-w-full ring-1 ring-sky-400/80 dark:ring-amber-900'
                                         >
                                             <DropdownMenuLabel>{session.data?.user.name}</DropdownMenuLabel>

package/templates/default/components/VariantCard.tsx CHANGED Viewed

@@ -24,6 +24,7 @@ const VariantCard = ({
     const axiosPrivate = useAxiosPrivate()
     const controller = new AbortController()
     const { toast } = useToast()
+    const t = useI18n()
     const handleDelete = async () => {
         const response = await handleVariantDeletion(variant.variant_name, variantItem.id, axiosPrivate, controller)

package/templates/default/components/form/inputs/TagsFormInput.tsx CHANGED Viewed

@@ -103,7 +103,8 @@ export default function TagsFormInput({ input }: { input: TagsFieldClientConfig
             <div
                 className={cn(
-                    'border-input focus-within:ring-ring flex min-h-9 w-full flex-wrap items-center gap-1 rounded-md border bg-transparent px-3 py-1 text-sm shadow-xs transition-colors focus-within:ring-1',
+                    'bg-input text-foreground w-full rounded px-3 py-1 shadow-xs ring-2 ring-gray-300 outline-0 transition-colors hover:ring-gray-400 focus-within:ring-blue-500',
+                    'flex min-h-9 flex-wrap items-center gap-1 text-sm',
                     'cursor-text',
                     field.disabled && 'cursor-not-allowed opacity-50',
                 )}
@@ -114,7 +115,7 @@ export default function TagsFormInput({ input }: { input: TagsFieldClientConfig
                         key={`${tag}-${index}`}
                         variant='secondary'
                         className={cn(
-                            'flex items-center gap-1 px-2 py-1 text-xs transition-all duration-200',
+                            'flex items-center gap-1 px-2 py-1 text-xs transition-all duration-200 border-foreground/40',
                             highlightedTag === tag ? 'bg-success/20 border-success/50 animate-pulse' : '',
                         )}
                     >

package/templates/default/components/locale-picker.tsx CHANGED Viewed

@@ -64,7 +64,7 @@ export default function LocalePicker({
                 </button>
             </DropdownMenuTrigger>
             <DropdownMenuContent
-                align={isRTL ? 'start' : 'end'}
+                align={'end'}
                 sideOffset={12}
                 className='ring-1 ring-sky-400/80 dark:ring-amber-900'
             >

package/templates/default/components/ui/direction.tsx ADDED Viewed

@@ -0,0 +1,22 @@
+"use client"
+import * as React from "react"
+import { Direction } from "radix-ui"
+function DirectionProvider({
+  dir,
+  direction,
+  children,
+}: React.ComponentProps<typeof Direction.DirectionProvider> & {
+  direction?: React.ComponentProps<typeof Direction.DirectionProvider>["dir"]
+}) {
+  return (
+    <Direction.DirectionProvider dir={direction ?? dir}>
+      {children}
+    </Direction.DirectionProvider>
+  )
+}
+const useDirection = Direction.useDirection
+export { DirectionProvider, useDirection }

package/templates/default/next-env.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-import "./.next/types/routes.d.ts";
+import "./.next/dev/types/routes.d.ts";
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

package/templates/default/package.json CHANGED Viewed

@@ -65,10 +65,11 @@
     "nanoid": "^5.1.2",
     "next": "16.1.1",
     "next-themes": "^0.4.6",
-    "nextjs-cms": "0.6.7",
+    "nextjs-cms": "0.6.9",
     "plaiceholder": "^3.0.0",
     "prettier-plugin-tailwindcss": "^0.7.2",
     "qrcode": "^1.5.4",
+    "radix-ui": "^1.4.3",
     "react": "19.2.3",
     "react-day-picker": "9.12.0",
     "react-dom": "19.2.3",
@@ -98,7 +99,7 @@
     "eslint-config-prettier": "^10.0.1",
     "eslint-plugin-prettier": "^5.2.3",
     "fs-extra": "^11.3.3",
-    "nextjs-cms-kit": "0.6.7",
+    "nextjs-cms-kit": "0.6.9",
     "postcss": "^8.5.1",
     "prettier": "3.5.0",
     "raw-loader": "^4.0.2",