@uiw/react-codemirror 4.19.11 → 4.19.13

package/README.md

@@ -183,6 +183,34 @@ export default function App() {
 }
 ```
 
+## Codemirror Merge
+
+```jsx
+import CodeMirrorMerge from 'react-codemirror-merge';
+import { EditorView } from 'codemirror';
+import { EditorState } from '@codemirror/state';
+
+const Original = CodeMirrorMerge.Original;
+const Modified = CodeMirrorMerge.Modified;
+let doc = `one
+two
+three
+four
+five`;
+
+export const Example = () => {
+  return (
+    <CodeMirrorMerge>
+      <Original value={doc} />
+      <Modified
+        value={doc.replace(/t/g, 'T') + 'Six'}
+        extensions={[EditorView.editable.of(false), EditorState.readOnly.of(true)]}
+      />
+    </CodeMirrorMerge>
+  );
+};
+```
+
 ## Support Hook
 
 [![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)
@@ -397,7 +425,8 @@ export interface ReactCodeMirrorProps
    */
   readOnly?: boolean;
   /**
-   * Whether to optional basicSetup by default
+   * Controls whether pressing the `Tab` key inserts a tab character and indents the text (`true`)
+   * or behaves according to the browser's default behavior (`false`).
    * @default true
    */
   indentWithTab?: boolean;

package/cjs/getDefaultExtensions.d.ts

@@ -0,0 +1,11 @@
+import { Extension } from '@codemirror/state';
+import { BasicSetupOptions } from '@uiw/codemirror-extensions-basic-setup';
+export type DefaultExtensionsOptions = {
+    indentWithTab?: boolean;
+    basicSetup?: boolean | BasicSetupOptions;
+    placeholder?: string | HTMLElement;
+    theme?: 'light' | 'dark' | 'none' | Extension;
+    readOnly?: boolean;
+    editable?: boolean;
+};
+export declare const getDefaultExtensions: (optios?: DefaultExtensionsOptions) => Extension[];

package/cjs/getDefaultExtensions.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getDefaultExtensions = void 0;
+var _commands = require("@codemirror/commands");
+var _codemirrorExtensionsBasicSetup = require("@uiw/codemirror-extensions-basic-setup");
+var _view = require("@codemirror/view");
+var _themeOneDark = require("@codemirror/theme-one-dark");
+var _state = require("@codemirror/state");
+var getDefaultExtensions = function getDefaultExtensions() {
+  var optios = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var _optios$indentWithTab = optios.indentWithTab,
+    defaultIndentWithTab = _optios$indentWithTab === void 0 ? true : _optios$indentWithTab,
+    _optios$editable = optios.editable,
+    editable = _optios$editable === void 0 ? true : _optios$editable,
+    _optios$readOnly = optios.readOnly,
+    readOnly = _optios$readOnly === void 0 ? false : _optios$readOnly,
+    _optios$theme = optios.theme,
+    theme = _optios$theme === void 0 ? 'light' : _optios$theme,
+    _optios$placeholder = optios.placeholder,
+    placeholderStr = _optios$placeholder === void 0 ? '' : _optios$placeholder,
+    _optios$basicSetup = optios.basicSetup,
+    defaultBasicSetup = _optios$basicSetup === void 0 ? true : _optios$basicSetup;
+  var getExtensions = [];
+  var defaultLightThemeOption = _view.EditorView.theme({
+    '&': {
+      backgroundColor: '#fff'
+    }
+  }, {
+    dark: false
+  });
+  if (defaultIndentWithTab) {
+    getExtensions.unshift(_view.keymap.of([_commands.indentWithTab]));
+  }
+  if (defaultBasicSetup) {
+    if (typeof defaultBasicSetup === 'boolean') {
+      getExtensions.unshift((0, _codemirrorExtensionsBasicSetup.basicSetup)());
+    } else {
+      getExtensions.unshift((0, _codemirrorExtensionsBasicSetup.basicSetup)(defaultBasicSetup));
+    }
+  }
+  if (placeholderStr) {
+    getExtensions.unshift((0, _view.placeholder)(placeholderStr));
+  }
+  switch (theme) {
+    case 'light':
+      getExtensions.push(defaultLightThemeOption);
+      break;
+    case 'dark':
+      getExtensions.push(_themeOneDark.oneDark);
+      break;
+    case 'none':
+      break;
+    default:
+      getExtensions.push(theme);
+      break;
+  }
+  if (editable === false) {
+    getExtensions.push(_view.EditorView.editable.of(false));
+  }
+  if (readOnly) {
+    getExtensions.push(_state.EditorState.readOnly.of(true));
+  }
+  return [].concat(getExtensions);
+};
+exports.getDefaultExtensions = getDefaultExtensions;

package/cjs/index.d.ts

@@ -5,6 +5,7 @@ import { BasicSetupOptions } from '@uiw/codemirror-extensions-basic-setup';
 import { Statistics } from './utils';
 export * from '@uiw/codemirror-extensions-basic-setup';
 export * from './useCodeMirror';
+export * from './getDefaultExtensions';
 export * from './utils';
 export interface ReactCodeMirrorProps extends Omit<EditorStateConfig, 'doc' | 'extensions'>, Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'placeholder'> {
     /** value of the auto created model in the editor. */
@@ -40,7 +41,8 @@ export interface ReactCodeMirrorProps extends Omit<EditorStateConfig, 'doc' | 'e
      */
     readOnly?: boolean;
     /**
-     * Whether to optional basicSetup by default
+     * Controls whether pressing the `Tab` key inserts a tab character and indents the text (`true`)
+     * or behaves according to the browser's default behavior (`false`).
      * @default true
      */
     indentWithTab?: boolean;

package/cjs/index.js

@@ -36,6 +36,18 @@ Object.keys(_codemirrorExtensionsBasicSetup).forEach(function (key) {
     }
   });
 });
+var _getDefaultExtensions = require("./getDefaultExtensions");
+Object.keys(_getDefaultExtensions).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _getDefaultExtensions[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _getDefaultExtensions[key];
+    }
+  });
+});
 var _utils = require("./utils");
 Object.keys(_utils).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -126,5 +138,4 @@ var ReactCodeMirror = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
 });
 ReactCodeMirror.displayName = 'CodeMirror';
 var _default = ReactCodeMirror;
-exports["default"] = _default;
-//# sourceMappingURL=index.js.map
+exports["default"] = _default;

package/cjs/theme/light.d.ts

@@ -0,0 +1 @@
+export declare const defaultLightThemeOption: import("@codemirror/state").Extension;

package/cjs/theme/light.js

@@ -12,5 +12,4 @@ var defaultLightThemeOption = _view.EditorView.theme({
 }, {
   dark: false
 });
-exports.defaultLightThemeOption = defaultLightThemeOption;
-//# sourceMappingURL=light.js.map
+exports.defaultLightThemeOption = defaultLightThemeOption;

package/cjs/useCodeMirror.js

@@ -5,13 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useCodeMirror = useCodeMirror;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
 var _state = require("@codemirror/state");
-var _commands = require("@codemirror/commands");
 var _view = require("@codemirror/view");
-var _codemirrorExtensionsBasicSetup = require("@uiw/codemirror-extensions-basic-setup");
-var _themeOneDark = require("@codemirror/theme-one-dark");
+var _getDefaultExtensions = require("./getDefaultExtensions");
 var _utils = require("./utils");
 var External = _state.Annotation.define();
 function useCodeMirror(props) {
@@ -62,13 +61,6 @@ function useCodeMirror(props) {
     _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
     state = _useState6[0],
     setState = _useState6[1];
-  var defaultLightThemeOption = _view.EditorView.theme({
-    '&': {
-      backgroundColor: '#fff'
-    }
-  }, {
-    dark: false
-  });
   var defaultThemeOption = _view.EditorView.theme({
     '&': {
       height: height,
@@ -92,39 +84,15 @@ function useCodeMirror(props) {
     }
     onStatistics && onStatistics((0, _utils.getStatistics)(vu));
   });
-  var getExtensions = [updateListener, defaultThemeOption];
-  if (defaultIndentWithTab) {
-    getExtensions.unshift(_view.keymap.of([_commands.indentWithTab]));
-  }
-  if (defaultBasicSetup) {
-    if (typeof defaultBasicSetup === 'boolean') {
-      getExtensions.unshift((0, _codemirrorExtensionsBasicSetup.basicSetup)());
-    } else {
-      getExtensions.unshift((0, _codemirrorExtensionsBasicSetup.basicSetup)(defaultBasicSetup));
-    }
-  }
-  if (placeholderStr) {
-    getExtensions.unshift((0, _view.placeholder)(placeholderStr));
-  }
-  switch (theme) {
-    case 'light':
-      getExtensions.push(defaultLightThemeOption);
-      break;
-    case 'dark':
-      getExtensions.push(_themeOneDark.oneDark);
-      break;
-    case 'none':
-      break;
-    default:
-      getExtensions.push(theme);
-      break;
-  }
-  if (editable === false) {
-    getExtensions.push(_view.EditorView.editable.of(false));
-  }
-  if (readOnly) {
-    getExtensions.push(_state.EditorState.readOnly.of(true));
-  }
+  var defaultExtensions = (0, _getDefaultExtensions.getDefaultExtensions)({
+    theme: theme,
+    editable: true,
+    readOnly: false,
+    placeholder: placeholderStr,
+    indentWithTab: defaultIndentWithTab,
+    basicSetup: defaultBasicSetup
+  });
+  var getExtensions = [updateListener, defaultThemeOption].concat((0, _toConsumableArray2["default"])(defaultExtensions));
   if (onUpdate && typeof onUpdate === 'function') {
     getExtensions.push(_view.EditorView.updateListener.of(onUpdate));
   }
@@ -203,5 +171,4 @@ function useCodeMirror(props) {
     container: container,
     setContainer: setContainer
   };
-}
-//# sourceMappingURL=useCodeMirror.js.map
+}

package/cjs/utils.js

@@ -24,5 +24,4 @@ var getStatistics = function getStatistics(view) {
     })
   };
 };
-exports.getStatistics = getStatistics;
-//# sourceMappingURL=utils.js.map
+exports.getStatistics = getStatistics;

package/dist/mdeditor.js

@@ -137,6 +137,7 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
   "basicSetup": () => (/* reexport */ basicSetup),
   "default": () => (/* binding */ src),
+  "getDefaultExtensions": () => (/* reexport */ getDefaultExtensions),
   "getStatistics": () => (/* reexport */ getStatistics),
   "minimalSetup": () => (/* reexport */ minimalSetup),
   "useCodeMirror": () => (/* reexport */ useCodeMirror)
@@ -242,6 +243,43 @@ function _objectWithoutProperties(source, excluded) {
 }
 // EXTERNAL MODULE: external {"root":"React","commonjs2":"react","commonjs":"react","amd":"react"}
 var external_root_React_commonjs2_react_commonjs_react_amd_react_ = __webpack_require__(787);
+;// CONCATENATED MODULE: ../node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+  return arr2;
+}
+;// CONCATENATED MODULE: ../node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js
+
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+}
+;// CONCATENATED MODULE: ../node_modules/@babel/runtime/helpers/esm/iterableToArray.js
+function _iterableToArray(iter) {
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+;// CONCATENATED MODULE: ../node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js
+
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+;// CONCATENATED MODULE: ../node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+;// CONCATENATED MODULE: ../node_modules/@babel/runtime/helpers/esm/toConsumableArray.js
+
+
+
+
+function _toConsumableArray(arr) {
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+}
 ;// CONCATENATED MODULE: ../node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
@@ -274,22 +312,6 @@ function _iterableToArrayLimit(arr, i) {
     return _arr;
   }
 }
-;// CONCATENATED MODULE: ../node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-  return arr2;
-}
-;// CONCATENATED MODULE: ../node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
 ;// CONCATENATED MODULE: ../node_modules/@babel/runtime/helpers/esm/nonIterableRest.js
 function _nonIterableRest() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
@@ -11205,15 +11227,16 @@ var minimalSetup = function minimalSetup(options) {
   }));
   return extensions.concat([view_.keymap.of(keymaps.flat())]).filter(Boolean);
 };
-
 // EXTERNAL MODULE: external {"root":["CM","@codemirror/theme-one-dark"],"commonjs":"@codemirror/theme-one-dark","commonjs2":"@codemirror/theme-one-dark"}
 var theme_one_dark_ = __webpack_require__(362);
+;// CONCATENATED MODULE: ./src/getDefaultExtensions.ts
+var getDefaultExtensions=function getDefaultExtensions(){var optios=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};var _optios$indentWithTab=optios.indentWithTab,defaultIndentWithTab=_optios$indentWithTab===void 0?true:_optios$indentWithTab,_optios$editable=optios.editable,editable=_optios$editable===void 0?true:_optios$editable,_optios$readOnly=optios.readOnly,readOnly=_optios$readOnly===void 0?false:_optios$readOnly,_optios$theme=optios.theme,theme=_optios$theme===void 0?'light':_optios$theme,_optios$placeholder=optios.placeholder,placeholderStr=_optios$placeholder===void 0?'':_optios$placeholder,_optios$basicSetup=optios.basicSetup,defaultBasicSetup=_optios$basicSetup===void 0?true:_optios$basicSetup;var getExtensions=[];var defaultLightThemeOption=view_.EditorView.theme({'&':{backgroundColor:'#fff'}},{dark:false});if(defaultIndentWithTab){getExtensions.unshift(view_.keymap.of([indentWithTab]));}if(defaultBasicSetup){if(typeof defaultBasicSetup==='boolean'){getExtensions.unshift(basicSetup());}else{getExtensions.unshift(basicSetup(defaultBasicSetup));}}if(placeholderStr){getExtensions.unshift((0,view_.placeholder)(placeholderStr));}switch(theme){case'light':getExtensions.push(defaultLightThemeOption);break;case'dark':getExtensions.push(theme_one_dark_.oneDark);break;case'none':break;default:getExtensions.push(theme);break;}if(editable===false){getExtensions.push(view_.EditorView.editable.of(false));}if(readOnly){getExtensions.push(state_.EditorState.readOnly.of(true));}return[].concat(getExtensions);};
 ;// CONCATENATED MODULE: ./src/utils.ts
 var getStatistics=function getStatistics(view){return{line:view.state.doc.lineAt(view.state.selection.main.from),lineCount:view.state.doc.lines,lineBreak:view.state.lineBreak,length:view.state.doc.length,readOnly:view.state.readOnly,tabSize:view.state.tabSize,selection:view.state.selection,selectionAsSingle:view.state.selection.asSingle().main,ranges:view.state.selection.ranges,selectionCode:view.state.sliceDoc(view.state.selection.main.from,view.state.selection.main.to),selections:view.state.selection.ranges.map(function(r){return view.state.sliceDoc(r.from,r.to);}),selectedText:view.state.selection.ranges.some(function(r){return!r.empty;})};};
 ;// CONCATENATED MODULE: ./src/useCodeMirror.ts
-var External=state_.Annotation.define();function useCodeMirror(props){var value=props.value,selection=props.selection,onChange=props.onChange,onStatistics=props.onStatistics,onCreateEditor=props.onCreateEditor,onUpdate=props.onUpdate,_props$extensions=props.extensions,extensions=_props$extensions===void 0?[]:_props$extensions,autoFocus=props.autoFocus,_props$theme=props.theme,theme=_props$theme===void 0?'light':_props$theme,_props$height=props.height,height=_props$height===void 0?'':_props$height,_props$minHeight=props.minHeight,minHeight=_props$minHeight===void 0?'':_props$minHeight,_props$maxHeight=props.maxHeight,maxHeight=_props$maxHeight===void 0?'':_props$maxHeight,_props$placeholder=props.placeholder,placeholderStr=_props$placeholder===void 0?'':_props$placeholder,_props$width=props.width,width=_props$width===void 0?'':_props$width,_props$minWidth=props.minWidth,minWidth=_props$minWidth===void 0?'':_props$minWidth,_props$maxWidth=props.maxWidth,maxWidth=_props$maxWidth===void 0?'':_props$maxWidth,_props$editable=props.editable,editable=_props$editable===void 0?true:_props$editable,_props$readOnly=props.readOnly,readOnly=_props$readOnly===void 0?false:_props$readOnly,_props$indentWithTab=props.indentWithTab,defaultIndentWithTab=_props$indentWithTab===void 0?true:_props$indentWithTab,_props$basicSetup=props.basicSetup,defaultBasicSetup=_props$basicSetup===void 0?true:_props$basicSetup,root=props.root,initialState=props.initialState;var _useState=(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(),_useState2=_slicedToArray(_useState,2),container=_useState2[0],setContainer=_useState2[1];var _useState3=(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(),_useState4=_slicedToArray(_useState3,2),view=_useState4[0],setView=_useState4[1];var _useState5=(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(),_useState6=_slicedToArray(_useState5,2),state=_useState6[0],setState=_useState6[1];var defaultLightThemeOption=view_.EditorView.theme({'&':{backgroundColor:'#fff'}},{dark:false});var defaultThemeOption=view_.EditorView.theme({'&':{height:height,minHeight:minHeight,maxHeight:maxHeight,width:width,minWidth:minWidth,maxWidth:maxWidth}});var updateListener=view_.EditorView.updateListener.of(function(vu){if(vu.docChanged&&typeof onChange==='function'&&// Fix echoing of the remote changes:
+var External=state_.Annotation.define();function useCodeMirror(props){var value=props.value,selection=props.selection,onChange=props.onChange,onStatistics=props.onStatistics,onCreateEditor=props.onCreateEditor,onUpdate=props.onUpdate,_props$extensions=props.extensions,extensions=_props$extensions===void 0?[]:_props$extensions,autoFocus=props.autoFocus,_props$theme=props.theme,theme=_props$theme===void 0?'light':_props$theme,_props$height=props.height,height=_props$height===void 0?'':_props$height,_props$minHeight=props.minHeight,minHeight=_props$minHeight===void 0?'':_props$minHeight,_props$maxHeight=props.maxHeight,maxHeight=_props$maxHeight===void 0?'':_props$maxHeight,_props$placeholder=props.placeholder,placeholderStr=_props$placeholder===void 0?'':_props$placeholder,_props$width=props.width,width=_props$width===void 0?'':_props$width,_props$minWidth=props.minWidth,minWidth=_props$minWidth===void 0?'':_props$minWidth,_props$maxWidth=props.maxWidth,maxWidth=_props$maxWidth===void 0?'':_props$maxWidth,_props$editable=props.editable,editable=_props$editable===void 0?true:_props$editable,_props$readOnly=props.readOnly,readOnly=_props$readOnly===void 0?false:_props$readOnly,_props$indentWithTab=props.indentWithTab,defaultIndentWithTab=_props$indentWithTab===void 0?true:_props$indentWithTab,_props$basicSetup=props.basicSetup,defaultBasicSetup=_props$basicSetup===void 0?true:_props$basicSetup,root=props.root,initialState=props.initialState;var _useState=(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(),_useState2=_slicedToArray(_useState,2),container=_useState2[0],setContainer=_useState2[1];var _useState3=(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(),_useState4=_slicedToArray(_useState3,2),view=_useState4[0],setView=_useState4[1];var _useState5=(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(),_useState6=_slicedToArray(_useState5,2),state=_useState6[0],setState=_useState6[1];var defaultThemeOption=view_.EditorView.theme({'&':{height:height,minHeight:minHeight,maxHeight:maxHeight,width:width,minWidth:minWidth,maxWidth:maxWidth}});var updateListener=view_.EditorView.updateListener.of(function(vu){if(vu.docChanged&&typeof onChange==='function'&&// Fix echoing of the remote changes:
 // If transaction is market as remote we don't have to call `onChange` handler again
-!vu.transactions.some(function(tr){return tr.annotation(External);})){var doc=vu.state.doc;var _value=doc.toString();onChange(_value,vu);}onStatistics&&onStatistics(getStatistics(vu));});var getExtensions=[updateListener,defaultThemeOption];if(defaultIndentWithTab){getExtensions.unshift(view_.keymap.of([indentWithTab]));}if(defaultBasicSetup){if(typeof defaultBasicSetup==='boolean'){getExtensions.unshift(basicSetup());}else{getExtensions.unshift(basicSetup(defaultBasicSetup));}}if(placeholderStr){getExtensions.unshift((0,view_.placeholder)(placeholderStr));}switch(theme){case'light':getExtensions.push(defaultLightThemeOption);break;case'dark':getExtensions.push(theme_one_dark_.oneDark);break;case'none':break;default:getExtensions.push(theme);break;}if(editable===false){getExtensions.push(view_.EditorView.editable.of(false));}if(readOnly){getExtensions.push(state_.EditorState.readOnly.of(true));}if(onUpdate&&typeof onUpdate==='function'){getExtensions.push(view_.EditorView.updateListener.of(onUpdate));}getExtensions=getExtensions.concat(extensions);(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function(){if(container&&!state){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){var viewCurrent=new view_.EditorView({state:stateCurrent,parent:container,root:root});setView(viewCurrent);onCreateEditor&&onCreateEditor(viewCurrent,stateCurrent);}}return function(){if(view){setState(undefined);setView(undefined);}};},[container,state]);(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function(){return setContainer(props.container);},[props.container]);(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function(){return function(){if(view){view.destroy();setView(undefined);}};},[view]);(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function(){if(autoFocus&&view){view.focus();}},[autoFocus,view]);(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function(){if(view){view.dispatch({effects:state_.StateEffect.reconfigure.of(getExtensions)});}// eslint-disable-next-line react-hooks/exhaustive-deps
+!vu.transactions.some(function(tr){return tr.annotation(External);})){var doc=vu.state.doc;var _value=doc.toString();onChange(_value,vu);}onStatistics&&onStatistics(getStatistics(vu));});var defaultExtensions=getDefaultExtensions({theme:theme,editable:true,readOnly:false,placeholder:placeholderStr,indentWithTab:defaultIndentWithTab,basicSetup:defaultBasicSetup});var getExtensions=[updateListener,defaultThemeOption].concat(_toConsumableArray(defaultExtensions));if(onUpdate&&typeof onUpdate==='function'){getExtensions.push(view_.EditorView.updateListener.of(onUpdate));}getExtensions=getExtensions.concat(extensions);(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function(){if(container&&!state){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){var viewCurrent=new view_.EditorView({state:stateCurrent,parent:container,root:root});setView(viewCurrent);onCreateEditor&&onCreateEditor(viewCurrent,stateCurrent);}}return function(){if(view){setState(undefined);setView(undefined);}};},[container,state]);(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function(){return setContainer(props.container);},[props.container]);(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function(){return function(){if(view){view.destroy();setView(undefined);}};},[view]);(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function(){if(autoFocus&&view){view.focus();}},[autoFocus,view]);(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function(){if(view){view.dispatch({effects:state_.StateEffect.reconfigure.of(getExtensions)});}// eslint-disable-next-line react-hooks/exhaustive-deps
 },[theme,extensions,height,minHeight,maxHeight,width,minWidth,maxWidth,placeholderStr,editable,readOnly,defaultIndentWithTab,defaultBasicSetup,onChange,onUpdate]);(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function(){if(value===undefined){return;}var currentValue=view?view.state.doc.toString():'';if(view&&value!==currentValue){view.dispatch({changes:{from:0,to:currentValue.length,insert:value||''},annotations:[External.of(true)]});}},[value,view]);return{state:state,setState:setState,view:view,setView:setView,container:container,setContainer:setContainer};}
 // EXTERNAL MODULE: ../node_modules/react/jsx-runtime.js
 var jsx_runtime = __webpack_require__(605);