sidebarConfig.ts

import type { SidebarsConfig } from '@docusaurus/plugin-content-docs';

const sidebars: SidebarsConfig = {
  handboek: [
    {
      type: 'category',
      label: 'Handboek',
      collapsible: false,
      className: 'sidebar__main-category',
      link: {
        type: 'generated-index',
        title: 'Handboek',
        slug: 'handboek',
        keywords: ['Handboek', 'Meedoen', 'overzicht'],
      },
      items: [
        { type: 'doc', id: 'handboek/introductie' },
        { type: 'doc', id: 'handboek/estafettemodel' },
        { type: 'autogenerated', dirName: 'handboek/design-tokens' },
        {
          type: 'category',
          label: 'Componenten bijdragen',
          description:
            'Componenten bijdragen? Hier vind je waar we op letten en hoe je met een stappenplan aan de Definition of Done kan voldoen.',
          link: {
            type: 'generated-index',
            title: 'Componenten bijdragen',
            description:
              'Componenten bijdragen? Hier vind je waar we op letten en hoe je met een stappenplan aan de Definition of Done kan voldoen.',
            slug: '/handboek/component-bijdragen/overzicht',
            keywords: ['definition of done', 'overzicht'],
          },
          items: [{ type: 'autogenerated', dirName: 'handboek/component-bijdragen' }],
        },
        {
          type: 'category',
          label: 'Voor designers',
          description:
            'Mee designen aan het NL Design System of gebruik maken van bestaande Figma componenten? Als designer vind je hier alle documentatie die je nodig hebt.',
          link: {
            type: 'generated-index',
            title: 'Voor designers',
            description:
              'Mee designen aan het NL Design System of gebruik maken van bestaande Figma componenten? Als designer vind je hier alle documentatie die je nodig hebt.',
            slug: '/handboek/designer/overzicht',
            keywords: ['designers', 'overzicht'],
          },
          items: [{ type: 'autogenerated', dirName: 'handboek/designer' }],
        },
        {
          type: 'category',
          label: 'Voor developers',
          description:
            'Mee ontwikkelen aan NL Design System of gebruik maken van bestaande componenten? Als developer vind je hier alle documentatie die je nodig hebt om te beginnen.',
          link: {
            type: 'generated-index',
            title: 'Voor developers',
            description:
              'Mee ontwikkelen aan NL Design System of gebruik maken van bestaande componenten? Als developer vind je hier alle documentatie die je nodig hebt om te beginnen.',

            slug: '/handboek/developer/overzicht',
            keywords: ['developer', 'overzicht'],
          },
          items: [{ type: 'autogenerated', dirName: 'handboek/developer' }],
        },
        {
          type: 'category',
          label: 'Voor organisaties',
          link: {
            type: 'generated-index',
            title: 'Voor organisaties',
            slug: '/handboek/organisatie/overzicht',
            keywords: ['organisaties', 'overzicht'],
          },
          items: [{ type: 'autogenerated', dirName: 'handboek/organisatie' }],
        },
        // {
        //   type: 'category',
        //   label: 'Voor leveranciers',
        //   link: {
        //     type: 'generated-index',
        //     title: 'Voor leveranciers',
        //     slug: '/handboek/leverancier/',
        //     keywords: ['leveranciers', 'overzicht'],
        //   },
        //   items: [{ type: 'autogenerated', dirName: 'handboek/leverancier' }],
        // },
        // {
        //   type: 'category',
        //   label: 'Voor managers',
        //   link: {
        //     type: 'generated-index',
        //     title: 'Voor managers',
        //     slug: '/handboek/manager/overzicht',
        //     keywords: ['managers', 'overzicht'],
        //   },
        //   items: [{ type: 'autogenerated', dirName: 'handboek/manager' }],
        // },
        { type: 'doc', id: 'handboek/leverancier/introductie' },
        { type: 'doc', id: 'handboek/manager/introductie' },
      ],
    },
  ],
  richtlijnen: [
    {
      type: 'category',
      label: 'Richtlijnen',
      description:
        'Onze richtlijnen om te helpen met het ontwikkelen van begrijpelijke, gebruiksvriendelijke én toegankelijke online dienstverlening. Onze richtlijnen zijn zoveel mogelijk onderbouwd met gebruikersonderzoek.',
      collapsible: false,
      className: 'sidebar__main-category',
      link: {
        type: 'doc',
        id: 'richtlijnen/README',
      },
      items: [
        {
          type: 'doc',
          id: 'richtlijnen/README',
        },
        {
          type: 'category',
          label: 'Stijl',
          description: 'Onze richtlijnen voor een toegankelijke huisstijl en visueel ontwerp.',
          link: {
            type: 'doc',
            id: 'richtlijnen/stijl/README',
          },
          items: [{ type: 'autogenerated', dirName: 'richtlijnen/stijl' }],
        },
        {
          type: 'category',
          label: 'Formulieren',
          description: 'Onze richtlijnen voor inclusieve formulieren.',
          link: {
            type: 'doc',
            id: 'richtlijnen/formulieren/README',
          },
          items: [{ type: 'autogenerated', dirName: 'richtlijnen/formulieren' }],
        },
        {
          type: 'category',
          label: 'WCAG',
          description:
            "Hier proberen WCAG begrijpelijk uit te leggen en daardoor makkelijker toepasbaar te maken. Daarnaast staat beschreven hoe je webpagina's voor de verschillende succescriteria kunt testen.",
          link: {
            type: 'doc',
            id: 'wcag/README',
          },
          items: [{ type: 'autogenerated', dirName: 'wcag' }],
        },
        {
          type: 'category',
          label: 'Changelog',
          link: {
            type: 'doc',
            id: 'CHANGELOG',
          },
          items: [],
        },
      ],
    },
  ],
  componenten: [
    {
      type: 'category',
      label: 'Componenten',
      collapsible: false,
      className: 'sidebar__main-category',
      items: [{ type: 'autogenerated', dirName: 'componenten' }],
    },
  ],
  voorbeelden: [
    {
      type: 'category',
      label: 'Voorbeelden',
      collapsible: false,
      className: 'sidebar__main-category',
      description:
        "Hier tonen we voorbeelden van veelvoorkomende pagina's en klantreizen, gemaakt met richtlijnen en componenten uit het NL Design System.",
      link: {
        type: 'doc',
        id: 'voorbeelden/README',
      },
      items: [
        { type: 'autogenerated', dirName: 'voorbeelden/onderzoek' },
        {
          type: 'category',
          label: 'Patronen',
          link: {
            type: 'generated-index',
            title: 'Patronen',
            slug: 'voorbeelden/patronen',
            keywords: ['Patronen', 'overzicht'],
          },
          items: [{ type: 'autogenerated', dirName: 'voorbeelden/patronen' }],
        },
        // {
        //   type: 'category',
        //   label: 'Templates',
        //   link: {
        //     type: 'generated-index',
        //     title: 'Templates',
        //     slug: 'voorbeelden/templates',
        //     keywords: ['Templates', 'overzicht'],
        //   },
        //   items: [{ type: 'autogenerated', dirName: 'voorbeelden/templates' }],
        // },
      ],
    },
  ],
  community: [
    {
      type: 'category',
      label: 'Community',
      collapsible: false,
      className: 'sidebar__main-category',
      link: {
        type: 'generated-index',
        title: 'Community',
        slug: 'community',
        keywords: ['Community', 'overzicht'],
      },
      items: [
        { type: 'doc', id: 'community/sluit-je-aan' },
        { type: 'doc', id: 'community/wie-doet-mee' },
        { type: 'doc', id: 'community/community-sprints' },
        {
          type: 'category',
          label: 'Bijeenkomsten',
          description:
            'NL Design System organiseert regelmatig bijeenkomsten, online en offline, met als doel om samen te werken en kennis te delen.',
          collapsible: true,
          link: {
            type: 'generated-index',
            title: 'Bijeenkomsten',
            slug: '/community/events/overzicht',
          },
          items: [
            {
              type: 'category',
              label: 'Heartbeat',
              link: {
                type: 'generated-index',
                title: 'Heartbeat',
                slug: '/events/heartbeat/overzicht',
              },
              description:
                "In onze tweewekelijkse Heartbeat vertellen kernteam en community wat er gaande is. Meld je aan of kijk video's terug.",
              items: [
                { type: 'doc', id: 'community/events/heartbeat/heartbeat' },
                { type: 'doc', id: 'community/events/heartbeat/videos' },
                { type: 'doc', id: 'community/events/heartbeat/aanmelden' },
              ],
            },
            {
              type: 'category',
              label: 'Design Open Hour',
              description:
                'Tijdens het (online) Design Open Hour delen designers van verschillende organisaties kennis.',
              link: {
                type: 'generated-index',
                title: 'Design Open Hour',
                slug: '/events/design-open-hour/overzicht',
              },
              items: [
                { type: 'doc', id: 'community/events/design-open-hour/design-open-hour' },
                { type: 'doc', id: 'community/events/design-open-hour/aanmelden' },
              ],
            },
            {
              type: 'category',
              label: 'Developer Open Hour',
              description:
                'Tijdens het (online) Developer Open Hour delen developers van verschillende organisaties kennis.',
              link: {
                type: 'generated-index',
                title: 'Developer Open Hour',
                slug: '/events/developer-open-hour/overzicht',
              },
              items: [
                { type: 'doc', id: 'community/events/developer-open-hour/developer-open-hour' },
                { type: 'doc', id: 'community/events/developer-open-hour/aanmelden' },
              ],
            },
            { type: 'doc', id: 'community/events/design-open-dag' },
            { type: 'doc', id: 'community/events/estafettemodeldag' },
          ],
        },
        {
          type: 'category',
          label: 'Design Systems Week',
          link: {
            type: 'doc',
            id: 'community/events/design-systems-week-2024/index',
          },
          items: [{ type: 'autogenerated', dirName: 'community/events/design-systems-week-2024' }],
        },
      ],
    },
  ],
  project: [
    {
      type: 'category',
      label: 'Project',
      collapsible: false,
      className: 'sidebar__main-category',
      link: {
        type: 'generated-index',
        title: 'Project',
        slug: 'project',
        keywords: ['Project', 'overzicht'],
      },
      items: [
        { type: 'doc', id: 'project/over-nl-design-system' },
        { type: 'doc', id: 'project/faq' },
        { type: 'doc', id: 'project/kernteam' },
        { type: 'doc', id: 'project/blijf-op-de-hoogte' },
        { type: 'doc', id: 'project/links' },
      ],
    },
  ],
};

export default sidebars;