import React, { useEffect } from 'react'; import Head from '@docusaurus/Head'; import useDocusaurusContext from '@docusaurus/useDocusaurusContext'; import useBaseUrl from '@docusaurus/useBaseUrl'; import DocPaginator from '@theme/DocPaginator'; import DocVersionSuggestions from '@theme/DocVersionSuggestions'; import TOC from '@theme/TOC'; const isClient = typeof window !== 'undefined'; const isDev = process.env.NODE_ENV == 'development'; function DocItem(props) { const { siteConfig: { url: siteUrl, title: siteMetaTitle, tagline: siteMetaDescription, themeConfig: { image: siteMetaImage }, customFields: { versionLabels = {}, metaTitleSuffix = '', privateRepo = false, rootEditUrl }, } = {}, } = useDocusaurusContext(); const { content: MDXContent } = props; const { frontMatter, metadata } = MDXContent; const { permalink, editUrl, lastUpdatedAt, lastUpdatedBy, version } = metadata; const { /* metadata */ title = siteMetaTitle, image = siteMetaImage, description = siteMetaDescription, meta_title: metaTitle = title, meta_image: metaImage = image, meta_image_alt: metaImageAlt = `Title image for page: ${metaTitle}`, meta_description: metaDescription = description, keywords, /* options */ abstract, hide_title: hideTitle, hide_table_of_contents: hideTOC, } = frontMatter; // ensure trailing slash on canonical URL const canonical = permalink && (permalink.match(/\/$/) ? permalink : permalink + '/'); // NB images right now have to in /static/ and references in abs path const metaImageUrl = useBaseUrl(metaImage, { absolute: true }); useEffect(() => { if (isDev && isClient) { // console.table(props); // console.table(metadata); } }); return ( <> {metaTitle + metaTitleSuffix} {keywords && keywords.length && } {metaImage && } {metaImage && } {metaImage && } {canonical && } {canonical && }

{!hideTitle && (

Version: {versionLabels[version] || version}

{title}

{abstract &&

{abstract}

}

)}

{!hideTOC && ( )} ); } export default DocItem;