Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 | 1x 1x 1x 1x 1x 2x 2x 2x 2x 2x 2x 1x | /* eslint-disable max-lines-per-function */
import { prepareComponent, useTrimText } from "@bluframe/grapple"
import Content from "./Content"
import React from "react"
import strip from "strip-markdown"
// Find a better solution other than any
export interface ContentComponents {
// eslint-disable-next-line no-unused-vars
[tag: string]: (props: any) => any
}
export interface Props {
className?: string
components?: ContentComponents
content: string
max?: number
paragraphAs?: string
stripMarkdown?: boolean
}
export interface ComponentProps
extends Omit<Props, "max" | "paragraphAs" | "stripMarkdown"> {
rehypePlugins: any[]
remarkPlugins: any[]
}
const usePrepareComponent = ({
className,
components: overrideComponents = {},
content,
max = Infinity,
paragraphAs,
stripMarkdown
}: Props): ComponentProps => {
const components: ContentComponents = {}
Iif (paragraphAs) {
// eslint-disable-next-line react/display-name, no-unused-vars, id-length
components.p = ({ node, ...props }) =>
React.createElement(paragraphAs, props)
}
const remarkPlugins = []
Iif (stripMarkdown) {
remarkPlugins.push(strip)
}
const rehypePlugins: any[] = []
return {
className,
components: {
...components,
...overrideComponents
},
content: useTrimText(content, max),
rehypePlugins,
remarkPlugins
}
}
export default prepareComponent<Props, ComponentProps>(usePrepareComponent)(
Content
)
|