Added general fields

.gitea/workflows/deploy.yml

@@ -2,7 +2,7 @@ name: Build and Deploy DAVE | DMGs Site
 
 on:
   push:
-    branches: [ main ]
+    branches: [main]
 
 jobs:
   deploy:

keystatic.config.ts

@@ -1,8 +1,14 @@
 import { config } from '@keystatic/core';
 
+import AuthorsCollection from '@/keystatic/collections/taxonomy/authors';
+import TagsCollection from '@/keystatic/collections/taxonomy/tags';
+
 export default config({
   storage: {
     kind: 'local',
   },
-  collections: {},
+  collections: {
+    authors: AuthorsCollection,
+    tags: TagsCollection,
+  },
 });

src/keystatic/collections/taxonomy/authors.ts

@@ -0,0 +1,26 @@
+import { collection, fields } from '@keystatic/core';
+
+export default collection({
+  label: 'Authors',
+  slugField: 'name',
+  path: 'content/taxonomy/authors/*',
+  format: {
+    data: 'json',
+  },
+  schema: {
+    name: fields.slug({
+      name: {
+        label: 'Name',
+      },
+    }),
+    avatar: fields.image({
+      label: 'Avatar',
+      directory: 'public/images/authors',
+      publicPath: '/images/authors',
+    }),
+    description: fields.text({
+      label: 'Description',
+      multiline: true,
+    }),
+  },
+});

src/keystatic/collections/taxonomy/tags.ts

@@ -0,0 +1,19 @@
+import { collection, fields } from '@keystatic/core';
+
+export default collection({
+  label: 'Tags',
+  slugField: 'name',
+  path: 'content/taxonomy/tags/*',
+  format: { data: 'json' },
+  schema: {
+    name: fields.slug({
+      name: {
+        label: 'Name',
+      },
+    }),
+    description: fields.text({
+      label: 'Descriptions',
+      multiline: true,
+    }),
+  },
+});

src/keystatic/components/general/index.ts

@@ -0,0 +1 @@
+export const generalComponents = {};

src/keystatic/fields/general/article.ts

@@ -0,0 +1,41 @@
+import { fields } from '@keystatic/core';
+
+import { createPathField } from '@/keystatic/fields/general/path';
+import { createContentField } from '@/keystatic/fields/general/content';
+import { createMetaField } from '@/keystatic/fields/general/meta';
+
+export const createArticleField = (
+  imageSubfolder: string,
+  defaultPath: string = ''
+) => ({
+  title: fields.slug({
+    name: {
+      label: 'Title',
+    },
+  }),
+  summary: fields.text({
+    label: 'Summary',
+    multiline: true,
+  }),
+  path: createPathField(defaultPath),
+  cover: fields.object({
+    src: fields.image({
+      label: 'Cover Image',
+      directory: `public/images/covers/${imageSubfolder}`,
+      publicPath: `/images/covers/${imageSubfolder}`,
+    }),
+    alt: fields.text({
+      label: 'Alt',
+    }),
+    caption: fields.text({
+      label: 'Caption',
+      multiline: true,
+    }),
+    showInHeader: fields.checkbox({
+      label: 'Show in Header',
+      defaultValue: false,
+    }),
+  }),
+  meta: createMetaField(),
+  content: createContentField(imageSubfolder),
+});

src/keystatic/fields/general/content.ts

@@ -0,0 +1,22 @@
+import { fields } from '@keystatic/core';
+import type { ContentComponent } from '@keystatic/core/content-components';
+
+import { generalComponents } from '@/keystatic/components/general';
+
+export const createContentField = (
+  imageSubfolder: string,
+  additionalComponents?: Record<string, ContentComponent>
+) =>
+  fields.markdoc({
+    label: 'Content',
+    options: {
+      image: {
+        directory: `public/images/content/${imageSubfolder}`,
+        publicPath: `/images/content/${imageSubfolder}`,
+      },
+    },
+    components: {
+      ...generalComponents,
+      ...additionalComponents,
+    },
+  });

src/keystatic/fields/general/meta.ts

@@ -0,0 +1,52 @@
+import type { ComponentSchema } from '@keystatic/core';
+import { fields } from '@keystatic/core';
+
+export const createMetaField = (): ComponentSchema =>
+  fields.object(
+    {
+      publicationDate: fields.datetime({
+        label: 'Publication Date',
+        defaultValue: {
+          kind: 'now',
+        },
+      }),
+      updateDate: fields.datetime({
+        label: 'Update Date',
+      }),
+      status: fields.select({
+        label: 'Status',
+        defaultValue: 'draft',
+        options: [
+          {
+            label: 'Draft',
+            value: 'draft',
+          },
+          {
+            label: 'Published',
+            value: 'published',
+          },
+          {
+            label: 'Archived',
+            value: 'archived',
+          },
+        ],
+      }),
+      tags: fields.array(
+        fields.relationship({
+          label: 'Tags',
+          collection: 'tags',
+        }),
+        {
+          label: 'Tags',
+          itemLabel: (props) => props.value || 'Select Tags',
+        }
+      ),
+      author: fields.relationship({
+        label: 'Author',
+        collection: 'authors',
+      }),
+    },
+    {
+      label: 'Meta Information',
+    }
+  );

src/keystatic/fields/general/path.ts

@@ -0,0 +1,8 @@
+import { ComponentSchema, fields } from '@keystatic/core';
+
+export const createPathField = (defaultValue: string): ComponentSchema =>
+  fields.text({
+    label: 'Path',
+    description: 'Path on Website',
+    defaultValue: defaultValue,
+  });

src/lib/readers/base.ts

@@ -0,0 +1,6 @@
+import { createReader } from '@keystatic/core/reader';
+import { cache } from 'react';
+import keystaticConfig from '~/keystatic.config';
+
+export const reader = createReader(process.cwd(), keystaticConfig);
+export { cache };

src/lib/readers/taxonomy/authors.ts

@@ -0,0 +1,8 @@
+import { cache, reader } from '@/lib/readers/base';
+
+export const getAuthors = cache(async () => reader.collections.authors.all());
+
+export const getAuthorBySlug = cache(async (slug: string) => {
+  const author = await reader.collections.authors.read(slug);
+  return author ? { ...author, slug } : null;
+});

src/lib/readers/taxonomy/tags.ts

@@ -0,0 +1,8 @@
+import { cache, reader } from '@/lib/readers/base';
+
+export const getTags = cache(async () => reader.collections.tags.all());
+
+export const getTagBySlug = cache(async (slug: string) => {
+  const tag = await reader.collections.tags.read(slug);
+  return tag ? { ...tag, slug } : null;
+});