create-nextjs-cms 0.5.55 → 0.5.58

package/templates/default/components/NavbarAlt.tsx

@@ -62,7 +62,7 @@ export default function Navbar(props: Props) {
                                     {/* Mobile menu button */}
                                     <button
                                         onClick={props.onMenuButtonClick}
-                                        className='relative inline-flex items-center justify-center rounded-md border border-foreground p-2 text-foreground hover:text-foreground/90 focus:outline-hidden focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-gray-800'
+                                        className='border-foreground text-foreground hover:text-foreground/90 relative inline-flex items-center justify-center rounded-md border p-2 focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-gray-800 focus:outline-hidden'
                                     >
                                         <span className='absolute -inset-0.5' />
                                         <span className='sr-only'>Open main menu</span>
@@ -87,7 +87,7 @@ export default function Navbar(props: Props) {
                                     <DropdownMenu>
                                         <DropdownMenuTrigger
                                             asChild
-                                            className='cursor-pointer text-foreground hover:text-foreground/90'
+                                            className='text-foreground hover:text-foreground/90 cursor-pointer'
                                         >
                                             <BellIcon className='h-6 w-6' />
                                         </DropdownMenuTrigger>
@@ -109,7 +109,7 @@ export default function Navbar(props: Props) {
                                             setTheme(theme === 'dark' ? 'light' : 'dark')
                                         }}
                                         type='button'
-                                        className='relative rounded-full p-1 text-foreground hover:text-foreground/90 focus:outline-hidden'
+                                        className='text-foreground hover:text-foreground/90 relative rounded-full p-1 focus:outline-hidden'
                                     >
                                         <span className='absolute -inset-1.5' />
                                         <span className='sr-only'>Theme</span>
@@ -123,7 +123,7 @@ export default function Navbar(props: Props) {
                                     <DropdownMenu>
                                         <DropdownMenuTrigger
                                             asChild
-                                            className='relative ms-2 flex max-w-xs cursor-pointer items-center rounded-full bg-gray-800 text-sm hover:ring-3 focus:outline-hidden focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-gray-800'
+                                            className='relative ms-2 flex max-w-xs cursor-pointer items-center rounded-full bg-gray-800 text-sm hover:ring-3 focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-gray-800 focus:outline-hidden'
                                         >
                                             <div>
                                                 <span className='absolute -inset-1.5' />
@@ -145,7 +145,7 @@ export default function Navbar(props: Props) {
                                                         height={36}
                                                         width={36}
                                                         alt='profile image'
-                                                        className='rounded-full ring-2 ring-inset ring-amber-300'
+                                                        className='rounded-full ring-2 ring-amber-300 ring-inset'
                                                     />
                                                 )}
                                             </div>

package/templates/default/components/SettingsPage.tsx

@@ -112,7 +112,7 @@ export default function SettingsPage() {
 
     return (
         <div>
-            <div className='w-full overflow-hidden bg-background'>
+            <div className='bg-background w-full overflow-hidden'>
                 <div className='bg-linear-to-r from-rose-200 via-rose-400 to-sky-400 p-8 font-extrabold text-black'>
                     <h1 className='text-3xl'>{getString('accountSettings')}</h1>
                 </div>

package/templates/default/components/Sidebar.tsx

@@ -32,7 +32,7 @@ const Sidebar = (props: SidebarProps) => {
     return (
         <div
             className={classNames({
-                'fixed z-20 h-full bg-linear-to-br from-indigo-600 to-sky-500 text-zinc-50 dark:from-slate-950 dark:to-pink-950 md:translate-x-0':
+                'fixed z-20 h-full bg-linear-to-br from-indigo-600 to-sky-500 text-zinc-50 md:translate-x-0 dark:from-slate-950 dark:to-pink-950':
                     true,
                 'transition-all duration-100 ease-in-out': true,
                 'w-[300px] md:w-[275px]': true,
@@ -52,7 +52,7 @@ const Sidebar = (props: SidebarProps) => {
                     })}
                 >
                     <span className='bg-gray-800 px-2 font-bold tracking-tighter text-amber-200 ring-1 ring-sky-500 transition-all duration-150 hover:bg-transparent hover:font-normal hover:tracking-[1em] hover:ring-0'>
-                        LAZEMNI
+                        nextjs-cms
                     </span>
                 </div>
                 <ScrollArea type='always' className='grow'>
@@ -74,7 +74,7 @@ const Sidebar = (props: SidebarProps) => {
                         {navItems && (
                             <>
                                 {navItems.fixed_sections && navItems.fixed_sections.length > 0 && (
-                                    <div className='mx-3 flex flex-col border-b border-primary/40 py-2'>
+                                    <div className='border-primary/40 mx-3 flex flex-col border-b py-2'>
                                         <h2 className='my-2 text-xs text-gray-300'>Main</h2>
                                         {navItems.fixed_sections.map((item, index) => {
                                             return (
@@ -89,7 +89,7 @@ const Sidebar = (props: SidebarProps) => {
                                 )}
 
                                 {navItems.cat_sections && navItems.cat_sections.length > 0 && (
-                                    <div className='mx-3 flex flex-col border-b border-primary/40 py-2'>
+                                    <div className='border-primary/40 mx-3 flex flex-col border-b py-2'>
                                         <h2 className='my-2 text-xs text-gray-300'>Category Sections</h2>
                                         {navItems.cat_sections.map((item, index) => {
                                             return (
@@ -104,7 +104,7 @@ const Sidebar = (props: SidebarProps) => {
                                 )}
 
                                 {navItems.has_items_sections && navItems.has_items_sections.length > 0 && (
-                                    <div className='mx-3 flex flex-col border-b border-primary/40 py-2'>
+                                    <div className='border-primary/40 mx-3 flex flex-col border-b py-2'>
                                         <h2 className='my-2 text-xs text-gray-300'>Sections with Items</h2>
                                         <div className='flex flex-col gap-y-2'>
                                             {navItems.has_items_sections.map((item, index) => {
@@ -182,7 +182,7 @@ const Sidebar = (props: SidebarProps) => {
                                 width={40}
                                 height={40}
                                 // fill={true}
-                                className='rounded-full ring-3 ring-foreground'
+                                className='ring-foreground rounded-full ring-3'
                             />
                         ) : (
                             <Image
@@ -190,7 +190,7 @@ const Sidebar = (props: SidebarProps) => {
                                 height={36}
                                 width={36}
                                 alt='profile image'
-                                className='rounded-full ring-2 ring-inset ring-amber-300'
+                                className='rounded-full ring-2 ring-amber-300 ring-inset'
                             />
                         )}
 

package/templates/default/components/form/Form.tsx

@@ -1,6 +1,5 @@
 export const revalidate = 1
 
-
 import ContainerBox from '@/components/ContainerBox'
 import getString from 'nextjs-cms/translations'
 import FormInputs from '@/components/form/FormInputs'
@@ -30,7 +29,8 @@ import {
     VideoFieldClientConfig,
 } from 'nextjs-cms/core/fields'
 
-import { numberFieldSchema,
+import {
+    numberFieldSchema,
     textFieldSchema,
     selectFieldSchema,
     selectMultipleFieldSchema,
@@ -43,11 +43,11 @@ import { numberFieldSchema,
     videoFieldSchema,
     colorFieldSchema,
     mapFieldSchema,
-    passwordFieldSchema
+    passwordFieldSchema,
 } from 'nextjs-cms/validators'
 
 import { ConditionalField, FieldType } from 'nextjs-cms/core/types'
-import { sectionSchemaLastUpdated } from '@/components/form/helpers/util'
+import { configLastUpdated } from '@/components/form/helpers/util'
 
 export default function Form({
     formType,
@@ -211,7 +211,7 @@ export default function Form({
                 }}
                 encType='multipart/form-data'
             >
-                <div className='w-full' data-section-schema-version={sectionSchemaLastUpdated}>
+                <div className='w-full' data-section-schema-version={configLastUpdated}>
                     {/*<ContainerBox title={formType ? getString(formType === 'new' ? 'add_new' : 'edit') : undefined}>*/}
                     <div className='p-4'>
                         <div className=''>

package/templates/default/components/form/helpers/util.ts

@@ -1,20 +1,20 @@
-// Safe import wrapper for sectionSchemaLastUpdated
+// Safe import wrapper for configLastUpdated
 // This prevents errors if the auto-generated file is deleted by end-users
 // The file is auto-generated by SectionFactory and can be safely deleted
 // without breaking the application - it will fall back to current timestamp
 
-let sectionSchemaLastUpdated: number
+let configLastUpdated: number
 
 try {
     // Try to import the auto-generated file from root
     // Using dynamic require to handle missing file gracefully
     // @/ alias resolves to the app root directory
     const sectionInfo = require('./_section-hot-reload.js')
-    sectionSchemaLastUpdated = sectionInfo?.sectionSchemaLastUpdated ?? Date.now()
+    configLastUpdated = sectionInfo?.configLastUpdated ?? Date.now()
 } catch {
     // If file doesn't exist or can't be loaded, use current timestamp as fallback
     // This ensures the app continues to work even if the file is deleted
-    sectionSchemaLastUpdated = Date.now()
+    configLastUpdated = Date.now()
 }
 
-export { sectionSchemaLastUpdated }
+export { configLastUpdated }