starred/yaak-mountain-loop
1
0
Fork 0
mirror of https://github.com/mountain-loop/yaak.git synced 2026-03-23 09:51:10 +01:00
Code Issues 8 Packages Projects Releases 10 Wiki Activity

Add variable highlighting widgets

Browse Source
This commit is contained in:
Gregory Schier
2023-02-26 15:06:14 -08:00
parent 38e8ef6535
commit 5658da34a2
11 changed files with 403 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src-web/components/Editor/Editor.tsx
View File

@@ -6,14 +6,15 @@ import { EditorState } from '@codemirror/state';
interface Props {
contentType: string;
useTemplating?: boolean;
defaultValue?: string | null;
onChange?: (value: string) => void;
}
export default function Editor({ contentType, defaultValue, onChange }: Props) {
export default function Editor({ contentType, useTemplating, defaultValue, onChange }: Props) {
const ref = useRef<HTMLDivElement>(null);
const extensions = useMemo(() => {
const ext = syntaxExtension(contentType);
const ext = syntaxExtension({ contentType, useTemplating });
return [
...baseExtensions,
...(ext ? [ext] : []),
@@ -28,13 +29,18 @@ export default function Editor({ contentType, defaultValue, onChange }: Props) {
useEffect(() => {
if (ref.current === null) return;
const view = new EditorView({
state: EditorState.create({
doc: defaultValue ?? '',
extensions: extensions,
}),
parent: ref.current,
});
let view: EditorView;
try {
view = new EditorView({
state: EditorState.create({
doc: defaultValue ?? '',
extensions: extensions,
}),
parent: ref.current,
});
} catch (e) {
console.log(e);
}
return () => view?.destroy();
}, [ref.current]);