docusaurus.config.js

// @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");
const math = require("remark-math");
const katex = require("rehype-katex");
const remarkMath = require("remark-math");

/** @type {import('@docusaurus/types').Config} */
const config = {
  title: "Liquality",
  tagline: "Dinosaurs are cool",
  url: "https://your-docusaurus-test-site.com",
  baseUrl: "/",
  onBrokenLinks: "throw",
  onBrokenMarkdownLinks: "warn",
  favicon: "img/Liquality.svg",

  // GitHub pages deployment config.
  // If you aren't using GitHub pages, you don't need these.
  organizationName: "facebook", // Usually your GitHub org/user name.
  projectName: "docusaurus", // Usually your repo name.

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

  presets: [
    [
      "docusaurus-preset-openapi",
      /** @type {import('docusaurus-preset-openapi').Options} */
      {
        api: {
          path: "openapi.yaml",
          routeBasePath: "/walletapi",
        },
        docs: {
          sidebarPath: require.resolve("./sidebars.js"),
          routeBasePath: "/", // Serve the docs at the site's root
          remarkPlugins: [
            [require("@docusaurus/remark-plugin-npm2yarn"), { sync: true }],
          ],

          rehypePlugins: [katex],
        },
        pages: {
          remarkPlugins: [require("@docusaurus/remark-plugin-npm2yarn")],
        },
        blog: false,
        theme: {
          customCss: require.resolve("./src/css/custom.css"),
        },
      },
    ],
  ],

  stylesheets: [
    {
      href: "https://cdn.jsdelivr.net/npm/katex@0.13.24/dist/katex.min.css",
      type: "text/css",
      integrity:
        "sha384-odtC+0UGzzFL/6PNoE8rX/SPcQDXBJ+uRepguP4QkPCm2LBxH3FA3y+fKSiJ+AmM",
      crossorigin: "anonymous",
    },
    "https://fonts.googleapis.com/css?family=Montserrat:400,400i,700",
    "/css/code-block-buttons.css",
  ],
  themeConfig:
    /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
    ({
      navbar: {
        title: "",
        logo: {
          href: "https://liquality.io/",

          alt: "Liquality Logo",
          src: "img/logo_light.svg",
          srcDark: "img/logo_dark.svg",
        },
        items: [
          {
            href: "/sdk",
            label: "Wallet SDK",
            position: "left",
          },
          {
            href: "/collective-sdk/introduction",
            label: "Collective SDK",
            position: "left",
          },
          /*      {
            href: "/walletapi",
            label: "API",
            position: "left",
          }, */
          /*         {
            to: "https://www.npmjs.com/package/@liquality/wallet-sdk",
            label: "Get Started",
            position: "left",
            className: "dark navbarBtn",
          }, */
          {
            href: "https://liquality.io/",
            label: "liquality.io",
            position: "right",
          },
          {
            position: "right",
            href: "https://github.com/Liquality",
            className: "navbar-github-link",
            "aria-label": "GitHub repository",
          },
          {
            position: "right",
            href: "https://t.me/liquality",
            className: "navbar-discord-link",
            "aria-label": "telegram",
          },
        ],
      },
      footer: {
        style: "light",
        links: [
          {
            html: `© 2024, Liquality. All rights reserved.`,
          },
          {
            label: "Liquality",
            to: "https://Liquality.io",
          },
          {
            label: "Twitter",
            to: "https://twitter.com/Liquality_io",
          },
          {
            label: "GitHub",
            to: "https://github.com/Liquality",
          },
        ],
      },
      prism: {
        theme: darkCodeTheme,
        additionalLanguages: ["solidity"],
      },
      colorMode: {
        defaultMode: "dark",
        disableSwitch: false,
        respectPrefersColorScheme: false,
      },
    }),
};

module.exports = config;