323 lines
8.5 KiB
TypeScript
323 lines
8.5 KiB
TypeScript
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 { ColorPickerInput } from "./fields/color";
|
|
import {carouselBlockSchema} from "../components/blocks/carousel";
|
|
|
|
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: [
|
|
{
|
|
type: "object",
|
|
label: "Header",
|
|
name: "header",
|
|
fields: [
|
|
{
|
|
type: "string",
|
|
label: "Page Title",
|
|
name: "pageTitle",
|
|
},
|
|
{
|
|
type: "string",
|
|
label: "Title",
|
|
name: "title",
|
|
},
|
|
{
|
|
type: "string",
|
|
label: "Subtitle",
|
|
name: "subtitle",
|
|
},
|
|
{
|
|
type: "image",
|
|
label: "Logo",
|
|
name: "logoSrc"
|
|
},
|
|
{
|
|
type: "object",
|
|
label: "Nav Links",
|
|
name: "nav",
|
|
list: true,
|
|
ui: {
|
|
itemProps: (item) => {
|
|
return { label: item?.label };
|
|
},
|
|
defaultItem: {
|
|
href: "home",
|
|
label: "Home",
|
|
external: false
|
|
},
|
|
},
|
|
fields: [
|
|
{
|
|
type: "string",
|
|
label: "Link",
|
|
name: "href",
|
|
},
|
|
{
|
|
type: "string",
|
|
label: "Label",
|
|
name: "label",
|
|
},
|
|
{
|
|
type: "boolean",
|
|
label: "External",
|
|
name: "external",
|
|
}
|
|
],
|
|
},
|
|
],
|
|
},
|
|
{
|
|
type: "object",
|
|
label: "Footer",
|
|
name: "footer",
|
|
fields: [
|
|
{
|
|
type: "object",
|
|
label: "Social Links",
|
|
name: "social",
|
|
fields: [
|
|
{
|
|
type: "string",
|
|
label: "Facebook",
|
|
name: "facebook",
|
|
},
|
|
{
|
|
type: "string",
|
|
label: "Twitter",
|
|
name: "twitter",
|
|
},
|
|
{
|
|
type: "string",
|
|
label: "Instagram",
|
|
name: "instagram",
|
|
},
|
|
{
|
|
type: "string",
|
|
label: "Github",
|
|
name: "github",
|
|
},
|
|
],
|
|
},
|
|
],
|
|
},
|
|
],
|
|
},
|
|
{
|
|
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",
|
|
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,
|
|
// @ts-ignore
|
|
featureBlockSchema,
|
|
contentBlockSchema,
|
|
testimonialBlockSchema,
|
|
// @ts-ignore
|
|
carouselBlockSchema
|
|
],
|
|
},
|
|
],
|
|
},
|
|
],
|
|
},
|
|
});
|
|
|
|
export default config;
|