hacklab/strudel
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add checkbox in settings to enable line wrapping

Browse source
This commit is contained in:
Roipoussiere 2023-06-15 11:46:39 +02:00
parent aa51c2b6dd
commit f37a220a05
4 changed files with 34 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

15
packages/react/src/components/CodeMirror6.jsx
View file

@ -88,13 +88,7 @@ const highlightField = StateField.define({
provide: (f) => EditorView.decorations.from(f),
});
const staticExtensions = [
javascript(),
highlightField,
flashField,
javascriptLanguage.data.of({ autocomplete: strudelAutocomplete }),
EditorView.lineWrapping,
];
const staticExtensions = [javascript(), highlightField, flashField];
export default function CodeMirror({
value,
@ -105,6 +99,7 @@ export default function CodeMirror({
keybindings,
isLineNumbersDisplayed,
isAutoCompletionEnabled,
isLineWrappingEnabled,
fontSize = 18,
fontFamily = 'monospace',
options,
@ -150,8 +145,12 @@ export default function CodeMirror({
_extensions.push(autocompletion({ override: [] }));
}
if (isLineWrappingEnabled) {
_extensions.push(EditorView.lineWrapping);
}
return _extensions;
}, [keybindings, isAutoCompletionEnabled]);
}, [keybindings, isAutoCompletionEnabled, isLineWrappingEnabled]);
return (
<div style={{ fontSize, fontFamily }} className="w-full">