/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
import React from 'react';
import clsx from 'clsx';
import Head from '@docusaurus/Head';
import useRouteContext from '@docusaurus/useRouteContext';
import { useBaseUrlUtils } from '@docusaurus/useBaseUrl';
import { useTitleFormatter } from './generalUtils';
/**
* Helper component to manipulate page metadata and override site defaults.
* Works in the same way as Helmet.
*/
export function PageMetadata({ title, description, keywords, image, children, }) {
const pageTitle = useTitleFormatter(title);
const { withBaseUrl } = useBaseUrlUtils();
const pageImage = image ? withBaseUrl(image, { absolute: true }) : undefined;
return (
{title && {pageTitle}}
{title && }
{description && }
{description && }
{keywords && ()}
{pageImage && }
{pageImage && }
{children}
);
}
const HtmlClassNameContext = React.createContext(undefined);
/**
* Every layer of this provider will append a class name to the HTML element.
* There's no consumer for this hook: it's side-effect-only. This wrapper is
* necessary because Helmet does not "merge" classes.
* @see https://github.com/staylor/react-helmet-async/issues/161
*/
export function HtmlClassNameProvider({ className: classNameProp, children, }) {
const classNameContext = React.useContext(HtmlClassNameContext);
const className = clsx(classNameContext, classNameProp);
return (
{children}
);
}
function pluginNameToClassName(pluginName) {
return `plugin-${pluginName.replace(/docusaurus-(?:plugin|theme)-(?:content-)?/gi, '')}`;
}
/**
* A very thin wrapper around `HtmlClassNameProvider` that adds the plugin ID +
* name to the HTML class name.
*/
export function PluginHtmlClassNameProvider({ children, }) {
const routeContext = useRouteContext();
const nameClass = pluginNameToClassName(routeContext.plugin.name);
const idClass = `plugin-id-${routeContext.plugin.id}`;
return (
{children}
);
}
//# sourceMappingURL=metadataUtils.js.map