create-nextjs-cms 0.8.9 → 0.9.0

package/templates/default/app/api/editor/photo/route.ts

@@ -1,49 +1,49 @@
-import { NextRequest, NextResponse } from 'next/server'
-import sharp from 'sharp'
-import auth from 'nextjs-cms/auth'
-
-/**
- * This route handler is used to use a photo in rich text editor
- * It expects an image file in the request body
- * It returns the base64 string of the image
- * @param request
- * @returns NextResponse with the base64 string of the image
- */
-export async function POST(request: NextRequest) {
-    const session = await auth()
-
-    if (!session || !session.user) {
-        return NextResponse.json(
-            {
-                error: 'Access token not provided',
-            },
-            { status: 401 },
-        )
-    }
-
-    const formData = await request.formData()
-    const photo = formData.get('photo') as File
-
-    if (!photo) {
-        return NextResponse.json(
-            {
-                error: 'Photo not provided',
-            },
-            { status: 400 },
-        )
-    }
-
-    const arrayBuffer = await photo.arrayBuffer()
-    const buffer = Buffer.from(arrayBuffer)
-
-    sharp.cache({ files: 0 })
-    sharp.cache(false)
-    const image = sharp(buffer)
-
-    let webpBuffer = await image.toFormat('webp').resize(1200, 768).withExif({}).toBuffer()
-
-    const base64String = webpBuffer.toString('base64')
-    image.destroy()
-
-    return NextResponse.json(`data:image/webp;base64,${base64String}`)
-}
+import { NextRequest, NextResponse } from 'next/server'
+import sharp from 'sharp'
+import auth from 'nextjs-cms/auth'
+
+/**
+ * This route handler is used to use a photo in rich text editor
+ * It expects an image file in the request body
+ * It returns the base64 string of the image
+ * @param request
+ * @returns NextResponse with the base64 string of the image
+ */
+export async function POST(request: NextRequest) {
+    const session = await auth()
+
+    if (!session || !session.user) {
+        return NextResponse.json(
+            {
+                error: 'Access token not provided',
+            },
+            { status: 401 },
+        )
+    }
+
+    const formData = await request.formData()
+    const photo = formData.get('photo') as File
+
+    if (!photo) {
+        return NextResponse.json(
+            {
+                error: 'Photo not provided',
+            },
+            { status: 400 },
+        )
+    }
+
+    const arrayBuffer = await photo.arrayBuffer()
+    const buffer = Buffer.from(arrayBuffer)
+
+    sharp.cache({ files: 0 })
+    sharp.cache(false)
+    const image = sharp(buffer)
+
+    let webpBuffer = await image.toFormat('webp').resize(1200, 768).withExif({}).toBuffer()
+
+    const base64String = webpBuffer.toString('base64')
+    image.destroy()
+
+    return NextResponse.json(`data:image/webp;base64,${base64String}`)
+}

package/templates/default/app/api/photo/route.ts

@@ -1,27 +1,27 @@
-import { NextRequest, NextResponse } from 'next/server'
-import { getPhoto } from 'nextjs-cms/api/helpers'
-
-export async function GET(request: NextRequest) {
-    const searchParams = request.nextUrl.searchParams
-
-    const name = searchParams.get('name')
-    const folder = searchParams.get('folder')
-    const isThumb = searchParams.get('isThumb')
-
-    if (!name || !folder || !isThumb) {
-        return NextResponse.json(
-            {
-                error: 'Invalid request',
-            },
-            { status: 400 },
-        )
-    }
-
-    const base64String =  await getPhoto({
-        name,
-        folder,
-        isThumb: isThumb === 'true',
-    })
-
-    return NextResponse.json(base64String)
-}
+import { NextRequest, NextResponse } from 'next/server'
+import { getPhoto } from 'nextjs-cms/api/helpers'
+
+export async function GET(request: NextRequest) {
+    const searchParams = request.nextUrl.searchParams
+
+    const name = searchParams.get('name')
+    const folder = searchParams.get('folder')
+    const isThumb = searchParams.get('isThumb')
+
+    if (!name || !folder || !isThumb) {
+        return NextResponse.json(
+            {
+                error: 'Invalid request',
+            },
+            { status: 400 },
+        )
+    }
+
+    const base64String =  await getPhoto({
+        name,
+        folder,
+        isThumb: isThumb === 'true',
+    })
+
+    return NextResponse.json(base64String)
+}

package/templates/default/app/api/submit/section/item/[slug]/route.ts

@@ -1,66 +1,95 @@
-import { NextRequest, NextResponse } from 'next/server'
-import { EditSubmit } from 'nextjs-cms/core/submit'
-import auth from 'nextjs-cms/auth'
-import { getRequestMetadataFromHeaders } from 'nextjs-cms/logging'
-
-export async function PUT(request: NextRequest, { params }: { params: Promise<{ slug: string }> }) {
-    const session = await auth()
-    const { slug: itemId } = await params
-
-    if (!session || !session.user) {
-        return NextResponse.json(
-            {
-                error: 'Access token not provided',
-            },
-            { status: 401 },
-        )
-    }
-
-    if (itemId === null) {
-        return NextResponse.json(
-            {
-                error: 'Item id not provided',
-            },
-            { status: 401 },
-        )
-    }
-
-    const user = session.user
-    const formData = await request.formData()
-    const sectionName = formData.get('sectionName') as string | null
-    const requestMetadata = getRequestMetadataFromHeaders(request.headers)
-
-    if (!sectionName) {
-        return NextResponse.json(
-            {
-                error: 'Section name not provided',
-            },
-            { status: 400 },
-        )
-    }
-
-    const submit = new EditSubmit({
-        itemId: itemId as string,
-        sectionName,
-        user,
-        postData: formData,
-        requestMetadata,
-    })
-
-    await submit.initialize()
-    await submit.submit()
-    if (submit.error) {
-        return NextResponse.json(
-            {
-                error: submit.errorMessage,
-            },
-            { status: 400 },
-        )
-    }
-    return NextResponse.json(
-        {
-            message: 'Section item submitted successfully',
-        },
-        { status: 200 },
-    )
-}
+import { NextRequest, NextResponse } from 'next/server'
+import { EditSubmit, LocaleSubmit } from 'nextjs-cms/core/submit'
+import auth from 'nextjs-cms/auth'
+import { getRequestMetadataFromHeaders } from 'nextjs-cms/logging'
+import { getCMSConfig } from 'nextjs-cms/core/config'
+import { resolveLocale } from 'nextjs-cms/core/localization'
+import getString from 'nextjs-cms/translations'
+
+export async function PUT(request: NextRequest, { params }: { params: Promise<{ slug: string }> }) {
+    const session = await auth()
+    const { slug: itemId } = await params
+
+    if (!session || !session.user) {
+        return NextResponse.json(
+            {
+                error: 'Access token not provided',
+            },
+            { status: 401 },
+        )
+    }
+
+    if (itemId === null) {
+        return NextResponse.json(
+            {
+                error: 'Item id not provided',
+            },
+            { status: 401 },
+        )
+    }
+
+    const user = session.user
+    const formData = await request.formData()
+    const sectionName = formData.get('sectionName') as string | null
+    const requestMetadata = getRequestMetadataFromHeaders(request.headers)
+
+    if (!sectionName) {
+        return NextResponse.json(
+            {
+                error: 'Section name not provided',
+            },
+            { status: 400 },
+        )
+    }
+
+    const localeCode = formData.get('locale')
+    const localeValue = typeof localeCode === 'string' ? localeCode : undefined
+    const cmsConfig = await getCMSConfig()
+    const localeResult = resolveLocale({
+        localization: cmsConfig.localization,
+        locale: localeValue,
+    })
+    const isLocaleSubmit = localeValue && localeResult.localizationEnabled && localeResult.isDefault === false
+    const localeForSubmit = localeResult.resolvedLocale?.code
+
+    if (isLocaleSubmit && !localeForSubmit) {
+        return NextResponse.json(
+            {
+                error: getString('invalidLocale', user.language, {
+                    locale: localeValue,
+                    locales: localeResult.availableLocales.map((l) => l.code).join(', '),
+                }),
+            },
+            { status: 400 },
+        )
+    }
+
+    const config = {
+        itemId: itemId as string,
+        sectionName,
+        user,
+        postData: formData,
+        requestMetadata,
+    }
+
+    const submit = isLocaleSubmit
+        ? new LocaleSubmit({ ...config, locale: localeForSubmit as string })
+        : new EditSubmit(config)
+
+    await submit.initialize()
+    await submit.submit()
+    if (submit.error) {
+        return NextResponse.json(
+            {
+                error: submit.errorMessage,
+            },
+            { status: 400 },
+        )
+    }
+    return NextResponse.json(
+        {
+            message: 'Section item submitted successfully',
+        },
+        { status: 200 },
+    )
+}

package/templates/default/app/api/submit/section/item/route.ts

@@ -1,56 +1,56 @@
-import { NextRequest, NextResponse } from 'next/server'
-import { NewSubmit } from 'nextjs-cms/core/submit'
-import auth from 'nextjs-cms/auth'
-import { getRequestMetadataFromHeaders } from 'nextjs-cms/logging'
-
-export async function POST(request: NextRequest) {
-    const session = await auth()
-
-    if (!session || !session.user) {
-        return NextResponse.json(
-            {
-                error: 'Access token not provided',
-            },
-            { status: 401 },
-        )
-    }
-
-    const user = session.user
-    const formData = await request.formData()
-    const sectionName = formData.get('sectionName') as string | null
-    const requestMetadata = getRequestMetadataFromHeaders(request.headers)
-
-    if (!sectionName) {
-        return NextResponse.json(
-            {
-                error: 'Section name not provided',
-            },
-            { status: 400 },
-        )
-    }
-
-    const submit = new NewSubmit({
-        sectionName,
-        user,
-        postData: formData,
-        requestMetadata,
-    })
-
-    await submit.initialize()
-    await submit.submit()
-    if (submit.error) {
-        return NextResponse.json(
-            {
-                error: submit.errorMessage,
-            },
-            { status: 400 },
-        )
-    }
-
-    return NextResponse.json(
-        {
-            message: 'Section item submitted successfully',
-        },
-        { status: 200 },
-    )
-}
+import { NextRequest, NextResponse } from 'next/server'
+import { NewSubmit } from 'nextjs-cms/core/submit'
+import auth from 'nextjs-cms/auth'
+import { getRequestMetadataFromHeaders } from 'nextjs-cms/logging'
+
+export async function POST(request: NextRequest) {
+    const session = await auth()
+
+    if (!session || !session.user) {
+        return NextResponse.json(
+            {
+                error: 'Access token not provided',
+            },
+            { status: 401 },
+        )
+    }
+
+    const user = session.user
+    const formData = await request.formData()
+    const sectionName = formData.get('sectionName') as string | null
+    const requestMetadata = getRequestMetadataFromHeaders(request.headers)
+
+    if (!sectionName) {
+        return NextResponse.json(
+            {
+                error: 'Section name not provided',
+            },
+            { status: 400 },
+        )
+    }
+
+    const submit = new NewSubmit({
+        sectionName,
+        user,
+        postData: formData,
+        requestMetadata,
+    })
+
+    await submit.initialize()
+    await submit.submit()
+    if (submit.error) {
+        return NextResponse.json(
+            {
+                error: submit.errorMessage,
+            },
+            { status: 400 },
+        )
+    }
+
+    return NextResponse.json(
+        {
+            message: 'Section item submitted successfully',
+        },
+        { status: 200 },
+    )
+}

package/templates/default/app/api/submit/section/simple/route.ts

@@ -1,57 +1,86 @@
-import { NextRequest, NextResponse } from 'next/server'
-import { SimpleSectionSubmit } from 'nextjs-cms/core/submit'
-import auth from 'nextjs-cms/auth'
-import { getRequestMetadataFromHeaders } from 'nextjs-cms/logging'
-
-export async function PUT(request: NextRequest) {
-    const session = await auth()
-
-    if (!session || !session.user) {
-        return NextResponse.json(
-            {
-                error: 'Access token not provided',
-            },
-            { status: 401 },
-        )
-    }
-
-    const user = session.user
-    const formData = await request.formData()
-    const sectionName = formData.get('sectionName') as string | null
-    const requestMetadata = getRequestMetadataFromHeaders(request.headers)
-
-    if (!sectionName) {
-        return NextResponse.json(
-            {
-                error: 'Section name not provided',
-            },
-            { status: 400 },
-        )
-    }
-
-    const submit = new SimpleSectionSubmit({
-        itemId: '1',
-        sectionName,
-        user,
-        postData: formData,
-        requestMetadata,
-    })
-
-    await submit.initialize()
-    await submit.submit()
-    if (submit.error) {
-        return NextResponse.json(
-            {
-                error: submit.errorMessage,
-            },
-            { status: 400 },
-        )
-    }
-
-    return NextResponse.json(
-        {
-            message: 'Section item submitted successfully',
-        },
-        { status: 200 },
-    )
-}
+import { NextRequest, NextResponse } from 'next/server'
+import { SimpleSectionSubmit, LocaleSubmit } from 'nextjs-cms/core/submit'
+import auth from 'nextjs-cms/auth'
+import { getRequestMetadataFromHeaders } from 'nextjs-cms/logging'
+import { getCMSConfig } from 'nextjs-cms/core/config'
+import { resolveLocale } from 'nextjs-cms/core/localization'
+import getString from 'nextjs-cms/translations'
+
+export async function PUT(request: NextRequest) {
+    const session = await auth()
+
+    if (!session || !session.user) {
+        return NextResponse.json(
+            {
+                error: 'Access token not provided',
+            },
+            { status: 401 },
+        )
+    }
+
+    const user = session.user
+    const formData = await request.formData()
+    const sectionName = formData.get('sectionName') as string | null
+    const requestMetadata = getRequestMetadataFromHeaders(request.headers)
+
+    if (!sectionName) {
+        return NextResponse.json(
+            {
+                error: 'Section name not provided',
+            },
+            { status: 400 },
+        )
+    }
+
+    const localeCode = formData.get('locale')
+    const localeValue = typeof localeCode === 'string' ? localeCode : undefined
+    const cmsConfig = await getCMSConfig()
+    const localeResult = resolveLocale({
+        localization: cmsConfig.localization,
+        locale: localeValue,
+    })
+    const isLocaleSubmit = localeValue && localeResult.localizationEnabled && localeResult.isDefault === false
+    const localeForSubmit = localeResult.resolvedLocale?.code
+
+    if (isLocaleSubmit && !localeForSubmit) {
+        return NextResponse.json(
+            {
+                error: getString('invalidLocale', user.language, {
+                    locale: localeValue,
+                    locales: localeResult.availableLocales.map((l) => l.code).join(', '),
+                }),
+            },
+            { status: 400 },
+        )
+    }
+
+    const config = {
+        itemId: '1',
+        sectionName,
+        user,
+        postData: formData,
+        requestMetadata,
+    }
+
+    const submit = isLocaleSubmit
+        ? new LocaleSubmit({ ...config, locale: localeForSubmit as string })
+        : new SimpleSectionSubmit(config)
+
+    await submit.initialize()
+    await submit.submit()
+    if (submit.error) {
+        return NextResponse.json(
+            {
+                error: submit.errorMessage,
+            },
+            { status: 400 },
+        )
+    }
+
+    return NextResponse.json(
+        {
+            message: 'Section item submitted successfully',
+        },
+        { status: 200 },
+    )
+}

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

@@ -1,33 +1,33 @@
-import { fetchRequestHandler } from '@trpc/server/adapters/fetch'
-import { createTRPCContext, getAppRouter } from 'nextjs-cms/api'
-import { NextRequest } from 'next/server'
-
-/**
- * This wraps the `createContext` helper and provides the required context for the tRPC API when
- * handling a HTTP request (e.g. when you make requests from Client Components).
- */
-
-const context = async (req: NextRequest) => {
-    return createTRPCContext({
-        headers: req.headers,
-    })
-}
-
-const handler = async (req: NextRequest) =>
-    fetchRequestHandler({
-        endpoint: '/api/trpc',
-        req,
-        router: await getAppRouter(),
-        createContext: () => context(req),
-        /*onError(opts) {
-            return opts.error
-        },*/
-        onError:
-            process.env.NODE_ENV === 'development'
-                ? ({ path, error }) => {
-                      console.error(`❌ tRPC failed on ${path ?? '<no-path>'}: ${error.message}`)
-                  }
-                : undefined,
-    })
-
-export { handler as GET, handler as POST }
+import { fetchRequestHandler } from '@trpc/server/adapters/fetch'
+import { createTRPCContext, getAppRouter } from 'nextjs-cms/api'
+import { NextRequest } from 'next/server'
+
+/**
+ * This wraps the `createContext` helper and provides the required context for the tRPC API when
+ * handling a HTTP request (e.g. when you make requests from Client Components).
+ */
+
+const context = async (req: NextRequest) => {
+    return createTRPCContext({
+        headers: req.headers,
+    })
+}
+
+const handler = async (req: NextRequest) =>
+    fetchRequestHandler({
+        endpoint: '/api/trpc',
+        req,
+        router: await getAppRouter(),
+        createContext: () => context(req),
+        /*onError(opts) {
+            return opts.error
+        },*/
+        onError:
+            process.env.NODE_ENV === 'development'
+                ? ({ path, error }) => {
+                      console.error(`❌ tRPC failed on ${path ?? '<no-path>'}: ${error.message}`)
+                  }
+                : undefined,
+    })
+
+export { handler as GET, handler as POST }