kofi-stack-template-generator 2.1.37 → 2.1.39

package/templates/marketing/payload/src/components/BeforeLogin/index.tsx.hbs

@@ -1,14 +0,0 @@
-import type React from "react"
-
-const BeforeLogin: React.FC = () => {
-  return (
-    <div>
-      <p>
-        <b>Welcome to your dashboard!</b>
-        {" This is where site admins will log in to manage your website."}
-      </p>
-    </div>
-  )
-}
-
-export default BeforeLogin

package/templates/marketing/payload/src/components/Link/index.tsx.hbs

@@ -1,79 +0,0 @@
-import { cn } from "@/lib/utils"
-import Link from "next/link"
-import type React from "react"
-
-import type { Page, Post } from "@/payload-types"
-
-type CMSLinkType = {
-  appearance?: "inline" | "default" | "outline" | "link"
-  children?: React.ReactNode
-  className?: string
-  label?: string | null
-  newTab?: boolean | null
-  reference?: {
-    relationTo: "pages" | "posts"
-    value: Page | Post | string | number
-  } | null
-  size?: "default" | "sm" | "lg" | null
-  type?: "custom" | "reference" | null
-  url?: string | null
-}
-
-export const CMSLink: React.FC<CMSLinkType> = (props) => {
-  const {
-    type,
-    appearance = "inline",
-    children,
-    className,
-    label,
-    newTab,
-    reference,
-    size = "default",
-    url,
-  } = props
-
-  const href =
-    type === "reference" && typeof reference?.value === "object" && reference.value.slug
-      ? `${reference?.relationTo !== "pages" ? `/${reference?.relationTo}` : ""}/${
-          reference.value.slug
-        }`
-      : url
-
-  if (!href) return null
-
-  const newTabProps = newTab ? { rel: "noopener noreferrer", target: "_blank" } : {}
-
-  // Size classes
-  const sizeClasses = {
-    default: "px-4 py-2",
-    sm: "px-3 py-1 text-sm",
-    lg: "px-6 py-3 text-lg",
-  }
-
-  // Appearance classes
-  const appearanceClasses = {
-    inline: "",
-    default: cn(
-      "inline-flex items-center justify-center rounded-md font-medium transition-colors",
-      "bg-primary text-primary-foreground hover:bg-primary/90",
-      sizeClasses[size || "default"]
-    ),
-    outline: cn(
-      "inline-flex items-center justify-center rounded-md font-medium transition-colors",
-      "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
-      sizeClasses[size || "default"]
-    ),
-    link: "underline-offset-4 hover:underline",
-  }
-
-  return (
-    <Link
-      className={cn(appearanceClasses[appearance], className)}
-      href={href || url || ""}
-      {...newTabProps}
-    >
-      {label && label}
-      {children && children}
-    </Link>
-  )
-}

package/templates/marketing/payload/src/components/Media/index.tsx.hbs

@@ -1,67 +0,0 @@
-"use client"
-
-import { cn } from "@/lib/utils"
-import Image from "next/image"
-import type React from "react"
-
-import type { Media as MediaType } from "@/payload-types"
-
-export interface MediaProps {
-  resource?: MediaType | string | number | null
-  alt?: string
-  className?: string
-  imgClassName?: string
-  fill?: boolean
-  priority?: boolean
-  size?: string
-}
-
-export const Media: React.FC<MediaProps> = ({
-  resource,
-  alt: altFromProps,
-  className,
-  imgClassName,
-  fill = false,
-  priority = false,
-  size,
-}) => {
-  // If resource is not an object or is null/undefined, return null
-  if (!resource || typeof resource !== "object") {
-    return null
-  }
-
-  const { url, alt: altFromResource, width, height } = resource
-
-  const alt = altFromProps ?? altFromResource ?? ""
-
-  if (!url) return null
-
-  // Handle fill mode
-  if (fill) {
-    return (
-      <div className={cn("relative", className)}>
-        <Image
-          src={url}
-          alt={alt}
-          fill
-          className={cn("object-cover", imgClassName)}
-          priority={priority}
-          sizes={size || "100vw"}
-        />
-      </div>
-    )
-  }
-
-  // Handle normal mode with width/height
-  return (
-    <Image
-      src={url}
-      alt={alt}
-      width={width || 800}
-      height={height || 600}
-      className={cn(className, imgClassName)}
-      priority={priority}
-      sizes={size}
-    />
-  )
-}

package/templates/marketing/payload/src/components/RichText/index.tsx.hbs

@@ -1,44 +0,0 @@
-import type { DefaultTypedEditorState } from "@payloadcms/richtext-lexical"
-import {
-  RichText as ConvertRichText,
-  type JSXConvertersFunction,
-  LinkJSXConverter,
-} from "@payloadcms/richtext-lexical/react"
-import { cn } from "@/lib/utils"
-import type React from "react"
-
-const jsxConverters: JSXConvertersFunction = ({ defaultConverters }) => ({
-  ...defaultConverters,
-  ...LinkJSXConverter({ internalDocToHref: ({ linkNode }) => {
-    const { value, relationTo } = linkNode.fields.doc || {}
-    if (typeof value !== "object" || !value) return "/"
-    const slug = value.slug
-    return relationTo === "posts" ? `/posts/${slug}` : `/${slug}`
-  }}),
-})
-
-type Props = {
-  data: DefaultTypedEditorState
-  enableGutter?: boolean
-  enableProse?: boolean
-} & React.HTMLAttributes<HTMLDivElement>
-
-export default function RichText(props: Props) {
-  const { className, enableProse = true, enableGutter = true, ...rest } = props
-  return (
-    <ConvertRichText
-      converters={jsxConverters}
-      className={cn(
-        "payload-richtext",
-        {
-          container: enableGutter,
-          "prose prose-lg dark:prose-invert prose-headings:font-bold prose-headings:tracking-tight prose-a:text-primary prose-a:no-underline hover:prose-a:underline prose-blockquote:border-l-primary prose-blockquote:not-italic prose-li:marker:text-muted-foreground":
-            enableProse,
-        },
-        !enableGutter && "max-w-none",
-        className,
-      )}
-      {...rest}
-    />
-  )
-}

package/templates/marketing/payload/src/endpoints/seed/home.ts.hbs

@@ -1,76 +0,0 @@
-import type { Media } from "@/payload-types"
-import type { RequiredDataFromCollectionSlug } from "payload"
-
-type HomeArgs = {
-  heroImage: Media
-}
-
-export const home: (args: HomeArgs) => RequiredDataFromCollectionSlug<"pages"> = ({
-  heroImage,
-}) => {
-  return {
-    slug: "home",
-    _status: "published",
-    title: "Home",
-    layout: [
-      {
-        blockType: "hero",
-        heading: "Welcome to {{projectName}}",
-        subheading: "Build something amazing with Payload CMS and Next.js",
-        primaryCta: {
-          label: "Get Started",
-          url: "/posts",
-        },
-        secondaryCta: {
-          label: "Learn More",
-          url: "/contact",
-        },
-      },
-      {
-        blockType: "features",
-        heading: "Core Features",
-        subheading: "Everything you need to build modern websites",
-        features: [
-          {
-            icon: "layout",
-            title: "Page Builder",
-            description: "Create beautiful pages with our flexible block-based editor.",
-          },
-          {
-            icon: "zap",
-            title: "Lightning Fast",
-            description: "Optimized for performance with Next.js and React Server Components.",
-          },
-          {
-            icon: "shield",
-            title: "Secure by Default",
-            description: "Built-in authentication and role-based access control.",
-          },
-          {
-            icon: "database",
-            title: "Flexible Database",
-            description: "Works with MongoDB, PostgreSQL, and other databases.",
-          },
-        ],
-      },
-      {
-        blockType: "cta",
-        heading: "Ready to get started?",
-        subheading: "Start building your next project today.",
-        primaryCta: {
-          label: "View Posts",
-          url: "/posts",
-        },
-        secondaryCta: {
-          label: "Contact Us",
-          url: "/contact",
-        },
-      },
-    ],
-    meta: {
-      description: "Welcome to {{projectName}} - Built with Payload CMS and Next.js",
-      image: heroImage.id,
-      title: "{{projectName}}",
-    },
-  }
-}

package/templates/marketing/payload/src/endpoints/seed/image-1.ts.hbs

@@ -1,5 +0,0 @@
-import type { Media } from "@/payload-types"
-
-export const image1: Omit<Media, "createdAt" | "id" | "updatedAt"> = {
-  alt: "Curving abstract shapes with an orange and blue gradient",
-}

package/templates/marketing/payload/src/endpoints/seed/image-2.ts.hbs

@@ -1,5 +0,0 @@
-import type { Media } from "@/payload-types"
-
-export const image2: Omit<Media, "createdAt" | "id" | "updatedAt"> = {
-  alt: "Stylized 3D rendering of a dark, abstract cosmic landscape",
-}

package/templates/marketing/payload/src/endpoints/seed/image-hero.ts.hbs

@@ -1,5 +0,0 @@
-import type { Media } from "@/payload-types"
-
-export const imageHero: Omit<Media, "createdAt" | "id" | "updatedAt"> = {
-  alt: "Abstract hero image with gradient",
-}

package/templates/marketing/payload/src/endpoints/seed/index.ts.hbs

@@ -1,235 +0,0 @@
-import type { CollectionSlug, File, Payload, PayloadRequest } from "payload"
-
-import { home } from "./home"
-import { image1 } from "./image-1"
-import { image2 } from "./image-2"
-import { imageHero } from "./image-hero"
-import { post1 } from "./post-1"
-
-const collections: CollectionSlug[] = [
-  "categories",
-  "media",
-  "pages",
-  "posts",
-]
-
-const categories = ["Technology", "News", "Finance", "Design", "Software", "Engineering"]
-
-// Next.js revalidation errors are normal when seeding the database without a server running
-// i.e. running `yarn seed` locally instead of using the admin UI within an active app
-// The app is not running to revalidate the pages and so the API routes are not available
-// These error messages can be ignored: `Error hitting revalidate route for...`
-export const seed = async ({
-  payload,
-  req,
-}: {
-  payload: Payload
-  req: PayloadRequest
-}): Promise<void> => {
-  payload.logger.info("Seeding database...")
-
-  // we need to clear the media directory before seeding
-  // as well as the collections and globals
-  // this is because while `yarn seed` drops the database
-  // the custom `/api/seed` endpoint does not
-  payload.logger.info(`— Clearing collections and globals...`)
-
-  // clear the database - header
-  await payload.updateGlobal({
-    slug: "header",
-    data: {
-      navItems: [],
-    },
-    depth: 0,
-    context: {
-      disableRevalidate: true,
-    },
-  })
-
-  // clear the database - footer
-  await payload.updateGlobal({
-    slug: "footer",
-    data: {
-      columns: [],
-      socialLinks: {},
-      newsletter: { enabled: false },
-      copyrightText: "",
-      bottomLinks: [],
-    },
-    depth: 0,
-    context: {
-      disableRevalidate: true,
-    },
-  })
-
-  await Promise.all(
-    collections.map((collection) => payload.db.deleteMany({ collection, req, where: {} })),
-  )
-
-  await Promise.all(
-    collections
-      .filter((collection) => Boolean(payload.collections[collection].config.versions))
-      .map((collection) => payload.db.deleteVersions({ collection, req, where: {} })),
-  )
-
-  payload.logger.info(`— Seeding demo author and user...`)
-
-  await payload.delete({
-    collection: "users",
-    depth: 0,
-    where: {
-      email: {
-        equals: "demo-author@example.com",
-      },
-    },
-  })
-
-  payload.logger.info(`— Seeding media...`)
-
-  const [image1Buffer, image2Buffer, heroBuffer] = await Promise.all([
-    fetchFileByURL(
-      "https://raw.githubusercontent.com/payloadcms/payload/refs/heads/main/templates/website/src/endpoints/seed/image-post1.webp",
-    ),
-    fetchFileByURL(
-      "https://raw.githubusercontent.com/payloadcms/payload/refs/heads/main/templates/website/src/endpoints/seed/image-post2.webp",
-    ),
-    fetchFileByURL(
-      "https://raw.githubusercontent.com/payloadcms/payload/refs/heads/main/templates/website/src/endpoints/seed/image-hero1.webp",
-    ),
-  ])
-
-  const [demoAuthor, image1Doc, image2Doc, imageHeroDoc] = await Promise.all([
-    payload.create({
-      collection: "users",
-      data: {
-        name: "Demo Author",
-        email: "demo-author@example.com",
-        password: "password",
-      },
-    }),
-    payload.create({
-      collection: "media",
-      data: image1,
-      file: image1Buffer,
-    }),
-    payload.create({
-      collection: "media",
-      data: image2,
-      file: image2Buffer,
-    }),
-    payload.create({
-      collection: "media",
-      data: imageHero,
-      file: heroBuffer,
-    }),
-    ...categories.map((category) =>
-      payload.create({
-        collection: "categories",
-        data: {
-          title: category,
-        },
-      }),
-    ),
-  ])
-
-  payload.logger.info(`— Seeding posts...`)
-
-  const post1Doc = await payload.create({
-    collection: "posts",
-    depth: 0,
-    context: {
-      disableRevalidate: true,
-    },
-    data: post1({ heroImage: image1Doc, author: demoAuthor }),
-  })
-
-  payload.logger.info(`— Seeding pages...`)
-
-  await payload.create({
-    collection: "pages",
-    depth: 0,
-    data: home({ heroImage: imageHeroDoc }),
-  })
-
-  payload.logger.info(`— Seeding globals...`)
-
-  await Promise.all([
-    payload.updateGlobal({
-      slug: "header",
-      data: {
-        navItems: [
-          {
-            type: "link",
-            label: "Posts",
-            link: {
-              type: "custom",
-              url: "/posts",
-            },
-          },
-        ],
-      },
-    }),
-    payload.updateGlobal({
-      slug: "footer",
-      data: {
-        columns: [
-          {
-            title: "Resources",
-            links: [
-              {
-                link: {
-                  type: "custom",
-                  label: "Admin",
-                  url: "/admin",
-                },
-              },
-              {
-                link: {
-                  type: "custom",
-                  label: "Payload Docs",
-                  newTab: true,
-                  url: "https://payloadcms.com/docs",
-                },
-              },
-            ],
-          },
-        ],
-        socialLinks: {
-          github: "https://github.com/payloadcms/payload",
-          twitter: "https://x.com/payloadcms",
-        },
-        newsletter: {
-          enabled: true,
-          title: "Newsletter",
-          description: "Stay up to date with the latest updates.",
-          buttonText: "Subscribe",
-          placeholder: "Enter your email",
-        },
-        copyrightText: "{{projectName}}",
-        bottomLinks: [],
-      },
-    }),
-  ])
-
-  payload.logger.info("Seeded database successfully!")
-}
-
-async function fetchFileByURL(url: string): Promise<File> {
-  const res = await fetch(url, {
-    credentials: "include",
-    method: "GET",
-  })
-
-  if (!res.ok) {
-    throw new Error(`Failed to fetch file from ${url}, status: ${res.status}`)
-  }
-
-  const data = await res.arrayBuffer()
-
-  return {
-    name: url.split("/").pop() || `file-${Date.now()}`,
-    data: Buffer.from(data),
-    mimetype: `image/${url.split(".").pop()}`,
-    size: data.byteLength,
-  }
-}