@uiw/react-codemirror 4.11.5 → 4.12.1

package/README.md

@@ -171,17 +171,21 @@ export default function App() {
 [![Open in CodeSandbox](https://img.shields.io/badge/Open%20in-CodeSandbox-blue?logo=codesandbox)](https://codesandbox.io/embed/react-codemirror-example-codemirror-6-hook-yr4vg?fontsize=14&hidenavigation=1&theme=dark)
 
 ```jsx
-import { useEffect, useRef } from 'react';
+import { useEffect, useMemo, useRef } from 'react';
 import { useCodeMirror } from '@uiw/react-codemirror';
 import { javascript } from '@codemirror/lang-javascript';
 
 const code = "console.log('hello world!');\n\n\n";
+// Define the extensions outside the component for the best performance.
+// If you need dynamic extensions, use React.useMemo to minimize reference changes
+// which cause costly re-renders.
+const extensions = [javascript()];
 
 export default function App() {
   const editor = useRef();
   const { setContainer } = useCodeMirror({
     container: editor.current,
-    extensions: [javascript()],
+    extensions,
     value: code,
   });
 
@@ -204,6 +208,8 @@ import CodeMirror from '@uiw/react-codemirror';
 import { javascript } from '@codemirror/lang-javascript';
 import { okaidia } from '@uiw/codemirror-theme-okaidia';
 
+const extensions = [javascript({ jsx: true })];
+
 export default function App() {
   return (
     <CodeMirror
@@ -253,6 +259,7 @@ const myTheme = createTheme({
     { tag: t.attributeName, color: '#5c6166' },
   ],
 });
+const extensions = [javascript({ jsx: true })];
 
 export default function App() {
   const onChange = React.useCallback((value, viewUpdate) => {
@@ -263,13 +270,53 @@ export default function App() {
       value="console.log('hello world!');"
       height="200px"
       theme={myTheme}
-      extensions={[javascript({ jsx: true })]}
+      extensions={extensions}
       onChange={onChange}
     />
   );
 }
 ```
 
+## Use `initialState` to restore state from JSON-serialized representation
+
+CodeMirror allows to serialize editor state to JSON representation with [toJSON](https://codemirror.net/docs/ref/#state.EditorState.toJSON) function for persistency or other needs. This JSON representation can be later used to recreate ReactCodeMirror component with the same internal state.
+
+For example, this is how undo history can be saved in the local storage, so that it remains after the page reloads
+
+```jsx
+import CodeMirror from '@uiw/react-codemirror';
+import { historyField } from '@codemirror/commands';
+
+// When custom fields should be serialized, you can pass them in as an object mapping property names to fields.
+// See [toJSON](https://codemirror.net/docs/ref/#state.EditorState.toJSON) documentation for more details
+const stateFields = { history: historyField };
+
+export function EditorWithInitialState() {
+  const serializedState = localStorage.getItem('myEditorState');
+  const value = localStorage.getItem('myValue') || '';
+
+  return (
+    <CodeMirror
+      value={value}
+      initialState={
+        serializedState
+          ? {
+              json: JSON.parse(serializedState || ''),
+              fields: stateFields,
+            }
+          : undefined
+      }
+      onChange={(value, viewUpdate) => {
+        localStorage.setItem('myValue', value);
+
+        const state = viewUpdate.state.toJSON(stateFields);
+        localStorage.setItem('myEditorState', JSON.stringify(state));
+      }}
+    />
+  );
+}
+```
+
 ## Props
 
 <!--rehype:style=background-color: #ffe564; display: inline-block; border-bottom: 0; padding: 3px 12px;-->
@@ -357,6 +404,13 @@ export interface ReactCodeMirrorProps
    * Originally from the [config of EditorView](https://codemirror.net/6/docs/ref/#view.EditorView.constructor%5Econfig.root)
    */
   root?: ShadowRoot | Document;
+  /**
+   * Create a state from its JSON representation serialized with [toJSON](https://codemirror.net/docs/ref/#state.EditorState.toJSON) function
+   */
+  initialState?: {
+    json: any;
+    fields?: Record<'string', StateField<any>>;
+  };
 }
 export interface ReactCodeMirrorRef {
   editor?: HTMLDivElement | null;

package/cjs/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { EditorState, EditorStateConfig, Extension } from '@codemirror/state';
+import { EditorState, EditorStateConfig, Extension, StateField } from '@codemirror/state';
 import { EditorView, ViewUpdate } from '@codemirror/view';
 import { BasicSetupOptions } from '@uiw/codemirror-extensions-basic-setup';
 import { Statistics } from './utils';
@@ -64,6 +64,13 @@ export interface ReactCodeMirrorProps extends Omit<EditorStateConfig, 'doc' | 'e
      * Originally from the [config of EditorView](https://codemirror.net/6/docs/ref/#view.EditorView.constructor%5Econfig.root)
      */
     root?: ShadowRoot | Document;
+    /**
+     * Create a state from its JSON representation serialized with [toJSON](https://codemirror.net/docs/ref/#state.EditorState.toJSON) function
+     */
+    initialState?: {
+        json: any;
+        fields?: Record<string, StateField<any>>;
+    };
 }
 export interface ReactCodeMirrorRef {
     editor?: HTMLDivElement | null;

package/cjs/index.js

@@ -61,7 +61,7 @@ Object.keys(_utils).forEach(function (key) {
     }
   });
 });
-var _excluded = ["className", "value", "selection", "extensions", "onChange", "onStatistics", "onCreateEditor", "onUpdate", "autoFocus", "theme", "height", "minHeight", "maxHeight", "width", "minWidth", "maxWidth", "basicSetup", "placeholder", "indentWithTab", "editable", "readOnly", "root"];
+var _excluded = ["className", "value", "selection", "extensions", "onChange", "onStatistics", "onCreateEditor", "onUpdate", "autoFocus", "theme", "height", "minHeight", "maxHeight", "width", "minWidth", "maxWidth", "basicSetup", "placeholder", "indentWithTab", "editable", "readOnly", "root", "initialState"];
 var ReactCodeMirror = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var className = props.className,
       _props$value = props.value,
@@ -88,6 +88,7 @@ var ReactCodeMirror = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
       editable = props.editable,
       readOnly = props.readOnly,
       root = props.root,
+      initialState = props.initialState,
       other = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var editor = (0, _react.useRef)(null);
 
@@ -113,7 +114,8 @@ var ReactCodeMirror = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
     onStatistics: onStatistics,
     onCreateEditor: onCreateEditor,
     onUpdate: onUpdate,
-    extensions: extensions
+    extensions: extensions,
+    initialState: initialState
   }),
       state = _useCodeMirror.state,
       view = _useCodeMirror.view,

package/cjs/index.js.map

@@ -27,6 +27,7 @@
     "editable",
     "readOnly",
     "root",
+    "initialState",
     "other",
     "editor",
     "useRef",
@@ -45,7 +46,7 @@
     "../src/index.tsx"
   ],
   "sourcesContent": [
-    "import React, { useRef, forwardRef, useImperativeHandle } from 'react';\nimport { EditorState, EditorStateConfig, Extension } from '@codemirror/state';\nimport { EditorView, ViewUpdate } from '@codemirror/view';\nimport { BasicSetupOptions } from '@uiw/codemirror-extensions-basic-setup';\nimport { useCodeMirror } from './useCodeMirror';\nimport { Statistics } from './utils';\n\nexport * from '@uiw/codemirror-extensions-basic-setup';\nexport * from './useCodeMirror';\nexport * from './utils';\n\nexport interface ReactCodeMirrorProps\n  extends Omit<EditorStateConfig, 'doc' | 'extensions'>,\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'placeholder'> {\n  /** value of the auto created model in the editor. */\n  value?: string;\n  height?: string;\n  minHeight?: string;\n  maxHeight?: string;\n  width?: string;\n  minWidth?: string;\n  maxWidth?: string;\n  /** focus on the editor. */\n  autoFocus?: boolean;\n  /** Enables a placeholder—a piece of example content to show when the editor is empty. */\n  placeholder?: string | HTMLElement;\n  /**\n   * `light` / `dark` / `Extension` Defaults to `light`.\n   * @default light\n   */\n  theme?: 'light' | 'dark' | Extension;\n  /**\n   * Whether to optional basicSetup by default\n   * @default true\n   */\n  basicSetup?: boolean | BasicSetupOptions;\n  /**\n   * This disables editing of the editor content by the user.\n   * @default true\n   */\n  editable?: boolean;\n  /**\n   * This disables editing of the editor content by the user.\n   * @default false\n   */\n  readOnly?: boolean;\n  /**\n   * Whether to optional basicSetup by default\n   * @default true\n   */\n  indentWithTab?: boolean;\n  /** Fired whenever a change occurs to the document. */\n  onChange?(value: string, viewUpdate: ViewUpdate): void;\n  /** Some data on the statistics editor. */\n  onStatistics?(data: Statistics): void;\n  /** Fired whenever any state change occurs within the editor, including non-document changes like lint results. */\n  onUpdate?(viewUpdate: ViewUpdate): void;\n  /** The first time the editor executes the event. */\n  onCreateEditor?(view: EditorView, state: EditorState): void;\n  /**\n   * Extension values can be [provided](https://codemirror.net/6/docs/ref/#state.EditorStateConfig.extensions) when creating a state to attach various kinds of configuration and behavior information.\n   * They can either be built-in extension-providing objects,\n   * such as [state fields](https://codemirror.net/6/docs/ref/#state.StateField) or [facet providers](https://codemirror.net/6/docs/ref/#state.Facet.of),\n   * or objects with an extension in its `extension` property. Extensions can be nested in arrays arbitrarily deep—they will be flattened when processed.\n   */\n  extensions?: Extension[];\n  /**\n   * If the view is going to be mounted in a shadow root or document other than the one held by the global variable document (the default), you should pass it here.\n   * Originally from the [config of EditorView](https://codemirror.net/6/docs/ref/#view.EditorView.constructor%5Econfig.root)\n   */\n  root?: ShadowRoot | Document;\n}\n\nexport interface ReactCodeMirrorRef {\n  editor?: HTMLDivElement | null;\n  state?: EditorState;\n  view?: EditorView;\n}\n\nconst ReactCodeMirror = forwardRef<ReactCodeMirrorRef, ReactCodeMirrorProps>((props, ref) => {\n  const {\n    className,\n    value = '',\n    selection,\n    extensions = [],\n    onChange,\n    onStatistics,\n    onCreateEditor,\n    onUpdate,\n    autoFocus,\n    theme = 'light',\n    height,\n    minHeight,\n    maxHeight,\n    width,\n    minWidth,\n    maxWidth,\n    basicSetup,\n    placeholder,\n    indentWithTab,\n    editable,\n    readOnly,\n    root,\n    ...other\n  } = props;\n  const editor = useRef<HTMLDivElement>(null);\n  const { state, view, container, setContainer } = useCodeMirror({\n    container: editor.current,\n    root,\n    value,\n    autoFocus,\n    theme,\n    height,\n    minHeight,\n    maxHeight,\n    width,\n    minWidth,\n    maxWidth,\n    basicSetup,\n    placeholder,\n    indentWithTab,\n    editable,\n    readOnly,\n    selection,\n    onChange,\n    onStatistics,\n    onCreateEditor,\n    onUpdate,\n    extensions,\n  });\n\n  useImperativeHandle(ref, () => ({ editor: editor.current, state: state, view: view }), [\n    editor,\n    container,\n    state,\n    view,\n  ]);\n\n  // check type of value\n  if (typeof value !== 'string') {\n    throw new Error(`value must be typeof string but got ${typeof value}`);\n  }\n\n  const defaultClassNames = typeof theme === 'string' ? `cm-theme-${theme}` : 'cm-theme';\n  return <div ref={editor} className={`${defaultClassNames}${className ? ` ${className}` : ''}`} {...other}></div>;\n});\n\nReactCodeMirror.displayName = 'CodeMirror';\n\nexport default ReactCodeMirror;\n"
+    "import React, { useRef, forwardRef, useImperativeHandle } from 'react';\nimport { EditorState, EditorStateConfig, Extension, StateField } from '@codemirror/state';\nimport { EditorView, ViewUpdate } from '@codemirror/view';\nimport { BasicSetupOptions } from '@uiw/codemirror-extensions-basic-setup';\nimport { useCodeMirror } from './useCodeMirror';\nimport { Statistics } from './utils';\n\nexport * from '@uiw/codemirror-extensions-basic-setup';\nexport * from './useCodeMirror';\nexport * from './utils';\n\nexport interface ReactCodeMirrorProps\n  extends Omit<EditorStateConfig, 'doc' | 'extensions'>,\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'placeholder'> {\n  /** value of the auto created model in the editor. */\n  value?: string;\n  height?: string;\n  minHeight?: string;\n  maxHeight?: string;\n  width?: string;\n  minWidth?: string;\n  maxWidth?: string;\n  /** focus on the editor. */\n  autoFocus?: boolean;\n  /** Enables a placeholder—a piece of example content to show when the editor is empty. */\n  placeholder?: string | HTMLElement;\n  /**\n   * `light` / `dark` / `Extension` Defaults to `light`.\n   * @default light\n   */\n  theme?: 'light' | 'dark' | Extension;\n  /**\n   * Whether to optional basicSetup by default\n   * @default true\n   */\n  basicSetup?: boolean | BasicSetupOptions;\n  /**\n   * This disables editing of the editor content by the user.\n   * @default true\n   */\n  editable?: boolean;\n  /**\n   * This disables editing of the editor content by the user.\n   * @default false\n   */\n  readOnly?: boolean;\n  /**\n   * Whether to optional basicSetup by default\n   * @default true\n   */\n  indentWithTab?: boolean;\n  /** Fired whenever a change occurs to the document. */\n  onChange?(value: string, viewUpdate: ViewUpdate): void;\n  /** Some data on the statistics editor. */\n  onStatistics?(data: Statistics): void;\n  /** Fired whenever any state change occurs within the editor, including non-document changes like lint results. */\n  onUpdate?(viewUpdate: ViewUpdate): void;\n  /** The first time the editor executes the event. */\n  onCreateEditor?(view: EditorView, state: EditorState): void;\n  /**\n   * Extension values can be [provided](https://codemirror.net/6/docs/ref/#state.EditorStateConfig.extensions) when creating a state to attach various kinds of configuration and behavior information.\n   * They can either be built-in extension-providing objects,\n   * such as [state fields](https://codemirror.net/6/docs/ref/#state.StateField) or [facet providers](https://codemirror.net/6/docs/ref/#state.Facet.of),\n   * or objects with an extension in its `extension` property. Extensions can be nested in arrays arbitrarily deep—they will be flattened when processed.\n   */\n  extensions?: Extension[];\n  /**\n   * If the view is going to be mounted in a shadow root or document other than the one held by the global variable document (the default), you should pass it here.\n   * Originally from the [config of EditorView](https://codemirror.net/6/docs/ref/#view.EditorView.constructor%5Econfig.root)\n   */\n  root?: ShadowRoot | Document;\n  /**\n   * Create a state from its JSON representation serialized with [toJSON](https://codemirror.net/docs/ref/#state.EditorState.toJSON) function\n   */\n  initialState?: {\n    json: any;\n    fields?: Record<string, StateField<any>>;\n  };\n}\n\nexport interface ReactCodeMirrorRef {\n  editor?: HTMLDivElement | null;\n  state?: EditorState;\n  view?: EditorView;\n}\n\nconst ReactCodeMirror = forwardRef<ReactCodeMirrorRef, ReactCodeMirrorProps>((props, ref) => {\n  const {\n    className,\n    value = '',\n    selection,\n    extensions = [],\n    onChange,\n    onStatistics,\n    onCreateEditor,\n    onUpdate,\n    autoFocus,\n    theme = 'light',\n    height,\n    minHeight,\n    maxHeight,\n    width,\n    minWidth,\n    maxWidth,\n    basicSetup,\n    placeholder,\n    indentWithTab,\n    editable,\n    readOnly,\n    root,\n    initialState,\n    ...other\n  } = props;\n  const editor = useRef<HTMLDivElement>(null);\n  const { state, view, container, setContainer } = useCodeMirror({\n    container: editor.current,\n    root,\n    value,\n    autoFocus,\n    theme,\n    height,\n    minHeight,\n    maxHeight,\n    width,\n    minWidth,\n    maxWidth,\n    basicSetup,\n    placeholder,\n    indentWithTab,\n    editable,\n    readOnly,\n    selection,\n    onChange,\n    onStatistics,\n    onCreateEditor,\n    onUpdate,\n    extensions,\n    initialState,\n  });\n\n  useImperativeHandle(ref, () => ({ editor: editor.current, state: state, view: view }), [\n    editor,\n    container,\n    state,\n    view,\n  ]);\n\n  // check type of value\n  if (typeof value !== 'string') {\n    throw new Error(`value must be typeof string but got ${typeof value}`);\n  }\n\n  const defaultClassNames = typeof theme === 'string' ? `cm-theme-${theme}` : 'cm-theme';\n  return <div ref={editor} className={`${defaultClassNames}${className ? ` ${className}` : ''}`} {...other}></div>;\n});\n\nReactCodeMirror.displayName = 'CodeMirror';\n\nexport default ReactCodeMirror;\n"
   ],
-  "mappings": "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"
+  "mappings": "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"
 }

package/cjs/useCodeMirror.js

@@ -57,7 +57,8 @@ function useCodeMirror(props) {
       defaultIndentWithTab = _props$indentWithTab === void 0 ? true : _props$indentWithTab,
       _props$basicSetup = props.basicSetup,
       defaultBasicSetup = _props$basicSetup === void 0 ? true : _props$basicSetup,
-      root = props.root;
+      root = props.root,
+      initialState = props.initialState;
 
   var _useState = (0, _react.useState)(),
       _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
@@ -93,17 +94,13 @@ function useCodeMirror(props) {
     }
   });
 
-  var handleChange = (0, _react.useCallback)(function (value, vu) {
-    return onChange && onChange(value, vu);
-  }, []);
-
   var updateListener = _view.EditorView.updateListener.of(function (vu) {
     if (vu.docChanged && typeof onChange === 'function') {
       var doc = vu.state.doc;
 
       var _value = doc.toString();
 
-      handleChange(_value, vu);
+      onChange(_value, vu);
     }
 
     onStatistics && onStatistics((0, _utils.getStatistics)(vu));
@@ -156,12 +153,12 @@ function useCodeMirror(props) {
   getExtensions = getExtensions.concat(extensions);
   (0, _react.useEffect)(function () {
     if (container && !state) {
-      var stateCurrent = _state.EditorState.create({
+      var config = {
         doc: value,
         selection: selection,
         extensions: getExtensions
-      });
-
+      };
+      var stateCurrent = initialState ? _state.EditorState.fromJSON(initialState.json, config, initialState.fields) : _state.EditorState.create(config);
       setState(stateCurrent);
 
       if (!view) {

package/cjs/useCodeMirror.js.map

@@ -27,6 +27,7 @@
     "basicSetup",
     "defaultBasicSetup",
     "root",
+    "initialState",
     "useState",
     "container",
     "setContainer",
@@ -39,11 +40,9 @@
     "backgroundColor",
     "dark",
     "defaultThemeOption",
-    "handleChange",
-    "useCallback",
-    "vu",
     "updateListener",
     "of",
+    "vu",
     "docChanged",
     "doc",
     "toString",
@@ -56,7 +55,11 @@
     "EditorState",
     "concat",
     "useEffect",
+    "config",
     "stateCurrent",
+    "fromJSON",
+    "json",
+    "fields",
     "create",
     "viewCurrent",
     "parent",
@@ -78,7 +81,7 @@
     "../src/useCodeMirror.ts"
   ],
   "sourcesContent": [
-    "import { useCallback, useEffect, useState } from 'react';\nimport { EditorState, StateEffect } from '@codemirror/state';\nimport { indentWithTab } from '@codemirror/commands';\nimport { EditorView, keymap, ViewUpdate, placeholder } from '@codemirror/view';\nimport { basicSetup } from '@uiw/codemirror-extensions-basic-setup';\nimport { oneDark } from '@codemirror/theme-one-dark';\nimport { getStatistics } from './utils';\nimport { ReactCodeMirrorProps } from '.';\n\nexport interface UseCodeMirror extends ReactCodeMirrorProps {\n  container?: HTMLDivElement | null;\n}\n\nexport function useCodeMirror(props: UseCodeMirror) {\n  const {\n    value,\n    selection,\n    onChange,\n    onStatistics,\n    onCreateEditor,\n    onUpdate,\n    extensions = [],\n    autoFocus,\n    theme = 'light',\n    height = '',\n    minHeight = '',\n    maxHeight = '',\n    placeholder: placeholderStr = '',\n    width = '',\n    minWidth = '',\n    maxWidth = '',\n    editable = true,\n    readOnly = false,\n    indentWithTab: defaultIndentWithTab = true,\n    basicSetup: defaultBasicSetup = true,\n    root,\n  } = props;\n  const [container, setContainer] = useState<HTMLDivElement>();\n  const [view, setView] = useState<EditorView>();\n  const [state, setState] = useState<EditorState>();\n  const defaultLightThemeOption = EditorView.theme(\n    {\n      '&': {\n        backgroundColor: '#fff',\n      },\n    },\n    {\n      dark: false,\n    },\n  );\n  const defaultThemeOption = EditorView.theme({\n    '&': {\n      height,\n      minHeight,\n      maxHeight,\n      width,\n      minWidth,\n      maxWidth,\n    },\n  });\n  const handleChange = useCallback((value: string, vu: ViewUpdate) => onChange && onChange(value, vu), []);\n  const updateListener = EditorView.updateListener.of((vu: ViewUpdate) => {\n    if (vu.docChanged && typeof onChange === 'function') {\n      const doc = vu.state.doc;\n      const value = doc.toString();\n      handleChange(value, vu);\n    }\n    onStatistics && onStatistics(getStatistics(vu));\n  });\n\n  let getExtensions = [updateListener, defaultThemeOption];\n  if (defaultIndentWithTab) {\n    getExtensions.unshift(keymap.of([indentWithTab]));\n  }\n  if (defaultBasicSetup) {\n    if (typeof defaultBasicSetup === 'boolean') {\n      getExtensions.unshift(basicSetup());\n    } else {\n      getExtensions.unshift(basicSetup(defaultBasicSetup));\n    }\n  }\n\n  if (placeholderStr) {\n    getExtensions.unshift(placeholder(placeholderStr));\n  }\n\n  switch (theme) {\n    case 'light':\n      getExtensions.push(defaultLightThemeOption);\n      break;\n    case 'dark':\n      getExtensions.push(oneDark);\n      break;\n    default:\n      getExtensions.push(theme);\n      break;\n  }\n\n  if (editable === false) {\n    getExtensions.push(EditorView.editable.of(false));\n  }\n  if (readOnly) {\n    getExtensions.push(EditorState.readOnly.of(true));\n  }\n\n  if (onUpdate && typeof onUpdate === 'function') {\n    getExtensions.push(EditorView.updateListener.of(onUpdate));\n  }\n  getExtensions = getExtensions.concat(extensions);\n\n  useEffect(() => {\n    if (container && !state) {\n      const stateCurrent = EditorState.create({\n        doc: value,\n        selection,\n        extensions: getExtensions,\n      });\n      setState(stateCurrent);\n      if (!view) {\n        const viewCurrent = new EditorView({\n          state: stateCurrent,\n          parent: container,\n          root,\n        });\n        setView(viewCurrent);\n        onCreateEditor && onCreateEditor(viewCurrent, stateCurrent);\n      }\n    }\n    return () => {\n      if (view) {\n        setState(undefined);\n        setView(undefined);\n      }\n    };\n  }, [container, state]);\n\n  useEffect(() => setContainer(props.container!), [props.container]);\n\n  useEffect(\n    () => () => {\n      if (view) {\n        view.destroy();\n        setView(undefined);\n      }\n    },\n    [view],\n  );\n\n  useEffect(() => {\n    if (autoFocus && view) {\n      view.focus();\n    }\n  }, [autoFocus, view]);\n\n  useEffect(() => {\n    if (view) {\n      view.dispatch({ effects: StateEffect.reconfigure.of(getExtensions) });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [\n    theme,\n    extensions,\n    height,\n    minHeight,\n    maxHeight,\n    width,\n    minWidth,\n    maxWidth,\n    placeholderStr,\n    editable,\n    readOnly,\n    defaultIndentWithTab,\n    defaultBasicSetup,\n    onChange,\n    onUpdate,\n  ]);\n\n  useEffect(() => {\n    const currentValue = view ? view.state.doc.toString() : '';\n    if (view && value !== currentValue) {\n      view.dispatch({\n        changes: { from: 0, to: currentValue.length, insert: value || '' },\n      });\n    }\n  }, [value, view]);\n\n  return { state, setState, view, setView, container, setContainer };\n}\n"
+    "import { useEffect, useState } from 'react';\nimport { EditorState, StateEffect } from '@codemirror/state';\nimport { indentWithTab } from '@codemirror/commands';\nimport { EditorView, keymap, ViewUpdate, placeholder } from '@codemirror/view';\nimport { basicSetup } from '@uiw/codemirror-extensions-basic-setup';\nimport { oneDark } from '@codemirror/theme-one-dark';\nimport { getStatistics } from './utils';\nimport { ReactCodeMirrorProps } from '.';\n\nexport interface UseCodeMirror extends ReactCodeMirrorProps {\n  container?: HTMLDivElement | null;\n}\n\nexport function useCodeMirror(props: UseCodeMirror) {\n  const {\n    value,\n    selection,\n    onChange,\n    onStatistics,\n    onCreateEditor,\n    onUpdate,\n    extensions = [],\n    autoFocus,\n    theme = 'light',\n    height = '',\n    minHeight = '',\n    maxHeight = '',\n    placeholder: placeholderStr = '',\n    width = '',\n    minWidth = '',\n    maxWidth = '',\n    editable = true,\n    readOnly = false,\n    indentWithTab: defaultIndentWithTab = true,\n    basicSetup: defaultBasicSetup = true,\n    root,\n    initialState,\n  } = props;\n  const [container, setContainer] = useState<HTMLDivElement>();\n  const [view, setView] = useState<EditorView>();\n  const [state, setState] = useState<EditorState>();\n  const defaultLightThemeOption = EditorView.theme(\n    {\n      '&': {\n        backgroundColor: '#fff',\n      },\n    },\n    {\n      dark: false,\n    },\n  );\n  const defaultThemeOption = EditorView.theme({\n    '&': {\n      height,\n      minHeight,\n      maxHeight,\n      width,\n      minWidth,\n      maxWidth,\n    },\n  });\n  const updateListener = EditorView.updateListener.of((vu: ViewUpdate) => {\n    if (vu.docChanged && typeof onChange === 'function') {\n      const doc = vu.state.doc;\n      const value = doc.toString();\n      onChange(value, vu);\n    }\n    onStatistics && onStatistics(getStatistics(vu));\n  });\n\n  let getExtensions = [updateListener, defaultThemeOption];\n  if (defaultIndentWithTab) {\n    getExtensions.unshift(keymap.of([indentWithTab]));\n  }\n  if (defaultBasicSetup) {\n    if (typeof defaultBasicSetup === 'boolean') {\n      getExtensions.unshift(basicSetup());\n    } else {\n      getExtensions.unshift(basicSetup(defaultBasicSetup));\n    }\n  }\n\n  if (placeholderStr) {\n    getExtensions.unshift(placeholder(placeholderStr));\n  }\n\n  switch (theme) {\n    case 'light':\n      getExtensions.push(defaultLightThemeOption);\n      break;\n    case 'dark':\n      getExtensions.push(oneDark);\n      break;\n    default:\n      getExtensions.push(theme);\n      break;\n  }\n\n  if (editable === false) {\n    getExtensions.push(EditorView.editable.of(false));\n  }\n  if (readOnly) {\n    getExtensions.push(EditorState.readOnly.of(true));\n  }\n\n  if (onUpdate && typeof onUpdate === 'function') {\n    getExtensions.push(EditorView.updateListener.of(onUpdate));\n  }\n  getExtensions = getExtensions.concat(extensions);\n\n  useEffect(() => {\n    if (container && !state) {\n      const config = {\n        doc: value,\n        selection,\n        extensions: getExtensions,\n      };\n      const stateCurrent = initialState\n        ? EditorState.fromJSON(initialState.json, config, initialState.fields)\n        : EditorState.create(config);\n      setState(stateCurrent);\n      if (!view) {\n        const viewCurrent = new EditorView({\n          state: stateCurrent,\n          parent: container,\n          root,\n        });\n        setView(viewCurrent);\n        onCreateEditor && onCreateEditor(viewCurrent, stateCurrent);\n      }\n    }\n    return () => {\n      if (view) {\n        setState(undefined);\n        setView(undefined);\n      }\n    };\n  }, [container, state]);\n\n  useEffect(() => setContainer(props.container!), [props.container]);\n\n  useEffect(\n    () => () => {\n      if (view) {\n        view.destroy();\n        setView(undefined);\n      }\n    },\n    [view],\n  );\n\n  useEffect(() => {\n    if (autoFocus && view) {\n      view.focus();\n    }\n  }, [autoFocus, view]);\n\n  useEffect(() => {\n    if (view) {\n      view.dispatch({ effects: StateEffect.reconfigure.of(getExtensions) });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [\n    theme,\n    extensions,\n    height,\n    minHeight,\n    maxHeight,\n    width,\n    minWidth,\n    maxWidth,\n    placeholderStr,\n    editable,\n    readOnly,\n    defaultIndentWithTab,\n    defaultBasicSetup,\n    onChange,\n    onUpdate,\n  ]);\n\n  useEffect(() => {\n    const currentValue = view ? view.state.doc.toString() : '';\n    if (view && value !== currentValue) {\n      view.dispatch({\n        changes: { from: 0, to: currentValue.length, insert: value || '' },\n      });\n    }\n  }, [value, view]);\n\n  return { state, setState, view, setView, container, setContainer };\n}\n"
   ],
-  "mappings": "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"
+  "mappings": "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"
 }