kofi-stack-template-generator 2.1.26 → 2.1.28

package/templates/marketing/payload/src/Footer/config.ts.hbs

@@ -0,0 +1,178 @@
+import type { GlobalConfig } from "payload"
+
+import { link } from "@/fields/link"
+import { revalidateFooter } from "./hooks/revalidateFooter"
+
+export const Footer: GlobalConfig = {
+  slug: "footer",
+  access: {
+    read: () => true,
+  },
+  fields: [
+    // Link Columns - organized groups of links
+    {
+      name: "columns",
+      type: "array",
+      label: "Link Columns",
+      maxRows: 5,
+      admin: {
+        initCollapsed: true,
+        description: "Add columns of links (e.g., Solutions, Resources, Company)",
+      },
+      fields: [
+        {
+          name: "title",
+          type: "text",
+          required: true,
+          label: "Column Title",
+        },
+        {
+          name: "links",
+          type: "array",
+          label: "Links",
+          maxRows: 10,
+          fields: [
+            link({
+              appearances: false,
+            }),
+          ],
+          admin: {
+            initCollapsed: true,
+          },
+        },
+      ],
+    },
+    // Social Links
+    {
+      name: "socialLinks",
+      type: "group",
+      label: "Social Links",
+      admin: {
+        description: "Add your social media profile URLs",
+      },
+      fields: [
+        {
+          name: "twitter",
+          type: "text",
+          label: "X (Twitter)",
+          admin: {
+            placeholder: "https://x.com/yourhandle",
+          },
+        },
+        {
+          name: "instagram",
+          type: "text",
+          label: "Instagram",
+          admin: {
+            placeholder: "https://instagram.com/yourhandle",
+          },
+        },
+        {
+          name: "linkedin",
+          type: "text",
+          label: "LinkedIn",
+          admin: {
+            placeholder: "https://linkedin.com/company/yourcompany",
+          },
+        },
+        {
+          name: "github",
+          type: "text",
+          label: "GitHub",
+          admin: {
+            placeholder: "https://github.com/yourorg",
+          },
+        },
+        {
+          name: "youtube",
+          type: "text",
+          label: "YouTube",
+          admin: {
+            placeholder: "https://youtube.com/@yourchannel",
+          },
+        },
+      ],
+    },
+    // Newsletter Section
+    {
+      name: "newsletter",
+      type: "group",
+      label: "Newsletter",
+      admin: {
+        description: "Configure the newsletter signup section",
+      },
+      fields: [
+        {
+          name: "enabled",
+          type: "checkbox",
+          label: "Enable Newsletter Signup",
+          defaultValue: true,
+        },
+        {
+          name: "title",
+          type: "text",
+          label: "Title",
+          defaultValue: "Newsletter",
+          admin: {
+            condition: (_, siblingData) => siblingData?.enabled,
+          },
+        },
+        {
+          name: "description",
+          type: "textarea",
+          label: "Description",
+          defaultValue: "Stay up to date with the latest updates and news.",
+          admin: {
+            condition: (_, siblingData) => siblingData?.enabled,
+          },
+        },
+        {
+          name: "buttonText",
+          type: "text",
+          label: "Button Text",
+          defaultValue: "Subscribe",
+          admin: {
+            condition: (_, siblingData) => siblingData?.enabled,
+          },
+        },
+        {
+          name: "placeholder",
+          type: "text",
+          label: "Email Placeholder",
+          defaultValue: "Enter your email",
+          admin: {
+            condition: (_, siblingData) => siblingData?.enabled,
+          },
+        },
+      ],
+    },
+    // Copyright and Bottom Bar
+    {
+      name: "copyrightText",
+      type: "text",
+      label: "Copyright Text",
+      defaultValue: "{{projectName}}",
+      admin: {
+        description: "Company name for copyright (year is added automatically)",
+      },
+    },
+    {
+      name: "bottomLinks",
+      type: "array",
+      label: "Bottom Bar Links",
+      maxRows: 4,
+      admin: {
+        description: "Links shown in the bottom bar (e.g., Contact Support, Privacy Policy)",
+        initCollapsed: true,
+      },
+      fields: [
+        link({
+          appearances: false,
+        }),
+      ],
+    },
+  ],
+  hooks: {
+    afterChange: [revalidateFooter],
+  },
+}

package/templates/marketing/payload/src/Footer/hooks/revalidateFooter.ts.hbs

@@ -0,0 +1,13 @@
+import type { GlobalAfterChangeHook } from "payload"
+
+import { revalidateTag } from "next/cache"
+
+export const revalidateFooter: GlobalAfterChangeHook = ({ doc, req: { payload, context } }) => {
+  if (!context.disableRevalidate) {
+    payload.logger.info("Revalidating footer")
+
+    revalidateTag("global_footer")
+  }
+
+  return doc
+}

package/templates/marketing/payload/src/Footer/index.ts.hbs

@@ -0,0 +1 @@
+export { Footer } from "./config"

package/templates/marketing/payload/src/Header/RowLabel.tsx.hbs

@@ -0,0 +1,21 @@
+"use client"
+import type { Header } from "@/payload-types"
+import { type RowLabelProps, useRowLabel } from "@payloadcms/ui"
+
+export const RowLabel: React.FC<RowLabelProps> = () => {
+  const data = useRowLabel<NonNullable<Header["navItems"]>[number]>()
+
+  const itemLabel = data?.data?.label
+  const itemType = data?.data?.type === "megaMenu" ? "Mega Menu" : "Link"
+  const isRight = (data?.data?.position || "left") === "right"
+  const itemPosition = isRight ? "Right" : "Left"
+  const itemAppearance = isRight
+    ? ` · ${(data?.data?.appearance || "button") === "button" ? "Button" : "Link"}`
+    : ""
+
+  const label = itemLabel
+    ? `${data.rowNumber !== undefined ? data.rowNumber + 1 : ""}. ${itemLabel} — ${itemType} (${itemPosition}${itemAppearance})`
+    : "Row"
+
+  return <div>{label}</div>
+}

package/templates/marketing/payload/src/Header/config.ts.hbs

@@ -0,0 +1,208 @@
+import type { GlobalConfig } from "payload"
+
+import { link } from "@/fields/link"
+import { revalidateHeader } from "./hooks/revalidateHeader"
+
+export const Header: GlobalConfig = {
+  slug: "header",
+  access: {
+    read: () => true,
+  },
+  fields: [
+    {
+      name: "navItems",
+      type: "array",
+      maxRows: 8,
+      admin: {
+        initCollapsed: true,
+        components: {
+          RowLabel: "@/Header/RowLabel#RowLabel",
+        },
+      },
+      fields: [
+        {
+          name: "type",
+          type: "select",
+          defaultValue: "link",
+          options: [
+            { label: "Simple Link", value: "link" },
+            { label: "Mega Menu", value: "megaMenu" },
+          ],
+          admin: {
+            description: "Choose between a simple link or a mega menu dropdown",
+          },
+        },
+        {
+          name: "label",
+          type: "text",
+          required: true,
+          label: "Nav Item Label",
+        },
+        {
+          name: "position",
+          type: "select",
+          defaultValue: "left",
+          options: [
+            { label: "Left (Near Logo)", value: "left" },
+            { label: "Right (CTA Section)", value: "right" },
+          ],
+          admin: {
+            description: "Control where this nav item appears in the header",
+          },
+        },
+        {
+          name: "appearance",
+          type: "select",
+          defaultValue: "button",
+          options: [
+            { label: "Button", value: "button" },
+            { label: "Link", value: "link" },
+          ],
+          admin: {
+            description: "How this item should be displayed",
+            condition: (_, siblingData) => siblingData?.position === "right",
+          },
+        },
+        // Simple link fields
+        link({
+          appearances: false,
+          disableLabel: true,
+          overrides: {
+            admin: {
+              condition: (_, siblingData) => siblingData?.type === "link",
+            },
+          },
+        }),
+        // Mega menu fields
+        {
+          name: "megaMenuColumns",
+          type: "array",
+          label: "Menu Columns",
+          maxRows: 4,
+          admin: {
+            condition: (_, siblingData) => siblingData?.type === "megaMenu",
+          },
+          fields: [
+            {
+              name: "columnLabel",
+              type: "text",
+              label: "Column Heading",
+            },
+            {
+              name: "columnDescription",
+              type: "textarea",
+              label: "Column Description",
+              admin: {
+                description: "Optional description shown below the column heading",
+              },
+            },
+            {
+              name: "items",
+              type: "array",
+              label: "Menu Items",
+              maxRows: 8,
+              fields: [
+                {
+                  name: "label",
+                  type: "text",
+                  required: true,
+                  label: "Item Label",
+                },
+                {
+                  name: "description",
+                  type: "text",
+                  label: "Item Description",
+                  admin: {
+                    description: "Short description shown below the label",
+                  },
+                },
+                {
+                  name: "icon",
+                  type: "select",
+                  label: "Icon",
+                  options: [
+                    { label: "None", value: "none" },
+                    { label: "Layout", value: "layout" },
+                    { label: "Dollar Sign", value: "dollarSign" },
+                    { label: "Search", value: "search" },
+                    { label: "Settings", value: "settings" },
+                    { label: "Zap", value: "zap" },
+                    { label: "Layers", value: "layers" },
+                    { label: "Users", value: "users" },
+                    { label: "Building", value: "building" },
+                    { label: "Globe", value: "globe" },
+                    { label: "Store", value: "store" },
+                    { label: "Rocket", value: "rocket" },
+                    { label: "Target", value: "target" },
+                    { label: "BarChart", value: "barChart" },
+                    { label: "Shield", value: "shield" },
+                    { label: "Database", value: "database" },
+                  ],
+                  defaultValue: "none",
+                },
+                link({
+                  appearances: false,
+                  disableLabel: true,
+                }),
+              ],
+            },
+          ],
+        },
+        // Featured section for mega menu
+        {
+          name: "featuredItem",
+          type: "group",
+          label: "Featured Section",
+          admin: {
+            condition: (_, siblingData) => siblingData?.type === "megaMenu",
+            description: "Optional featured content shown in the mega menu",
+          },
+          fields: [
+            {
+              name: "enabled",
+              type: "checkbox",
+              label: "Show Featured Section",
+              defaultValue: false,
+            },
+            {
+              name: "heading",
+              type: "text",
+              label: "Featured Heading",
+              admin: {
+                condition: (_, siblingData) => siblingData?.enabled,
+              },
+            },
+            {
+              name: "description",
+              type: "textarea",
+              label: "Featured Description",
+              admin: {
+                condition: (_, siblingData) => siblingData?.enabled,
+              },
+            },
+            {
+              name: "image",
+              type: "upload",
+              relationTo: "media",
+              label: "Featured Image",
+              admin: {
+                condition: (_, siblingData) => siblingData?.enabled,
+              },
+            },
+            link({
+              appearances: false,
+              overrides: {
+                admin: {
+                  condition: (_, siblingData) => siblingData?.enabled,
+                },
+              },
+            }),
+          ],
+        },
+      ],
+    },
+  ],
+  hooks: {
+    afterChange: [revalidateHeader],
+  },
+}

package/templates/marketing/payload/src/Header/hooks/revalidateHeader.ts.hbs

@@ -0,0 +1,13 @@
+import type { GlobalAfterChangeHook } from "payload"
+
+import { revalidateTag } from "next/cache"
+
+export const revalidateHeader: GlobalAfterChangeHook = ({ doc, req: { payload, context } }) => {
+  if (!context.disableRevalidate) {
+    payload.logger.info("Revalidating header")
+
+    revalidateTag("global_header")
+  }
+
+  return doc
+}

package/templates/marketing/payload/src/Header/index.ts.hbs

@@ -0,0 +1 @@
+export { Header } from "./config"

package/templates/marketing/payload/src/access/anyone.ts.hbs

@@ -0,0 +1,3 @@
+import type { Access } from "payload"
+
+export const anyone: Access = () => true

package/templates/marketing/payload/src/access/authenticated.ts.hbs

@@ -0,0 +1,9 @@
+import type { AccessArgs } from "payload"
+
+import type { User } from "@/payload-types"
+
+type isAuthenticated = (args: AccessArgs<User>) => boolean
+
+export const authenticated: isAuthenticated = ({ req: { user } }) => {
+  return Boolean(user)
+}

package/templates/marketing/payload/src/access/authenticatedOrPublished.ts.hbs

@@ -0,0 +1,13 @@
+import type { Access } from "payload"
+
+export const authenticatedOrPublished: Access = ({ req: { user } }) => {
+  if (user) {
+    return true
+  }
+
+  return {
+    _status: {
+      equals: "published",
+    },
+  }
+}

package/templates/marketing/payload/src/access/index.ts.hbs

@@ -0,0 +1,3 @@
+export { anyone } from "./anyone"
+export { authenticated } from "./authenticated"
+export { authenticatedOrPublished } from "./authenticatedOrPublished"

package/templates/marketing/payload/src/app/(frontend)/next/seed/route.ts.hbs

@@ -0,0 +1,31 @@
+import { seed } from "@/endpoints/seed"
+import config from "@payload-config"
+import { headers } from "next/headers"
+import { createLocalReq, getPayload } from "payload"
+
+export const maxDuration = 60 // This function can run for a maximum of 60 seconds
+
+export async function POST(): Promise<Response> {
+  const payload = await getPayload({ config })
+  const requestHeaders = await headers()
+
+  // Authenticate by passing request headers
+  const { user } = await payload.auth({ headers: requestHeaders })
+
+  if (!user) {
+    return new Response("Action forbidden.", { status: 403 })
+  }
+
+  try {
+    // Create a Payload request object to pass to the Local API for transactions
+    // At this point you should pass in a user, locale, and any other context you need for the Local API
+    const payloadReq = await createLocalReq({ user }, payload)
+
+    await seed({ payload, req: payloadReq })
+
+    return Response.json({ success: true })
+  } catch (e) {
+    payload.logger.error({ err: e, message: "Error seeding data" })
+    return new Response("Error seeding data.", { status: 500 })
+  }
+}

package/templates/marketing/payload/src/app/(payload)/admin/[[...segments]]/not-found.tsx.hbs

@@ -1,17 +1,24 @@
-import config from '@/payload.config'
-import { NotFoundPage, generatePageMetadata } from '@payloadcms/next/views'
-import { importMap } from '../importMap.js'
+/* THIS FILE WAS GENERATED AUTOMATICALLY BY PAYLOAD. */
+/* DO NOT MODIFY IT BECAUSE IT COULD BE REWRITTEN AT ANY TIME. */
 import type { Metadata } from 'next'
 
+import config from '@payload-config'
+import { NotFoundPage, generatePageMetadata } from '@payloadcms/next/views'
+import { importMap } from '../importMap'
+
 type Args = {
-  params: Promise<{ segments: string[] }>
-  searchParams: Promise<Record<string, string | string[]>>
+  params: Promise<{
+    segments: string[]
+  }>
+  searchParams: Promise<{
+    [key: string]: string | string[]
+  }>
 }
 
 export const generateMetadata = ({ params, searchParams }: Args): Promise<Metadata> =>
   generatePageMetadata({ config, params, searchParams })
 
 const NotFound = ({ params, searchParams }: Args) =>
-  NotFoundPage({ config, importMap, params, searchParams })
+  NotFoundPage({ config, params, searchParams, importMap })
 
 export default NotFound

package/templates/marketing/payload/src/app/(payload)/admin/[[...segments]]/page.tsx.hbs

@@ -1,17 +1,24 @@
-import config from '@/payload.config'
-import { RootPage, generatePageMetadata } from '@payloadcms/next/views'
-import { importMap } from '../importMap.js'
+/* THIS FILE WAS GENERATED AUTOMATICALLY BY PAYLOAD. */
+/* DO NOT MODIFY IT BECAUSE IT COULD BE REWRITTEN AT ANY TIME. */
 import type { Metadata } from 'next'
 
+import config from '@payload-config'
+import { RootPage, generatePageMetadata } from '@payloadcms/next/views'
+import { importMap } from '../importMap'
+
 type Args = {
-  params: Promise<{ segments: string[] }>
-  searchParams: Promise<Record<string, string | string[]>>
+  params: Promise<{
+    segments: string[]
+  }>
+  searchParams: Promise<{
+    [key: string]: string | string[]
+  }>
 }
 
 export const generateMetadata = ({ params, searchParams }: Args): Promise<Metadata> =>
   generatePageMetadata({ config, params, searchParams })
 
 const Page = ({ params, searchParams }: Args) =>
-  RootPage({ config, importMap, params, searchParams })
+  RootPage({ config, params, searchParams, importMap })
 
 export default Page

package/templates/marketing/payload/src/app/(payload)/api/[...slug]/route.ts.hbs

@@ -1,9 +1,19 @@
-import config from '@/payload.config'
-import { REST_DELETE, REST_GET, REST_OPTIONS, REST_PATCH, REST_POST } from '@payloadcms/next/routes'
-import { importMap } from '../../importMap.js'
+/* THIS FILE WAS GENERATED AUTOMATICALLY BY PAYLOAD. */
+/* DO NOT MODIFY IT BECAUSE IT COULD BE REWRITTEN AT ANY TIME. */
+import config from '@payload-config'
+import '@payloadcms/next/css'
+import {
+  REST_DELETE,
+  REST_GET,
+  REST_OPTIONS,
+  REST_PATCH,
+  REST_POST,
+  REST_PUT,
+} from '@payloadcms/next/routes'
 
-export const GET = REST_GET(config, importMap)
-export const POST = REST_POST(config, importMap)
-export const DELETE = REST_DELETE(config, importMap)
-export const PATCH = REST_PATCH(config, importMap)
+export const GET = REST_GET(config)
+export const POST = REST_POST(config)
+export const DELETE = REST_DELETE(config)
+export const PATCH = REST_PATCH(config)
+export const PUT = REST_PUT(config)
 export const OPTIONS = REST_OPTIONS(config)

package/templates/marketing/payload/src/app/(payload)/api/graphql/route.ts.hbs

@@ -1,5 +1,8 @@
-import config from '@/payload.config'
-import { GRAPHQL_POST } from '@payloadcms/next/routes'
-import { importMap } from '../../importMap.js'
+/* THIS FILE WAS GENERATED AUTOMATICALLY BY PAYLOAD. */
+/* DO NOT MODIFY IT BECAUSE IT COULD BE REWRITTEN AT ANY TIME. */
+import config from '@payload-config'
+import { GRAPHQL_POST, REST_OPTIONS } from '@payloadcms/next/routes'
 
-export const POST = GRAPHQL_POST(config, importMap)
+export const POST = GRAPHQL_POST(config)
+
+export const OPTIONS = REST_OPTIONS(config)

package/templates/marketing/payload/src/app/(payload)/api/graphql-playground/route.ts.hbs

@@ -1,5 +1,7 @@
-import config from '@/payload.config'
+/* THIS FILE WAS GENERATED AUTOMATICALLY BY PAYLOAD. */
+/* DO NOT MODIFY IT BECAUSE IT COULD BE REWRITTEN AT ANY TIME. */
+import config from '@payload-config'
+import '@payloadcms/next/css'
 import { GRAPHQL_PLAYGROUND_GET } from '@payloadcms/next/routes'
-import { importMap } from '../../importMap.js'
 
-export const GET = GRAPHQL_PLAYGROUND_GET(config, importMap)
+export const GET = GRAPHQL_PLAYGROUND_GET(config)

package/templates/marketing/payload/src/app/(payload)/layout.tsx.hbs

@@ -1,24 +1,31 @@
-import type { Metadata } from 'next'
-import config from '@/payload.config'
+/* THIS FILE WAS GENERATED AUTOMATICALLY BY PAYLOAD. */
+/* DO NOT MODIFY IT BECAUSE IT COULD BE REWRITTEN AT ANY TIME. */
+import config from '@payload-config'
 import '@payloadcms/next/css'
 import { RootLayout, handleServerFunctions } from '@payloadcms/next/layouts'
 import type { ServerFunctionClient } from 'payload'
+import type React from 'react'
+
 import { importMap } from './admin/importMap.js'
 import './custom.scss'
 
-export const metadata: Metadata = {
-  title: 'Admin Panel',
+type Args = {
+  children: React.ReactNode
 }
 
-const serverFunction: ServerFunctionClient = async function (args) {
+const serverFunction: ServerFunctionClient = async (args) => {
   'use server'
-  return handleServerFunctions({ ...args, config, importMap })
+  return handleServerFunctions({
+    ...args,
+    config,
+    importMap,
+  })
 }
 
-export default async function Layout({ children }: { children: React.ReactNode }) {
-  return (
-    <RootLayout config={config} importMap={importMap} serverFunction={serverFunction}>
-      {children}
-    </RootLayout>
-  )
-}
+const Layout = ({ children }: Args) => (
+  <RootLayout config={config} importMap={importMap} serverFunction={serverFunction}>
+    {children}
+  </RootLayout>
+)
+
+export default Layout