@uiw/react-codemirror 4.11.1 → 4.11.4

package/esm/index.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import { EditorState, EditorStateConfig, Extension } from '@codemirror/state';
 import { EditorView, ViewUpdate } from '@codemirror/view';
+import { BasicSetupOptions } from '@uiw/codemirror-extensions-basic-setup';
 import { Statistics } from './utils';
-import { BasicSetupOptions } from './basicSetup';
-export * from './basicSetup';
+export * from '@uiw/codemirror-extensions-basic-setup';
 export * from './useCodeMirror';
 export * from './utils';
 export interface ReactCodeMirrorProps extends Omit<EditorStateConfig, 'doc' | 'extensions'>, Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'placeholder'> {

package/esm/index.js

@@ -4,7 +4,7 @@ var _excluded = ["className", "value", "selection", "extensions", "onChange", "o
 import React, { useRef, forwardRef, useImperativeHandle } from 'react';
 import { useCodeMirror } from './useCodeMirror';
 import { jsx as _jsx } from "react/jsx-runtime";
-export * from './basicSetup';
+export * from '@uiw/codemirror-extensions-basic-setup';
 export * from './useCodeMirror';
 export * from './utils';
 var ReactCodeMirror = /*#__PURE__*/forwardRef((props, ref) => {

package/esm/index.js.map

@@ -46,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 { useCodeMirror } from './useCodeMirror';\nimport { Statistics } from './utils';\nimport { BasicSetupOptions } from './basicSetup';\n\nexport * from './basicSetup';\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 } 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"
   ],
-  "mappings": ";;;AAAA,OAAOA,KAAP,IAAgBC,MAAhB,EAAwBC,UAAxB,EAAoCC,mBAApC,QAA+D,OAA/D;AAGA,SAASC,aAAT,QAA8B,iBAA9B;;AAIA,cAAc,cAAd;AACA,cAAc,iBAAd;AACA,cAAc,SAAd;AAsEA,IAAMC,eAAe,gBAAGH,UAAU,CAA2C,CAACI,KAAD,EAAQC,GAAR,KAAgB;EAC3F,IAAM;IACJC,SADI;IAEJC,KAAK,GAAG,EAFJ;IAGJC,SAHI;IAIJC,UAAU,GAAG,EAJT;IAKJC,QALI;IAMJC,YANI;IAOJC,cAPI;IAQJC,QARI;IASJC,SATI;IAUJC,KAAK,GAAG,OAVJ;IAWJC,MAXI;IAYJC,SAZI;IAaJC,SAbI;IAcJC,KAdI;IAeJC,QAfI;IAgBJC,QAhBI;IAiBJC,UAjBI;IAkBJC,WAlBI;IAmBJC,aAnBI;IAoBJC,QApBI;IAqBJC,QArBI;IAsBJC;EAtBI,IAwBFvB,KAxBJ;EAAA,IAuBKwB,KAvBL,iCAwBIxB,KAxBJ;;EAyBA,IAAMyB,MAAM,GAAG9B,MAAM,CAAiB,IAAjB,CAArB;EACA,IAAM;IAAE+B,KAAF;IAASC,IAAT;IAAeC,SAAf;IAA0BC;EAA1B,IAA2C/B,aAAa,CAAC;IAC7D8B,SAAS,EAAEH,MAAM,CAACK,OAD2C;IAE7DP,IAF6D;IAG7DpB,KAH6D;IAI7DO,SAJ6D;IAK7DC,KAL6D;IAM7DC,MAN6D;IAO7DC,SAP6D;IAQ7DC,SAR6D;IAS7DC,KAT6D;IAU7DC,QAV6D;IAW7DC,QAX6D;IAY7DC,UAZ6D;IAa7DC,WAb6D;IAc7DC,aAd6D;IAe7DC,QAf6D;IAgB7DC,QAhB6D;IAiB7DlB,SAjB6D;IAkB7DE,QAlB6D;IAmB7DC,YAnB6D;IAoB7DC,cApB6D;IAqB7DC,QArB6D;IAsB7DJ;EAtB6D,CAAD,CAA9D;EAyBAR,mBAAmB,CAACI,GAAD,EAAM,OAAO;IAAEwB,MAAM,EAAEA,MAAM,CAACK,OAAjB;IAA0BJ,KAAK,EAAEA,KAAjC;IAAwCC,IAAI,EAAEA;EAA9C,CAAP,CAAN,EAAoE,CACrFF,MADqF,EAErFG,SAFqF,EAGrFF,KAHqF,EAIrFC,IAJqF,CAApE,CAAnB,CApD2F,CA2D3F;;EACA,IAAI,OAAOxB,KAAP,KAAiB,QAArB,EAA+B;IAC7B,MAAM,IAAI4B,KAAJ,0CAAiD,OAAO5B,KAAxD,CAAN;EACD;;EAED,IAAM6B,iBAAiB,GAAG,OAAOrB,KAAP,KAAiB,QAAjB,iBAAwCA,KAAxC,GAAkD,UAA5E;EACA,oBAAO;IAAK,GAAG,EAAEc,MAAV;IAAkB,SAAS,OAAKO,iBAAL,IAAyB9B,SAAS,SAAOA,SAAP,GAAqB,EAAvD;EAA3B,GAA4FsB,KAA5F,EAAP;AACD,CAlEiC,CAAlC;AAoEAzB,eAAe,CAACkC,WAAhB,GAA8B,YAA9B;AAEA,eAAelC,eAAf"
+  "mappings": ";;;AAAA,OAAOA,KAAP,IAAgBC,MAAhB,EAAwBC,UAAxB,EAAoCC,mBAApC,QAA+D,OAA/D;AAIA,SAASC,aAAT,QAA8B,iBAA9B;;AAGA,cAAc,wCAAd;AACA,cAAc,iBAAd;AACA,cAAc,SAAd;AAsEA,IAAMC,eAAe,gBAAGH,UAAU,CAA2C,CAACI,KAAD,EAAQC,GAAR,KAAgB;EAC3F,IAAM;IACJC,SADI;IAEJC,KAAK,GAAG,EAFJ;IAGJC,SAHI;IAIJC,UAAU,GAAG,EAJT;IAKJC,QALI;IAMJC,YANI;IAOJC,cAPI;IAQJC,QARI;IASJC,SATI;IAUJC,KAAK,GAAG,OAVJ;IAWJC,MAXI;IAYJC,SAZI;IAaJC,SAbI;IAcJC,KAdI;IAeJC,QAfI;IAgBJC,QAhBI;IAiBJC,UAjBI;IAkBJC,WAlBI;IAmBJC,aAnBI;IAoBJC,QApBI;IAqBJC,QArBI;IAsBJC;EAtBI,IAwBFvB,KAxBJ;EAAA,IAuBKwB,KAvBL,iCAwBIxB,KAxBJ;;EAyBA,IAAMyB,MAAM,GAAG9B,MAAM,CAAiB,IAAjB,CAArB;EACA,IAAM;IAAE+B,KAAF;IAASC,IAAT;IAAeC,SAAf;IAA0BC;EAA1B,IAA2C/B,aAAa,CAAC;IAC7D8B,SAAS,EAAEH,MAAM,CAACK,OAD2C;IAE7DP,IAF6D;IAG7DpB,KAH6D;IAI7DO,SAJ6D;IAK7DC,KAL6D;IAM7DC,MAN6D;IAO7DC,SAP6D;IAQ7DC,SAR6D;IAS7DC,KAT6D;IAU7DC,QAV6D;IAW7DC,QAX6D;IAY7DC,UAZ6D;IAa7DC,WAb6D;IAc7DC,aAd6D;IAe7DC,QAf6D;IAgB7DC,QAhB6D;IAiB7DlB,SAjB6D;IAkB7DE,QAlB6D;IAmB7DC,YAnB6D;IAoB7DC,cApB6D;IAqB7DC,QArB6D;IAsB7DJ;EAtB6D,CAAD,CAA9D;EAyBAR,mBAAmB,CAACI,GAAD,EAAM,OAAO;IAAEwB,MAAM,EAAEA,MAAM,CAACK,OAAjB;IAA0BJ,KAAK,EAAEA,KAAjC;IAAwCC,IAAI,EAAEA;EAA9C,CAAP,CAAN,EAAoE,CACrFF,MADqF,EAErFG,SAFqF,EAGrFF,KAHqF,EAIrFC,IAJqF,CAApE,CAAnB,CApD2F,CA2D3F;;EACA,IAAI,OAAOxB,KAAP,KAAiB,QAArB,EAA+B;IAC7B,MAAM,IAAI4B,KAAJ,0CAAiD,OAAO5B,KAAxD,CAAN;EACD;;EAED,IAAM6B,iBAAiB,GAAG,OAAOrB,KAAP,KAAiB,QAAjB,iBAAwCA,KAAxC,GAAkD,UAA5E;EACA,oBAAO;IAAK,GAAG,EAAEc,MAAV;IAAkB,SAAS,OAAKO,iBAAL,IAAyB9B,SAAS,SAAOA,SAAP,GAAqB,EAAvD;EAA3B,GAA4FsB,KAA5F,EAAP;AACD,CAlEiC,CAAlC;AAoEAzB,eAAe,CAACkC,WAAhB,GAA8B,YAA9B;AAEA,eAAelC,eAAf"
 }

package/esm/useCodeMirror.js

@@ -2,8 +2,8 @@ import { useEffect, useState } from 'react';
 import { EditorState, StateEffect } from '@codemirror/state';
 import { indentWithTab } from '@codemirror/commands';
 import { EditorView, keymap, placeholder } from '@codemirror/view';
+import { basicSetup } from '@uiw/codemirror-extensions-basic-setup';
 import { oneDark } from '@codemirror/theme-one-dark';
-import { basicSetup } from './basicSetup';
 import { getStatistics } from './utils';
 export function useCodeMirror(props) {
   var {

package/esm/useCodeMirror.js.map

@@ -9,8 +9,8 @@
     "EditorView",
     "keymap",
     "placeholder",
-    "oneDark",
     "basicSetup",
+    "oneDark",
     "getStatistics",
     "useCodeMirror",
     "props",
@@ -76,7 +76,7 @@
     "../src/useCodeMirror.ts"
   ],
   "sourcesContent": [
-    "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 { oneDark } from '@codemirror/theme-one-dark';\nimport { basicSetup } from './basicSetup';\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 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 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  } = 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 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"
   ],
-  "mappings": "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"
+  "mappings": "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"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uiw/react-codemirror",
-  "version": "4.11.1",
+  "version": "4.11.4",
   "description": "CodeMirror component for React.",
   "homepage": "https://uiwjs.github.io/react-codemirror",
   "author": "kenny wong <wowohoo@qq.com>",
@@ -35,8 +35,9 @@
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
-    "@babel/runtime": ">=7.11.0",
+    "@babel/runtime": "^7.18.6",
     "@codemirror/theme-one-dark": "^6.0.0",
+    "@uiw/codemirror-extensions-basic-setup": "4.11.4",
     "codemirror": "^6.0.0"
   },
   "keywords": [

package/src/index.tsx

@@ -1,11 +1,11 @@
 import React, { useRef, forwardRef, useImperativeHandle } from 'react';
 import { EditorState, EditorStateConfig, Extension } from '@codemirror/state';
 import { EditorView, ViewUpdate } from '@codemirror/view';
+import { BasicSetupOptions } from '@uiw/codemirror-extensions-basic-setup';
 import { useCodeMirror } from './useCodeMirror';
 import { Statistics } from './utils';
-import { BasicSetupOptions } from './basicSetup';
 
-export * from './basicSetup';
+export * from '@uiw/codemirror-extensions-basic-setup';
 export * from './useCodeMirror';
 export * from './utils';
 

package/src/useCodeMirror.ts

@@ -2,8 +2,8 @@ import { useEffect, useState } from 'react';
 import { EditorState, StateEffect } from '@codemirror/state';
 import { indentWithTab } from '@codemirror/commands';
 import { EditorView, keymap, ViewUpdate, placeholder } from '@codemirror/view';
+import { basicSetup } from '@uiw/codemirror-extensions-basic-setup';
 import { oneDark } from '@codemirror/theme-one-dark';
-import { basicSetup } from './basicSetup';
 import { getStatistics } from './utils';
 import { ReactCodeMirrorProps } from '.';
 

package/cjs/basicSetup.d.ts

@@ -1,65 +0,0 @@
-import { Extension } from '@codemirror/state';
-export interface BasicSetupOptions {
-    lineNumbers?: boolean;
-    highlightActiveLineGutter?: boolean;
-    highlightSpecialChars?: boolean;
-    history?: boolean;
-    foldGutter?: boolean;
-    drawSelection?: boolean;
-    dropCursor?: boolean;
-    allowMultipleSelections?: boolean;
-    indentOnInput?: boolean;
-    syntaxHighlighting?: boolean;
-    bracketMatching?: boolean;
-    closeBrackets?: boolean;
-    autocompletion?: boolean;
-    rectangularSelection?: boolean;
-    crosshairCursor?: boolean;
-    highlightActiveLine?: boolean;
-    highlightSelectionMatches?: boolean;
-    closeBracketsKeymap?: boolean;
-    defaultKeymap?: boolean;
-    searchKeymap?: boolean;
-    historyKeymap?: boolean;
-    foldKeymap?: boolean;
-    completionKeymap?: boolean;
-    lintKeymap?: boolean;
-}
-/**
-This is an extension value that just pulls together a number of
-extensions that you might want in a basic editor. It is meant as a
-convenient helper to quickly set up CodeMirror without installing
-and importing a lot of separate packages.
-
-Specifically, it includes...
-
- - [the default command bindings](https://codemirror.net/6/docs/ref/#commands.defaultKeymap)
- - [line numbers](https://codemirror.net/6/docs/ref/#view.lineNumbers)
- - [special character highlighting](https://codemirror.net/6/docs/ref/#view.highlightSpecialChars)
- - [the undo history](https://codemirror.net/6/docs/ref/#commands.history)
- - [a fold gutter](https://codemirror.net/6/docs/ref/#language.foldGutter)
- - [custom selection drawing](https://codemirror.net/6/docs/ref/#view.drawSelection)
- - [drop cursor](https://codemirror.net/6/docs/ref/#view.dropCursor)
- - [multiple selections](https://codemirror.net/6/docs/ref/#state.EditorState^allowMultipleSelections)
- - [reindentation on input](https://codemirror.net/6/docs/ref/#language.indentOnInput)
- - [the default highlight style](https://codemirror.net/6/docs/ref/#language.defaultHighlightStyle) (as fallback)
- - [bracket matching](https://codemirror.net/6/docs/ref/#language.bracketMatching)
- - [bracket closing](https://codemirror.net/6/docs/ref/#autocomplete.closeBrackets)
- - [autocompletion](https://codemirror.net/6/docs/ref/#autocomplete.autocompletion)
- - [rectangular selection](https://codemirror.net/6/docs/ref/#view.rectangularSelection) and [crosshair cursor](https://codemirror.net/6/docs/ref/#view.crosshairCursor)
- - [active line highlighting](https://codemirror.net/6/docs/ref/#view.highlightActiveLine)
- - [active line gutter highlighting](https://codemirror.net/6/docs/ref/#view.highlightActiveLineGutter)
- - [selection match highlighting](https://codemirror.net/6/docs/ref/#search.highlightSelectionMatches)
- - [search](https://codemirror.net/6/docs/ref/#search.searchKeymap)
- - [linting](https://codemirror.net/6/docs/ref/#lint.lintKeymap)
-
-(You'll probably want to add some language package to your setup
-too.)
-
-This extension does not allow customization. The idea is that,
-once you decide you want to configure your editor more precisely,
-you take this package's source (which is just a bunch of imports
-and an array literal), copy it into your own code, and adjust it
-as desired.
-*/
-export declare const basicSetup: (options?: BasicSetupOptions) => Extension[];

package/cjs/basicSetup.js

@@ -1,119 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.basicSetup = void 0;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _view = require("@codemirror/view");
-
-var _state = require("@codemirror/state");
-
-var _commands = require("@codemirror/commands");
-
-var _search = require("@codemirror/search");
-
-var _autocomplete = require("@codemirror/autocomplete");
-
-var _language = require("@codemirror/language");
-
-var _lint = require("@codemirror/lint");
-
-/**
-This is an extension value that just pulls together a number of
-extensions that you might want in a basic editor. It is meant as a
-convenient helper to quickly set up CodeMirror without installing
-and importing a lot of separate packages.
-
-Specifically, it includes...
-
- - [the default command bindings](https://codemirror.net/6/docs/ref/#commands.defaultKeymap)
- - [line numbers](https://codemirror.net/6/docs/ref/#view.lineNumbers)
- - [special character highlighting](https://codemirror.net/6/docs/ref/#view.highlightSpecialChars)
- - [the undo history](https://codemirror.net/6/docs/ref/#commands.history)
- - [a fold gutter](https://codemirror.net/6/docs/ref/#language.foldGutter)
- - [custom selection drawing](https://codemirror.net/6/docs/ref/#view.drawSelection)
- - [drop cursor](https://codemirror.net/6/docs/ref/#view.dropCursor)
- - [multiple selections](https://codemirror.net/6/docs/ref/#state.EditorState^allowMultipleSelections)
- - [reindentation on input](https://codemirror.net/6/docs/ref/#language.indentOnInput)
- - [the default highlight style](https://codemirror.net/6/docs/ref/#language.defaultHighlightStyle) (as fallback)
- - [bracket matching](https://codemirror.net/6/docs/ref/#language.bracketMatching)
- - [bracket closing](https://codemirror.net/6/docs/ref/#autocomplete.closeBrackets)
- - [autocompletion](https://codemirror.net/6/docs/ref/#autocomplete.autocompletion)
- - [rectangular selection](https://codemirror.net/6/docs/ref/#view.rectangularSelection) and [crosshair cursor](https://codemirror.net/6/docs/ref/#view.crosshairCursor)
- - [active line highlighting](https://codemirror.net/6/docs/ref/#view.highlightActiveLine)
- - [active line gutter highlighting](https://codemirror.net/6/docs/ref/#view.highlightActiveLineGutter)
- - [selection match highlighting](https://codemirror.net/6/docs/ref/#search.highlightSelectionMatches)
- - [search](https://codemirror.net/6/docs/ref/#search.searchKeymap)
- - [linting](https://codemirror.net/6/docs/ref/#lint.lintKeymap)
-
-(You'll probably want to add some language package to your setup
-too.)
-
-This extension does not allow customization. The idea is that,
-once you decide you want to configure your editor more precisely,
-you take this package's source (which is just a bunch of imports
-and an array literal), copy it into your own code, and adjust it
-as desired.
-*/
-var basicSetup = function basicSetup() {
-  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var keymaps = [];
-
-  if (options.closeBracketsKeymap !== false) {
-    keymaps.push((0, _toConsumableArray2["default"])(_autocomplete.closeBracketsKeymap));
-  }
-
-  if (options.defaultKeymap !== false) {
-    keymaps.push((0, _toConsumableArray2["default"])(_commands.defaultKeymap));
-  }
-
-  if (options.searchKeymap !== false) {
-    keymaps.push((0, _toConsumableArray2["default"])(_search.searchKeymap));
-  }
-
-  if (options.historyKeymap !== false) {
-    keymaps.push((0, _toConsumableArray2["default"])(_commands.historyKeymap));
-  }
-
-  if (options.foldKeymap !== false) {
-    keymaps.push((0, _toConsumableArray2["default"])(_language.foldKeymap));
-  }
-
-  if (options.completionKeymap !== false) {
-    keymaps.push((0, _toConsumableArray2["default"])(_autocomplete.completionKeymap));
-  }
-
-  if (options.lintKeymap !== false) {
-    keymaps.push((0, _toConsumableArray2["default"])(_lint.lintKeymap));
-  }
-
-  var extensions = [];
-  if (options.lineNumbers !== false) extensions.push((0, _view.lineNumbers)());
-  if (options.highlightActiveLineGutter !== false) extensions.push((0, _view.highlightActiveLineGutter)());
-  if (options.highlightSpecialChars !== false) extensions.push((0, _view.highlightSpecialChars)());
-  if (options.history !== false) extensions.push((0, _commands.history)());
-  if (options.foldGutter !== false) extensions.push((0, _language.foldGutter)());
-  if (options.drawSelection !== false) extensions.push((0, _view.drawSelection)());
-  if (options.dropCursor !== false) extensions.push((0, _view.dropCursor)());
-  if (options.allowMultipleSelections !== false) extensions.push(_state.EditorState.allowMultipleSelections.of(true));
-  if (options.indentOnInput !== false) extensions.push((0, _language.indentOnInput)());
-  if (options.syntaxHighlighting !== false) extensions.push((0, _language.syntaxHighlighting)(_language.defaultHighlightStyle, {
-    fallback: true
-  }));
-  if (options.bracketMatching !== false) extensions.push((0, _language.bracketMatching)());
-  if (options.closeBrackets !== false) extensions.push((0, _autocomplete.closeBrackets)());
-  if (options.autocompletion !== false) extensions.push((0, _autocomplete.autocompletion)());
-  if (options.rectangularSelection !== false) extensions.push((0, _view.rectangularSelection)());
-  if (options.crosshairCursor !== false) extensions.push((0, _view.crosshairCursor)());
-  if (options.highlightActiveLine !== false) extensions.push((0, _view.highlightActiveLine)());
-  if (options.highlightSelectionMatches !== false) extensions.push((0, _search.highlightSelectionMatches)());
-  return [].concat(extensions, [_view.keymap.of(keymaps.flat())]).filter(Boolean);
-};
-
-exports.basicSetup = basicSetup;
-//# sourceMappingURL=basicSetup.js.map

package/cjs/basicSetup.js.map

@@ -1,49 +0,0 @@
-{
-  "version": 3,
-  "names": [
-    "basicSetup",
-    "options",
-    "keymaps",
-    "closeBracketsKeymap",
-    "push",
-    "defaultKeymap",
-    "searchKeymap",
-    "historyKeymap",
-    "foldKeymap",
-    "completionKeymap",
-    "lintKeymap",
-    "extensions",
-    "lineNumbers",
-    "highlightActiveLineGutter",
-    "highlightSpecialChars",
-    "history",
-    "foldGutter",
-    "drawSelection",
-    "dropCursor",
-    "allowMultipleSelections",
-    "EditorState",
-    "of",
-    "indentOnInput",
-    "syntaxHighlighting",
-    "defaultHighlightStyle",
-    "fallback",
-    "bracketMatching",
-    "closeBrackets",
-    "autocompletion",
-    "rectangularSelection",
-    "crosshairCursor",
-    "highlightActiveLine",
-    "highlightSelectionMatches",
-    "keymap",
-    "flat",
-    "filter",
-    "Boolean"
-  ],
-  "sources": [
-    "../src/basicSetup.ts"
-  ],
-  "sourcesContent": [
-    "import {\n  KeyBinding,\n  lineNumbers,\n  highlightActiveLineGutter,\n  highlightSpecialChars,\n  drawSelection,\n  dropCursor,\n  rectangularSelection,\n  crosshairCursor,\n  highlightActiveLine,\n  keymap,\n} from '@codemirror/view';\nimport { EditorState, Extension } from '@codemirror/state';\nimport { history, defaultKeymap, historyKeymap } from '@codemirror/commands';\nimport { highlightSelectionMatches, searchKeymap } from '@codemirror/search';\nimport { closeBrackets, autocompletion, closeBracketsKeymap, completionKeymap } from '@codemirror/autocomplete';\nimport {\n  foldGutter,\n  indentOnInput,\n  syntaxHighlighting,\n  defaultHighlightStyle,\n  bracketMatching,\n  foldKeymap,\n} from '@codemirror/language';\nimport { lintKeymap } from '@codemirror/lint';\n\nexport interface BasicSetupOptions {\n  lineNumbers?: boolean;\n  highlightActiveLineGutter?: boolean;\n  highlightSpecialChars?: boolean;\n  history?: boolean;\n  foldGutter?: boolean;\n  drawSelection?: boolean;\n  dropCursor?: boolean;\n  allowMultipleSelections?: boolean;\n  indentOnInput?: boolean;\n  syntaxHighlighting?: boolean;\n  bracketMatching?: boolean;\n  closeBrackets?: boolean;\n  autocompletion?: boolean;\n  rectangularSelection?: boolean;\n  crosshairCursor?: boolean;\n  highlightActiveLine?: boolean;\n  highlightSelectionMatches?: boolean;\n\n  closeBracketsKeymap?: boolean;\n  defaultKeymap?: boolean;\n  searchKeymap?: boolean;\n  historyKeymap?: boolean;\n  foldKeymap?: boolean;\n  completionKeymap?: boolean;\n  lintKeymap?: boolean;\n}\n\n/**\nThis is an extension value that just pulls together a number of\nextensions that you might want in a basic editor. It is meant as a\nconvenient helper to quickly set up CodeMirror without installing\nand importing a lot of separate packages.\n\nSpecifically, it includes...\n\n - [the default command bindings](https://codemirror.net/6/docs/ref/#commands.defaultKeymap)\n - [line numbers](https://codemirror.net/6/docs/ref/#view.lineNumbers)\n - [special character highlighting](https://codemirror.net/6/docs/ref/#view.highlightSpecialChars)\n - [the undo history](https://codemirror.net/6/docs/ref/#commands.history)\n - [a fold gutter](https://codemirror.net/6/docs/ref/#language.foldGutter)\n - [custom selection drawing](https://codemirror.net/6/docs/ref/#view.drawSelection)\n - [drop cursor](https://codemirror.net/6/docs/ref/#view.dropCursor)\n - [multiple selections](https://codemirror.net/6/docs/ref/#state.EditorState^allowMultipleSelections)\n - [reindentation on input](https://codemirror.net/6/docs/ref/#language.indentOnInput)\n - [the default highlight style](https://codemirror.net/6/docs/ref/#language.defaultHighlightStyle) (as fallback)\n - [bracket matching](https://codemirror.net/6/docs/ref/#language.bracketMatching)\n - [bracket closing](https://codemirror.net/6/docs/ref/#autocomplete.closeBrackets)\n - [autocompletion](https://codemirror.net/6/docs/ref/#autocomplete.autocompletion)\n - [rectangular selection](https://codemirror.net/6/docs/ref/#view.rectangularSelection) and [crosshair cursor](https://codemirror.net/6/docs/ref/#view.crosshairCursor)\n - [active line highlighting](https://codemirror.net/6/docs/ref/#view.highlightActiveLine)\n - [active line gutter highlighting](https://codemirror.net/6/docs/ref/#view.highlightActiveLineGutter)\n - [selection match highlighting](https://codemirror.net/6/docs/ref/#search.highlightSelectionMatches)\n - [search](https://codemirror.net/6/docs/ref/#search.searchKeymap)\n - [linting](https://codemirror.net/6/docs/ref/#lint.lintKeymap)\n\n(You'll probably want to add some language package to your setup\ntoo.)\n\nThis extension does not allow customization. The idea is that,\nonce you decide you want to configure your editor more precisely,\nyou take this package's source (which is just a bunch of imports\nand an array literal), copy it into your own code, and adjust it\nas desired.\n*/\nexport const basicSetup = (options: BasicSetupOptions = {}): Extension[] => {\n  const keymaps: KeyBinding[][] = [];\n  if (options.closeBracketsKeymap !== false) {\n    keymaps.push([...closeBracketsKeymap]);\n  }\n  if (options.defaultKeymap !== false) {\n    keymaps.push([...defaultKeymap]);\n  }\n  if (options.searchKeymap !== false) {\n    keymaps.push([...searchKeymap]);\n  }\n  if (options.historyKeymap !== false) {\n    keymaps.push([...historyKeymap]);\n  }\n  if (options.foldKeymap !== false) {\n    keymaps.push([...foldKeymap]);\n  }\n  if (options.completionKeymap !== false) {\n    keymaps.push([...completionKeymap]);\n  }\n  if (options.lintKeymap !== false) {\n    keymaps.push([...lintKeymap]);\n  }\n  const extensions: Extension[] = [];\n  if (options.lineNumbers !== false) extensions.push(lineNumbers());\n  if (options.highlightActiveLineGutter !== false) extensions.push(highlightActiveLineGutter());\n  if (options.highlightSpecialChars !== false) extensions.push(highlightSpecialChars());\n  if (options.history !== false) extensions.push(history());\n  if (options.foldGutter !== false) extensions.push(foldGutter());\n  if (options.drawSelection !== false) extensions.push(drawSelection());\n  if (options.dropCursor !== false) extensions.push(dropCursor());\n  if (options.allowMultipleSelections !== false) extensions.push(EditorState.allowMultipleSelections.of(true));\n  if (options.indentOnInput !== false) extensions.push(indentOnInput());\n  if (options.syntaxHighlighting !== false)\n    extensions.push(syntaxHighlighting(defaultHighlightStyle, { fallback: true }));\n  if (options.bracketMatching !== false) extensions.push(bracketMatching());\n  if (options.closeBrackets !== false) extensions.push(closeBrackets());\n  if (options.autocompletion !== false) extensions.push(autocompletion());\n  if (options.rectangularSelection !== false) extensions.push(rectangularSelection());\n  if (options.crosshairCursor !== false) extensions.push(crosshairCursor());\n  if (options.highlightActiveLine !== false) extensions.push(highlightActiveLine());\n  if (options.highlightSelectionMatches !== false) extensions.push(highlightSelectionMatches());\n\n  return [...extensions, keymap.of(keymaps.flat())].filter(Boolean);\n};\n"
-  ],
-  "mappings": "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"
-}

package/esm/basicSetup.d.ts

@@ -1,65 +0,0 @@
-import { Extension } from '@codemirror/state';
-export interface BasicSetupOptions {
-    lineNumbers?: boolean;
-    highlightActiveLineGutter?: boolean;
-    highlightSpecialChars?: boolean;
-    history?: boolean;
-    foldGutter?: boolean;
-    drawSelection?: boolean;
-    dropCursor?: boolean;
-    allowMultipleSelections?: boolean;
-    indentOnInput?: boolean;
-    syntaxHighlighting?: boolean;
-    bracketMatching?: boolean;
-    closeBrackets?: boolean;
-    autocompletion?: boolean;
-    rectangularSelection?: boolean;
-    crosshairCursor?: boolean;
-    highlightActiveLine?: boolean;
-    highlightSelectionMatches?: boolean;
-    closeBracketsKeymap?: boolean;
-    defaultKeymap?: boolean;
-    searchKeymap?: boolean;
-    historyKeymap?: boolean;
-    foldKeymap?: boolean;
-    completionKeymap?: boolean;
-    lintKeymap?: boolean;
-}
-/**
-This is an extension value that just pulls together a number of
-extensions that you might want in a basic editor. It is meant as a
-convenient helper to quickly set up CodeMirror without installing
-and importing a lot of separate packages.
-
-Specifically, it includes...
-
- - [the default command bindings](https://codemirror.net/6/docs/ref/#commands.defaultKeymap)
- - [line numbers](https://codemirror.net/6/docs/ref/#view.lineNumbers)
- - [special character highlighting](https://codemirror.net/6/docs/ref/#view.highlightSpecialChars)
- - [the undo history](https://codemirror.net/6/docs/ref/#commands.history)
- - [a fold gutter](https://codemirror.net/6/docs/ref/#language.foldGutter)
- - [custom selection drawing](https://codemirror.net/6/docs/ref/#view.drawSelection)
- - [drop cursor](https://codemirror.net/6/docs/ref/#view.dropCursor)
- - [multiple selections](https://codemirror.net/6/docs/ref/#state.EditorState^allowMultipleSelections)
- - [reindentation on input](https://codemirror.net/6/docs/ref/#language.indentOnInput)
- - [the default highlight style](https://codemirror.net/6/docs/ref/#language.defaultHighlightStyle) (as fallback)
- - [bracket matching](https://codemirror.net/6/docs/ref/#language.bracketMatching)
- - [bracket closing](https://codemirror.net/6/docs/ref/#autocomplete.closeBrackets)
- - [autocompletion](https://codemirror.net/6/docs/ref/#autocomplete.autocompletion)
- - [rectangular selection](https://codemirror.net/6/docs/ref/#view.rectangularSelection) and [crosshair cursor](https://codemirror.net/6/docs/ref/#view.crosshairCursor)
- - [active line highlighting](https://codemirror.net/6/docs/ref/#view.highlightActiveLine)
- - [active line gutter highlighting](https://codemirror.net/6/docs/ref/#view.highlightActiveLineGutter)
- - [selection match highlighting](https://codemirror.net/6/docs/ref/#search.highlightSelectionMatches)
- - [search](https://codemirror.net/6/docs/ref/#search.searchKeymap)
- - [linting](https://codemirror.net/6/docs/ref/#lint.lintKeymap)
-
-(You'll probably want to add some language package to your setup
-too.)
-
-This extension does not allow customization. The idea is that,
-once you decide you want to configure your editor more precisely,
-you take this package's source (which is just a bunch of imports
-and an array literal), copy it into your own code, and adjust it
-as desired.
-*/
-export declare const basicSetup: (options?: BasicSetupOptions) => Extension[];

package/esm/basicSetup.js

@@ -1,103 +0,0 @@
-import { lineNumbers, highlightActiveLineGutter, highlightSpecialChars, drawSelection, dropCursor, rectangularSelection, crosshairCursor, highlightActiveLine, keymap } from '@codemirror/view';
-import { EditorState } from '@codemirror/state';
-import { history, defaultKeymap, historyKeymap } from '@codemirror/commands';
-import { highlightSelectionMatches, searchKeymap } from '@codemirror/search';
-import { closeBrackets, autocompletion, closeBracketsKeymap, completionKeymap } from '@codemirror/autocomplete';
-import { foldGutter, indentOnInput, syntaxHighlighting, defaultHighlightStyle, bracketMatching, foldKeymap } from '@codemirror/language';
-import { lintKeymap } from '@codemirror/lint';
-
-/**
-This is an extension value that just pulls together a number of
-extensions that you might want in a basic editor. It is meant as a
-convenient helper to quickly set up CodeMirror without installing
-and importing a lot of separate packages.
-
-Specifically, it includes...
-
- - [the default command bindings](https://codemirror.net/6/docs/ref/#commands.defaultKeymap)
- - [line numbers](https://codemirror.net/6/docs/ref/#view.lineNumbers)
- - [special character highlighting](https://codemirror.net/6/docs/ref/#view.highlightSpecialChars)
- - [the undo history](https://codemirror.net/6/docs/ref/#commands.history)
- - [a fold gutter](https://codemirror.net/6/docs/ref/#language.foldGutter)
- - [custom selection drawing](https://codemirror.net/6/docs/ref/#view.drawSelection)
- - [drop cursor](https://codemirror.net/6/docs/ref/#view.dropCursor)
- - [multiple selections](https://codemirror.net/6/docs/ref/#state.EditorState^allowMultipleSelections)
- - [reindentation on input](https://codemirror.net/6/docs/ref/#language.indentOnInput)
- - [the default highlight style](https://codemirror.net/6/docs/ref/#language.defaultHighlightStyle) (as fallback)
- - [bracket matching](https://codemirror.net/6/docs/ref/#language.bracketMatching)
- - [bracket closing](https://codemirror.net/6/docs/ref/#autocomplete.closeBrackets)
- - [autocompletion](https://codemirror.net/6/docs/ref/#autocomplete.autocompletion)
- - [rectangular selection](https://codemirror.net/6/docs/ref/#view.rectangularSelection) and [crosshair cursor](https://codemirror.net/6/docs/ref/#view.crosshairCursor)
- - [active line highlighting](https://codemirror.net/6/docs/ref/#view.highlightActiveLine)
- - [active line gutter highlighting](https://codemirror.net/6/docs/ref/#view.highlightActiveLineGutter)
- - [selection match highlighting](https://codemirror.net/6/docs/ref/#search.highlightSelectionMatches)
- - [search](https://codemirror.net/6/docs/ref/#search.searchKeymap)
- - [linting](https://codemirror.net/6/docs/ref/#lint.lintKeymap)
-
-(You'll probably want to add some language package to your setup
-too.)
-
-This extension does not allow customization. The idea is that,
-once you decide you want to configure your editor more precisely,
-you take this package's source (which is just a bunch of imports
-and an array literal), copy it into your own code, and adjust it
-as desired.
-*/
-export var basicSetup = function basicSetup(options) {
-  if (options === void 0) {
-    options = {};
-  }
-
-  var keymaps = [];
-
-  if (options.closeBracketsKeymap !== false) {
-    keymaps.push([...closeBracketsKeymap]);
-  }
-
-  if (options.defaultKeymap !== false) {
-    keymaps.push([...defaultKeymap]);
-  }
-
-  if (options.searchKeymap !== false) {
-    keymaps.push([...searchKeymap]);
-  }
-
-  if (options.historyKeymap !== false) {
-    keymaps.push([...historyKeymap]);
-  }
-
-  if (options.foldKeymap !== false) {
-    keymaps.push([...foldKeymap]);
-  }
-
-  if (options.completionKeymap !== false) {
-    keymaps.push([...completionKeymap]);
-  }
-
-  if (options.lintKeymap !== false) {
-    keymaps.push([...lintKeymap]);
-  }
-
-  var extensions = [];
-  if (options.lineNumbers !== false) extensions.push(lineNumbers());
-  if (options.highlightActiveLineGutter !== false) extensions.push(highlightActiveLineGutter());
-  if (options.highlightSpecialChars !== false) extensions.push(highlightSpecialChars());
-  if (options.history !== false) extensions.push(history());
-  if (options.foldGutter !== false) extensions.push(foldGutter());
-  if (options.drawSelection !== false) extensions.push(drawSelection());
-  if (options.dropCursor !== false) extensions.push(dropCursor());
-  if (options.allowMultipleSelections !== false) extensions.push(EditorState.allowMultipleSelections.of(true));
-  if (options.indentOnInput !== false) extensions.push(indentOnInput());
-  if (options.syntaxHighlighting !== false) extensions.push(syntaxHighlighting(defaultHighlightStyle, {
-    fallback: true
-  }));
-  if (options.bracketMatching !== false) extensions.push(bracketMatching());
-  if (options.closeBrackets !== false) extensions.push(closeBrackets());
-  if (options.autocompletion !== false) extensions.push(autocompletion());
-  if (options.rectangularSelection !== false) extensions.push(rectangularSelection());
-  if (options.crosshairCursor !== false) extensions.push(crosshairCursor());
-  if (options.highlightActiveLine !== false) extensions.push(highlightActiveLine());
-  if (options.highlightSelectionMatches !== false) extensions.push(highlightSelectionMatches());
-  return [...extensions, keymap.of(keymaps.flat())].filter(Boolean);
-};
-//# sourceMappingURL=basicSetup.js.map