docusaurus.config.js

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

const SnackPlayer = require('./remark-snackplayer');
const { themes: prismThemes } = require('prism-react-renderer');

/** @type {import('@docusaurus/types').Config} */
const config = {
  title: 'Web Totals',
  favicon: 'img/logo.png',
  url: 'https://web-totals.vercel.app',
  baseUrl: '/',
  organizationName: 'hunghg255', // Usually your GitHub org/user name.
  projectName: 'web-totals', // Usually your repo name.
  onBrokenLinks: 'throw',
  onBrokenMarkdownLinks: 'warn',
  webpack: {
    jsLoader: (isServer) => ({
      loader: require.resolve('esbuild-loader'),
      options: {
        loader: 'tsx',
        format: isServer ? 'cjs' : undefined,
        target: isServer ? 'node12' : 'es2017',
      },
    }),
  },

  // i18n: {
  //   defaultLocale: 'en',
  //   locales: ['en', 'vi'],
  // },
  clientModules: [require.resolve('./snackPlayerInitializer.js')],
  scripts: [
    {
      src: 'https://cdn.jsdelivr.net/npm/focus-visible@5.2.0/dist/focus-visible.min.js',
      defer: true,
    },
    {
      src: 'https://widget.surveymonkey.com/collect/website/js/tRaiETqnLgj758hTBazgd8ryO5qrZo8Exadq9qmt1wtm4_2FdZGEAKHDFEt_2BBlwwM4.js',
      defer: true,
    },
    { src: 'https://snack.expo.dev/embed.js', defer: true },
  ],
  plugins: [
    [
      'content-docs',
      /** @type {import('@docusaurus/plugin-content-docs').Options} */
      ({
        id: 'issues',
        path: 'issues',
        routeBasePath: 'issues',
        sidebarPath: require.resolve('./sidebars.js'),
        editUrl: ({ versionDocsDirPath, docPath }) =>
          `https://github.com/hunghg255/web-totals/tree/main/${versionDocsDirPath}/${docPath}`,
        remarkPlugins: [
          SnackPlayer,
          [
            require('@docusaurus/remark-plugin-npm2yarn'),
            {
              sync: true,
              converters: [
                'yarn',
                'pnpm',
                ['bun', (code) => code.replace(/npm/g, 'bun').replace(/install/, 'add')],
              ],
            },
          ],
        ],
      }),
    ],
    [
      'content-docs',
      /** @type {import('@docusaurus/plugin-content-docs').Options} */
      ({
        id: 'questions',
        path: 'questions',
        routeBasePath: 'questions',
        sidebarPath: require.resolve('./sidebars.js'),
        editUrl: ({ versionDocsDirPath, docPath }) =>
          `https://github.com/hunghg255/web-totals/tree/main/${versionDocsDirPath}/${docPath}`,
        remarkPlugins: [
          [
            require('@docusaurus/remark-plugin-npm2yarn'),
            {
              sync: true,
              converters: [
                'yarn',
                'pnpm',
                ['bun', (code) => code.replace(/npm/g, 'bun').replace(/install/, 'add')],
              ],
            },
          ],
        ],
      }),
    ],
    '@docusaurus/theme-live-codeblock',
  ],
  themes: ['@docusaurus/theme-mermaid'],
  markdown: {
    mermaid: true,
  },
  presets: [
    [
      'classic',
      /** @type {import('@docusaurus/preset-classic').Options} */
      ({
        docs: {
          sidebarPath: require.resolve('./sidebars.js'),
          // Please change this to your repo.
          // Remove this to remove the "edit this page" links.
          showLastUpdateAuthor: true,
          showLastUpdateTime: true,
          sidebarCollapsible: true,
          editUrl: 'https://github.com/hunghg255/web-totals/tree/main',
          remarkPlugins: [
            SnackPlayer,
            [
              require('@docusaurus/remark-plugin-npm2yarn'),
              {
                sync: true,
                converters: [
                  'yarn',
                  'pnpm',
                  ['bun', (code) => code.replace(/npm/g, 'bun').replace(/install/, 'add')],
                ],
              },
            ],
          ],
        },
        pages: {
          remarkPlugins: [
            require('@docusaurus/remark-plugin-npm2yarn'),
            {
              sync: true,
              converters: [
                'yarn',
                'pnpm',
                ['bun', (code) => code.replace(/npm/g, 'bun').replace(/install/, 'add')],
              ],
            },
          ],
        },
        blog: {
          blogTitle: 'Blogs',
          blogDescription: 'Blogs',
          blogSidebarTitle: 'Blogs',
          blogSidebarCount: 10, // 隐藏博文侧边栏
          showReadingTime: true,
          editUrl: 'https://github.com/hunghg255/web-totals/tree/main',
          remarkPlugins: [
            [
              require('@docusaurus/remark-plugin-npm2yarn'),
              {
                sync: true,
                converters: [
                  'yarn',
                  'pnpm',
                  ['bun', (code) => code.replace(/npm/g, 'bun').replace(/install/, 'add')],
                ],
              },
            ],
          ],
        },
        theme: {
          customCss: require.resolve('./src/css/custom.css'),
        },
        googleAnalytics: {
          trackingID: 'G-WZW3J8S7EF',
        },
        gtag: {
          trackingID: 'G-72XCT3FHGJ',
        },
      }),
    ],
  ],

  themeConfig:
    /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
    ({
      // Replace with your project's social card
      image: '/img/unicorn.png',
      navbar: {
        title: 'Web Totals',
        logo: {
          alt: 'Web Totals',
          src: '/img/logo.png',
        },
        items: [
          {
            type: 'doc',
            position: 'right',
            label: 'Docs',
            docId: 'intro',
          },
          { to: '/blog', label: 'Blog', position: 'right' },

          {
            to: '/issues',
            label: 'Issues',
            position: 'right',
            activeBaseRegex: `/issues`,
          },
          {
            to: '/questions',
            label: 'Questions',
            position: 'right',
            activeBaseRegex: `/questions`,
          },
          {
            type: 'docsVersionDropdown',
            position: 'right',
          },
          {
            type: 'localeDropdown',
            position: 'right',
          },
          {
            href: 'https://github.com/hunghg255/web-totals',
            label: 'GitHub',
            position: 'right',
          },
        ],
      },
      colorMode: {
        defaultMode: 'dark',
        disableSwitch: false,
        respectPrefersColorScheme: false,
      },
      footer: {
        style: 'dark',
        links: [
          {
            title: 'RSS Feed',
            items: [
              {
                label: 'RSS',
                href: 'https://web-totals.vercel.app/sitemap.xml',
              },
            ],
          },
          {
            title: 'Contact',
            items: [
              {
                label: 'Twitter',
                href: 'https://twitter.com/hunghg255',
              },
              {
                label: 'Facebook',
                href: 'https://facebook.com/hunghg255',
              },
              {
                label: 'Portfolio',
                href: 'https://hung.thedev.id',
              },
            ],
          },
          {
            title: 'More',
            items: [
              {
                label: 'GitHub',
                href: 'https://github.com/hunghg255',
              },
            ],
          },
        ],
        copyright: `Copyright © ${new Date().getFullYear()} Web Totals`,
      },
      prism: {
        theme: prismThemes.github,
        darkTheme: prismThemes.dracula,
      },
      // ...
      algolia: {
        appId: 'N1ZOY7XK8O',
        apiKey: '93bc1d5b9e29191f5bd0758d04332c34',
        indexName: 'webtotals',
        contextualSearch: true,
        externalUrlRegex: 'web-totals\\.vercel.app|web-totals\\.vercel.app',
        searchParameters: {},
        searchPagePath: 'search',
      },
      liveCodeBlock: {
        playgroundPosition: 'bottom',
      },
    }),
};

module.exports = config;