Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/FoxxMD/multi-scrobbler. Scrobble plays from multiple sources to multiple clients docs.multi-scrobbler.app
Something went wrong. Try again.
1.5 kB · 51 lines
TSX
at queueNext
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152import React, { Fragment } from "react"import CodeBlock from '@theme/CodeBlock';import Admonition from '@theme/Admonition';import ErrorBoundary from "@docusaurus/ErrorBoundary"import json5 from 'json5';
export interface AIOProps { data: string client?: boolean name: string}
const AIOExample = (props: AIOProps) => { const { data, name, client = false } = props;
let configObj; // eslint-disable-next-line prefer-const try { configObj = json5.parse(data) as object[]; } catch (e) { console.error(e); return <Admonition type="danger" title="Unexpected Error"> <p>Example component crashed because of error!</p> <CodeBlock>{e.message}</CodeBlock> </Admonition> } const configType = client ? 'clients' : 'sources';
configObj = configObj.filter(x => x.configureAs === undefined || x.configureAs === (client ? 'client' : 'source')); configObj = configObj.map(x => ({...x, type: name}));
const aio = {[configType]: configObj}; return <CodeBlock title="CONFIG_DIR/config.json" language="json5">{JSON.stringify(aio, null, 2)}</CodeBlock>}
const WrappedAIOExample = (props: AIOProps) => { return <ErrorBoundary fallback={({error}) => ( <div> <p>Example component crashed because of error: {error.message}.</p> </div> )} ><AIOExample {...props} /></ErrorBoundary>}
export default WrappedAIOExample;