import {themes as prismThemes} from 'prism-react-renderer';
import type {Config} from '@docusaurus/types';
import type * as Preset from '@docusaurus/preset-classic';

const config: Config = {
  title: 'SKIC Playground',
  tagline: 'Autonomous application documentation',
  favicon: 'img/favicon.ico',

  url: 'https://pages.apps.lego-cloud.eu',
  baseUrl: '/skic-v1-playground/documentation/',

  organizationName: 'skic-v1-playground',
  projectName: 'documentation',

  onBrokenLinks: 'throw',
  markdown: {
    hooks: {
      onBrokenMarkdownLinks: 'warn',
    },
    mermaid: true,
  },

  i18n: {
    defaultLocale: 'en',
    locales: ['en'],
  },

  themes: [
    '@docusaurus/theme-mermaid',
  ],

  plugins: [
    'docusaurus-plugin-drawio',
    async function tailwindPlugin() {
      return {
        name: 'docusaurus-tailwindcss',
        configurePostCSS(postcssOptions: { plugins: unknown[] }) {
          postcssOptions.plugins.push(require('tailwindcss'));
          postcssOptions.plugins.push(require('autoprefixer'));
          return postcssOptions;
        },
      };
    },
  ],

  presets: [
    [
      'classic',
      {
        docs: {
          sidebarPath: './sidebars.ts',
          editUrl: 'https://gitea.lego-cloud.eu/skic-v1-playground/documentation/src/branch/main/',
          showLastUpdateTime: true,
          showLastUpdateAuthor: true,
        },
        blog: {
          showReadingTime: true,
          blogTitle: 'Changelog',
          blogDescription: 'Updates and changes to SKIC applications',
          postsPerPage: 'ALL',
        },
        theme: {
          customCss: './src/css/custom.css',
        },
      } satisfies Preset.Options,
    ],
  ],

  themeConfig: {
    colorMode: {
      defaultMode: 'dark',
      disableSwitch: false,
      respectPrefersColorScheme: true,
    },

    image: 'img/docusaurus-social-card.jpg',

    announcementBar: {
      id: 'wip',
      content: '🚧 SKIC Playground is under active development — documentation is being built autonomously.',
      backgroundColor: '#1a1a2e',
      textColor: '#818cf8',
      isCloseable: true,
    },

    navbar: {
      title: 'SKIC Playground',
      hideOnScroll: true,
      items: [
        {
          type: 'docSidebar',
          sidebarId: 'docsSidebar',
          position: 'left',
          label: 'Docs',
        },

        {
          href: 'https://gitea.lego-cloud.eu/skic-v1-playground',
          position: 'right',
          className: 'header-gitea-link',
          'aria-label': 'Gitea repository',
          label: 'Gitea ↗',
        },
      ],
    },

    footer: {
      style: 'dark',
      links: [
        {
          title: 'Documentation',
          items: [
            { label: 'Getting Started', to: '/docs/guides/getting-started' },
            { label: 'Stock Market Pro', to: '/docs/applications/stock-market-professional' },
            { label: 'Architecture', to: '/docs/architecture/overview' },
          ],
        },
        {
          title: 'Infrastructure',
          items: [
            { label: 'Gitea', href: 'https://gitea.lego-cloud.eu/skic-v1-playground' },
            { label: 'Keycloak', href: 'https://keycloak.lego-cloud.eu' },
          ],
        },
      ],
      copyright: `© ${new Date().getFullYear()} SKIC Playground · Built by Jarvis`,
    },

    prism: {
      theme: prismThemes.oneDark,
      darkTheme: prismThemes.oneDark,
      additionalLanguages: ['bash', 'python', 'sql', 'yaml', 'json', 'typescript', 'docker'],
    },

    mermaid: {
      theme: { light: 'neutral', dark: 'dark' },
    },

    tableOfContents: {
      minHeadingLevel: 2,
      maxHeadingLevel: 4,
    },
  } satisfies Preset.ThemeConfig,
};

export default config;