@atlaskit/editor-core 187.18.2 → 187.19.0

package/dist/es2019/plugins/code-block/pm-plugins/ide-ux.js

@@ -9,121 +9,124 @@ import { getAutoClosingBracketInfo, shouldAutoCloseBracket } from '../ide-ux/bra
 import { getAutoClosingQuoteInfo, shouldAutoCloseQuote } from '../ide-ux/quote-handling';
 import { getEndOfCurrentLine, getStartOfCurrentLine, isCursorInsideCodeBlock, isSelectionEntirelyInsideCodeBlock, getLineInfo } from '../ide-ux/line-handling';
 import { insertIndent, outdent, indent, insertNewlineWithIndent } from '../ide-ux/commands';
-import { isComposing } from '../../base/pm-plugins/composition';
-export default new SafePlugin({
-  props: {
-    handleTextInput(view, from, to, text) {
-      const {
-        state,
-        dispatch
-      } = view;
-      if (isCursorInsideCodeBlock(state) && !isComposing(state)) {
-        const beforeText = getStartOfCurrentLine(state).text;
-        const afterText = getEndOfCurrentLine(state).text;
-
-        // If text is a closing bracket/quote and we've already inserted it, move the selection after
-        if (isCursorBeforeClosingCharacter(afterText) && isClosingCharacter(text) && afterText.startsWith(text)) {
-          dispatch(setTextSelection(to + text.length)(state.tr));
-          return true;
-        }
-
-        // Automatically add right-hand side bracket when user types the left bracket
-        if (shouldAutoCloseBracket(beforeText, afterText)) {
-          const {
-            left,
-            right
-          } = getAutoClosingBracketInfo(beforeText + text, afterText);
-          if (left && right) {
-            const bracketPair = state.schema.text(text + right);
-            let tr = state.tr.replaceWith(from, to, bracketPair);
-            dispatch(setTextSelection(from + text.length)(tr));
-            return true;
-          }
-        }
-
-        // Automatically add closing quote when user types a starting quote
-        if (shouldAutoCloseQuote(beforeText, afterText)) {
-          const {
-            left: leftQuote,
-            right: rightQuote
-          } = getAutoClosingQuoteInfo(beforeText + text, afterText);
-          if (leftQuote && rightQuote) {
-            const quotePair = state.schema.text(text + rightQuote);
-            let tr = state.tr.replaceWith(from, to, quotePair);
-            dispatch(setTextSelection(from + text.length)(tr));
-            return true;
-          }
-        }
-      }
-      return false;
-    },
-    handleKeyDown: keydownHandler({
-      Backspace: (state, dispatch) => {
-        if (isCursorInsideCodeBlock(state)) {
-          const $cursor = getCursor(state.selection);
+const ideUX = pluginInjectionApi => {
+  return new SafePlugin({
+    props: {
+      handleTextInput(view, from, to, text) {
+        const {
+          state,
+          dispatch
+        } = view;
+        const compositionPluginState = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.composition.sharedState.currentState();
+        if (isCursorInsideCodeBlock(state) && !(compositionPluginState !== null && compositionPluginState !== void 0 && compositionPluginState.isComposing)) {
           const beforeText = getStartOfCurrentLine(state).text;
           const afterText = getEndOfCurrentLine(state).text;
-          const {
-            left: leftBracket,
-            right: rightBracket,
-            hasTrailingMatchingBracket
-          } = getAutoClosingBracketInfo(beforeText, afterText);
-          if (leftBracket && rightBracket && hasTrailingMatchingBracket && dispatch) {
-            dispatch(state.tr.delete($cursor.pos - leftBracket.length, $cursor.pos + rightBracket.length));
+
+          // If text is a closing bracket/quote and we've already inserted it, move the selection after
+          if (isCursorBeforeClosingCharacter(afterText) && isClosingCharacter(text) && afterText.startsWith(text)) {
+            dispatch(setTextSelection(to + text.length)(state.tr));
             return true;
           }
-          const {
-            left: leftQuote,
-            right: rightQuote,
-            hasTrailingMatchingQuote
-          } = getAutoClosingQuoteInfo(beforeText, afterText);
-          if (leftQuote && rightQuote && hasTrailingMatchingQuote && dispatch) {
-            dispatch(state.tr.delete($cursor.pos - leftQuote.length, $cursor.pos + rightQuote.length));
-            return true;
+
+          // Automatically add right-hand side bracket when user types the left bracket
+          if (shouldAutoCloseBracket(beforeText, afterText)) {
+            const {
+              left,
+              right
+            } = getAutoClosingBracketInfo(beforeText + text, afterText);
+            if (left && right) {
+              const bracketPair = state.schema.text(text + right);
+              let tr = state.tr.replaceWith(from, to, bracketPair);
+              dispatch(setTextSelection(from + text.length)(tr));
+              return true;
+            }
           }
-          const {
-            indentToken: {
-              size,
-              token
-            },
-            indentText
-          } = getLineInfo(beforeText);
-          if (beforeText === indentText) {
-            if (indentText.endsWith(token.repeat(size)) && dispatch) {
-              dispatch(state.tr.delete($cursor.pos - (size - indentText.length % size || size), $cursor.pos));
+
+          // Automatically add closing quote when user types a starting quote
+          if (shouldAutoCloseQuote(beforeText, afterText)) {
+            const {
+              left: leftQuote,
+              right: rightQuote
+            } = getAutoClosingQuoteInfo(beforeText + text, afterText);
+            if (leftQuote && rightQuote) {
+              const quotePair = state.schema.text(text + rightQuote);
+              let tr = state.tr.replaceWith(from, to, quotePair);
+              dispatch(setTextSelection(from + text.length)(tr));
               return true;
             }
           }
         }
         return false;
       },
-      Enter: filter(isSelectionEntirelyInsideCodeBlock, insertNewlineWithIndent),
-      'Mod-]': filter(isSelectionEntirelyInsideCodeBlock, indent),
-      'Mod-[': filter(isSelectionEntirelyInsideCodeBlock, outdent),
-      Tab: filter(isSelectionEntirelyInsideCodeBlock, (state, dispatch) => {
-        if (!dispatch) {
+      handleKeyDown: keydownHandler({
+        Backspace: (state, dispatch) => {
+          if (isCursorInsideCodeBlock(state)) {
+            const $cursor = getCursor(state.selection);
+            const beforeText = getStartOfCurrentLine(state).text;
+            const afterText = getEndOfCurrentLine(state).text;
+            const {
+              left: leftBracket,
+              right: rightBracket,
+              hasTrailingMatchingBracket
+            } = getAutoClosingBracketInfo(beforeText, afterText);
+            if (leftBracket && rightBracket && hasTrailingMatchingBracket && dispatch) {
+              dispatch(state.tr.delete($cursor.pos - leftBracket.length, $cursor.pos + rightBracket.length));
+              return true;
+            }
+            const {
+              left: leftQuote,
+              right: rightQuote,
+              hasTrailingMatchingQuote
+            } = getAutoClosingQuoteInfo(beforeText, afterText);
+            if (leftQuote && rightQuote && hasTrailingMatchingQuote && dispatch) {
+              dispatch(state.tr.delete($cursor.pos - leftQuote.length, $cursor.pos + rightQuote.length));
+              return true;
+            }
+            const {
+              indentToken: {
+                size,
+                token
+              },
+              indentText
+            } = getLineInfo(beforeText);
+            if (beforeText === indentText) {
+              if (indentText.endsWith(token.repeat(size)) && dispatch) {
+                dispatch(state.tr.delete($cursor.pos - (size - indentText.length % size || size), $cursor.pos));
+                return true;
+              }
+            }
+          }
           return false;
-        }
-        if (isCursorInsideCodeBlock(state)) {
-          return insertIndent(state, dispatch);
-        }
-        return indent(state, dispatch);
-      }),
-      'Shift-Tab': filter(isSelectionEntirelyInsideCodeBlock, outdent),
-      'Mod-a': (state, dispatch) => {
-        if (isSelectionEntirelyInsideCodeBlock(state)) {
-          const {
-            $from,
-            $to
-          } = state.selection;
-          const isFullCodeBlockSelection = $from.parentOffset === 0 && $to.parentOffset === $to.parent.nodeSize - 2;
-          if (!isFullCodeBlockSelection && dispatch) {
-            dispatch(state.tr.setSelection(TextSelection.create(state.doc, $from.start(), $to.end())));
-            return true;
+        },
+        Enter: filter(isSelectionEntirelyInsideCodeBlock, insertNewlineWithIndent),
+        'Mod-]': filter(isSelectionEntirelyInsideCodeBlock, indent),
+        'Mod-[': filter(isSelectionEntirelyInsideCodeBlock, outdent),
+        Tab: filter(isSelectionEntirelyInsideCodeBlock, (state, dispatch) => {
+          if (!dispatch) {
+            return false;
+          }
+          if (isCursorInsideCodeBlock(state)) {
+            return insertIndent(state, dispatch);
           }
+          return indent(state, dispatch);
+        }),
+        'Shift-Tab': filter(isSelectionEntirelyInsideCodeBlock, outdent),
+        'Mod-a': (state, dispatch) => {
+          if (isSelectionEntirelyInsideCodeBlock(state)) {
+            const {
+              $from,
+              $to
+            } = state.selection;
+            const isFullCodeBlockSelection = $from.parentOffset === 0 && $to.parentOffset === $to.parent.nodeSize - 2;
+            if (!isFullCodeBlockSelection && dispatch) {
+              dispatch(state.tr.setSelection(TextSelection.create(state.doc, $from.start(), $to.end())));
+              return true;
+            }
+          }
+          return false;
         }
-        return false;
-      }
-    })
-  }
-});
+      })
+    }
+  });
+};
+export default ideUX;

package/dist/es2019/plugins/composition/index.js

@@ -0,0 +1,23 @@
+import createPlugin from './pm-plugins/main';
+import { pluginKey } from './pm-plugins/plugin-key';
+const composition = () => {
+  return {
+    name: 'composition',
+    getSharedState(editorState) {
+      var _pluginKey$getState;
+      if (!editorState) {
+        return undefined;
+      }
+      return {
+        isComposing: !!((_pluginKey$getState = pluginKey.getState(editorState)) !== null && _pluginKey$getState !== void 0 && _pluginKey$getState.isComposing)
+      };
+    },
+    pmPlugins() {
+      return [{
+        name: 'composition',
+        plugin: () => createPlugin()
+      }];
+    }
+  };
+};
+export default composition;

package/dist/es2019/plugins/{base/pm-plugins/composition.js → composition/pm-plugins/main.js}

@@ -1,21 +1,16 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/utils';
-const compositionPluginKey = new PluginKey('compositionPlugin');
-export const isComposing = state => {
-  var _compositionPluginKey;
-  return !!((_compositionPluginKey = compositionPluginKey.getState(state)) !== null && _compositionPluginKey !== void 0 && _compositionPluginKey.isComposing);
-};
+import { pluginKey } from './plugin-key';
 const isLinux = () => navigator.userAgent.indexOf('Linux') >= 0;
 export default (() => new SafePlugin({
-  key: compositionPluginKey,
+  key: pluginKey,
   state: {
     init: () => ({
       isComposing: false,
       zeroWidthSpacePos: undefined
     }),
     apply: (tr, value) => {
-      const isComposing = tr.getMeta(compositionPluginKey);
+      const isComposing = tr.getMeta(pluginKey);
       const zeroWidthSpacePos = tr.getMeta('zeroWidthSpacePos');
       if (typeof isComposing === 'undefined') {
         return value;
@@ -32,7 +27,7 @@ export default (() => new SafePlugin({
         const {
           tr
         } = view.state;
-        tr.setMeta(compositionPluginKey, true);
+        tr.setMeta(pluginKey, true);
 
         // only apply for linux and cursor is at start of line
         if (isLinux() && view.state.selection.$from.parentOffset === 0) {
@@ -48,10 +43,10 @@ export default (() => new SafePlugin({
         const {
           tr
         } = view.state;
-        tr.setMeta(compositionPluginKey, false);
+        tr.setMeta(pluginKey, false);
         if (isLinux()) {
-          var _compositionPluginKey2;
-          const zeroWidthSpacePos = (_compositionPluginKey2 = compositionPluginKey.getState(view.state)) === null || _compositionPluginKey2 === void 0 ? void 0 : _compositionPluginKey2.zeroWidthSpacePos;
+          var _pluginKey$getState;
+          const zeroWidthSpacePos = (_pluginKey$getState = pluginKey.getState(view.state)) === null || _pluginKey$getState === void 0 ? void 0 : _pluginKey$getState.zeroWidthSpacePos;
           if (typeof zeroWidthSpacePos !== 'undefined') {
             tr.deleteRange(zeroWidthSpacePos, zeroWidthSpacePos + 1);
           }

package/dist/es2019/plugins/composition/pm-plugins/plugin-key.js

@@ -0,0 +1,2 @@
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+export const pluginKey = new PluginKey('compositionPlugin');

package/dist/es2019/plugins/placeholder/index.js

@@ -4,7 +4,6 @@ import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { DecorationSet, Decoration } from '@atlaskit/editor-prosemirror/view';
 export const pluginKey = new PluginKey('placeholderPlugin');
 import { isTypeAheadOpen } from '../type-ahead/utils';
-import { isComposing } from '../base/pm-plugins/composition';
 function getPlaceholderState(editorState) {
   return pluginKey.getState(editorState);
 }
@@ -100,7 +99,8 @@ export function createPlugin(defaultPlaceholderText, bracketPlaceholderText, api
           placeholderText,
           pos
         } = getPlaceholderState(editorState);
-        if (hasPlaceholder && placeholderText && pos !== undefined && !isComposing(editorState)) {
+        const compositionPluginState = api === null || api === void 0 ? void 0 : api.dependencies.composition.sharedState.currentState();
+        if (hasPlaceholder && placeholderText && pos !== undefined && !(compositionPluginState !== null && compositionPluginState !== void 0 && compositionPluginState.isComposing)) {
           return createPlaceholderDecoration(editorState, placeholderText, pos);
         }
         return;

package/dist/es2019/version-wrapper.js

@@ -1,5 +1,5 @@
 export const name = "@atlaskit/editor-core";
-export const version = "187.18.2";
+export const version = "187.19.0";
 export const nextMajorVersion = () => {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "187.18.2",
+	"version": "187.19.0",
 	"sideEffects": false
 }

package/dist/esm/labs/next/presets/default.js

@@ -20,6 +20,7 @@ import { analyticsPlugin as deprecatedAnalyticsPlugin } from '../../../plugins';
 import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import placeholderPlugin from '../../../plugins/placeholder';
 import annotationPlugin from '../../../plugins/annotation';
+import compositionPlugin from '../../../plugins/composition';
 import quickInsertPlugin from '../../../plugins/quick-insert';
 import selectionPlugin from '../../../plugins/selection';
 import codeBlockPlugin from '../../../plugins/code-block';
@@ -53,7 +54,7 @@ export function createDefaultPreset(options) {
       }]);
     }
     return builder;
-  }).add([pastePlugin, options.paste]).add(clipboardPlugin).add(focusPlugin).add([basePlugin, options.base]).add(decorationsPlugin).maybeAdd(undoRedoPlugin, function (p, builder) {
+  }).add([pastePlugin, options.paste]).add(clipboardPlugin).add(focusPlugin).add(compositionPlugin).add([basePlugin, options.base]).add(decorationsPlugin).maybeAdd(undoRedoPlugin, function (p, builder) {
     var _options$featureFlags;
     // The undo redo plugin needs to be add before the blockTypePlugin
     if ((_options$featureFlags = options.featureFlags) !== null && _options$featureFlags !== void 0 && _options$featureFlags.undoRedoButtons) {

package/dist/esm/plugins/base/index.js

@@ -14,7 +14,6 @@ import inlineCursorTargetPlugin from './pm-plugins/inline-cursor-target';
 import scrollGutter from './pm-plugins/scroll-gutter';
 import { keymap } from '@atlaskit/editor-common/keymaps';
 import frozenEditor from './pm-plugins/frozen-editor';
-import compositionPlugin from './pm-plugins/composition';
 // Chrome >= 88
 export var isChromeWithSelectionBug = browser.chrome && browser.chrome_version >= 88;
 var basePlugin = function basePlugin(options, api) {
@@ -104,12 +103,6 @@ var basePlugin = function basePlugin(options, api) {
           return disableSpellcheckingPlugin(featureFlags);
         }
       });
-      plugins.push({
-        name: 'compositionPlugin',
-        plugin: function plugin() {
-          return compositionPlugin();
-        }
-      });
       return plugins;
     },
     nodes: function nodes() {

package/dist/esm/plugins/code-block/index.js

@@ -38,7 +38,7 @@ var codeBlockPlugin = function codeBlockPlugin(options, api) {
       }, {
         name: 'codeBlockIDEKeyBindings',
         plugin: function plugin() {
-          return ideUX;
+          return ideUX(api);
         }
       }, {
         name: 'codeBlockKeyMap',

package/dist/esm/plugins/code-block/pm-plugins/ide-ux.js

@@ -9,112 +9,115 @@ import { getAutoClosingBracketInfo, shouldAutoCloseBracket } from '../ide-ux/bra
 import { getAutoClosingQuoteInfo, shouldAutoCloseQuote } from '../ide-ux/quote-handling';
 import { getEndOfCurrentLine, getStartOfCurrentLine, isCursorInsideCodeBlock, isSelectionEntirelyInsideCodeBlock, getLineInfo } from '../ide-ux/line-handling';
 import { insertIndent, outdent, indent, insertNewlineWithIndent } from '../ide-ux/commands';
-import { isComposing } from '../../base/pm-plugins/composition';
-export default new SafePlugin({
-  props: {
-    handleTextInput: function handleTextInput(view, from, to, text) {
-      var state = view.state,
-        dispatch = view.dispatch;
-      if (isCursorInsideCodeBlock(state) && !isComposing(state)) {
-        var beforeText = getStartOfCurrentLine(state).text;
-        var afterText = getEndOfCurrentLine(state).text;
-
-        // If text is a closing bracket/quote and we've already inserted it, move the selection after
-        if (isCursorBeforeClosingCharacter(afterText) && isClosingCharacter(text) && afterText.startsWith(text)) {
-          dispatch(setTextSelection(to + text.length)(state.tr));
-          return true;
-        }
-
-        // Automatically add right-hand side bracket when user types the left bracket
-        if (shouldAutoCloseBracket(beforeText, afterText)) {
-          var _getAutoClosingBracke = getAutoClosingBracketInfo(beforeText + text, afterText),
-            left = _getAutoClosingBracke.left,
-            right = _getAutoClosingBracke.right;
-          if (left && right) {
-            var bracketPair = state.schema.text(text + right);
-            var tr = state.tr.replaceWith(from, to, bracketPair);
-            dispatch(setTextSelection(from + text.length)(tr));
-            return true;
-          }
-        }
-
-        // Automatically add closing quote when user types a starting quote
-        if (shouldAutoCloseQuote(beforeText, afterText)) {
-          var _getAutoClosingQuoteI = getAutoClosingQuoteInfo(beforeText + text, afterText),
-            leftQuote = _getAutoClosingQuoteI.left,
-            rightQuote = _getAutoClosingQuoteI.right;
-          if (leftQuote && rightQuote) {
-            var quotePair = state.schema.text(text + rightQuote);
-            var _tr = state.tr.replaceWith(from, to, quotePair);
-            dispatch(setTextSelection(from + text.length)(_tr));
-            return true;
-          }
-        }
-      }
-      return false;
-    },
-    handleKeyDown: keydownHandler({
-      Backspace: function Backspace(state, dispatch) {
-        if (isCursorInsideCodeBlock(state)) {
-          var $cursor = getCursor(state.selection);
+var ideUX = function ideUX(pluginInjectionApi) {
+  return new SafePlugin({
+    props: {
+      handleTextInput: function handleTextInput(view, from, to, text) {
+        var state = view.state,
+          dispatch = view.dispatch;
+        var compositionPluginState = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.composition.sharedState.currentState();
+        if (isCursorInsideCodeBlock(state) && !(compositionPluginState !== null && compositionPluginState !== void 0 && compositionPluginState.isComposing)) {
           var beforeText = getStartOfCurrentLine(state).text;
           var afterText = getEndOfCurrentLine(state).text;
-          var _getAutoClosingBracke2 = getAutoClosingBracketInfo(beforeText, afterText),
-            leftBracket = _getAutoClosingBracke2.left,
-            rightBracket = _getAutoClosingBracke2.right,
-            hasTrailingMatchingBracket = _getAutoClosingBracke2.hasTrailingMatchingBracket;
-          if (leftBracket && rightBracket && hasTrailingMatchingBracket && dispatch) {
-            dispatch(state.tr.delete($cursor.pos - leftBracket.length, $cursor.pos + rightBracket.length));
+
+          // If text is a closing bracket/quote and we've already inserted it, move the selection after
+          if (isCursorBeforeClosingCharacter(afterText) && isClosingCharacter(text) && afterText.startsWith(text)) {
+            dispatch(setTextSelection(to + text.length)(state.tr));
             return true;
           }
-          var _getAutoClosingQuoteI2 = getAutoClosingQuoteInfo(beforeText, afterText),
-            leftQuote = _getAutoClosingQuoteI2.left,
-            rightQuote = _getAutoClosingQuoteI2.right,
-            hasTrailingMatchingQuote = _getAutoClosingQuoteI2.hasTrailingMatchingQuote;
-          if (leftQuote && rightQuote && hasTrailingMatchingQuote && dispatch) {
-            dispatch(state.tr.delete($cursor.pos - leftQuote.length, $cursor.pos + rightQuote.length));
-            return true;
+
+          // Automatically add right-hand side bracket when user types the left bracket
+          if (shouldAutoCloseBracket(beforeText, afterText)) {
+            var _getAutoClosingBracke = getAutoClosingBracketInfo(beforeText + text, afterText),
+              left = _getAutoClosingBracke.left,
+              right = _getAutoClosingBracke.right;
+            if (left && right) {
+              var bracketPair = state.schema.text(text + right);
+              var tr = state.tr.replaceWith(from, to, bracketPair);
+              dispatch(setTextSelection(from + text.length)(tr));
+              return true;
+            }
           }
-          var _getLineInfo = getLineInfo(beforeText),
-            _getLineInfo$indentTo = _getLineInfo.indentToken,
-            size = _getLineInfo$indentTo.size,
-            token = _getLineInfo$indentTo.token,
-            indentText = _getLineInfo.indentText;
-          if (beforeText === indentText) {
-            if (indentText.endsWith(token.repeat(size)) && dispatch) {
-              dispatch(state.tr.delete($cursor.pos - (size - indentText.length % size || size), $cursor.pos));
+
+          // Automatically add closing quote when user types a starting quote
+          if (shouldAutoCloseQuote(beforeText, afterText)) {
+            var _getAutoClosingQuoteI = getAutoClosingQuoteInfo(beforeText + text, afterText),
+              leftQuote = _getAutoClosingQuoteI.left,
+              rightQuote = _getAutoClosingQuoteI.right;
+            if (leftQuote && rightQuote) {
+              var quotePair = state.schema.text(text + rightQuote);
+              var _tr = state.tr.replaceWith(from, to, quotePair);
+              dispatch(setTextSelection(from + text.length)(_tr));
               return true;
             }
           }
         }
         return false;
       },
-      Enter: filter(isSelectionEntirelyInsideCodeBlock, insertNewlineWithIndent),
-      'Mod-]': filter(isSelectionEntirelyInsideCodeBlock, indent),
-      'Mod-[': filter(isSelectionEntirelyInsideCodeBlock, outdent),
-      Tab: filter(isSelectionEntirelyInsideCodeBlock, function (state, dispatch) {
-        if (!dispatch) {
+      handleKeyDown: keydownHandler({
+        Backspace: function Backspace(state, dispatch) {
+          if (isCursorInsideCodeBlock(state)) {
+            var $cursor = getCursor(state.selection);
+            var beforeText = getStartOfCurrentLine(state).text;
+            var afterText = getEndOfCurrentLine(state).text;
+            var _getAutoClosingBracke2 = getAutoClosingBracketInfo(beforeText, afterText),
+              leftBracket = _getAutoClosingBracke2.left,
+              rightBracket = _getAutoClosingBracke2.right,
+              hasTrailingMatchingBracket = _getAutoClosingBracke2.hasTrailingMatchingBracket;
+            if (leftBracket && rightBracket && hasTrailingMatchingBracket && dispatch) {
+              dispatch(state.tr.delete($cursor.pos - leftBracket.length, $cursor.pos + rightBracket.length));
+              return true;
+            }
+            var _getAutoClosingQuoteI2 = getAutoClosingQuoteInfo(beforeText, afterText),
+              leftQuote = _getAutoClosingQuoteI2.left,
+              rightQuote = _getAutoClosingQuoteI2.right,
+              hasTrailingMatchingQuote = _getAutoClosingQuoteI2.hasTrailingMatchingQuote;
+            if (leftQuote && rightQuote && hasTrailingMatchingQuote && dispatch) {
+              dispatch(state.tr.delete($cursor.pos - leftQuote.length, $cursor.pos + rightQuote.length));
+              return true;
+            }
+            var _getLineInfo = getLineInfo(beforeText),
+              _getLineInfo$indentTo = _getLineInfo.indentToken,
+              size = _getLineInfo$indentTo.size,
+              token = _getLineInfo$indentTo.token,
+              indentText = _getLineInfo.indentText;
+            if (beforeText === indentText) {
+              if (indentText.endsWith(token.repeat(size)) && dispatch) {
+                dispatch(state.tr.delete($cursor.pos - (size - indentText.length % size || size), $cursor.pos));
+                return true;
+              }
+            }
+          }
           return false;
-        }
-        if (isCursorInsideCodeBlock(state)) {
-          return insertIndent(state, dispatch);
-        }
-        return indent(state, dispatch);
-      }),
-      'Shift-Tab': filter(isSelectionEntirelyInsideCodeBlock, outdent),
-      'Mod-a': function ModA(state, dispatch) {
-        if (isSelectionEntirelyInsideCodeBlock(state)) {
-          var _state$selection = state.selection,
-            $from = _state$selection.$from,
-            $to = _state$selection.$to;
-          var isFullCodeBlockSelection = $from.parentOffset === 0 && $to.parentOffset === $to.parent.nodeSize - 2;
-          if (!isFullCodeBlockSelection && dispatch) {
-            dispatch(state.tr.setSelection(TextSelection.create(state.doc, $from.start(), $to.end())));
-            return true;
+        },
+        Enter: filter(isSelectionEntirelyInsideCodeBlock, insertNewlineWithIndent),
+        'Mod-]': filter(isSelectionEntirelyInsideCodeBlock, indent),
+        'Mod-[': filter(isSelectionEntirelyInsideCodeBlock, outdent),
+        Tab: filter(isSelectionEntirelyInsideCodeBlock, function (state, dispatch) {
+          if (!dispatch) {
+            return false;
+          }
+          if (isCursorInsideCodeBlock(state)) {
+            return insertIndent(state, dispatch);
           }
+          return indent(state, dispatch);
+        }),
+        'Shift-Tab': filter(isSelectionEntirelyInsideCodeBlock, outdent),
+        'Mod-a': function ModA(state, dispatch) {
+          if (isSelectionEntirelyInsideCodeBlock(state)) {
+            var _state$selection = state.selection,
+              $from = _state$selection.$from,
+              $to = _state$selection.$to;
+            var isFullCodeBlockSelection = $from.parentOffset === 0 && $to.parentOffset === $to.parent.nodeSize - 2;
+            if (!isFullCodeBlockSelection && dispatch) {
+              dispatch(state.tr.setSelection(TextSelection.create(state.doc, $from.start(), $to.end())));
+              return true;
+            }
+          }
+          return false;
         }
-        return false;
-      }
-    })
-  }
-});
+      })
+    }
+  });
+};
+export default ideUX;

package/dist/esm/plugins/composition/index.js

@@ -0,0 +1,25 @@
+import createPlugin from './pm-plugins/main';
+import { pluginKey } from './pm-plugins/plugin-key';
+var composition = function composition() {
+  return {
+    name: 'composition',
+    getSharedState: function getSharedState(editorState) {
+      var _pluginKey$getState;
+      if (!editorState) {
+        return undefined;
+      }
+      return {
+        isComposing: !!((_pluginKey$getState = pluginKey.getState(editorState)) !== null && _pluginKey$getState !== void 0 && _pluginKey$getState.isComposing)
+      };
+    },
+    pmPlugins: function pmPlugins() {
+      return [{
+        name: 'composition',
+        plugin: function plugin() {
+          return createPlugin();
+        }
+      }];
+    }
+  };
+};
+export default composition;