Use @uiw/react-codemirror and react@18

Updating redocly to latest and leveraging `@uiw/react-codemirror` which
it also uses.
This commit is contained in:
Caleb Kniffen
2023-12-07 16:43:49 -06:00
committed by mDuo13
parent b05a80c372
commit e314ebb76c
13 changed files with 131 additions and 32486 deletions

View File

@@ -0,0 +1,26 @@
import { linter, lintGutter } from '@codemirror/lint'
import { json, jsonParseLinter } from '@codemirror/lang-json'
import { Extension } from '@codemirror/state'
import { Editor, EditorWrapperProps } from './editor'
export const JsonEditor = ({value, onChange, readOnly, lineNumbers }: EditorWrapperProps) => {
const extensions: Extension[] = [
json()
]
if(!readOnly) {
extensions.push(
lintGutter(),
linter(jsonParseLinter())
)
}
return <Editor
value={value}
onChange={onChange}
readOnly={readOnly}
extensions={extensions}
lineNumbers={lineNumbers}
/>
}