component.ts

import { defineArrayMember, defineField, defineType } from 'sanity';

export default defineType({
  name: 'component',
  title: 'Components',
  type: 'document',
  fields: [
    defineField({
      name: 'name',
      title: 'Name',
      type: 'string',
      validation: (rule) => rule.required(),
    }),
    defineField({
      name: 'slug',
      title: 'Slug',
      type: 'slug',
      options: {
        source: 'name',
      },
      validation: (rule) => rule.required(),
    }),
    defineField({
      name: 'componentState',
      title: 'Component state',
      type: 'string',
      description: 'The current state of the component',
      options: {
        list: ['beta', 'new', 'stable', 'deprecated'],
        layout: 'radio',
      },
      initialValue: 'stable',
      validation: (rule) => rule.required(),
    }),
    defineField({
      name: 'content',
      title: 'Content',
      type: 'content',
    }),
    defineField({
      name: 'propsComponents',
      title: 'Components to display props for',
      type: 'array',
      of: [
        defineArrayMember({
          type: 'string',
        }),
      ],
    }),
    defineField({
      name: 'resourceLinks',
      title: 'Resource links',
      description:
        'Add links to GitHub or Figma here (only GitHub and Figma is supported)',
      type: 'array',
      of: [
        {
          type: 'object',
          name: 'resourceLink',
          title: 'Resource link',
          fields: [
            {
              name: 'linkType',
              type: 'string',
              title: 'Link type',
              options: {
                list: [
                  { title: 'Figma', value: 'figma' },
                  { title: 'GitHub', value: 'github' },
                ],
              },
              validation: (Rule) => Rule.required(),
            },
            {
              name: 'url',
              type: 'url',
              title: 'URL',
              validation: (Rule) => Rule.required(),
            },
          ],
        },
      ],
    }),
  ],
});