39 lines
1.2 KiB
Plaintext
39 lines
1.2 KiB
Plaintext
# API Browser
|
|
|
|
import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
|
|
import useBaseUrl from "@docusaurus/useBaseUrl";
|
|
import BrowserOnly from "@docusaurus/core/lib/client/exports/BrowserOnly";
|
|
import { useColorMode } from "@docusaurus/theme-common";
|
|
|
|
export function APIBrowser() {
|
|
const context = useDocusaurusContext();
|
|
const { siteConfig = {} } = context;
|
|
const { colorMode, setColorMode } = useColorMode();
|
|
let bg = "#1b1b1d";
|
|
if (colorMode === "light") {
|
|
bg = "#fff";
|
|
}
|
|
return (
|
|
<BrowserOnly>
|
|
{() => {
|
|
import("rapidoc");
|
|
return (
|
|
<rapi-doc
|
|
spec-url={useBaseUrl("schema.yaml")}
|
|
allow-try="false"
|
|
show-header="false"
|
|
theme={colorMode}
|
|
bg-color={bg}
|
|
render-style="view"
|
|
primary-color="#fd4b2d"
|
|
allow-spec-url-load="false"
|
|
allow-spec-file-load="false"
|
|
></rapi-doc>
|
|
);
|
|
}}
|
|
</BrowserOnly>
|
|
);
|
|
}
|
|
|
|
<APIBrowser />
|