// @ts-check
// Note: type annotations allow type checking and IDEs autocompletion

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

/** @type {import('@docusaurus/types').Config} */
const config = {
  title: process.env.SITE_TITLE || 'Steedos Docs',
  tagline: 'Open source alterative to Salesforce Platform.',
  favicon: 'img/favicon.png',

  // Set the production url of your site here
  url: process.env.SITE_URL || 'https://docs.steedos.com/',
  // Set the /<baseUrl>/ pathname under which your site is served
  // For GitHub pages deployment, it is often '/<projectName>/'
  baseUrl: '/',

  // GitHub pages deployment config.
  // If you aren't using GitHub pages, you don't need these.
  organizationName: 'steedos', // Usually your GitHub org/user name.
  projectName: 'steedos.github.io', // Usually your repo name.
  // trailingSlash: true,

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

  // Even if you don't use internalization, you can use this field to set useful
  // metadata like html lang. For example, if your site is Chinese, you may want
  // to replace "en" with "zh-Hans".
  i18n: {
    defaultLocale: 'en',
    locales: ['en', 'zh-CN'],
  },

  scripts: [
    // String format.
    '/js/salesiq.js',
  ],
  presets: [
    [
      'classic',
      /** @type {import('@docusaurus/preset-classic').Options} */
      ({
        docs: {
          sidebarPath: require.resolve('./sidebars.js'),
          routeBasePath: "/",
          // lastVersion: 'current',
          // versions: {
          //   current: {
          //     label: '2.5',
          //   },
          // },
          // Please change this to your repo.
          // Remove this to remove the "edit this page" links.
          editUrl: 'https://github.com/steedos/steedos-docs/tree/master/',
          editLocalizedFiles: true
        },
        theme: {
          customCss: require.resolve('./src/css/custom.css'),
        },
        gtag: {
          trackingID: 'G-XVSWFLK780',
          anonymizeIP: true,
        },
      }),
    ],
  ],

  themes: [
    [
      "@easyops-cn/docusaurus-search-local",
      /** @type {import("@easyops-cn/docusaurus-search-local").PluginOptions} */
      ({
        hashed: true,
        language: ["en", "zh"],
        highlightSearchTermsOnTargetPage: true,
        explicitSearchResultPath: true,
        docsRouteBasePath: "/"
      }),
    ],
    '@docusaurus/theme-mermaid'
  ],
  
  themeConfig:
    /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
    ({
      // Replace with your project's social card
      image: 'img/docusaurus-social-card.jpg',
      colorMode: {
        defaultMode: 'light',
        disableSwitch: true,
        respectPrefersColorScheme: false,
      },
      announcementBar: {
        id: 'support_us',
        content:
          '⭐️ If you like Steedos, give a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/steedos/steedos-platform">GitHub</a>.',
        backgroundColor: '#4D72DA',
        textColor: '#ffffff',
        isCloseable: true,
      },
      navbar: {
        title: '',
        logo: {
          alt: 'Steedos',
          src: 'img/logo.png',
        },
        items: [
          {
            type: 'docSidebar',
            position: 'left',
            sidebarId: 'platform',
            label: 'Platform',
          },
          {
            type: 'docSidebar',
            position: 'left',
            sidebarId: 'apps',
            label: 'Apps',
          },
          {
            type: 'docSidebar',
            position: 'left',
            sidebarId: 'developer',
            label: 'Developer',
          },
          {
            type: 'search',
            position: 'right',
          },
          // {
          //   type: 'docsVersionDropdown',
          //   position: 'right',
          // },
          {
            type: 'localeDropdown',
            position: 'right',
          },
          {
            href: 'https://github.com/steedos/steedos-platform',
            position: 'right',
            className: 'navbar-social-link navbar-github-logo',
            'aria-label': 'GitHub repository',
          },
        ],
      },
      docs: {
        sidebar: {
          hideable: false,
        }
      },
      footer: {
        style: 'dark',
        // links: [
        //   {
        //     title: 'Getting Started',
        //     items: [
        //       {
        //         label: 'Deploy',
        //         to: 'deploy',
        //       },
        //       {
        //         label: 'User Guide',
        //         to: 'user',
        //       },
        //       {
        //         label: 'Admin Guide',
        //         to: 'admin',
        //       },
        //     ],
        //   },
        //   {
        //     title: 'Customize Your Org',
        //     items: [
        //       {
        //         label: 'Extend with Click',
        //         to: 'no-code',
        //       },
        //       {
        //         label: 'Automation You Process',
        //         to: 'automation',
        //       },
        //       {
        //         label: 'Extend with Code',
        //         to: 'developer',
        //       },
        //     ],
        //   },
        //   {
        //     title: 'More',
        //     items: [
        //       {
        //         label: 'Github',
        //         href: 'https://github.com/steedos/steedos-platform',
        //       },
        //       {
        //         label: 'Steedos Enterprise',
        //         href: 'https://www.steedos.com/pricing/platform',
        //       }
        //     ],
        //   },
        // ],
        copyright: `Copyright © ${new Date().getFullYear()} Steedos Inc.`,
      },
      prism: {
        theme: darkCodeTheme,
        darkTheme: darkCodeTheme,
      },
    }),
    markdown: {
      mermaid: true,
    },
    plugins: [
      [
        '@docusaurus/plugin-pwa',
        {
          debug: true,
          offlineModeActivationStrategies: [
            'appInstalled',
            'standalone',
            'queryString',
          ],
          pwaHead: [
            {
              tagName: 'link',
              rel: 'icon',
              href: '/img/logo.png',
            },
            {
              tagName: 'link',
              rel: 'manifest',
              href: '/manifest.json', // your PWA manifest
            },
            {
              tagName: 'meta',
              name: 'theme-color',
              content: 'rgb(37, 194, 160)',
            },
          ],
        },
      ],
    ],
};

module.exports = config;