import { defineBlock } from "@wabbit/tome-blocks-core/defineBlock";
import { blogMeta } from "./meta";
import {
  lexicalEditor,
  HeadingFeature,
  ParagraphFeature
} from "@payloadcms/richtext-lexical";
import { blogVariants } from "./variants";
const blogBlock = defineBlock(
  blogMeta,
  (config) => ({
    slug: "blog",
    interfaceName: "BlogBlock",
    labels: {
      singular: "Blog",
      plural: "Blog Blocks"
    },
    fields: [
      {
        name: "richText",
        type: "richText",
        localized: true,
        admin: {
          description: "Optional heading and description for the blog section"
        },
        editor: lexicalEditor({
          features: ({ defaultFeatures }) => [
            ...defaultFeatures,
            HeadingFeature({ enabledHeadingSizes: ["h2", "h3", "h4"] }),
            ParagraphFeature()
          ]
        })
      },
      {
        name: "populateBy",
        type: "select",
        defaultValue: "collection",
        required: true,
        admin: {
          description: "Choose how to populate blog posts"
        },
        options: [
          { label: "From Collection", value: "collection" },
          { label: "Manual Selection", value: "selection" }
        ]
      },
      {
        name: "postCollection",
        type: "select",
        required: true,
        defaultValue: "posts",
        admin: {
          description: "Select which collection to display posts from",
          condition: (_, siblingData) => siblingData.populateBy === "collection"
        },
        options: config?.postCollections ?? [
          { label: "Posts", value: "posts" }
        ]
      },
      {
        name: "categories",
        type: "relationship",
        relationTo: config?.categoriesCollection ?? "categories",
        hasMany: true,
        admin: {
          description: "Filter posts by these categories (optional)",
          condition: (_, siblingData) => siblingData.populateBy === "collection"
        }
      },
      {
        name: "limit",
        type: "number",
        defaultValue: 3,
        admin: {
          description: "Maximum number of posts to display",
          condition: (_, siblingData) => siblingData.populateBy === "collection"
        }
      },
      {
        name: "sortField",
        type: "select",
        required: true,
        defaultValue: "publishedAt",
        admin: {
          description: "Field to sort posts by",
          condition: (_, siblingData) => siblingData.populateBy === "collection"
        },
        options: [
          { label: "Published Date", value: "publishedAt" },
          { label: "Updated Date", value: "updatedAt" },
          { label: "Title", value: "title" },
          { label: "Read Time", value: "readTime" }
        ]
      },
      {
        name: "sortOrder",
        type: "select",
        required: true,
        defaultValue: "desc",
        admin: {
          description: "Order to sort posts (ascending or descending)",
          condition: (_, siblingData) => siblingData.populateBy === "collection"
        },
        options: [
          { label: "Ascending", value: "asc" },
          { label: "Descending", value: "desc" }
        ]
      },
      {
        name: "selectedPosts",
        type: "relationship",
        relationTo: config?.postsCollection ?? "posts",
        hasMany: true,
        admin: {
          description: "Select specific posts to display",
          condition: (_, siblingData) => siblingData.populateBy === "selection"
        }
      },
      {
        name: "links",
        type: "array",
        admin: {
          description: 'Optional "View All" or "Read More" link'
        },
        fields: [
          {
            name: "link",
            type: "group",
            fields: [
              {
                type: "row",
                fields: [
                  {
                    name: "type",
                    type: "radio",
                    defaultValue: "custom",
                    admin: { layout: "horizontal", width: "50%" },
                    options: [
                      { label: "Internal link", value: "reference" },
                      { label: "Custom URL", value: "custom" }
                    ]
                  },
                  {
                    name: "newTab",
                    type: "checkbox",
                    label: "Open in new tab",
                    admin: { width: "50%" }
                  }
                ]
              },
              {
                name: "url",
                type: "text",
                label: "URL",
                admin: {
                  condition: (_, siblingData) => siblingData?.type === "custom"
                }
              },
              {
                name: "label",
                type: "text",
                label: "Label",
                localized: true
              }
            ]
          }
        ]
      }
    ]
  }),
  blogVariants
);
export {
  blogBlock
};
//# sourceMappingURL=index.js.map
Blog

Install
