val 0.7.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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48

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

interface EditorProps {
  extensions: Extension[];
  onChange: (value: string) => void;
  onCreateEditor: (view: EditorView) => void;
  onUpdate: (update: ViewUpdate) => void;
  value: string;
}

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

  const basicSetup = useMemo(
    () => ({
      autocompletion: false,
      closeBrackets: false,
      foldGutter: false,
      highlightSelectionMatches: false,
      lineNumbers: settings.lineNumbers,
    }),
    [settings.lineNumbers]
  );

  return (
    <CodeMirror
      theme='none'
      value={value}
      extensions={extensions}
      basicSetup={basicSetup}
      height='100%'
      onChange={onChange}
      onCreateEditor={onCreateEditor}
      onUpdate={onUpdate}
      className='h-full'
    />
  );
};