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.
2.3 kB · 71 lines
TSX
at database
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172import React, { Fragment, useMemo } from "react"import CodeBlock, {Props as CodeBlockProps} from '@theme/CodeBlock';import Admonition from '@theme/Admonition';import ErrorBoundary from "@docusaurus/ErrorBoundary"import json5 from 'json5';import FileExample, { FileProps } from "./FileExample";
export interface FileConfigProps extends FileProps { data: string name: string configureAs?: 'client' | 'source' aio?: boolean filePathName?: string}
const FileConfigExample = (props: FileConfigProps) => { const { data, configureAs = 'source', aio = false, name, ...rest } = 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 transformed = useMemo(() => { let content: object; if(typeof data === 'string') { content = json5.parse(data); } else { content = data; } if(configureAs !== undefined && Array.isArray(content)) { const filtered = content.filter(x => x.configureAs === undefined || x.configureAs === configureAs); if(aio) { const configType = configureAs === 'client' ? 'clients' : 'sources'; content = {[configType]: filtered.map(x => ({...x, type: name}))} } else { content = filtered; } } return content; },[data, configureAs, aio, name])
configObj = configObj.filter(x => x.configureAs === undefined || x.configureAs === configureAs);
return <FileExample data={transformed} {...rest}/>}
const WrappedFileConfigExample = (props: FileConfigProps) => { return <ErrorBoundary fallback={({error}) => ( <div> <p>Example component crashed because of error: {error.message}.</p> </div> )} ><FileConfigExample {...props} /></ErrorBoundary>}
export default WrappedFileConfigExample;