val 0.4.0

An arbitrary precision calculator language
Documentation 
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

import { useEditorSettings } from '@/contexts/editor-settings-context';
import type { Extension } from '@codemirror/state';
import CodeMirror from '@uiw/react-codemirror';

interface EditorProps {
  extensions: Extension[];
  onChange: (value: string) => void;
  value: string;
}

export const Editor = ({ extensions, onChange, value }: EditorProps) => {
  const { settings } = useEditorSettings();

  return (
    <CodeMirror
      value={value}
      extensions={extensions}
      basicSetup={{
        autocompletion: false,
        closeBrackets: false,
        foldGutter: false,
        highlightActiveLineGutter: false,
        lineNumbers: settings.lineNumbers,
      }}
      height='100%'
      onChange={onChange}
      className='h-full'
    />
  );
};