1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
import cx from 'classnames';import { Link, graphql, useStaticQuery } from 'gatsby';
export const TOC = ({ section = '' }) => {  const data = useStaticQuery(staticQuery);
  const docs = data.allMdx.nodes.sort(sortDocs);  const sectionLinks = parseDocs(docs, section);
  return (    <section      className={cx(        'mt-4 grid gap-4 text-sm',        sectionLinks.length <= 16          ? 'grid-cols-2 text-sm md:grid-cols-3 md:text-base lg:grid-cols-4'          : 'grid-cols-2 text-sm sm:grid-cols-3 md:grid-cols-4 xl:grid-cols-5',      )}    >      {sectionLinks.map((sectionLink) => (        <Link          to={`/docs/${sectionLink.slug}`}          className="inline-flex aspect-video items-center justify-center rounded-md border border-gray-200 bg-gray-100 p-2 text-center leading-snug !text-black !no-underline hover:bg-blue-100 dark:border-gray-800 dark:bg-gray-900 dark:!text-gray-300 dark:hover:!border-teal-800 dark:hover:bg-teal-950 sm:rounded-lg"        >          {sectionLink.meta.title}        </Link>      ))}    </section>  );};
const staticQuery = graphql`  query {    allMdx {      nodes {        slug        meta: frontmatter {          title          nav          published        }      }    }  }`;
const sortDocs = (a, b) => a.meta.nav - b.meta.nav;
const parseDocs = (docs, section) => {  let directories = [];  let newDocs = [];
  docs.forEach(({ slug }) => {    const hasParent = slug.includes('/');
    let parent = undefined;
    if (hasParent) {      parent = slug.split('/')[0];
      if (!directories.includes(parent)) {        directories = [...directories, parent];      }    }  });
  newDocs = [{ contents: [...docs.filter((doc) => !doc.slug.includes('/'))] }];
  directories.forEach((directory) => {    newDocs = [      ...newDocs,      {        title: directory,        contents: [          ...docs.filter(            (doc) =>              doc.slug.startsWith(directory) &&              doc.slug !== 'api/utils' &&              doc.meta.published !== false,          ),        ],      },    ];  });
  newDocs = newDocs.find((docSection) => docSection.title === section).contents;
  return newDocs;};