kofi-stack-template-generator 2.1.37 → 2.1.39

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

@@ -1,252 +0,0 @@
-import type { Media, User } from "@/payload-types"
-import type { RequiredDataFromCollectionSlug } from "payload"
-
-export type PostArgs = {
-  heroImage: Media
-  author: User
-}
-
-export const post1: (args: PostArgs) => RequiredDataFromCollectionSlug<"posts"> = ({
-  heroImage,
-  author,
-}) => {
-  return {
-    slug: "getting-started",
-    _status: "published",
-    authors: [author],
-    content: {
-      root: {
-        type: "root",
-        children: [
-          {
-            type: "heading",
-            children: [
-              {
-                type: "text",
-                detail: 0,
-                format: 0,
-                mode: "normal",
-                style: "",
-                text: "Welcome to your new Payload CMS site!",
-                version: 1,
-              },
-            ],
-            direction: "ltr",
-            format: "",
-            indent: 0,
-            tag: "h2",
-            version: 1,
-          },
-          {
-            type: "paragraph",
-            children: [
-              {
-                type: "text",
-                detail: 0,
-                format: 0,
-                mode: "normal",
-                style: "",
-                text: "This is a sample post to help you get started. You can edit this post from the admin dashboard or create new ones.",
-                version: 1,
-              },
-            ],
-            direction: "ltr",
-            format: "",
-            indent: 0,
-            textFormat: 0,
-            version: 1,
-          },
-          {
-            type: "heading",
-            children: [
-              {
-                type: "text",
-                detail: 0,
-                format: 0,
-                mode: "normal",
-                style: "",
-                text: "Key Features",
-                version: 1,
-              },
-            ],
-            direction: "ltr",
-            format: "",
-            indent: 0,
-            tag: "h3",
-            version: 1,
-          },
-          {
-            type: "paragraph",
-            children: [
-              {
-                type: "text",
-                detail: 0,
-                format: 0,
-                mode: "normal",
-                style: "",
-                text: "Payload CMS provides a powerful and flexible content management system that integrates seamlessly with Next.js. Some key features include:",
-                version: 1,
-              },
-            ],
-            direction: "ltr",
-            format: "",
-            indent: 0,
-            textFormat: 0,
-            version: 1,
-          },
-          {
-            type: "list",
-            children: [
-              {
-                type: "listitem",
-                children: [
-                  {
-                    type: "text",
-                    detail: 0,
-                    format: 0,
-                    mode: "normal",
-                    style: "",
-                    text: "Fully customizable collections and fields",
-                    version: 1,
-                  },
-                ],
-                direction: "ltr",
-                format: "",
-                indent: 0,
-                value: 1,
-                version: 1,
-              },
-              {
-                type: "listitem",
-                children: [
-                  {
-                    type: "text",
-                    detail: 0,
-                    format: 0,
-                    mode: "normal",
-                    style: "",
-                    text: "Built-in authentication and access control",
-                    version: 1,
-                  },
-                ],
-                direction: "ltr",
-                format: "",
-                indent: 0,
-                value: 2,
-                version: 1,
-              },
-              {
-                type: "listitem",
-                children: [
-                  {
-                    type: "text",
-                    detail: 0,
-                    format: 0,
-                    mode: "normal",
-                    style: "",
-                    text: "Live preview and draft functionality",
-                    version: 1,
-                  },
-                ],
-                direction: "ltr",
-                format: "",
-                indent: 0,
-                value: 3,
-                version: 1,
-              },
-              {
-                type: "listitem",
-                children: [
-                  {
-                    type: "text",
-                    detail: 0,
-                    format: 0,
-                    mode: "normal",
-                    style: "",
-                    text: "SEO optimization tools",
-                    version: 1,
-                  },
-                ],
-                direction: "ltr",
-                format: "",
-                indent: 0,
-                value: 4,
-                version: 1,
-              },
-            ],
-            direction: "ltr",
-            format: "",
-            indent: 0,
-            listType: "bullet",
-            start: 1,
-            tag: "ul",
-            version: 1,
-          },
-          {
-            type: "paragraph",
-            children: [
-              {
-                type: "text",
-                detail: 0,
-                format: 0,
-                mode: "normal",
-                style: "",
-                text: "Visit the ",
-                version: 1,
-              },
-              {
-                type: "link",
-                children: [
-                  {
-                    type: "text",
-                    detail: 0,
-                    format: 0,
-                    mode: "normal",
-                    style: "",
-                    text: "admin dashboard",
-                    version: 1,
-                  },
-                ],
-                direction: "ltr",
-                fields: {
-                  linkType: "custom",
-                  newTab: false,
-                  url: "/admin",
-                },
-                format: "",
-                indent: 0,
-                version: 3,
-              },
-              {
-                type: "text",
-                detail: 0,
-                format: 0,
-                mode: "normal",
-                style: "",
-                text: " to start managing your content.",
-                version: 1,
-              },
-            ],
-            direction: "ltr",
-            format: "",
-            indent: 0,
-            textFormat: 0,
-            version: 1,
-          },
-        ],
-        direction: "ltr",
-        format: "",
-        indent: 0,
-        version: 1,
-      },
-    },
-    heroImage: heroImage.id,
-    meta: {
-      description: "Learn how to get started with your new Payload CMS site.",
-      image: heroImage.id,
-      title: "Getting Started with Payload CMS",
-    },
-    relatedPosts: [],
-    title: "Getting Started with Payload CMS",
-  }
-}

package/templates/marketing/payload/src/fields/defaultLexical.ts.hbs

@@ -1,73 +0,0 @@
-import {
-  AlignFeature,
-  BlockquoteFeature,
-  BoldFeature,
-  ChecklistFeature,
-  EXPERIMENTAL_TableFeature,
-  IndentFeature,
-  InlineCodeFeature,
-  ItalicFeature,
-  LinkFeature,
-  type LinkFields,
-  OrderedListFeature,
-  ParagraphFeature,
-  RelationshipFeature,
-  StrikethroughFeature,
-  SubscriptFeature,
-  SuperscriptFeature,
-  UnderlineFeature,
-  UnorderedListFeature,
-  UploadFeature,
-  lexicalEditor,
-} from "@payloadcms/richtext-lexical"
-import type { TextFieldSingleValidation } from "payload"
-
-export const defaultLexical = lexicalEditor({
-  features: [
-    ParagraphFeature(),
-    UnderlineFeature(),
-    BoldFeature(),
-    ItalicFeature(),
-    StrikethroughFeature(),
-    SubscriptFeature(),
-    SuperscriptFeature(),
-    InlineCodeFeature(),
-    BlockquoteFeature(),
-    UnorderedListFeature(),
-    OrderedListFeature(),
-    ChecklistFeature(),
-    AlignFeature(),
-    IndentFeature(),
-    RelationshipFeature(),
-    UploadFeature(),
-    EXPERIMENTAL_TableFeature(),
-    LinkFeature({
-      enabledCollections: ["pages", "posts"],
-      fields: ({ defaultFields }) => {
-        const defaultFieldsWithoutUrl = defaultFields.filter((field) => {
-          if ("name" in field && field.name === "url") return false
-          return true
-        })
-
-        return [
-          ...defaultFieldsWithoutUrl,
-          {
-            name: "url",
-            type: "text",
-            admin: {
-              condition: (_data, siblingData) => siblingData?.linkType !== "internal",
-            },
-            label: ({ t }) => t("fields:enterURL"),
-            required: true,
-            validate: ((value, options) => {
-              if ((options?.siblingData as LinkFields)?.linkType === "internal") {
-                return true // no validation needed, as no url should exist for internal links
-              }
-              return value ? true : "URL is required"
-            }) as TextFieldSingleValidation,
-          },
-        ]
-      },
-    }),
-  ],
-})

package/templates/marketing/payload/src/fields/link.ts.hbs

@@ -1,139 +0,0 @@
-import type { Field, GroupField } from "payload"
-
-import deepMerge from "@/utilities/deepMerge"
-
-export type LinkAppearances = "default" | "outline"
-
-export const appearanceOptions: Record<LinkAppearances, { label: string; value: string }> = {
-  default: {
-    label: "Default",
-    value: "default",
-  },
-  outline: {
-    label: "Outline",
-    value: "outline",
-  },
-}
-
-type LinkType = (options?: {
-  appearances?: LinkAppearances[] | false
-  disableLabel?: boolean
-  overrides?: Partial<GroupField>
-}) => Field
-
-export const link: LinkType = ({ appearances, disableLabel = false, overrides = {} } = {}) => {
-  const linkResult: GroupField = {
-    name: "link",
-    type: "group",
-    admin: {
-      hideGutter: true,
-    },
-    fields: [
-      {
-        type: "row",
-        fields: [
-          {
-            name: "type",
-            type: "radio",
-            admin: {
-              layout: "horizontal",
-              width: "50%",
-            },
-            defaultValue: "reference",
-            options: [
-              {
-                label: "Internal link",
-                value: "reference",
-              },
-              {
-                label: "Custom URL",
-                value: "custom",
-              },
-            ],
-          },
-          {
-            name: "newTab",
-            type: "checkbox",
-            admin: {
-              style: {
-                alignSelf: "flex-end",
-              },
-              width: "50%",
-            },
-            label: "Open in new tab",
-          },
-        ],
-      },
-    ],
-  }
-
-  const linkTypes: Field[] = [
-    {
-      name: "reference",
-      type: "relationship",
-      admin: {
-        condition: (_, siblingData) => siblingData?.type === "reference",
-      },
-      label: "Document to link to",
-      relationTo: ["pages", "posts"],
-      required: true,
-    },
-    {
-      name: "url",
-      type: "text",
-      admin: {
-        condition: (_, siblingData) => siblingData?.type === "custom",
-      },
-      label: "Custom URL",
-      required: true,
-    },
-  ]
-
-  if (!disableLabel) {
-    linkTypes.map((linkType) => ({
-      ...linkType,
-      admin: {
-        ...linkType.admin,
-        width: "50%",
-      },
-    }))
-
-    linkResult.fields.push({
-      type: "row",
-      fields: [
-        ...linkTypes,
-        {
-          name: "label",
-          type: "text",
-          admin: {
-            width: "50%",
-          },
-          label: "Label",
-          required: true,
-        },
-      ],
-    })
-  } else {
-    linkResult.fields = [...linkResult.fields, ...linkTypes]
-  }
-
-  if (appearances !== false) {
-    let appearanceOptionsToUse = [appearanceOptions.default, appearanceOptions.outline]
-
-    if (appearances) {
-      appearanceOptionsToUse = appearances.map((appearance) => appearanceOptions[appearance])
-    }
-
-    linkResult.fields.push({
-      name: "appearance",
-      type: "select",
-      admin: {
-        description: "Choose how the link should be rendered.",
-      },
-      defaultValue: "default",
-      options: appearanceOptionsToUse,
-    })
-  }
-
-  return deepMerge(linkResult, overrides)
-}

package/templates/marketing/payload/src/fields/linkGroup.ts.hbs

@@ -1,28 +0,0 @@
-import type { ArrayField, Field } from "payload"
-
-import type { LinkAppearances } from "./link"
-
-import deepMerge from "@/utilities/deepMerge"
-import { link } from "./link"
-
-type LinkGroupType = (options?: {
-  appearances?: LinkAppearances[] | false
-  overrides?: Partial<ArrayField>
-}) => Field
-
-export const linkGroup: LinkGroupType = ({ appearances, overrides = {} } = {}) => {
-  const generatedLinkGroup: Field = {
-    name: "links",
-    type: "array",
-    fields: [
-      link({
-        appearances,
-      }),
-    ],
-    admin: {
-      initCollapsed: true,
-    },
-  }
-
-  return deepMerge(generatedLinkGroup, overrides)
-}

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

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

package/templates/marketing/payload/src/heros/HighImpact/index.tsx.hbs

@@ -1,53 +0,0 @@
-"use client"
-
-import { useHeaderTheme } from "@/providers/HeaderTheme"
-import type React from "react"
-import { useEffect } from "react"
-
-import type { Page } from "@/payload-types"
-
-import { CMSLink } from "@/components/Link"
-import { Media } from "@/components/Media"
-import RichText from "@/components/RichText"
-
-export const HighImpactHero: React.FC<Page["hero"]> = ({ links, media, richText }) => {
-  const { setHeaderTheme } = useHeaderTheme()
-
-  useEffect(() => {
-    setHeaderTheme("dark")
-  })
-
-  return (
-    <div
-      className="relative -mt-[10.4rem] flex items-center justify-center text-white"
-      data-theme="dark"
-    >
-      <div className="container mx-auto px-4 z-10 relative flex items-center justify-center py-32 md:py-40">
-        <div className="max-w-4xl text-center">
-          {richText && (
-            <RichText className="mb-8 prose-headings:text-white prose-p:text-white/90" data={richText} enableGutter={false} enableProse={false} />
-          )}
-          {Array.isArray(links) && links.length > 0 && (
-            <ul className="flex flex-wrap justify-center gap-4">
-              {links.map(({ link }, i) => {
-                return (
-                  <li key={i}>
-                    <CMSLink {...link} size="lg" />
-                  </li>
-                )
-              })}
-            </ul>
-          )}
-        </div>
-      </div>
-      <div className="absolute inset-0 min-h-[80vh] select-none">
-        {media && typeof media === "object" && (
-          <>
-            <Media fill imgClassName="object-cover" priority resource={media} size="100vw" />
-            <div className="absolute inset-0 bg-black/60" />
-          </>
-        )}
-      </div>
-    </div>
-  )
-}

package/templates/marketing/payload/src/heros/LowImpact/index.tsx.hbs

@@ -1,48 +0,0 @@
-import type React from "react"
-
-import type { Page } from "@/payload-types"
-
-import { CMSLink } from "@/components/Link"
-import RichText from "@/components/RichText"
-
-type LowImpactHeroType =
-  | {
-      children?: React.ReactNode
-      richText?: never
-      links?: never
-    }
-  | (Omit<Page["hero"], "richText"> & {
-      children?: never
-      richText?: Page["hero"]["richText"]
-    })
-
-export const LowImpactHero: React.FC<LowImpactHeroType> = ({ children, richText, links }) => {
-  return (
-    <div className="py-20 md:py-32">
-      <div className="container mx-auto px-4">
-        <div className="text-center max-w-4xl mx-auto">
-          {children ||
-            (richText && (
-              <RichText
-                className="mb-8"
-                data={richText}
-                enableGutter={false}
-                enableProse={false}
-              />
-            ))}
-          {Array.isArray(links) && links.length > 0 && (
-            <ul className="flex flex-wrap justify-center gap-4">
-              {links.map(({ link }, i) => {
-                return (
-                  <li key={i}>
-                    <CMSLink {...link} size="lg" />
-                  </li>
-                )
-              })}
-            </ul>
-          )}
-        </div>
-      </div>
-    </div>
-  )
-}

package/templates/marketing/payload/src/heros/MediumImpact/index.tsx.hbs

@@ -1,46 +0,0 @@
-"use client"
-
-import type React from "react"
-
-import type { Page } from "@/payload-types"
-
-import { CMSLink } from "@/components/Link"
-import { Media } from "@/components/Media"
-import RichText from "@/components/RichText"
-
-export const MediumImpactHero: React.FC<Page["hero"]> = ({ links, media, richText }) => {
-  return (
-    <div className="py-20 md:py-28">
-      <div className="container mx-auto px-4">
-        <div className="text-center max-w-4xl mx-auto mb-12">
-          {richText && (
-            <RichText className="mb-8" data={richText} enableGutter={false} enableProse={false} />
-          )}
-
-          {Array.isArray(links) && links.length > 0 && (
-            <ul className="flex flex-wrap justify-center gap-4">
-              {links.map(({ link }, i) => {
-                return (
-                  <li key={i}>
-                    <CMSLink {...link} size="lg" />
-                  </li>
-                )
-              })}
-            </ul>
-          )}
-        </div>
-
-        {media && typeof media === "object" && (
-          <div className="rounded-xl overflow-hidden border border-border shadow-2xl">
-            <Media imgClassName="w-full" priority resource={media} />
-            {media?.caption && (
-              <div className="mt-3 text-center">
-                <RichText data={media.caption} enableGutter={false} />
-              </div>
-            )}
-          </div>
-        )}
-      </div>
-    </div>
-  )
-}