create-nextjs-cms 0.5.20 → 0.5.23

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

@@ -14,7 +14,7 @@ const ToastViewport = React.forwardRef<
     <ToastPrimitives.Viewport
         ref={ref}
         className={cn(
-            'fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]',
+            'fixed top-0 z-100 flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]',
             className,
         )}
         {...props}
@@ -23,7 +23,7 @@ const ToastViewport = React.forwardRef<
 ToastViewport.displayName = ToastPrimitives.Viewport.displayName
 
 const toastVariants = cva(
-    'group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 pr-6 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full',
+    'group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 pr-6 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-(--radix-toast-swipe-end-x) data-[swipe=move]:translate-x-(--radix-toast-swipe-move-x) data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full sm:data-[state=open]:slide-in-from-bottom-full',
     {
         variants: {
             variant: {
@@ -54,7 +54,7 @@ const ToastAction = React.forwardRef<
     <ToastPrimitives.Action
         ref={ref}
         className={cn(
-            'inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary focus:outline-none focus:ring-1 focus:ring-ring disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive',
+            'inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary focus:outline-hidden focus:ring-1 focus:ring-ring disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 hover:group-[.destructive]:border-destructive/30 hover:group-[.destructive]:bg-destructive hover:group-[.destructive]:text-destructive-foreground focus:group-[.destructive]:ring-destructive',
             className,
         )}
         {...props}
@@ -69,7 +69,7 @@ const ToastClose = React.forwardRef<
     <ToastPrimitives.Close
         ref={ref}
         className={cn(
-            'absolute right-1 top-1 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600',
+            'absolute right-1 top-1 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-hidden focus:ring-1 group-hover:opacity-100 group-[.destructive]:text-red-300 hover:group-[.destructive]:text-red-50 focus:group-[.destructive]:ring-red-400 focus:group-[.destructive]:ring-offset-red-600',
             className,
         )}
         toast-close=''

package/templates/default/eslint.config.mjs

@@ -0,0 +1,38 @@
+import { defineConfig } from "eslint/config";
+import next from "eslint-config-next";
+import nextCoreWebVitals from "eslint-config-next/core-web-vitals";
+import typescriptEslint from "@typescript-eslint/eslint-plugin";
+import prettier from "eslint-plugin-prettier";
+import drizzle from "eslint-plugin-drizzle";
+import tsParser from "@typescript-eslint/parser";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import js from "@eslint/js";
+import { FlatCompat } from "@eslint/eslintrc";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const compat = new FlatCompat({
+    baseDirectory: __dirname,
+    recommendedConfig: js.configs.recommended,
+    allConfig: js.configs.all
+});
+
+export default defineConfig([{
+    extends: [
+        ...nextCoreWebVitals,
+        ...compat.extends("prettier"),
+        ...next,
+        ...compat.extends("plugin:drizzle/recommended")
+    ],
+
+    plugins: {
+        "@typescript-eslint": typescriptEslint,
+        prettier,
+        drizzle,
+    },
+
+    languageOptions: {
+        parser: tsParser,
+    },
+}]);

package/templates/default/lz.config.ts

@@ -3,16 +3,26 @@ import process from 'process'
 import { resolve } from 'path'
 
 export const config: CMSConfig = {
-    sectionsFolder: resolve(process.cwd(), 'sections'),
-    siteName: 'NEXT CMS Admin',
-    theme: 'dark',
-    files: {
+    ui: {
+        title: 'NEXT CMS Admin',
+        defaultTheme: 'dark',
+        logo: '/logo.svg',
+    },
+    debug: true,
+    sections: {
+        path: resolve(process.cwd(), 'sections'),
+        strict: false,
+        category: {
+            allowRecursiveDelete: true,
+        },
+    },
+    media: {
         upload: {
-            keepFileExtension: true,
-            uploadPath:
+            path:
                 process.env.NODE_ENV === 'development'
                     ? 'D:/Work/WebstormProjects/turbo-expo-next/apps/web/public/content/'
                     : '/home2/syriasell/public_html/assets/content',
+            preserveExtension: true,
         },
         images: {
             thumbnail: {
@@ -24,17 +34,15 @@ export const config: CMSConfig = {
             watermark: false,
         },
     },
-    sections: {
-        category: {
-            allowRecursiveDelete: true,
-        },
-    },
-    db: {
-        schemaNamingConvention: {
-            tableCaseStyle: 'pascalCase',
-            columnCaseStyle: 'camelCase',
+    schemaGeneration: {
+        drizzle: {
+            enabled: true,
+            outDir: './dynamic-schemas',
+            fileName: 'schema.ts',
+            naming: {
+                tables: 'pascalCase',
+                columns: 'camelCase',
+            },
         },
     },
-    debug: true,
-    strict: false,
 }

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

@@ -1,6 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-/// <reference path="./.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

@@ -3,10 +3,10 @@
   "version": "0.0.1",
   "private": true,
   "scripts": {
-    "dev": "next dev --turbopack",
+    "dev": "next dev --webpack",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint",
+    "lint": "eslint .",
     "typecheck": "tsc --noEmit",
     "postinstall": "node ./postinstall.js",
     "db:gen": "drizzle-kit generate",
@@ -28,7 +28,7 @@
     "@hookform/resolvers": "^5.2.2",
     "@material-tailwind/react": "^2.1.10",
     "@mui/material": "^6.4.3",
-    "@next/env": "^15.1.6",
+    "@next/env": "^16.0.10",
     "@radix-ui/react-accordion": "^1.2.3",
     "@radix-ui/react-aspect-ratio": "^1.1.2",
     "@radix-ui/react-checkbox": "^1.1.4",
@@ -44,6 +44,7 @@
     "@radix-ui/react-tabs": "^1.1.3",
     "@radix-ui/react-toast": "^1.2.6",
     "@radix-ui/react-tooltip": "^1.1.8",
+    "@tailwindcss/postcss": "^4.1.18",
     "@tanstack/react-query": "^5.66.0",
     "@tanstack/react-query-devtools": "^5.66.0",
     "@tinymce/tinymce-react": "^5.1.1",
@@ -56,17 +57,13 @@
     "@vis.gl/react-google-maps": "^0.5.0",
     "app-root-path": "^3.1.0",
     "axios": "^1.8.4",
-    "bcrypt": "^6.0.0",
     "chalk": "^5.4.1",
     "chart.js": "^4.4.7",
     "class-variance-authority": "^0.7.1",
     "classnames": "^2.5.1",
     "clsx": "^2.1.1",
-    "commander": "^13.1.0",
-    "cosmiconfig": "^9.0.0",
     "date-fns": "^4.1.0",
     "dayjs": "^1.11.13",
-    "deepmerge": "^4.3.1",
     "dotenv": "^16.4.7",
     "drizzle-orm": "^0.44.6",
     "drizzle-zod": "^0.7.0",
@@ -80,54 +77,48 @@
     "lucide-react": "^0.475.0",
     "mysql2": "^3.12.0",
     "nanoid": "^5.1.2",
-    "next": "^15.5.5",
+    "next": "^16.0.10",
     "next-themes": "^0.4.4",
-    "nextjs-cms": "0.5.20",
+    "nextjs-cms": "0.5.23",
     "plaiceholder": "^3.0.0",
-    "prettier-plugin-tailwindcss": "^0.6.11",
+    "postcss": "^8.5.6",
+    "prettier-plugin-tailwindcss": "^0.7.2",
     "qrcode": "^1.5.4",
-    "react": "19.0.0",
+    "react": "19.2.3",
     "react-day-picker": "^8.10.1",
-    "react-dom": "19.0.0",
+    "react-dom": "19.2.3",
     "react-dropzone": "^14.3.5",
     "react-hook-form": "^7.66.1",
     "read-chunk": "^5.0.0",
     "recharts": "^2.15.1",
     "remove": "^0.1.5",
-    "require-main-filename": "^2.0.0",
     "server-only": "^0.0.1",
-    "sharp": "^0.33.5",
+    "sharp": "^0.34.5",
     "superjson": "^2.2.2",
-    "tailwind-merge": "^3.0.1",
+    "tailwind-merge": "^3.4.0",
+    "tailwindcss": "4.1.18",
     "tailwindcss-animate": "^1.0.7",
-    "through2": "^4.0.2",
     "tinymce": "^7.6.1",
-    "tsx": "^4.20.6",
+    "tsx": "^4.21.0",
     "zod": "4.1.12"
   },
   "devDependencies": {
-    "@types/bcrypt": "^6.0.0",
     "@types/express-session": "^1.18.1",
     "@types/jsonwebtoken": "^9.0.9",
     "@types/lodash-es": "^4.17.12",
     "@types/node": "22.13.8",
-    "@types/react": "19.0.10",
-    "@types/react-dom": "19.0.4",
-    "@types/through2": "^2.0.41",
-    "autoprefixer": "^10.4.20",
-    "cross-env": "^7.0.3",
+    "@types/react": "19.2.7",
+    "@types/react-dom": "19.2.3",
+    "autoprefixer": "^10.4.23",
     "drizzle-kit": "^0.31.5",
-    "eslint": "^9.20.0",
-    "eslint-config-next": "^15.3.0",
-    "eslint-config-prettier": "^10.0.1",
-    "eslint-plugin-prettier": "^5.2.3",
-    "hanji": "^0.0.5",
-    "nextjs-cms-kit": "0.5.20",
-    "postcss": "^8.5.1",
+    "esbuild": "^0.27.1",
+    "eslint": "^9.39.2",
+    "eslint-config-next": "^16.0.10",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-prettier": "^5.5.4",
+    "nextjs-cms-kit": "0.5.23",
     "prettier": "3.5.0",
-    "tailwindcss": "^3.4.16",
     "ts-node": "^10.9.2",
-    "tsup": "^8.3.6",
-    "typescript": "^5.7.3"
+    "typescript": "^5.9.3"
   }
 }

package/templates/default/postcss.config.mjs

@@ -0,0 +1,7 @@
+const config = {
+  plugins: {
+    "@tailwindcss/postcss": {},
+  },
+};
+
+export default config;

package/templates/default/{middleware.ts → proxy.ts}

@@ -1,7 +1,7 @@
 import { NextRequest } from 'next/server'
 import { validateCSRFToken } from 'nextjs-cms/auth/actions'
 
-export async function middleware(request: NextRequest) {
+export async function proxy(request: NextRequest) {
     /**
      * If the request is a POST request, we will check if the request body is empty.
      */
@@ -19,7 +19,6 @@ export async function middleware(request: NextRequest) {
 }
 
 export const config = {
-    runtime: 'nodejs', // Specify the runtime environment as Node.js
     matcher: [
         /*
          * Match all request paths except for the ones starting with:
@@ -29,5 +28,5 @@ export const config = {
          * - favicon.ico (favicon file)
          */
         '/((?!_next/static|_next/image|favicon.ico).*)',
-    ],
+    ]
 }

package/templates/default/styles/globals.css

@@ -1,7 +1,110 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
+@import 'tailwindcss';
+
+@plugin 'tailwindcss-animate';
+
+@custom-variant dark (&:is(.dark *));
+
+@utility container {
+  margin-inline: auto;
+  padding-inline: 2rem;
+  @media (width >= --theme(--breakpoint-sm-sidebar)) {
+    max-width: none;
+  }
+  @media (width >= 1400px) {
+    max-width: 1400px;
+  }
+}
+
+@theme {
+  --breakpoint-sm-sidebar: 768px;
+  --breakpoint-md-sidebar: 1024px;
+  --breakpoint-lg-sidebar: 1280px;
+  --breakpoint-xl-sidebar: 1536px;
+  --breakpoint-2xl-sidebar: 1920px;
+
+  --font-sans:
+    var(--font-sans), ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',
+    'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+
+  --color-border: hsl(var(--border));
+  --color-input: hsl(var(--input));
+  --color-ring: hsl(var(--ring));
+  --color-background: hsl(var(--background));
+  --color-foreground: hsl(var(--foreground));
+
+  --color-primary: hsl(var(--primary));
+  --color-primary-foreground: hsl(var(--primary-foreground));
+
+  --color-secondary: hsl(var(--secondary));
+  --color-secondary-foreground: hsl(var(--secondary-foreground));
+
+  --color-success: hsl(var(--success));
+  --color-success-foreground: hsl(var(--success-foreground));
+
+  --color-warning: hsl(var(--warning));
+  --color-warning-foreground: hsl(var(--warning-foreground));
+
+  --color-destructive: hsl(var(--destructive));
+  --color-destructive-foreground: hsl(var(--destructive-foreground));
+
+  --color-muted: hsl(var(--muted));
+  --color-muted-foreground: hsl(var(--muted-foreground));
+
+  --color-accent: hsl(var(--accent));
+  --color-accent-foreground: hsl(var(--accent-foreground));
+
+  --color-popover: hsl(var(--popover));
+  --color-popover-foreground: hsl(var(--popover-foreground));
+
+  --color-card: hsl(var(--card));
+  --color-card-foreground: hsl(var(--card-foreground));
+
+  --color-disabled: hsl(var(--disabled));
+  --color-disabled-foreground: hsl(var(--disabled-foreground));
+
+  --radius-lg: var(--radius);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-sm: calc(var(--radius) - 4px);
+
+  --animate-accordion-down: accordion-down 0.2s ease-out;
+  --animate-accordion-up: accordion-up 0.2s ease-out;
+
+  @keyframes accordion-down {
+    from {
+      height: 0;
+    }
+    to {
+      height: var(--radix-accordion-content-height);
+    }
+  }
+  @keyframes accordion-up {
+    from {
+      height: var(--radix-accordion-content-height);
+    }
+    to {
+      height: 0;
+    }
+  }
+}
+
+/*
+  The default border color has changed to `currentcolor` in Tailwind CSS v4,
+  so we've added these compatibility styles to make sure everything still
+  looks the same as it did with Tailwind CSS v3.
+
+  If we ever want to remove these styles, we need to add an explicit border
+  color utility to any element that depends on these defaults.
+*/
+@layer base {
+  *,
+  ::after,
+  ::before,
+  ::backdrop,
+  ::file-selector-button {
+    border-color: var(--color-gray-200, currentcolor);
+  }
+}
+
 @layer base {
   :root {
     --background: 0 0% 100%;

package/templates/default/tsconfig.json

@@ -1,44 +1,45 @@
-{
-  "compilerOptions": {
-    "target": "ES2020",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "strictNullChecks": true,
-    "noEmit": true,
-    "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true,
-    "module": "esnext",
-    "moduleResolution": "bundler",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noImplicitOverride": true,
-    "noUncheckedIndexedAccess": true,
-    "jsx": "preserve",
-    "plugins": [
-      {
-        "name": "next"
-      }
-    ],
-    "paths": {
-      "@/*": [
-        "./*"
-      ]
-    },
-    "incremental": true
-  },
-  "include": [
-    "next-env.d.ts",
-    "**/*.ts",
-    "**/*.tsx",
-    ".next/types/**/*.ts"
-  ],
-  "exclude": [
-    "node_modules"
-  ]
-}
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "strictNullChecks": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noImplicitOverride": true,
+    "noUncheckedIndexedAccess": true,
+    "jsx": "react-jsx",
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": [
+        "./*"
+      ]
+    },
+    "incremental": true
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts"
+, "components/form/helpers/_section-hot-reload.js"  ],
+  "exclude": [
+    "node_modules"
+  ]
+}

package/templates/default/postcss.config.js

@@ -1,6 +0,0 @@
-module.exports = {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-};

package/templates/default/tailwind.config.js

@@ -1,95 +0,0 @@
-const { fontFamily } = require('tailwindcss/defaultTheme')
-
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-    darkMode: ['class'],
-    content: ['./pages/**/*.{ts,tsx}', './components/**/*.{ts,tsx}', './app/**/*.{ts,tsx}', './src/**/*.{ts,tsx}'],
-    theme: {
-        container: {
-            center: true,
-            padding: '2rem',
-            screens: {
-                '2xl': '1400px',
-            },
-        },
-        extend: {
-            screens: {
-                'sm-sidebar': '768px',
-                'md-sidebar': '1024px',
-                'lg-sidebar': '1280px',
-                'xl-sidebar': '1536px',
-                '2xl-sidebar': '1920px',
-            },
-            fontFamily: {
-                sans: ['var(--font-sans)', ...fontFamily.sans],
-            },
-            colors: {
-                border: 'hsl(var(--border))',
-                input: 'hsl(var(--input))',
-                ring: 'hsl(var(--ring))',
-                background: 'hsl(var(--background))',
-                foreground: 'hsl(var(--foreground))',
-                primary: {
-                    DEFAULT: 'hsl(var(--primary))',
-                    foreground: 'hsl(var(--primary-foreground))',
-                },
-                secondary: {
-                    DEFAULT: 'hsl(var(--secondary))',
-                    foreground: 'hsl(var(--secondary-foreground))',
-                },
-                success: {
-                    DEFAULT: 'hsl(var(--success))',
-                    foreground: 'hsl(var(--success-foreground))',
-                },
-                warning: {
-                    DEFAULT: 'hsl(var(--warning))',
-                    foreground: 'hsl(var(--warning-foreground))',
-                },
-                destructive: {
-                    DEFAULT: 'hsl(var(--destructive))',
-                    foreground: 'hsl(var(--destructive-foreground))',
-                },
-                muted: {
-                    DEFAULT: 'hsl(var(--muted))',
-                    foreground: 'hsl(var(--muted-foreground))',
-                },
-                accent: {
-                    DEFAULT: 'hsl(var(--accent))',
-                    foreground: 'hsl(var(--accent-foreground))',
-                },
-                popover: {
-                    DEFAULT: 'hsl(var(--popover))',
-                    foreground: 'hsl(var(--popover-foreground))',
-                },
-                card: {
-                    DEFAULT: 'hsl(var(--card))',
-                    foreground: 'hsl(var(--card-foreground))',
-                },
-                disabled: {
-                    DEFAULT: 'hsl(var(--disabled))',
-                    foreground: 'hsl(var(--disabled-foreground))',
-                },
-            },
-            borderRadius: {
-                lg: 'var(--radius)',
-                md: 'calc(var(--radius) - 2px)',
-                sm: 'calc(var(--radius) - 4px)',
-            },
-            keyframes: {
-                'accordion-down': {
-                    from: { height: 0 },
-                    to: { height: 'var(--radix-accordion-content-height)' },
-                },
-                'accordion-up': {
-                    from: { height: 'var(--radix-accordion-content-height)' },
-                    to: { height: 0 },
-                },
-            },
-            animation: {
-                'accordion-down': 'accordion-down 0.2s ease-out',
-                'accordion-up': 'accordion-up 0.2s ease-out',
-            },
-        },
-    },
-    plugins: [require('tailwindcss-animate')],
-}