create-nextjs-cms 0.9.4 → 0.9.6

package/templates/default/proxy.ts

@@ -1,32 +1,32 @@
-import { NextRequest } from 'next/server'
-import { validateCSRFToken } from 'nextjs-cms/auth/actions'
-
-export async function proxy(request: NextRequest) {
-    /**
-     * If the request is a POST request, we will check if the request body is empty.
-     */
-    if (['POST', 'PUT', 'DELETE', 'PATCH'].includes(request.method)) {
-        /**
-         * Check for csrf token in the request body
-         */
-        const csrfToken = request.cookies.get('csrf_token')
-        const csrfTokenHeader = request.headers.get('x-csrf-token') ?? undefined
-        const csrfValid = await validateCSRFToken({ cookieValue: csrfToken?.value, bodyValue: csrfTokenHeader })
-        if (!csrfValid) {
-            return Response.json({ success: false, message: 'Invalid CSRF token' }, { status: 400 })
-        }
-    }
-}
-
-export const config = {
-    matcher: [
-        /*
-         * Match all request paths except for the ones starting with:
-         * - api (API routes)
-         * - _next/static (static files)
-         * - _next/image (image optimization files)
-         * - favicon.ico (favicon file)
-         */
-        '/((?!_next/static|_next/image|favicon.ico).*)',
-    ]
-}
+import { NextRequest } from 'next/server'
+import { validateCSRFToken } from 'nextjs-cms/auth/csrf'
+
+export async function proxy(request: NextRequest) {
+    /**
+     * If the request is a POST request, we will check if the request body is empty.
+     */
+    if (['POST', 'PUT', 'DELETE', 'PATCH'].includes(request.method)) {
+        /**
+         * Check for csrf token in the request body
+         */
+        const csrfToken = request.cookies.get('csrf_token')
+        const csrfTokenHeader = request.headers.get('x-csrf-token') ?? undefined
+        const csrfValid = await validateCSRFToken({ cookieValue: csrfToken?.value, bodyValue: csrfTokenHeader })
+        if (!csrfValid) {
+            return Response.json({ success: false, message: 'Invalid CSRF token' }, { status: 400 })
+        }
+    }
+}
+
+export const config = {
+    matcher: [
+        /*
+         * Match all request paths except for the ones starting with:
+         * - api (API routes)
+         * - _next/static (static files)
+         * - _next/image (image optimization files)
+         * - favicon.ico (favicon file)
+         */
+        '/((?!_next/static|_next/image|favicon.ico).*)',
+    ],
+}

package/templates/default/tsconfig.json

@@ -1,48 +1,48 @@
-{
-  "compilerOptions": {
-    "baseUrl": ".",
-    "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",
-    "lib/cli.mjs",
-    "cli.js",
-    ".next/dev/types/**/*.ts"
-  ],
-  "exclude": [
-    "node_modules"
-  ]
-}
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "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",
+    "lib/cli.mjs",
+    "cli.js",
+    ".next/dev/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}

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

@@ -1,7 +0,0 @@
-import DashboardNewPage from '@/components/DashboardNewPage'
-
-export const dynamic = 'force-dynamic'
-
-export default async function Page() {
-    return <DashboardNewPage />
-}

package/templates/default/components/DashboardNewPage.tsx

@@ -1,253 +0,0 @@
-'use client'
-
-import React from 'react'
-import { useI18n } from 'nextjs-cms/translations/client'
-import { Chart as ChartJS, ArcElement, Tooltip, Legend } from 'chart.js'
-import { LiveUsersCount } from '@/components/analytics/LiveUsersCount'
-import { TotalPageViews } from '@/components/analytics/TotalPageViews'
-import { TotalSessions } from '@/components/analytics/TotalSessions'
-import { TotalUniqueUsers } from '@/components/analytics/TotalUniqueUsers'
-import ContainerBox from '@/components/ContainerBox'
-import LoadingSpinners from '@/components/LoadingSpinners'
-import { trpc } from '@/app/_trpc/client'
-import Link from 'next/link'
-import { Button } from '@/components/ui/button'
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
-import { PlusCircle, FileText, BarChart3, Users, Settings, Eye } from 'lucide-react'
-
-ChartJS.register(ArcElement, Tooltip, Legend)
-
-const DashboardNewPage = () => {
-    const t = useI18n()
-    // Analytics date range - last 30 days
-    const [fromDate, setFromDate] = React.useState<Date | string>('30daysAgo')
-    const [toDate, setToDate] = React.useState<Date | string>('today')
-
-    // Get available sections
-    const { data: sectionsData, isLoading: sectionsLoading } = trpc.hasItemsSections.listItems.useQuery({
-        section: 'settings', // This might give us section metadata
-        page: 1,
-        limit: 100,
-    })
-
-    return (
-        <div className='w-full'>
-            <div className='text-foreground bg-linear-to-r from-sky-200 via-emerald-300 to-blue-600 p-8 font-extrabold dark:from-blue-800 dark:via-amber-700 dark:to-rose-900'>
-                <h1 className='text-3xl'>{t('dashboard')}</h1>
-                <p className='mt-2 text-lg opacity-90'>{t('cmsOverview')}</p>
-            </div>
-
-            <div className='flex flex-col gap-6 p-6'>
-                {/* Analytics Overview */}
-                <div>
-                    <h2 className='mb-4 flex items-center gap-2 text-2xl font-semibold'>
-                        <BarChart3 className='h-6 w-6' />
-                        {t('analyticsOverview')}
-                    </h2>
-                    <div className='sm-sidebar:grid-cols-2 md-sidebar:grid-cols-2 lg-sidebar:grid-cols-4 grid grid-cols-1 gap-4'>
-                        <LiveUsersCount />
-                        <TotalPageViews fromDate={fromDate} toDate={toDate} />
-                        <TotalSessions fromDate={fromDate} toDate={toDate} />
-                        <TotalUniqueUsers fromDate={fromDate} toDate={toDate} />
-                    </div>
-                </div>
-
-                {/* Content Statistics */}
-                <div>
-                    <h2 className='mb-4 flex items-center gap-2 text-2xl font-semibold'>
-                        <FileText className='h-6 w-6' />
-                        {t('contentStatistics')}
-                    </h2>
-                    <div className='sm-sidebar:grid-cols-2 md-sidebar:grid-cols-3 lg-sidebar:grid-cols-4 grid grid-cols-1 gap-4'>
-                        <Card>
-                            <CardHeader className='flex flex-row items-center justify-between space-y-0 pb-2'>
-                                <CardTitle className='text-sm font-medium'>{t('totalCars')}</CardTitle>
-                                <FileText className='text-muted-foreground h-4 w-4' />
-                            </CardHeader>
-                            <CardContent>
-                                <div className='text-2xl font-bold'>1,234</div>
-                                <p className='text-muted-foreground text-xs'>+20.1% {t('fromLastMonth')}</p>
-                            </CardContent>
-                        </Card>
-
-                        <Card>
-                            <CardHeader className='flex flex-row items-center justify-between space-y-0 pb-2'>
-                                <CardTitle className='text-sm font-medium'>{t('realEstate')}</CardTitle>
-                                <FileText className='text-muted-foreground h-4 w-4' />
-                            </CardHeader>
-                            <CardContent>
-                                <div className='text-2xl font-bold'>856</div>
-                                <p className='text-muted-foreground text-xs'>+15.3% {t('fromLastMonth')}</p>
-                            </CardContent>
-                        </Card>
-
-                        <Card>
-                            <CardHeader className='flex flex-row items-center justify-between space-y-0 pb-2'>
-                                <CardTitle className='text-sm font-medium'>{t('jobs')}</CardTitle>
-                                <FileText className='text-muted-foreground h-4 w-4' />
-                            </CardHeader>
-                            <CardContent>
-                                <div className='text-2xl font-bold'>432</div>
-                                <p className='text-muted-foreground text-xs'>+7.2% {t('fromLastMonth')}</p>
-                            </CardContent>
-                        </Card>
-
-                        <Card>
-                            <CardHeader className='flex flex-row items-center justify-between space-y-0 pb-2'>
-                                <CardTitle className='text-sm font-medium'>{t('services')}</CardTitle>
-                                <FileText className='text-muted-foreground h-4 w-4' />
-                            </CardHeader>
-                            <CardContent>
-                                <div className='text-2xl font-bold'>298</div>
-                                <p className='text-muted-foreground text-xs'>+12.5% {t('fromLastMonth')}</p>
-                            </CardContent>
-                        </Card>
-                    </div>
-                </div>
-
-                {/* Recent Activity */}
-                <div>
-                    <h2 className='mb-4 text-2xl font-semibold'>{t('recentActivity')}</h2>
-                    <Card>
-                        <CardHeader>
-                            <CardTitle>{t('latestContentUpdates')}</CardTitle>
-                            <CardDescription>{t('recentlyAddedOrModified')}</CardDescription>
-                        </CardHeader>
-                        <CardContent>
-                            <div className='space-y-4'>
-                                <div className='flex items-center justify-between border-b pb-2'>
-                                    <div>
-                                        <p className='font-medium'>2024 BMW X5 - Cars Section</p>
-                                        <p className='text-muted-foreground text-sm'>Added 2 hours ago</p>
-                                    </div>
-                                    <Button variant='outline' size='sm' asChild>
-                                        <Link href='/browse/cars/1'>
-                                            <Eye className='mr-1 h-4 w-4' />
-                                            {t('view')}
-                                        </Link>
-                                    </Button>
-                                </div>
-
-                                <div className='flex items-center justify-between border-b pb-2'>
-                                    <div>
-                                        <p className='font-medium'>3BR Apartment in Downtown - Real Estate</p>
-                                        <p className='text-muted-foreground text-sm'>Added 4 hours ago</p>
-                                    </div>
-                                    <Button variant='outline' size='sm' asChild>
-                                        <Link href='/browse/real-estate/1'>
-                                            <Eye className='mr-1 h-4 w-4' />
-                                            {t('view')}
-                                        </Link>
-                                    </Button>
-                                </div>
-
-                                <div className='flex items-center justify-between border-b pb-2'>
-                                    <div>
-                                        <p className='font-medium'>Software Developer Position - Jobs</p>
-                                        <p className='text-muted-foreground text-sm'>Added 6 hours ago</p>
-                                    </div>
-                                    <Button variant='outline' size='sm' asChild>
-                                        <Link href='/browse/jobs/1'>
-                                            <Eye className='mr-1 h-4 w-4' />
-                                            {t('view')}
-                                        </Link>
-                                    </Button>
-                                </div>
-                            </div>
-                        </CardContent>
-                    </Card>
-                </div>
-
-                {/* Quick Actions */}
-                <div>
-                    <h2 className='mb-4 text-2xl font-semibold'>{t('quickActions')}</h2>
-                    <div className='sm-sidebar:grid-cols-2 md-sidebar:grid-cols-3 lg-sidebar:grid-cols-4 grid grid-cols-1 gap-4'>
-                        <Card className='cursor-pointer transition-shadow hover:shadow-md'>
-                            <CardHeader>
-                                <CardTitle className='flex items-center gap-2'>
-                                    <PlusCircle className='h-5 w-5' />
-                                    {t('addNewCar')}
-                                </CardTitle>
-                                <CardDescription>{t('createCarListing')}</CardDescription>
-                            </CardHeader>
-                            <CardContent>
-                                <Button asChild className='w-full'>
-                                    <Link href='/new/cars'>{t('create')}</Link>
-                                </Button>
-                            </CardContent>
-                        </Card>
-
-                        <Card className='cursor-pointer transition-shadow hover:shadow-md'>
-                            <CardHeader>
-                                <CardTitle className='flex items-center gap-2'>
-                                    <PlusCircle className='h-5 w-5' />
-                                    {t('addRealEstate')}
-                                </CardTitle>
-                                <CardDescription>{t('createPropertyListing')}</CardDescription>
-                            </CardHeader>
-                            <CardContent>
-                                <Button asChild className='w-full'>
-                                    <Link href='/new/real-estate'>{t('create')}</Link>
-                                </Button>
-                            </CardContent>
-                        </Card>
-
-                        <Card className='cursor-pointer transition-shadow hover:shadow-md'>
-                            <CardHeader>
-                                <CardTitle className='flex items-center gap-2'>
-                                    <Users className='h-5 w-5' />
-                                    {t('manageAdmins')}
-                                </CardTitle>
-                                <CardDescription>{t('viewAndManageAdmins')}</CardDescription>
-                            </CardHeader>
-                            <CardContent>
-                                <Button asChild variant='outline' className='w-full'>
-                                    <Link href='/admins'>{t('manageAdmins')}</Link>
-                                </Button>
-                            </CardContent>
-                        </Card>
-
-                        <Card className='cursor-pointer transition-shadow hover:shadow-md'>
-                            <CardHeader>
-                                <CardTitle className='flex items-center gap-2'>
-                                    <BarChart3 className='h-5 w-5' />
-                                    {t('viewAnalytics')}
-                                </CardTitle>
-                                <CardDescription>{t('detailedAnalytics')}</CardDescription>
-                            </CardHeader>
-                            <CardContent>
-                                <Button asChild variant='outline' className='w-full'>
-                                    <Link href='/analytics'>{t('viewAnalytics')}</Link>
-                                </Button>
-                            </CardContent>
-                        </Card>
-                    </div>
-                </div>
-
-                {/* System Status */}
-                <div>
-                    <h2 className='mb-4 text-2xl font-semibold'>{t('systemStatus')}</h2>
-                    <div className='grid grid-cols-1 gap-4 md:grid-cols-2'>
-                        <ContainerBox title={t('databaseStatus')}>
-                            <div className='flex items-center gap-2'>
-                                <div className='h-3 w-3 rounded-full bg-green-500'></div>
-                                <span>{t('connected')}</span>
-                            </div>
-                            <p className='text-muted-foreground mt-2 text-sm'>{t('allConnectionsHealthy')}</p>
-                        </ContainerBox>
-
-                        <ContainerBox title={t('cacheStatus')}>
-                            <div className='flex items-center gap-2'>
-                                <div className='h-3 w-3 rounded-full bg-green-500'></div>
-                                <span>{t('operational')}</span>
-                            </div>
-                            <p className='text-muted-foreground mt-2 text-sm'>{t('cacheFunctioning')}</p>
-                        </ContainerBox>
-                    </div>
-                </div>
-            </div>
-        </div>
-    )
-}
-
-export default DashboardNewPage

package/templates/default/components/DashboardPage.tsx

@@ -1,188 +0,0 @@
-'use client'
-
-import React, { useEffect } from 'react'
-import { useI18n } from 'nextjs-cms/translations/client'
-import { Chart as ChartJS, ArcElement, Tooltip, Legend } from 'chart.js'
-import { humanReadableFileSize } from 'nextjs-cms/utils'
-import PieChartBox from '@/components/PieChartBox'
-import LoadingSpinners from '@/components/LoadingSpinners'
-import ContainerBox from '@/components/ContainerBox'
-import { trpc } from '@/app/_trpc/client'
-ChartJS.register(ArcElement, Tooltip, Legend)
-
-const DashboardPage = () => {
-    const t = useI18n()
-    const { isLoading, isError, data, error } = trpc.cpanelDashboard.getData.useQuery()
-
-    useEffect(() => {}, [])
-
-    return (
-        <div className='w-full'>
-            <div className='bg-linear-to-r from-sky-200 via-emerald-300 to-blue-600 p-8 font-extrabold text-foreground dark:from-blue-800 dark:via-amber-700 dark:to-rose-900'>
-                <h1 className='text-3xl'>{t('dashboard')}</h1>
-            </div>
-            <div className='flex flex-col gap-4 p-4'>
-                {isLoading && (
-                    <div>
-                        <LoadingSpinners />
-                    </div>
-                )}
-                <div className='grid grid-cols-1 gap-4 sm-sidebar:grid-cols-1 md-sidebar:grid-cols-2 lg-sidebar:grid-cols-2 2xl-sidebar:grid-cols-4'>
-                    {data ? (
-                        <>
-                            <PieChartBox
-                                chartData={[
-                                    {
-                                        name: t('totalDiskSpace'),
-                                        value: data.diskSpaceLimit - data.diskSpaceUsage,
-                                        fill: '#00C49F',
-                                    },
-                                    {
-                                        name: t('usedDiskSpace'),
-                                        value: data.diskSpaceUsage,
-                                        fill: '#E1315B',
-                                    },
-                                ]}
-                                chartBoxTitles={{
-                                    mainTitle: t('diskSpace'),
-                                    totalUnitSubtitle: {
-                                        key: t('totalDiskSpace'),
-                                        value: humanReadableFileSize(data.diskSpaceLimit),
-                                    },
-                                    usedUnitSubtitle: {
-                                        key: t('usedDiskSpace'),
-                                        value: humanReadableFileSize(data.diskSpaceUsage),
-                                    },
-                                }}
-                            />
-                            <PieChartBox
-                                chartData={[
-                                    {
-                                        name: t('totalBandwidth'),
-                                        value: data.bandwidthLimit - data.bandwidthUsage,
-                                        fill: '#1c89f1',
-                                    },
-                                    {
-                                        name: t('usedBandwidth'),
-                                        value: data.bandwidthUsage,
-                                        fill: '#ff6688',
-                                    },
-                                ]}
-                                chartBoxTitles={{
-                                    mainTitle: t('thisMothBandwidth'),
-                                    totalUnitSubtitle: {
-                                        key: t('totalBandwidth'),
-                                        value: humanReadableFileSize(data.bandwidthLimit),
-                                    },
-                                    usedUnitSubtitle: {
-                                        key: t('usedBandwidth'),
-                                        value: humanReadableFileSize(data.bandwidthUsage),
-                                    },
-                                }}
-                            />
-                            <PieChartBox
-                                chartData={[
-                                    {
-                                        name: t('totalEmails'),
-                                        value: data.emailsLimit - data.emailsUsage,
-                                        fill: '#c4ba56',
-                                    },
-                                    {
-                                        name: t('usedEmails'),
-                                        value: data.emailsUsage,
-                                        fill: '#1404c4',
-                                    },
-                                ]}
-                                chartBoxTitles={{
-                                    mainTitle: t('emailAccounts'),
-                                    totalUnitSubtitle: {
-                                        key: t('totalEmails'),
-                                        value: data.emailsLimit.toString(),
-                                    },
-                                    usedUnitSubtitle: {
-                                        key: t('usedEmails'),
-                                        value: data.emailsUsage.toString(),
-                                    },
-                                }}
-                            />
-                            <PieChartBox
-                                chartData={[
-                                    {
-                                        name: t('totalDatabases'),
-                                        value: data.dbsLimit - data.dbsCount,
-                                        fill: '#56c4b4',
-                                    },
-                                    {
-                                        name: t('usedDatabases'),
-                                        value: data.dbsCount,
-                                        fill: '#625bb2',
-                                    },
-                                ]}
-                                chartBoxTitles={{
-                                    mainTitle: t('mysqlDatabases'),
-                                    totalUnitSubtitle: {
-                                        key: t('totalDatabases'),
-                                        value: data.dbsLimit.toString(),
-                                    },
-                                    usedUnitSubtitle: {
-                                        key: t('usedDatabases'),
-                                        value: data.dbsCount.toString(),
-                                    },
-                                }}
-                            />
-                        </>
-                    ) : null}
-                </div>
-                <div className='grid grid-cols-1 gap-4 md:grid-cols-2'>
-                    <ContainerBox title={t('accountInformation')}>
-<div>{t('phpVersion')}: {data?.phpVersion}</div>
-                                        <div>{t('documentRoot')}: {data?.documentRoot}</div>
-                    </ContainerBox>
-
-                    <ContainerBox title={t('mysqlDatabases')}>
-                        <div>
-                            {data?.dbInfo ? (
-                                <>
-<div>{t('version')}: {data.dbInfo.version}</div>
-                                                    <div>{t('remote')}: {data.dbInfo.is_remote}</div>
-                                </>
-                            ) : (
-                                <div>{t('mysqlNotInstalled')}</div>
-                            )}
-                        </div>
-                        <div>
-                            {data?.dbsList?.map((db: any, index: number) => (
-                                <div key={`${db.name}_${db.database}_${index}`}>
-<div>{t('database')}: {db.database}</div>
-                                                    <div>{t('diskUsage')}: {humanReadableFileSize(db.disk_usage)}</div>
-                                                    <div>{t('users')}: {db.users?.length}</div>
-                                </div>
-                            ))}
-                        </div>
-                    </ContainerBox>
-                </div>
-                {/*<div>
-                    <ContainerBox title={t('passengerApplications')}>
-                        <div className='flex gap-4'>
-                            {data?.passengerAppList?.map((app: any) => (
-                                <ContainerBox title={app.name} key={app.name}>
-                                    <div key={app.name + app.path}>
-                                        <div>Name: {app.name}</div>
-                                        <div>Domain: {app.domain}</div>
-                                        <div>Path: {app.path}</div>
-                                        <div>Deployment: {app.deploymentMode}</div>
-                                        <div>Nodejs: {app.nodejs}</div>
-                                        <div>Base URL: {app.url}</div>
-                                        <div>Enabled: {app.enabled}</div>
-                                    </div>
-                                </ContainerBox>
-                            ))}
-                        </div>
-                    </ContainerBox>
-                </div>*/}
-            </div>
-        </div>
-    )
-}
-
-export default DashboardPage