docusaurus.config.js

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

const dotenv = require("dotenv");
const isDev = process.env.NODE_ENV === "development";
dotenv.config({ path: ".env.local" });

const versions = require("./versions.json");
const lightCodeTheme = require("./codeblock-theme");
const darkCodeTheme = require("prism-react-renderer/themes/dracula");
const simplePlantUML = require("@akebifiky/remark-simple-plantuml");
const homeShowcaseProjectsPlugin = require("./plugins/home-showcase");
const cryptoPricePlugin = require("./plugins/crypto-price");
const xdrPricePlugin = require("./plugins/xdr-price");
const icpXdrPricePlugin = require("./plugins/icp-xdr-price");
const tailwindPlugin = require("./plugins/tailwind");
const matomoPlugin = require("./plugins/matomo");
const customWebpack = require("./plugins/custom-webpack");
const roadmapDataPlugin = require("./plugins/roadmap-data");
const blogPostsPlugin = require("./plugins/blog-posts");
const externalRedirectsPlugin = require("./plugins/external-redirects");
const whatIsIcpDataPlugin = require("./plugins/what-is-the-ic-cards");
const howItWorksCardsPlugin = require("./plugins/howitworks-cards");
const howItWorksArticlesPlugin = require("./plugins/howitworks-articles");
const math = require("remark-math");
const katex = require("rehype-katex");
const votingRewardsPlugin = require("./plugins/voting-rewards");
const {
  getRedirects,
  getSplatRedirects,
  getExternalRedirects,
  getExactUrlRedirects,
} = require("./plugins/utils/redirects");
const fs = require("fs");
const validateShowcasePlugin = require("./plugins/validate-showcase.js");
const contentfulPlugin = require("./plugins/contentful");

const isDeployPreview = !!process.env.PREVIEW_CANISTER_ID;

console.log("PREVIEW_CANISTER_ID:", process.env.PREVIEW_CANISTER_ID);

const navbarItems = [
  {
    type: "search",
    position: "right",
  },
];

const subnavItems = [
  {
    type: "doc",
    position: "left",
    docId: "home",
    label: "Docs",
  },
  {
    type: "docSidebar",
    position: "left",
    sidebarId: "tutorials",
    label: "Tutorials",
  },
  {
    type: "docSidebar",
    position: "left",
    sidebarId: "guides",
    label: "Guides",
    activeBasePath: "/docs/current/developer-docs/",
  },
  {
    type: "docSidebar",
    position: "left",
    sidebarId: "references",
    label: "References",
  },
  {
    type: "docSidebar",
    position: "left",
    sidebarId: "motoko",
    label: "Motoko",
  },
  {
    position: "left",
    to: "blog",
    label: "Blog",
  },
  {
    type: "dropdown",
    position: "left",
    label: "Additional Resources",
    items: [
      {
        label: "Awesome Internet Computer",
        href: "https://github.com/dfinity/awesome-internet-computer#readme",
      },
      { label: "Sample Code", to: "/samples" },
      {
        label: "SDK Release Notes",
        type: "doc",
        docId: "other/updates/release-notes/release-notes",
      },
      { label: "Developer Tools", to: "/tooling" },
      { label: "Developer Grants", href: "https://dfinity.org/grants" },
      {
        label: "Motoko Playground",
        href: "https://m7sm4-2iaaa-aaaab-qabra-cai.raw.ic0.app/",
      },
      {
        label: "Dev Forum",
        href: "https://forum.dfinity.org/",
      },
      {
        label: "Dev Discord",
        href: "https://discord.gg/jnjVVQaE2C",
      },
    ],
  },
];

/** @type {import("./src/components/Common/MarketingNav").MarketingNavType} */
const marketingNav = {
  mainItems: [
    {
      name: "Learn",
      auxItems: [
        {
          name: "ICP Dashboard",
          href: "https://dashboard.internetcomputer.org/",
        },
        { name: "ICP Wiki", href: "https://wiki.internetcomputer.org/" },
        {
          name: "Whitepaper",
          href: "https://internetcomputer.org/whitepaper.pdf",
        },
        {
          name: "History of ICP",
          href: "https://wiki.internetcomputer.org/wiki/History",
        },
      ],

      sections: [
        {
          name: "Start Here",
          items: [
            {
              name: "The Basics",
              href: "/basics",
              description: "New to ICP? Read this first",
            },
            {
              name: "What is ICP",
              href: "/what-is-the-ic",
              description: "Get to know ",
            },
            {
              name: "How it works",
              href: "/how-it-works",
              description: "Look into the nitty gritty",
            },
            {
              name: "Technical Roadmap",
              href: "/roadmap",
              description: "Milestones and what’s next",
            },
            {
              name: "ICP on YouTube",
              href: "https://www.youtube.com/dfinity",
              description: "Watch & Learn",
            },
          ],
          featured: {
            title: "Building green, efficient tech",
            href: "/capabilities/sustainability",
            image: "/img/nav/featured-start-here.webp",
          },
        },
        {
          name: "Capabilities",
          items: [
            {
              name: "Capabilities",
              href: "/capabilities",
              description: "Transforming the internet",
            },
            {
              name: "Bitcoin <> ICP",
              href: "/bitcoin-integration",
              description: "Bringing smart contracts to Bitcoin",
            },
            {
              name: "Ethereum <> ICP",
              href: "/ethereum-integration",
              description: "Native ETH on Internet Computer",
            },
            {
              name: "Identity on ICP",
              href: "/internet-identity",
              description: "One secure identity for all services",
            },
            {
              name: "HTTPS Outcalls",
              href: "/https-outcalls",
              description: "Connecting smart contracts to Web2",
            },
          ],
          featured: {
            title: "Connect without oracles",
            href: "/https-outcalls",
            image: "/img/nav/featured-capabilities.webp",
          },
        },
      ],
    },
    {
      name: "Use",
      auxItems: [
        {
          name: "Create an internet identity",
          href: "https://identity.ic0.app/",
        },
        { name: "NNS and Staking", href: "https://nns.ic0.app/" },
      ],

      sections: [
        {
          name: "Step into Web3",
          items: [
            {
              name: "ICP Ecosystem",
              href: "/ecosystem",
              description: "Try dapps gas free",
            },
            {
              name: "ICP Token",
              href: "/icp-tokens",
              description: "Use native utility token",
            },
            {
              name: "Staking and Governance",
              href: "/nns",
              description: "Govern and get rewards",
            },
            {
              name: "Create an Internet Identity",
              href: "/internet-identity",
              description: "Web3 authentication",
            },
          ],
          featured: {
            title: "Enter the ICP ecosystem",
            href: "/ecosystem",
            image: "/img/nav/featured-web3.webp",
          },
        },
        {
          name: "Use cases",
          items: [
            {
              name: "Open Internet Services",
              href: "/ois",
              description: "Community-owned services",
            },
            {
              name: "Enterprise Cloud 3.0",
              href: "/enterprise",
              description: "Extend Web2 software with blockchain",
            },
            {
              name: "Gaming",
              href: "/gaming",
              description: "Paradigm shift in Web3 gaming",
            },
            {
              name: "SoFi",
              href: "/social-media-dapps",
              description: "Reclaim social media",
            },
            {
              name: "DeFi",
              href: "/defi",
              description: "On-chain swaps",
            },
            {
              name: "NFTs",
              href: "/nft",
              description: "NFT’s live fully on-chain",
            },
          ],
          featured: {
            title: "Trustless multi-chain",
            href: "/multichain",
            image: "/img/nav/featured-use-cases.webp",
          },
        },
        // {
        //   name: "Interoperability",
        //   items: [
        //     {
        //       name: "ckBTC",
        //       href: "/ckbtc",
        //       description: "Bitcoin on Web3",
        //     },
        //   ],
        //   featured: {
        //     title: "ckETH coming soon",
        //     image: "/img/nav/featured-interoperability.webp",
        //   },
        // },
      ],
    },
    {
      name: "Develop",
      auxItems: [
        {
          name: "Feedback Board",
          href: "https://dx.internetcomputer.org/",
        },
        { name: "Developer grants", href: "https://dfinity.org/grants" },
        {
          name: "Free Cycles",
          href: "/docs/current/developer-docs/setup/cycles/cycles-faucet",
        },
      ],

      sections: [
        {
          name: "Start Coding",
          items: [
            {
              name: "Developer Docs",
              href: "/docs/current/home",
              description: "Start coding",
            },
            {
              name: "Sample code",
              href: "/samples",
              description: "Get inspired by existing projects",
            },
            {
              name: "Motoko Playground",
              href: "https://m7sm4-2iaaa-aaaab-qabra-cai.raw.ic0.app/",
              description: "Learn the ICP native language",
            },
            {
              name: "Programming languages",

              description: "ICP supports multiple languages",
              href: "/docs/current/developer-docs/backend/choosing-language",
            },
            {
              name: "Hackathons",
              description: "Join like-minded hackers",
              href: "https://dfinity.org/hackathons",
            },
          ],
          featured: {
            title: "Learn to build step by step",
            href: "/docs/current/tutorials/",
            image: "/img/nav/featured-develop.webp",
          },
        },
      ],

      socialIcons: [
        {
          label: "Github",
          href: "https://github.com/dfinity",
          iconUrl: "/img/svgIcons/purple/github.svg",
        },
        {
          label: "Discord",
          href: "https://discord.gg/jnjVVQaE2C",
          iconUrl: "/img/svgIcons/purple/discord.svg",
        },
        {
          label: "X",
          href: "https://twitter.com/dfinitydev",
          iconUrl: "/img/svgIcons/purple/twitter.svg",
        },
        {
          label: "Forum",
          href: "https://forum.dfinity.org/",
          iconUrl: "/img/svgIcons/purple/forum.svg",
        },
      ],
    },
    {
      name: "Participate",
      auxItems: [
        {
          name: "Community grants",
          href: "https://dfinity.org/community-grants/",
        },
        {
          name: "Help & Support",
          href: "https://support.dfinity.org/hc/en-us",
        },
      ],

      sections: [
        {
          name: "Get Involved",
          items: [
            {
              name: "ICP community",
              href: "/community",
              description: "Join the global community",
            },
            {
              name: "Sovereign network",
              href: "/node-providers",
              description: "Become a node provider",
            },
            {
              name: "Community Blog",
              href: "https://medium.com/dfinity",
              description: "Keep up to date",
            },
            {
              name: "Upcoming events",
              description: "Meet fellow Web3 enthusiasts",
              href: "https://dfinity.org/events-and-news/",
            },
          ],
          featured: {
            title: "ICP around the world",
            href: "/community",
            image: "/img/nav/featured-community.webp",
          },
        },
      ],

      socialIcons: [
        {
          label: "IC Forum",
          href: "https://forum.dfinity.org/",
          iconUrl: "/img/svgIcons/purple/forum.svg",
        },
      ],
    },
  ],
  auxItems: [
    {
      name: "ICP Dashboard",
      href: "https://dashboard.internetcomputer.org/",
    },
    {
      name: "Developer Grants",
      href: "https://dfinity.org/grants",
    },
    {
      name: "Help & Support",
      href: "https://support.dfinity.org/hc/en-us",
    },
  ],
};

function getImageDataUrl(url) {
  return `data:image/svg+xml;base64,${fs.readFileSync(url).toString("base64")}`;
}

/** @type {import("@docusaurus/types").Config} */
const config = {
  title: "Internet Computer",
  tagline:
    "Step into the era of blockchain as a limitless smart contract cloud that hosts everything on-chain: data, content, computations, and user experiences.",
  url: isDeployPreview
    ? `https://${process.env.PREVIEW_CANISTER_ID}.icp0.io`
    : "https://internetcomputer.org",
  baseUrl: "/",
  onBrokenLinks: "throw",
  onBrokenMarkdownLinks: "throw",
  favicon: "img/favicon-32x32.png",
  organizationName: "dfinity",
  projectName: "portal",
  customFields: {
    searchCanisterId: "5qden-jqaaa-aaaam-abfpa-cai",
    marketingNav,
  },
  scripts: [],
  plugins: [
    ["docusaurus2-dotenv", { systemvars: true }],
    "docusaurus-plugin-sass",
    customWebpack,
    tailwindPlugin,
    cryptoPricePlugin,
    icpXdrPricePlugin,
    xdrPricePlugin,
    homeShowcaseProjectsPlugin,
    howItWorksArticlesPlugin,
    howItWorksCardsPlugin,
    votingRewardsPlugin,
    roadmapDataPlugin,
    whatIsIcpDataPlugin,
    matomoPlugin,
    blogPostsPlugin,
    contentfulPlugin,
    validateShowcasePlugin,
    externalRedirectsPlugin({
      redirects: [...getExternalRedirects(), ...getExactUrlRedirects()],
    }),

    [
      "@docusaurus/plugin-client-redirects",
      {
        fromExtensions: ["html", "md"],
        redirects: getRedirects(),
        createRedirects: (existingPath) => getSplatRedirects(existingPath),
      },
    ],
  ],

  presets: [
    [
      "classic",
      /** @type {import("@docusaurus/preset-classic").Options} */
      ({
        docs: {
          lastVersion: versions[0],
          showLastUpdateAuthor: true,
          showLastUpdateTime: true,
          breadcrumbs: false,
          versions: {
            current: {
              label: "Current 🚧",
              path: "current",
            },
          },

          sidebarPath: require.resolve("./sidebars.js"),
          remarkPlugins: [math, simplePlantUML, require("remark-code-import")],
          rehypePlugins: [katex],
          editUrl: "https://github.com/dfinity/portal/edit/master/",
        },
        blog: {
          path: "blog",
          blogSidebarCount: "ALL",
          postsPerPage: "ALL",
          remarkPlugins: [math, simplePlantUML, require("remark-code-import")],
          rehypePlugins: [katex],
        },
        theme: {
          customCss: require.resolve("./src/css/custom.scss"),
        },
      }),
    ],
  ],

  // TODO: Remove when ready to integrate internationalization
  // i18n: {
  //   defaultLocale: 'en',
  //   locales: isDeployPreview
  //   ? // Deploy preview: keep it fast!
  //     ['en']
  //   : ['en', 'fr'],
  // },

  themeConfig:
    // NOTE: liveCodeBLock is enabled for possible future feature,
    // but to do that type preset- classic had to be disabled below
    // /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
    {
      image: "/img/share.jpg",
      colorMode: {
        disableSwitch: true,
        defaultMode: "light",
        respectPrefersColorScheme: false,
      },
      metadata: [
        {
          // ios safari zooms in when an input field is focused
          // maximum-scale=1 solves the issue
          name: "viewport",
          content: "width=device-width, initial-scale=1, maximum-scale=5",
        },
      ],
      navbar: {
        hideOnScroll: true,

        logo: {
          alt: "DFINITY Logo",
          src: "/img/IC_logo_horizontal.svg",
        },
        // subnav redeclared to show up in mobile menu
        items: [...navbarItems, ...subnavItems],
      },
      subnav: {
        items: subnavItems,
      },

      // announcementBar:
      //   isDev || isDeployPreview
      //     ? {
      //         id: "local_dev",
      //         content: isDeployPreview
      //           ? `You are currently viewing a preview of this <a href="${
      //               process.env.PR_URL || "https://github.com/dfinity/portal"
      //             }">Pull Request</a>.`
      //           : 'You are currently locally editing the Developer Portal. Contributing guidelines are available <a href="https://github.com/dfinity/portal#contributing">here</a>.',
      //         textColor: "#091E42",
      //         isCloseable: false,
      //       }
      //     : undefined,

      footer: {
        links: [
          {
            items: [
              {
                label: "Internet Computer Association",
                href: "https://lbbne-haaaa-aaaam-absda-cai.icp0.io/",
              },
              {
                label: "Wiki",
                href: "https://wiki.internetcomputer.org/",
              },
              {
                label: "Node Providers",
                href: "/node-providers",
              },
              {
                label: "Dashboard",
                href: "https://dashboard.internetcomputer.org/",
              },
            ],
          },
          {
            items: [
              {
                label: "ICP Careers",
                href: "https://careers.internetcomputer.org/",
              },
              { label: "Developer Grants", href: "https://dfinity.org/grants" },
              {
                label: "Support & Feedback",
                href: "https://support.dfinity.org/hc/en-us",
              },
              {
                label: "Brand Materials",
                href: "https://dfinity.frontify.com/d/pD7yZhsmpqos",
              },
            ],
          },
          {
            title: "SocialMedia",
            items: [
              {
                label: "X",
                to: "https://twitter.com/dfinity",
                iconLight: getImageDataUrl(
                  "./static/img/svgIcons/purple/twitter.svg"
                ),
                icon: `data:image/svg+xml;base64,${fs
                  .readFileSync("./static/img/svgIcons/twitter-white.svg")
                  .toString("base64")}`,
              },
              {
                label: "Medium",
                to: "https://medium.com/dfinity-network-blog",
                icon: "data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='m24 24h-24v-24h24zm-8.986-15.006v7.326c0 .198 0 .234-.127.362l-1.302 1.264v.27h6.32v-.27l-1.257-1.234c-.091-.07-.148-.178-.148-.3 0-.022.002-.043.005-.064v.002-9.07c-.003-.019-.005-.04-.005-.062 0-.121.058-.229.148-.298l.001-.001 1.286-1.234v-.27h-4.456l-3.176 7.924-3.609-7.924h-4.675v.271l1.502 1.813c.127.115.207.281.207.466 0 .022-.001.043-.003.064v-.003 7.126c.007.041.011.088.011.136 0 .222-.088.423-.231.571l-1.69 2.054v.27h4.8v-.27l-1.691-2.054c-.149-.154-.241-.363-.241-.595 0-.04.003-.079.008-.117v.004-6.16l4.215 9.195h.49z'/%3E%3C/svg%3E",
                iconLight: getImageDataUrl(
                  "./static/img/svgIcons/purple/medium.svg"
                ),
              },
              {
                label: "Youtube",
                to: "https://www.youtube.com/dfinity",
                icon: "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24' height='24' viewBox='0 0 310 310' style='enable-background:new 0 0 310 310;' xml:space='preserve'%3E%3Cg id='XMLID_822_'%3E%3Cpath id='XMLID_823_' fill='white' d='M297.917,64.645c-11.19-13.302-31.85-18.728-71.306-18.728H83.386c-40.359,0-61.369,5.776-72.517,19.938 C0,79.663,0,100.008,0,128.166v53.669c0,54.551,12.896,82.248,83.386,82.248h143.226c34.216,0,53.176-4.788,65.442-16.527 C304.633,235.518,310,215.863,310,181.835v-53.669C310,98.471,309.159,78.006,297.917,64.645z M199.021,162.41l-65.038,33.991 c-1.454,0.76-3.044,1.137-4.632,1.137c-1.798,0-3.592-0.484-5.181-1.446c-2.992-1.813-4.819-5.056-4.819-8.554v-67.764 c0-3.492,1.822-6.732,4.808-8.546c2.987-1.814,6.702-1.938,9.801-0.328l65.038,33.772c3.309,1.718,5.387,5.134,5.392,8.861 C204.394,157.263,202.325,160.684,199.021,162.41z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A",
                iconLight: getImageDataUrl(
                  "./static/img/svgIcons/purple/youtube.svg"
                ),
              },
              {
                label: "Reddit",
                to: "https://www.reddit.com/r/dfinity/",
                icon: "data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath fill-rule='nonzero' fill='white' d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm6.67-10a1.46 1.46 0 0 0-2.47-1 7.12 7.12 0 0 0-3.85-1.23L13 6.65l2.14.45a1 1 0 1 0 .13-.61L12.82 6a.31.31 0 0 0-.37.24l-.74 3.47a7.14 7.14 0 0 0-3.9 1.23 1.46 1.46 0 1 0-1.61 2.39 2.87 2.87 0 0 0 0 .44c0 2.24 2.61 4.06 5.83 4.06s5.83-1.82 5.83-4.06a2.87 2.87 0 0 0 0-.44 1.46 1.46 0 0 0 .81-1.33zm-10 1a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm5.81 2.75a3.84 3.84 0 0 1-2.47.77 3.84 3.84 0 0 1-2.47-.77.27.27 0 0 1 .38-.38A3.27 3.27 0 0 0 12 16a3.28 3.28 0 0 0 2.09-.61.28.28 0 1 1 .39.4v-.04zm-.18-1.71a1 1 0 1 1 1-1 1 1 0 0 1-1.01 1.04l.01-.04z'/%3E%3C/g%3E%3C/svg%3E%0A",
                iconLight: getImageDataUrl(
                  "./static/img/svgIcons/purple/reddit.svg"
                ),
              },
              {
                label: "CoinMarketCap",
                to: "https://coinmarketcap.com/currencies/internet-computer/",
                icon: "data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.1307 14.3432C19.9566 14.4632 19.7533 14.534 19.5423 14.5481C19.3313 14.5623 19.1204 14.5193 18.9318 14.4237C18.489 14.1735 18.2504 13.587 18.2504 12.7878V10.3382C18.2504 9.16231 17.7846 8.32567 17.0055 8.09854C15.6887 7.71328 14.7054 9.32619 14.3259 9.93283L11.9971 13.702V9.10193C11.9712 8.04104 11.6262 7.40565 10.9736 7.21589C10.5423 7.08939 9.89545 7.14114 9.26581 8.10141L4.05907 16.4592C3.36629 15.1338 3.00708 13.6594 3.01255 12.1639C3.01255 7.12676 7.03764 3.0298 11.9971 3.0298C16.9566 3.0298 20.9961 7.12676 20.9961 12.1639V12.1898C20.9961 12.1898 20.9961 12.207 20.9961 12.2156C21.045 13.1903 20.7287 13.9665 20.1336 14.3432H20.1307ZM23.0058 12.1668V12.1179C22.9655 5.97961 18.0434 1 11.9971 1C5.95086 1 1 6.00836 1 12.1639C1 18.3194 5.93361 23.3306 11.9971 23.3306C14.7781 23.3305 17.4533 22.2645 19.4723 20.3521C19.6683 20.1674 19.7836 19.913 19.7933 19.6439C19.803 19.3748 19.7062 19.1128 19.524 18.9145C19.4369 18.8181 19.3315 18.7399 19.2139 18.6843C19.0964 18.6287 18.969 18.597 18.8392 18.5908C18.7093 18.5847 18.5795 18.6043 18.4572 18.6485C18.335 18.6927 18.2227 18.7606 18.1268 18.8484C17.2575 19.673 16.2306 20.3133 15.1077 20.7311C13.9848 21.1489 12.7891 21.3355 11.5923 21.2796C10.3955 21.2238 9.22229 20.9267 8.14317 20.4061C7.06406 19.8856 6.10127 19.1523 5.3126 18.2504L9.99895 10.7177V14.1937C9.99895 15.8641 10.6458 16.4046 11.1892 16.5627C11.7326 16.7209 12.5635 16.6116 13.4347 15.1971L16.0222 11.0081C16.1027 10.873 16.1803 10.758 16.2493 10.6573V12.7878C16.2493 14.3489 16.8761 15.5967 17.9744 16.212C18.4738 16.4816 19.0365 16.6118 19.6036 16.5891C20.1707 16.5663 20.7212 16.3914 21.1973 16.0826C22.4049 15.2977 23.0633 13.8774 22.9943 12.1668H23.0058Z' fill='white'/%3E%3C/svg%3E%0A",
                iconLight: getImageDataUrl(
                  "./static/img/svgIcons/purple/coinmarketcap.svg"
                ),
              },
              {
                label: "DSCVR",
                to: "https://dscvr.one/p/internet-computer",
                icon: "data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4579_44749)'%3E%3Cpath d='M15.5569 1.39645C14.4968 1.02636 13.3839 0.817527 12.2604 0.783161C12.1388 0.780518 12.0172 0.780518 11.8983 0.780518C11.1766 0.780518 10.4576 0.859822 9.75439 1.01579C9.74144 1.02293 9.72901 1.03006 9.71606 1.0372C9.72796 1.03006 9.73959 1.02293 9.75175 1.01579C6.75138 1.69252 4.52555 3.79675 3.4285 6.9055C2.38961 10.1438 3.2276 13.694 5.6041 16.1287C8.60183 19.1978 13.6403 20.0675 16.8654 16.8398C16.8659 16.8382 16.8667 16.8366 16.8673 16.835C19.6041 14.0934 19.6025 9.65051 16.8628 6.90815C14.1558 4.2012 11.0444 4.41004 7.84314 6.06751L7.64488 6.17061L7.81142 11.2831C7.82305 11.2485 7.83548 11.2157 7.84843 11.184C7.8368 11.217 7.82517 11.2498 7.81406 11.2831L7.91452 14.3787L8.01761 14.4765C8.8556 15.288 9.75439 15.563 10.5897 15.7427L10.4681 8.04485C10.4465 8.05542 10.4253 8.06653 10.4039 8.07763C10.425 8.0652 10.4465 8.05331 10.4681 8.04221C12.2974 7.44742 14.2087 7.82808 15.4115 9.43533C15.4136 9.43691 15.4154 9.4385 15.4176 9.44009C16.4295 10.7957 16.5736 12.6144 15.7869 14.1117C14.1214 17.2997 9.34201 17.1226 7.02101 14.7488C5.8896 13.5909 5.18114 12.0815 5.0146 10.4689C4.69209 7.41305 6.34164 4.48934 9.12524 3.18874L9.53234 3.06979C10.3042 2.86095 11.0999 2.75785 11.8983 2.75785C16.9341 2.75521 21.0157 6.83413 21.021 11.8673C21.021 13.3794 20.6456 14.8677 19.9292 16.1974C19.9168 16.222 19.9041 16.246 19.8917 16.2706C19.4777 17.0243 18.9577 17.7134 18.3484 18.3228C15.4009 21.2676 10.8329 21.7699 7.18227 19.8798C2.66982 17.5456 0.938326 12.285 2.46891 7.55845C2.56672 7.25709 2.41604 6.93194 2.12261 6.81034L2.03538 6.77333L1.89263 7.07469C1.73402 7.40777 1.58863 7.74878 1.46438 8.09772C-0.621338 13.8685 2.36582 20.234 8.13657 22.3197C8.17094 22.333 8.2053 22.3435 8.24231 22.3567C8.34303 22.3758 8.44348 22.3935 8.54393 22.4107C8.44216 22.3938 8.33986 22.376 8.23702 22.3567C14.0263 24.3764 20.3548 21.3231 22.3771 15.5365C24.3967 9.74726 21.3435 3.41873 15.5569 1.39645Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4579_44749'%3E%3Crect width='22.2001' height='22.199' fill='white' transform='translate(0.799805 0.780518)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A",
                iconLight: getImageDataUrl(
                  "./static/img/svgIcons/purple/dscvr.svg"
                ),
              },
            ],
          },
        ],
        copyright: `© ${new Date().getFullYear()} Internet Computer`,
      },
      prism: {
        theme: lightCodeTheme,
        darkTheme: darkCodeTheme,
        additionalLanguages: ["rust"],
      },
      liveCodeBlock: {
        playgroundPosition: "bottom",
      },
    },
  themes: ["@docusaurus/theme-live-codeblock"],
  clientModules: [require.resolve("./static/load_moc.ts")],
};

module.exports = config;