mirrors/hedgedoc
1
0
Fork 0
mirror of https://github.com/hedgedoc/hedgedoc.git synced 2025-05-22 03:05:19 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Add prettier for codestyle and re-format everything (#1294)

Browse source
This commit is contained in:
Erik Michelson 2021-06-06 23:14:00 +02:00 • committed by GitHub
parent 8b78154075
commit 0aae1f70d2
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
319 changed files with 4809 additions and 3936 deletions
Download patch file Download diff file Expand all files Collapse all files

89
src/components/markdown-renderer/basic-markdown-renderer.tsx
View file

@ -24,7 +24,7 @@ import { InvalidYamlAlert } from './invalid-yaml-alert'
import { useTrimmedContent } from './hooks/use-trimmed-content'
export interface BasicMarkdownRendererProps {
additionalReplacers?: () => ComponentReplacer[],
additionalReplacers?: () => ComponentReplacer[]
onBeforeRendering?: () => void
onAfterRendering?: () => void
onFirstHeadingChange?: (firstHeading: string | undefined) => void
@ -38,23 +38,22 @@ export interface BasicMarkdownRendererProps {
useAlternativeBreaks?: boolean
}
export const BasicMarkdownRenderer: React.FC<BasicMarkdownRendererProps & AdditionalMarkdownRendererProps> = (
{
className,
content,
additionalReplacers,
onBeforeRendering,
onAfterRendering,
onFirstHeadingChange,
onLineMarkerPositionChanged,
onFrontmatterChange,
onTaskCheckedChange,
onTocChange,
baseUrl,
onImageClick,
outerContainerRef,
useAlternativeBreaks
}) => {
export const BasicMarkdownRenderer: React.FC<BasicMarkdownRendererProps & AdditionalMarkdownRendererProps> = ({
className,
content,
additionalReplacers,
onBeforeRendering,
onAfterRendering,
onFirstHeadingChange,
onLineMarkerPositionChanged,
onFrontmatterChange,
onTaskCheckedChange,
onTocChange,
baseUrl,
onImageClick,
outerContainerRef,
useAlternativeBreaks
}) => {
const rawMetaRef = useRef<RawNoteFrontmatter>()
const markdownBodyRef = useRef<HTMLDivElement>(null)
const currentLineMarkers = useRef<LineMarkers[]>()
@ -63,16 +62,21 @@ export const BasicMarkdownRenderer: React.FC<BasicMarkdownRendererProps & Additi
const [showYamlError, setShowYamlError] = useState(false)
const [trimmedContent, contentExceedsLimit] = useTrimmedContent(content)
const markdownIt = useMemo(() =>
new BasicMarkdownItConfigurator({
useFrontmatter: !!onFrontmatterChange,
onParseError: errorState => hasNewYamlError.current = errorState,
onRawMetaChange: rawMeta => rawMetaRef.current = rawMeta,
onToc: toc => tocAst.current = toc,
onLineMarkers: onLineMarkerPositionChanged === undefined ? undefined
: lineMarkers => currentLineMarkers.current = lineMarkers,
useAlternativeBreaks
}).buildConfiguredMarkdownIt(), [onFrontmatterChange, onLineMarkerPositionChanged, useAlternativeBreaks])
const markdownIt = useMemo(
() =>
new BasicMarkdownItConfigurator({
useFrontmatter: !!onFrontmatterChange,
onParseError: (errorState) => (hasNewYamlError.current = errorState),
onRawMetaChange: (rawMeta) => (rawMetaRef.current = rawMeta),
onToc: (toc) => (tocAst.current = toc),
onLineMarkers:
onLineMarkerPositionChanged === undefined
? undefined
: (lineMarkers) => (currentLineMarkers.current = lineMarkers),
useAlternativeBreaks
}).buildConfiguredMarkdownIt(),
[onFrontmatterChange, onLineMarkerPositionChanged, useAlternativeBreaks]
)
const clearFrontmatter = useCallback(() => {
hasNewYamlError.current = false
@ -86,10 +90,22 @@ export const BasicMarkdownRenderer: React.FC<BasicMarkdownRendererProps & Additi
}, [onAfterRendering])
const baseReplacers = useComponentReplacers(onTaskCheckedChange, onImageClick, baseUrl)
const markdownReactDom = useConvertMarkdownToReactDom(trimmedContent, markdownIt, baseReplacers, additionalReplacers, clearFrontmatter, checkYamlErrorState)
const markdownReactDom = useConvertMarkdownToReactDom(
trimmedContent,
markdownIt,
baseReplacers,
additionalReplacers,
clearFrontmatter,
checkYamlErrorState
)
useTranslation()
useCalculateLineMarkerPosition(markdownBodyRef, currentLineMarkers.current, onLineMarkerPositionChanged, markdownBodyRef.current?.offsetTop ?? 0)
useCalculateLineMarkerPosition(
markdownBodyRef,
currentLineMarkers.current,
onLineMarkerPositionChanged,
markdownBodyRef.current?.offsetTop ?? 0
)
useExtractFirstHeadline(markdownBodyRef, content, onFirstHeadingChange)
useOnRefChange(tocAst, onTocChange)
useOnRefChange(rawMetaRef, (newValue) => {
@ -101,12 +117,13 @@ export const BasicMarkdownRenderer: React.FC<BasicMarkdownRendererProps & Additi
})
return (
<div ref={ outerContainerRef } className={ 'position-relative' }>
<InvalidYamlAlert show={ showYamlError }/>
<DocumentLengthLimitReachedAlert show={ contentExceedsLimit }/>
<div ref={ markdownBodyRef }
className={ `${ className ?? '' } markdown-body w-100 d-flex flex-column align-items-center` }>
{ markdownReactDom }
<div ref={outerContainerRef} className={'position-relative'}>
<InvalidYamlAlert show={showYamlError} />
<DocumentLengthLimitReachedAlert show={contentExceedsLimit} />
<div
ref={markdownBodyRef}
className={`${className ?? ''} markdown-body w-100 d-flex flex-column align-items-center`}>
{markdownReactDom}
</div>
</div>
)