const lightCodeTheme = require('prism-react-renderer/themes/github');
const darkCodeTheme = require('prism-react-renderer/themes/dracula');

/** @type {import('@docusaurus/types').DocusaurusConfig} */
module.exports = {
  title: 'Full Stack Manual',
  tagline: 'Full Stack Manual',
  url: 'https://manual.fullstacklover.com',
  baseUrl: '/',
  onBrokenLinks: 'warn',
  onBrokenMarkdownLinks: 'warn',
  favicon: 'img/favicon.ico',
  organizationName: 'fullstacklover', // Usually your GitHub org/user name.
  projectName: 'full-stack-manual', // Usually your repo name.
  // i18n
  i18n: {
    defaultLocale: 'zh-Hans',
    locales: ['en', 'zh-Hans'],
    localeConfigs: {
      en: {
        label: 'English',
        direction: 'ltr',
      },
      "zh-Hans": {
        label: '简体中文',
        direction: 'ltr',
      },
    },
  },
  themeConfig: {
    navbar: {
      title: 'Full Stack Manual',
      logo: {
        alt: 'Full Stack Manual Logo',
        src: 'img/logo.svg',
      },
      items: [
        // {
        //   type: 'doc',
        //   docId: 'intro',
        //   position: 'right',
        //   label: 'Homepage ',
        // },
        { to: '/about', label: '🍰About', position: 'right' },
        { to: '/blog', label: '🧊Data-Structure', position: 'right' },
        {
          type: 'dropdown',
          label: '🌌Front-End',
          position: 'right',
          items: [
            {
              label: 'JavaScript',
              // href: 'https://www.facebook.com',
              to: '/docs/front-end/javascript/javascript'
            },
            {
              label: 'NodeJS',
              href: 'https://www.facebook.com',
            },
          ],
        },
        { to: '/blog', label: '🪞C', position: 'right' },
        { to: '/blog', label: '🥨Go', position: 'right' },
        { to: '/blog', label: '💷Linux', position: 'right' },
        { to: '/blog', label: '🚀Docker', position: 'right' },
        { to: '/blog', label: '🖥️Development-Tools', position: 'right' },
        { to: '/blog', label: '📑Questions', position: 'right' },
        {
          type: 'localeDropdown',
          position: 'right',
          dropdownItemsAfter: [
            { to: 'https://github.com/fullstacklover/full-stack-manual/issues/2', label: 'Help Translate❤️', }, //Can add custom pages
          ],
        },
        {
          href: 'https://github.com/fullstacklover/full-stack-manual',
          label: 'GitHub',
          position: 'right',
        },
      ],
    },
    footer: {
      style: 'dark',
      links: [
        {
          title: 'Docs',
          items: [
            {
              label: 'Tutorial',
              to: '/docs/intro',
            },
          ],
        },
        {
          title: 'Community',
          items: [
            {
              label: 'Stack Overflow',
              href: 'https://stackoverflow.com/questions/tagged/docusaurus',
            },
            {
              label: 'Discord',
              href: 'https://discordapp.com/invite/docusaurus',
            },
            {
              label: 'Twitter',
              href: 'https://twitter.com/docusaurus',
            },
          ],
        },
        {
          title: 'More',
          items: [
            {
              label: 'Blog',
              to: '/blog',
            },
            {
              label: 'GitHub',
              href: 'https://github.com/facebook/docusaurus',
            },
          ],
        },
      ],
      copyright: `Copyright © ${new Date().getFullYear()} FullStackLover, Inc. Built with Docusaurus.`,
    },
    prism: {
      theme: lightCodeTheme,
      darkTheme: darkCodeTheme,
    },
  },
  presets: [
    [
      '@docusaurus/preset-classic',
      {
        docs: {
          sidebarPath: require.resolve('./sidebars.js'),
          // Please change this to your repo.
          editUrl:
            'https://github.com/fullstacklover/full-stack-manual/edit/master/',
        },
        blog: {
          showReadingTime: true,
          // Please change this to your repo.
          editUrl:
            'https://github.com/fullstacklover/full-stack-manual/edit/master/',
        },
        theme: {
          customCss: require.resolve('./src/css/custom.css'),
        },
      },
    ],
  ],
};