docusaurus-theme-redoc
Version:
Redoc Component for DocusaurusV2
41 lines (40 loc) • 1.52 kB
JavaScript
import { useMemo, useEffect } from 'react';
import useBaseUrl from '@docusaurus/useBaseUrl';
import useIsBrowser from '@docusaurus/useIsBrowser';
import { useColorMode } from '@docusaurus/theme-common';
import '../global';
import { AppStore } from 'redoc';
import { useSpecOptions } from './useSpecOptions';
// the current store singleton in the app's instance
let currentStore = null;
/**
* Redocusaurus
* https://redocusaurus.vercel.app/
* (c) 2024 Rohit Gohri
* Released under the MIT License
*/
export function useSpec({ spec, url, themeId, normalizeUrl }, optionsOverrides) {
const specOptions = useSpecOptions(themeId, optionsOverrides);
const absoluteUrl = useBaseUrl(url, { absolute: true });
const fullUrl = normalizeUrl ? absoluteUrl : url;
const isBrowser = useIsBrowser();
const isDarkTheme = useColorMode().colorMode === 'dark';
const result = useMemo(() => {
if (currentStore !== null && isBrowser) {
currentStore.dispose();
}
currentStore = new AppStore(spec, fullUrl, specOptions.options);
return {
...specOptions,
// @ts-expect-error extra prop
hasLogo: !!spec.info?.['x-logo'],
store: currentStore,
};
}, [isBrowser, spec, fullUrl, specOptions]);
useEffect(() => {
// to ensure that menu is properly loaded when theme gets changed
// or when first load
result.store.onDidMount();
}, [result, isBrowser, isDarkTheme]);
return result;
}