@chargeover/docusaurus-theme-redoc/dist-jsx/utils/useSpec.js

Redoc Component for DocusaurusV2

import { useMemo } from 'react';
import useBaseUrl from '@docusaurus/useBaseUrl';
import useIsBrowser from '@docusaurus/useIsBrowser';
import { usePluginData } from '@docusaurus/useGlobalData';
import { useColorMode } from '@docusaurus/theme-common';
import merge from 'lodash/merge';
import '../global';
import { AppStore } from '@chargeover/redoc';
/**
 * Redocusaurus
 * https://rohit-gohri.github.io/redocusaurus/
 * (c) 2022 Rohit Gohri
 * Released under the MIT License
 */
export function useSpec({ spec, url, themeId }, optionsOverrides) {
    const fullUrl = useBaseUrl(url, { absolute: true });
    const isBrowser = useIsBrowser();
    const isDarkTheme = useColorMode().colorMode === 'dark';
    const themeOptions = usePluginData('docusaurus-theme-redoc', themeId);
    const stores = useMemo(() => {
        const { lightTheme, darkTheme, options: redocOptions } = themeOptions;
        const commonOptions = {
            // Disable offset when server rendering and set to selector
            scrollYOffset: !isBrowser && typeof redocOptions.scrollYOffset === 'string'
                ? 0
                : redocOptions.scrollYOffset,
        };
        const darkStore = new AppStore(
        // eslint-disable-next-line @typescript-eslint/no-explicit-any
        spec, fullUrl, merge({
            ...redocOptions,
            ...commonOptions,
            theme: darkTheme,
        }, optionsOverrides));
        const lightStore = new AppStore(
        // eslint-disable-next-line @typescript-eslint/no-explicit-any
        spec, fullUrl, merge({
            ...redocOptions,
            ...commonOptions,
            theme: lightTheme,
        }, optionsOverrides));
        return {
            darkStore,
            lightStore,
        };
    }, [isBrowser, spec, fullUrl, themeOptions, optionsOverrides]);
    const result = useMemo(() => {
        return {
            ...stores,
            // @ts-expect-error extra prop
            hasLogo: !!spec.info?.['x-logo'],
            store: isBrowser && isDarkTheme ? stores.darkStore : stores.lightStore,
        };
    }, [isBrowser, isDarkTheme, spec, stores]);
    return result;
}