import {themes as prismThemes} from 'prism-react-renderer';
import type {Config} from '@docusaurus/types';
import type * as Preset from '@docusaurus/preset-classic';
import { navbar } from './navigation/navbar';
import { footer } from './navigation/footer';
import type * as Redocusaurus from 'redocusaurus';

const config: Config = {
  title: 'Veda',
  tagline: 'Lets build Augmented Collective Intelligence.',
  favicon: 'img/favicon.svg',

  url: 'https://info.ourworld.tf',
  baseUrl: '/veda/',

  onBrokenLinks: 'warn',
  onBrokenMarkdownLinks: 'warn',

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

  presets: [
    [
      'classic',
      {
        docs: {
          sidebarPath: './navigation/sidebars.ts',
          path: 'docs/',
          routeBasePath: '/',
          remarkPlugins: [],
          rehypePlugins: [],
          beforeDefaultRemarkPlugins: [],
          beforeDefaultRehypePlugins: [],
        },
        blog: {
          showReadingTime: true,
          editUrl: 'https://www.veda-egypt.com/',
          postsPerPage: 8,
          blogSidebarCount: 20,
        },
        theme: {
          customCss: './src/css/custom.css',
        },
      } satisfies Preset.Options],
    ],
  markdown: {
    mermaid: true,
  },
  themes: ['@docusaurus/theme-mermaid'],
  
  themeConfig: {
    docs: {
      sidebar: {
        hideable: true,
        autoCollapseCategories: true,
      }
    },
    colorMode: {
      defaultMode: 'dark',
      disableSwitch: true,
      respectPrefersColorScheme: true,
    },
    image: 'img/favicon.svg',
    navbar,
    footer,
    prism: {
      theme: prismThemes.dracula,
      darkTheme: prismThemes.dracula,
    },
  } satisfies Preset.ThemeConfig,
};

export default config;