Ft/codeforafrica posts setup

apps/codeforafrica/payload.config.ts

@@ -1,12 +1,14 @@
 import path from "path";
 
 import { buildConfig } from "payload/config";
+import Authors from "./src/payload/collections/Authors";
 import GuidingPrinciples from "./src/payload/collections/GuidingPrinciples";
 import Impact from "./src/payload/collections/Impact";
 import Media from "./src/payload/collections/Media";
 import Pages from "./src/payload/collections/Pages";
 import Partners from "./src/payload/collections/Partners";
 import Settings from "./src/payload/globals/Settings";
+import Tags from "./src/payload/collections/Tags";
 import { CollectionConfig, GlobalConfig } from "payload/types";
 import dotenv from "dotenv";
 import seo from "@payloadcms/plugin-seo";
@@ -33,11 +35,13 @@ const adapter = s3Adapter({
 export default buildConfig({
   serverURL: appURL,
   collections: [
+    Authors,
     GuidingPrinciples,
     Impact,
     Pages,
     Media,
     Partners,
+    Tags,
   ] as CollectionConfig[],
   globals: [Settings] as GlobalConfig[],
   admin: {

apps/codeforafrica/src/payload/blocks/ExternalEmbed.js

@@ -0,0 +1,61 @@
+import blockFields from "../fields/blockFields";
+
+const ExternalEmbed = {
+  slug: "external-embed",
+  fields: [
+    blockFields({
+      name: "embedBlockFields",
+      fields: [
+        {
+          type: "row",
+          fields: [
+            {
+              name: "embedType",
+              type: "radio",
+              defaultValue: "url",
+              options: [
+                {
+                  label: "URL",
+                  value: "url",
+                },
+                {
+                  label: "Code",
+                  value: "code",
+                },
+              ],
+            },
+          ],
+        },
+        {
+          name: "url",
+          label: "URL",
+          type: "text",
+          required: true,
+          admin: {
+            condition: (_, siblingData) => siblingData?.embedType === "url",
+          },
+        },
+        {
+          name: "caption",
+          label: "Caption",
+          type: "text",
+          localized: true,
+          admin: {
+            condition: (_, siblingData) => siblingData?.embedType === "url",
+          },
+        },
+        {
+          name: "code",
+          label: "Code",
+          type: "code",
+          required: true,
+          admin: {
+            condition: (_, siblingData) => siblingData?.embedType === "code",
+          },
+        },
+      ],
+    }),
+  ],
+};
+
+export default ExternalEmbed;

apps/codeforafrica/src/payload/blocks/MediaBlock.js

@@ -0,0 +1,23 @@
+import blockFields from "../fields/blockFields";
+
+const MediaBlock = {
+  slug: "mediaBlock",
+  fields: [
+    blockFields({
+      name: "mediaBlockFields",
+      fields: [
+        {
+          name: "image",
+          type: "upload",
+          relationTo: "media",
+          required: true,
+          filterOptions: {
+            mimeType: { contains: "image" },
+          },
+        },
+      ],
+    }),
+  ],
+};
+
+export default MediaBlock;

apps/codeforafrica/src/payload/blocks/RichText.js

@@ -0,0 +1,32 @@
+import blockFields from "../fields/blockFields";
+import richText from "../fields/richText";
+
+const RichText = {
+  slug: "richText",
+  fields: [
+    blockFields({
+      name: "richTextBlockFields",
+      fields: [
+        richText({
+          name: "content",
+          admin: {
+            elements: [
+              "h1",
+              "h2",
+              "h3",
+              "h4",
+              "h5",
+              "h6",
+              "link",
+              "ol",
+              "ul",
+              "indent",
+            ],
+          },
+        }),
+      ],
+    }),
+  ],
+};
+
+export default RichText;

apps/codeforafrica/src/payload/collections/Authors.js

@@ -0,0 +1,20 @@
+const Authors = {
+  slug: "author",
+  access: {
+    read: () => true,
+  },
+  admin: {
+    useAsTitle: "fullName",
+  },
+  fields: [
+    {
+      name: "fullName",
+      type: "text",
+      label: "Full Name",
+      localized: false,
+      required: true,
+    },
+  ],
+};
+
+export default Authors;

apps/codeforafrica/src/payload/collections/Tags.js

@@ -0,0 +1,24 @@
+import slug from "../fields/slug";
+
+const Tags = {
+  slug: "tag",
+  admin: {
+    useAsTitle: "name",
+  },
+  access: {
+    read: () => true,
+  },
+  fields: [
+    {
+      name: "name",
+      label: "Name",
+      type: "text",
+      localized: true,
+      required: true,
+      unique: true,
+    },
+    slug({ fieldToUse: "name" }),
+  ],
+};
+
+export default Tags;

apps/codeforafrica/src/payload/fields/authors.js

@@ -0,0 +1,17 @@
+import { deepmerge } from "@mui/utils";
+
+const authors = (overrides) =>
+  deepmerge(
+    {
+      name: "authors",
+      type: "relationship",
+      relationTo: "author",
+      hasMany: true,
+      admin: {
+        position: "sidebar",
+      },
+    },
+    overrides,
+  );
+
+export default authors;

apps/codeforafrica/src/payload/fields/blockFields.js

@@ -0,0 +1,21 @@
+import { deepmerge } from "@mui/utils";
+
+const blockFields = ({ name, fields, overrides }) =>
+  deepmerge(
+    {
+      name,
+      label: false,
+      type: "group",
+      admin: {
+        hideGutter: true,
+        style: {
+          margin: 0,
+          padding: 0,
+        },
+      },
+      fields,
+    },
+    overrides,
+  );
+
+export default blockFields;

apps/codeforafrica/src/payload/fields/content.js

@@ -0,0 +1,18 @@
+import { deepmerge } from "@mui/utils";
+
+import ExternalEmbed from "../blocks/ExternalEmbed";
+import MediaBlock from "../blocks/MediaBlock";
+import RichText from "../blocks/RichText";
+
+const content = (overrides) =>
+  deepmerge(
+    {
+      name: "content",
+      type: "blocks",
+      blocks: [RichText, MediaBlock, ExternalEmbed],
+      localized: true,
+    },
+    overrides,
+  );
+
+export default content;

apps/codeforafrica/src/payload/fields/publishedOn.js

@@ -0,0 +1,22 @@
+import { deepmerge } from "@mui/utils";
+
+const publishedOn = (overrides) =>
+  deepmerge(
+    {
+      name: "publishedOn",
+      type: "date",
+      required: true,
+      hooks: {
+        beforeValidate: [({ value }) => (value ? new Date(value) : new Date())],
+      },
+      admin: {
+        date: {
+          pickerAppearance: "dayAndTime",
+        },
+        position: "sidebar",
+      },
+    },
+    overrides,
+  );
+
+export default publishedOn;

apps/codeforafrica/src/payload/fields/tags.js

@@ -0,0 +1,14 @@
+import { deepmerge } from "@mui/utils";
+
+const tags = (overrides) => {
+  const field = {
+    name: "tags",
+    required: true,
+    type: "relationship",
+    relationTo: "tag",
+    hasMany: true,
+  };
+  return deepmerge(field, overrides);
+};
+
+export default tags;

apps/codeforafrica/turbo.json

@@ -6,7 +6,7 @@
     },
     "build-next": {
       "outputs": [".next/**", "!.next/cache/**", "dist/**"],
-      "env": []
+      "env": ["NEXT_PUBLIC_APP_NAME", "NEXT_PUBLIC_APP_URL"]
     },
     "build-payload": {
       "outputs": ["build/**"],