create-nextjs-cms 0.5.69 → 0.5.70

package/package.json

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

package/templates/default/app/(rootLayout)/(plugins)/[...slug]/.plugin-registry.mjs

@@ -0,0 +1,7 @@
+// AUTO GENERATED FILE, DO NOT DELETE OR EDIT
+// THIS FILE IS GENERATED BY THE PLUGIN SYSTEM
+export const _pluginNamesMap = {
+    'cpanel-dashboard': '@nextjs-cms-plugins/cpanel-dashboard/server',
+    'cpanel-emails': '@nextjs-cms-plugins/cpanel-emails/server',
+    'google-analytics': '@nextjs-cms-plugins/google-analytics/server',
+}

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

@@ -1,36 +1,36 @@
-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 { getPluginServerComponent } from './plugin-server-registry'
-
-export const dynamic = 'force-dynamic'
-type Params = Promise<{ slug?: string[] }>
-
-export default async function Page(props: { params: Params }) {
-    const params = await props.params
-    const slug = params.slug ?? []
-
-    const path = `/${slug.join('/')}`
-    const session = await auth()
-    if (!session?.user) {
-        notFound()
-    }
-
-    const plugin = await findPluginRouteByPath(path)
-    if (!plugin) {
-        notFound()
-    }
-
-    const privilegeSet = await getAdminPrivileges(session.user.id)
-    if (!privilegeSet.has(plugin.pluginName)) {
-        notFound()
-    }
-
-    const PluginComponent = await getPluginServerComponent(plugin.pluginId, plugin.component)
-    if (!PluginComponent) {
-        notFound()
-    }
-
-    return <PluginComponent />
-}
+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 { getPluginServerComponent } from './plugin-server-registry'
+
+export const dynamic = 'force-dynamic'
+type Params = Promise<{ slug?: string[] }>
+
+export default async function Page(props: { params: Params }) {
+    const params = await props.params
+    const slug = params.slug ?? []
+
+    const path = `/${slug.join('/')}`
+    const session = await auth()
+    if (!session?.user) {
+        notFound()
+    }
+
+    const plugin = await findPluginRouteByPath(path)
+    if (!plugin) {
+        notFound()
+    }
+
+    const privilegeSet = await getAdminPrivileges(session.user.id)
+    if (!privilegeSet.has(plugin.pluginName)) {
+        notFound()
+    }
+
+    const PluginComponent = await getPluginServerComponent(plugin.pluginRegistryName, plugin.component)
+    if (!PluginComponent) {
+        notFound()
+    }
+
+    return <PluginComponent />
+}

package/templates/default/app/(rootLayout)/(plugins)/[...slug]/plugin-server-registry.ts

@@ -1,25 +1,21 @@
-import type { ReactNode } from 'react'
-import { pluginServerLoaders } from 'nextjs-cms/plugins/server'
-
-export type PluginServerComponent = (props?: Record<string, unknown>) => ReactNode | Promise<ReactNode>
-
-export type PluginServerModule = {
-    default?: PluginServerComponent
-    [key: string]: unknown
-}
-
-export const getPluginServerComponent = async (packageName: string, componentName: string | undefined) => {
-    const loader = pluginServerLoaders[packageName]
-    if (!loader) return null
-
-    const mod = await loader()
-    const resolved = componentName
-        ? (mod as Record<string, PluginServerComponent | undefined>)[componentName]
-        : mod.default
-
-    if (!resolved || typeof resolved !== 'function') {
-        return null
-    }
-
-    return resolved
-}
+import dynamic from 'next/dynamic'
+import { _pluginNamesMap } from './.plugin-registry.mjs'
+
+export const pluginNamesMap: Record<string, string> = {
+    ..._pluginNamesMap,
+    // A workaround to avoid importing error if no plugins are installed
+    blank: 'nextjs-cms/plugins/blank-component',
+}
+
+export const getPluginServerComponent = async (registryName: string, componentName: string | undefined) => {
+    const pluginName = pluginNamesMap[registryName]
+    const ClientComponent = dynamic(
+        () =>
+            import(pluginName ?? 'nextjs-cms/plugins/blank-component').then((mod) =>
+                componentName ? mod[componentName] : mod.default,
+            ),
+        { ssr: true },
+    )
+
+    return ClientComponent
+}

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

@@ -1,44 +1,44 @@
-export const dynamic = 'force-dynamic'
-
-export default function DashboardPage() {
-    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'>
-                <h1 className='text-3xl font-extrabold tracking-tight'>Welcome to Mission Control</h1>
-                <p className='mt-2 text-base text-muted-foreground'>
-                    Your CMS is ready. Chart a course, publish boldly, and keep the lights green.
-                </p>
-            </div>
-
-            <div className='space-y-6 p-6'>
-                <section className='rounded-lg border bg-card p-6 text-card-foreground shadow-sm'>
-                    <h2 className='text-xl font-semibold'>Today&apos;s focus</h2>
-                    <p className='mt-2 text-sm text-muted-foreground'>
-                        Start with one small win: verify a section, ship a quick update, or polish a headline.
-                    </p>
-                </section>
-
-                <section className='grid gap-4 md:grid-cols-3'>
-                    <div className='rounded-lg border bg-card p-4 text-card-foreground shadow-sm'>
-                        <div className='text-sm font-semibold'>Ship with confidence</div>
-                        <div className='mt-2 text-sm text-muted-foreground'>
-                            Keep changes tight and reversible. Small releases, fast feedback.
-                        </div>
-                    </div>
-                    <div className='rounded-lg border bg-card p-4 text-card-foreground shadow-sm'>
-                        <div className='text-sm font-semibold'>Stay organized</div>
-                        <div className='mt-2 text-sm text-muted-foreground'>
-                            Group your content by intent, not just by type.
-                        </div>
-                    </div>
-                    <div className='rounded-lg border bg-card p-4 text-card-foreground shadow-sm'>
-                        <div className='text-sm font-semibold'>Delight users</div>
-                        <div className='mt-2 text-sm text-muted-foreground'>
-                            A clean headline and a single strong image can do the heavy lifting.
-                        </div>
-                    </div>
-                </section>
-            </div>
-        </div>
-    )
-}
+export const dynamic = 'force-dynamic'
+
+export default function DashboardPage() {
+    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'>
+                <h1 className='text-3xl font-extrabold tracking-tight'>Welcome to Mission Control</h1>
+                <p className='mt-2 text-base text-muted-foreground'>
+                    Your CMS is ready. Chart a course, publish boldly, and keep the lights green.
+                </p>
+            </div>
+
+            <div className='space-y-6 p-6'>
+                <section className='rounded-lg border bg-card p-6 text-card-foreground shadow-sm'>
+                    <h2 className='text-xl font-semibold'>Today&apos;s focus</h2>
+                    <p className='mt-2 text-sm text-muted-foreground'>
+                        Start with one small win: verify a section, ship a quick update, or polish a headline.
+                    </p>
+                </section>
+
+                <section className='grid gap-4 md:grid-cols-3'>
+                    <div className='rounded-lg border bg-card p-4 text-card-foreground shadow-sm'>
+                        <div className='text-sm font-semibold'>Ship with confidence</div>
+                        <div className='mt-2 text-sm text-muted-foreground'>
+                            Keep changes tight and reversible. Small releases, fast feedback.
+                        </div>
+                    </div>
+                    <div className='rounded-lg border bg-card p-4 text-card-foreground shadow-sm'>
+                        <div className='text-sm font-semibold'>Stay organized</div>
+                        <div className='mt-2 text-sm text-muted-foreground'>
+                            Group your content by intent, not just by type.
+                        </div>
+                    </div>
+                    <div className='rounded-lg border bg-card p-4 text-card-foreground shadow-sm'>
+                        <div className='text-sm font-semibold'>Delight users</div>
+                        <div className='mt-2 text-sm text-muted-foreground'>
+                            A clean headline and a single strong image can do the heavy lifting.
+                        </div>
+                    </div>
+                </section>
+            </div>
+        </div>
+    )
+}

package/templates/default/app/_trpc/client.ts

@@ -1,3 +1,3 @@
-'use client'
-
-export { trpc } from 'nextjs-cms/api/trpc/client'
+'use client'
+
+export { trpc } from 'nextjs-cms/api/trpc/client'

package/templates/default/app/api/trpc/[trpc]/route.ts

@@ -1,5 +1,5 @@
 import { fetchRequestHandler } from '@trpc/server/adapters/fetch'
-import { createTRPCContext, getAppRouter } from 'nextjs-cms/api'
+import { createTRPCContext, getAppRouter } from 'nextjs-cms/api'
 import { NextRequest } from 'next/server'
 
 /**
@@ -13,11 +13,11 @@ const context = async (req: NextRequest) => {
     })
 }
 
-const handler = async (req: NextRequest) =>
+const handler = async (req: NextRequest) =>
     fetchRequestHandler({
         endpoint: '/api/trpc',
         req,
-        router: await getAppRouter(),
+        router: await getAppRouter(),
         createContext: () => context(req),
         /*onError(opts) {
             return opts.error

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

@@ -8,4 +8,4 @@ export const revalidate = 0
 
 // @refresh reset
 
-export const configLastUpdated = 1767365990312
+export const configLastUpdated = 1767626197465

package/templates/default/next.config.ts

@@ -9,6 +9,10 @@ const nextConfig: NextConfig = {
                 source: '/browse/:section',
                 destination: '/browse/:section/1',
             },
+            {
+                source: '/',
+                destination: '/dashboard',
+            },
         ]
     },
     images: {

package/templates/default/package.json

@@ -64,7 +64,7 @@
     "nanoid": "^5.1.2",
     "next": "16.1.1",
     "next-themes": "^0.4.6",
-    "nextjs-cms": "0.5.69",
+    "nextjs-cms": "0.5.70",
     "plaiceholder": "^3.0.0",
     "prettier-plugin-tailwindcss": "^0.7.2",
     "qrcode": "^1.5.4",
@@ -97,7 +97,7 @@
     "eslint-config-prettier": "^10.0.1",
     "eslint-plugin-prettier": "^5.2.3",
     "fs-extra": "^11.3.3",
-    "nextjs-cms-kit": "0.5.69",
+    "nextjs-cms-kit": "0.5.70",
     "postcss": "^8.5.1",
     "prettier": "3.5.0",
     "raw-loader": "^4.0.2",

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

@@ -1,10 +0,0 @@
-import { redirect } from 'next/navigation'
-import { getPluginRoutes } from 'nextjs-cms/plugins/server'
-
-export const dynamic = 'force-dynamic'
-
-export default async function Home() {
-    const routes = await getPluginRoutes()
-    const target = routes[0]?.path ?? '/admins'
-    redirect(target)
-}