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: '/veda1234/',

  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'],

  plugins: [
    async function tailwindPlugin(context, options) {
      return {
        name: "docusaurus-tailwindcss",
        configurePostCss(postcssOptions) {
          const tailwindcss = require("tailwindcss");
          const tailwindConfig = require("./tailwind.config.js");
          postcssOptions.plugins.push(tailwindcss(tailwindConfig));
          postcssOptions.plugins.push(require("autoprefixer"));
          return postcssOptions;
        },
        configureWebpack(config, isServer, utils) {
          return {
            resolve: {
              alias: {
                "@": require("path").resolve(__dirname, "src"),
              },
            },
          };
        },
      };
    },
  ],
  
  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;