import { defineConfig } from "tinacms";
import { contentBlockSchema } from "../components/blocks/content";
import { featureBlockSchema } from "../components/blocks/features";
import { heroBlockSchema } from "../components/blocks/hero";
import { testimonialBlockSchema } from "../components/blocks/testimonial";
import { carouselBlockSchema } from "../components/blocks/carousel";
import { headerSchema } from "../components/layout/header";
import { footerSchema } from "../components/layout/footer/footer";

const config = defineConfig({
    clientId: process.env.NEXT_PUBLIC_TINA_CLIENT_ID!,
    branch:
    process.env.NEXT_PUBLIC_TINA_BRANCH! || // custom branch env override
    process.env.NEXT_PUBLIC_VERCEL_GIT_COMMIT_REF! || // Vercel branch env
    process.env.HEAD!, // Netlify branch env
    token: process.env.TINA_TOKEN!,
    media: {
        // If you wanted cloudinary do this
        // loadCustomStore: async () => {
        //   const pack = await import("next-tinacms-cloudinary");
        //   return pack.TinaCloudCloudinaryMediaStore;
        // },
        // this is the config for the tina cloud media store
        tina: {
            publicFolder: "public",
            mediaRoot: "uploads"
        }
    },
    build: {
        publicFolder: "public", // The public asset folder for your framework
        outputFolder: "admin" // within the public folder
    },
    schema: {
        collections: [
            {
                label: "Blog Posts",
                name: "post",
                path: "content/posts",
                format: "mdx",
                ui: {
                    router: ({ document }) => {
                        return `/posts/${ document._sys.filename }`;
                    }
                },
                fields: [
                    {
                        type: "string",
                        label: "Title",
                        name: "title",
                        isTitle: true,
                        required: true
                    },
                    {
                        type: "image",
                        name: "heroImg",
                        label: "Hero Image"
                    },
                    {
                        type: "rich-text",
                        label: "Excerpt",
                        name: "excerpt"
                    },
                    {
                        type: "reference",
                        label: "Author",
                        name: "author",
                        collections: ["author"]
                    },
                    {
                        type: "datetime",
                        label: "Posted Date",
                        name: "date",
                        ui: {
                            dateFormat: "MMMM DD YYYY",
                            timeFormat: "hh:mm A"
                        }
                    },
                    {
                        type: "rich-text",
                        label: "Body",
                        name: "_body",
                        templates: [
                            {
                                name: "DateTime",
                                label: "Date & Time",
                                inline: true,
                                fields: [
                                    {
                                        name: "format",
                                        label: "Format",
                                        type: "string",
                                        options: ["utc", "iso", "local"]
                                    }
                                ]
                            },
                            {
                                name: "BlockQuote",
                                label: "Block Quote",
                                fields: [
                                    {
                                        name: "children",
                                        label: "Quote",
                                        type: "rich-text"
                                    },
                                    {
                                        name: "authorName",
                                        label: "Author",
                                        type: "string"
                                    }
                                ]
                            },
                            {
                                name: "NewsletterSignup",
                                label: "Newsletter Sign Up",
                                fields: [
                                    {
                                        name: "children",
                                        label: "CTA",
                                        type: "rich-text"
                                    },
                                    {
                                        name: "placeholder",
                                        label: "Placeholder",
                                        type: "string"
                                    },
                                    {
                                        name: "buttonText",
                                        label: "Button Text",
                                        type: "string"
                                    },
                                    {
                                        name: "disclaimer",
                                        label: "Disclaimer",
                                        type: "rich-text"
                                    }
                                ],
                                ui: {
                                    defaultItem: {
                                        placeholder: "Enter your email",
                                        buttonText: "Notify Me"
                                    }
                                }
                            }
                        ],
                        isBody: true
                    }
                ]
            },
            {
                label: "Global",
                name: "global",
                path: "content/global",
                format: "json",
                ui: {
                    global: true
                },
                fields: [
                    headerSchema,
                    footerSchema
                ]
            },
            {
                label: "Authors",
                name: "author",
                path: "content/authors",
                format: "md",
                fields: [
                    {
                        type: "string",
                        label: "Name",
                        name: "name",
                        isTitle: true,
                        required: true
                    },
                    {
                        type: "image",
                        label: "Avatar",
                        name: "avatar"
                    }
                ]
            },
            {
                label: "Pages",
                name: "page",
                path: "content/pages",
                format: "mdx",
                ui: {
                    router: ({ document }) => {
                        if (document._sys.filename === "home") {
                            return "/";
                        }
                        if (document._sys.filename === "about") {
                            return "/about";
                        }
                        return undefined;
                    }
                },
                fields: [
                    {
                        type: "string",
                        label: "Title",
                        name: "title",
                        description:
              "The title of the page. This is used to display the title in the CMS",
                        isTitle: true,
                        required: true
                    },
                    {
                        type: "object",
                        list: true,
                        name: "blocks",
                        label: "Sections",
                        ui: {
                            visualSelector: true
                        },
                        templates: [
                            heroBlockSchema,
                            featureBlockSchema,
                            contentBlockSchema,
                            testimonialBlockSchema,
                            carouselBlockSchema
                        ]
                    }
                ]
            }
        ]
    }
});

export default config;