@atlaskit/editor-plugin-code-block 0.1.0

package/dist/esm/plugin.js

@@ -0,0 +1,113 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import React from 'react';
+import { codeBlock } from '@atlaskit/adf-schema';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { blockTypeMessages } from '@atlaskit/editor-common/messages';
+import { IconCode } from '@atlaskit/editor-common/quick-insert';
+import { createInsertCodeBlockTransaction, insertCodeBlockWithAnalytics } from './actions';
+import { codeBlockCopySelectionPlugin } from './pm-plugins/codeBlockCopySelectionPlugin';
+import ideUX from './pm-plugins/ide-ux';
+import { createCodeBlockInputRule } from './pm-plugins/input-rule';
+import keymap from './pm-plugins/keymaps';
+import { createPlugin } from './pm-plugins/main';
+import refreshBrowserSelectionOnChange from './refresh-browser-selection';
+import { getToolbarConfig } from './toolbar';
+var codeBlockPlugin = function codeBlockPlugin(_ref) {
+  var options = _ref.config,
+    api = _ref.api;
+  return {
+    name: 'codeBlock',
+    nodes: function nodes() {
+      return [{
+        name: 'codeBlock',
+        node: codeBlock
+      }];
+    },
+    pmPlugins: function pmPlugins() {
+      return [{
+        name: 'codeBlock',
+        plugin: function plugin(_ref2) {
+          var _options$appearance;
+          var getIntl = _ref2.getIntl;
+          return createPlugin(_objectSpread(_objectSpread({}, options), {}, {
+            getIntl: getIntl,
+            appearance: (_options$appearance = options === null || options === void 0 ? void 0 : options.appearance) !== null && _options$appearance !== void 0 ? _options$appearance : 'comment'
+          }));
+        }
+      }, {
+        name: 'codeBlockInputRule',
+        plugin: function plugin(_ref3) {
+          var _api$analytics;
+          var schema = _ref3.schema;
+          return createCodeBlockInputRule(schema, api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions);
+        }
+      }, {
+        name: 'codeBlockIDEKeyBindings',
+        plugin: function plugin() {
+          return ideUX(api);
+        }
+      }, {
+        name: 'codeBlockKeyMap',
+        plugin: function plugin(_ref4) {
+          var schema = _ref4.schema;
+          return keymap(schema);
+        }
+      }, {
+        name: 'codeBlockCopySelection',
+        plugin: function plugin() {
+          return codeBlockCopySelectionPlugin();
+        }
+      }];
+    },
+    // Workaround for a firefox issue where dom selection is off sync
+    // https://product-fabric.atlassian.net/browse/ED-12442
+    onEditorViewStateUpdated: function onEditorViewStateUpdated(props) {
+      refreshBrowserSelectionOnChange(props.originalTransaction, props.newEditorState);
+    },
+    actions: {
+      /*
+       * Function will insert code block at current selection if block is empty or below current selection and set focus on it.
+       */
+      insertCodeBlock: function insertCodeBlock(inputMethod) {
+        var _api$analytics2;
+        return insertCodeBlockWithAnalytics(inputMethod, api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions);
+      }
+    },
+    pluginsOptions: {
+      quickInsert: function quickInsert(_ref5) {
+        var formatMessage = _ref5.formatMessage;
+        return [{
+          id: 'codeblock',
+          title: formatMessage(blockTypeMessages.codeblock),
+          description: formatMessage(blockTypeMessages.codeblockDescription),
+          keywords: ['code block'],
+          priority: 700,
+          keyshortcut: '```',
+          icon: function icon() {
+            return /*#__PURE__*/React.createElement(IconCode, null);
+          },
+          action: function action(_insert, state) {
+            var _api$analytics3;
+            var tr = createInsertCodeBlockTransaction({
+              state: state
+            });
+            api === null || api === void 0 || (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 || _api$analytics3.actions.attachAnalyticsEvent({
+              action: ACTION.INSERTED,
+              actionSubject: ACTION_SUBJECT.DOCUMENT,
+              actionSubjectId: ACTION_SUBJECT_ID.CODE_BLOCK,
+              attributes: {
+                inputMethod: INPUT_METHOD.QUICK_INSERT
+              },
+              eventType: EVENT_TYPE.TRACK
+            })(tr);
+            return tr;
+          }
+        }];
+      },
+      floatingToolbar: getToolbarConfig(options === null || options === void 0 ? void 0 : options.allowCopyToClipboard, api)
+    }
+  };
+};
+export default codeBlockPlugin;

package/dist/esm/pm-plugins/actions.js

@@ -0,0 +1,4 @@
+export var ACTIONS = {
+  SET_COPIED_TO_CLIPBOARD: 'SET_COPIED_TO_CLIPBOARD',
+  SET_SHOULD_IGNORE_FOLLOWING_MUTATIONS: 'SET_SHOULD_IGNORE_FOLLOWING_MUTATIONS'
+};

package/dist/esm/pm-plugins/codeBlockCopySelectionPlugin.js

@@ -0,0 +1,103 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import { getSelectedNodeOrNodeParentByNodeType } from '@atlaskit/editor-common/copy-button';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import { Decoration, DecorationSet } from '@atlaskit/editor-prosemirror/view';
+export var copySelectionPluginKey = new PluginKey('codeBlockCopySelectionPlugin');
+function getSelectionDecorationStartAndEnd(_ref) {
+  var state = _ref.state,
+    transaction = _ref.transaction;
+  var codeBlockNode = getSelectedNodeOrNodeParentByNodeType({
+    nodeType: state.schema.nodes.codeBlock,
+    selection: transaction.selection
+  });
+  if (!codeBlockNode) {
+    return {
+      decorationStartAndEnd: undefined
+    };
+  }
+  var decorationStartAndEnd = [codeBlockNode.start, codeBlockNode.start + codeBlockNode.node.nodeSize];
+  return {
+    decorationStartAndEnd: decorationStartAndEnd
+  };
+}
+export function codeBlockCopySelectionPlugin() {
+  return new SafePlugin({
+    key: copySelectionPluginKey,
+    state: {
+      init: function init() {
+        return {
+          decorationStartAndEnd: undefined
+        };
+      },
+      apply: function apply(transaction, currentCodeBlockCopySelectionPluginState, _oldState, newState) {
+        switch (transaction.getMeta(copySelectionPluginKey)) {
+          case 'show-selection':
+            {
+              return getSelectionDecorationStartAndEnd({
+                state: newState,
+                transaction: transaction
+              });
+            }
+          case 'remove-selection':
+            return {
+              decorationStartAndEnd: undefined
+            };
+          default:
+            // The contents of the code block can change while the selection is being shown
+            // (either from collab edits -- or from the user continuing to type while hovering
+            // the mouse over the copy button).
+            // This ensures the selection is updated in these cases.
+            if (currentCodeBlockCopySelectionPluginState.decorationStartAndEnd !== undefined) {
+              return getSelectionDecorationStartAndEnd({
+                state: newState,
+                transaction: transaction
+              });
+            }
+            return currentCodeBlockCopySelectionPluginState;
+        }
+      }
+    },
+    props: {
+      decorations: function decorations(state) {
+        if (copySelectionPluginKey.getState(state).decorationStartAndEnd) {
+          var _copySelectionPluginK = _slicedToArray(copySelectionPluginKey.getState(state).decorationStartAndEnd, 2),
+            _start = _copySelectionPluginK[0],
+            _end = _copySelectionPluginK[1];
+          return DecorationSet.create(state.doc, [Decoration.inline(_start, _end, {
+            class: 'ProseMirror-fake-text-selection'
+          })]);
+        }
+        return DecorationSet.empty;
+      }
+    }
+  });
+}
+export function provideVisualFeedbackForCopyButton(state, dispatch) {
+  var tr = state.tr;
+  tr.setMeta(copySelectionPluginKey, 'show-selection');
+
+  // note: dispatch should always be defined when called from the
+  // floating toolbar. Howver the Command type which the floating toolbar
+  // uses suggests it's optional.
+  // Using the type here to protect against future refactors of the
+  // floating toolbar
+  if (dispatch) {
+    dispatch(tr);
+  }
+  return true;
+}
+export function removeVisualFeedbackForCopyButton(state, dispatch) {
+  var tr = state.tr;
+  tr.setMeta(copySelectionPluginKey, 'remove-selection');
+
+  // note: dispatch should always be defined when called from the
+  // floating toolbar. Howver the Command type which the floating toolbar
+  // uses suggests it's optional.
+  // Using the type here to protect against future refactors of the
+  // floating toolbar
+  if (dispatch) {
+    dispatch(tr);
+  }
+  return true;
+}

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

@@ -0,0 +1,126 @@
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { filterCommand as filter } from '@atlaskit/editor-common/utils';
+import { keydownHandler } from '@atlaskit/editor-prosemirror/keymap';
+import { TextSelection } from '@atlaskit/editor-prosemirror/state';
+import { setTextSelection } from '@atlaskit/editor-prosemirror/utils';
+import { getAutoClosingBracketInfo, shouldAutoCloseBracket } from '../ide-ux/bracket-handling';
+import { indent, insertIndent, insertNewlineWithIndent, outdent } from '../ide-ux/commands';
+import { getEndOfCurrentLine, getLineInfo, getStartOfCurrentLine, isCursorInsideCodeBlock, isSelectionEntirelyInsideCodeBlock } from '../ide-ux/line-handling';
+import { isClosingCharacter, isCursorBeforeClosingCharacter } from '../ide-ux/paired-character-handling';
+import { getAutoClosingQuoteInfo, shouldAutoCloseQuote } from '../ide-ux/quote-handling';
+import { getCursor } from '../utils';
+var ideUX = function ideUX(pluginInjectionApi) {
+  var _pluginInjectionApi$a;
+  var editorAnalyticsAPI = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions;
+  return new SafePlugin({
+    props: {
+      handleTextInput: function handleTextInput(view, from, to, text) {
+        var _pluginInjectionApi$c;
+        var state = view.state,
+          dispatch = view.dispatch;
+        var compositionPluginState = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c = pluginInjectionApi.composition) === null || _pluginInjectionApi$c === void 0 ? void 0 : _pluginInjectionApi$c.sharedState.currentState();
+        if (isCursorInsideCodeBlock(state) && !(compositionPluginState !== null && compositionPluginState !== void 0 && compositionPluginState.isComposing)) {
+          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 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;
+        },
+        Enter: filter(isSelectionEntirelyInsideCodeBlock, insertNewlineWithIndent),
+        'Mod-]': filter(isSelectionEntirelyInsideCodeBlock, indent(editorAnalyticsAPI)),
+        'Mod-[': filter(isSelectionEntirelyInsideCodeBlock, outdent(editorAnalyticsAPI)),
+        Tab: filter(isSelectionEntirelyInsideCodeBlock, function (state, dispatch) {
+          if (!dispatch) {
+            return false;
+          }
+          if (isCursorInsideCodeBlock(state)) {
+            return insertIndent(state, dispatch);
+          }
+          return indent(editorAnalyticsAPI)(state, dispatch);
+        }),
+        'Shift-Tab': filter(isSelectionEntirelyInsideCodeBlock, outdent(editorAnalyticsAPI)),
+        '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;
+        }
+      })
+    }
+  });
+};
+export default ideUX;

package/dist/esm/pm-plugins/input-rule.js

@@ -0,0 +1,62 @@
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { insertBlock } from '@atlaskit/editor-common/commands';
+import { inputRuleWithAnalytics } from '@atlaskit/editor-common/utils';
+import { safeInsert } from '@atlaskit/editor-prosemirror/utils';
+import { createPlugin, createRule, leafNodeReplacementCharacter } from '@atlaskit/prosemirror-input-rules';
+import { isConvertableToCodeBlock, transformToCodeBlockAction } from '../transform-to-code-block';
+export function createCodeBlockInputRule(schema, editorAnalyticsAPI) {
+  var rules = getCodeBlockRules(editorAnalyticsAPI, schema);
+  return createPlugin('code-block-input-rule', rules, {
+    isBlockNodeRule: true
+  });
+}
+
+/**
+ * Get all code block input rules
+ *
+ * @param {Schema} schema
+ * @returns {InputRuleWithHandler[]}
+ */
+function getCodeBlockRules(editorAnalyticsAPI, schema) {
+  var ruleAnalytics = inputRuleWithAnalytics({
+    action: ACTION.INSERTED,
+    actionSubject: ACTION_SUBJECT.DOCUMENT,
+    actionSubjectId: ACTION_SUBJECT_ID.CODE_BLOCK,
+    attributes: {
+      inputMethod: INPUT_METHOD.FORMATTING
+    },
+    eventType: EVENT_TYPE.TRACK
+  }, editorAnalyticsAPI);
+  var validMatchLength = function validMatchLength(match) {
+    return match.length > 0 && match[0].length === 3;
+  };
+  var threeTildeRule = createRule(/(?!\s)(`{3,})$/, function (state, match, start, end) {
+    if (!validMatchLength(match)) {
+      return null;
+    }
+    var attributes = {};
+    if (match[4]) {
+      attributes.language = match[4];
+    }
+    if (isConvertableToCodeBlock(state)) {
+      return transformToCodeBlockAction(state, start, attributes);
+    }
+    var tr = state.tr;
+    tr.delete(start, end);
+    var codeBlock = tr.doc.type.schema.nodes.codeBlock.createChecked();
+    safeInsert(codeBlock)(tr);
+    return tr;
+  });
+  var leftNodeReplacementThreeTildeRule = createRule(new RegExp("((".concat(leafNodeReplacementCharacter, "`{3,})|^\\s(`{3,}))(\\S*)$")), function (state, match, start, end) {
+    if (!validMatchLength(match)) {
+      return null;
+    }
+    var attributes = {};
+    if (match[4]) {
+      attributes.language = match[4];
+    }
+    var inlineStart = Math.max(match.index + state.selection.$from.start(), 1);
+    return insertBlock(state, schema.nodes.codeBlock, inlineStart, end, attributes);
+  });
+  return [ruleAnalytics(threeTildeRule), ruleAnalytics(leftNodeReplacementThreeTildeRule)];
+}

package/dist/esm/pm-plugins/keymaps.js

@@ -0,0 +1,59 @@
+import { isEmptyNode } from '@atlaskit/editor-common/utils';
+import { keymap } from '@atlaskit/editor-prosemirror/keymap';
+import { Selection } from '@atlaskit/editor-prosemirror/state';
+import { findParentNodeOfTypeClosestToPos, hasParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
+import { getCursor } from '../utils';
+var deleteCurrentItem = function deleteCurrentItem($from) {
+  return function (tr) {
+    return tr.delete($from.before($from.depth), $from.after($from.depth));
+  };
+};
+var setTextSelection = function setTextSelection(pos) {
+  return function (tr) {
+    var newSelection = Selection.findFrom(tr.doc.resolve(pos), -1, true);
+    if (newSelection) {
+      tr.setSelection(newSelection);
+    }
+    return tr;
+  };
+};
+export function keymapPlugin(schema) {
+  return keymap({
+    Backspace: function Backspace(state, dispatch) {
+      var $cursor = getCursor(state.selection);
+      var _state$schema$nodes = state.schema.nodes,
+        paragraph = _state$schema$nodes.paragraph,
+        codeBlock = _state$schema$nodes.codeBlock,
+        listItem = _state$schema$nodes.listItem,
+        table = _state$schema$nodes.table,
+        layoutColumn = _state$schema$nodes.layoutColumn;
+      if (!$cursor || $cursor.parent.type !== codeBlock || !dispatch) {
+        return false;
+      }
+      if ($cursor.pos === 1 || hasParentNodeOfType(listItem)(state.selection) && $cursor.parentOffset === 0) {
+        var node = findParentNodeOfTypeClosestToPos($cursor, codeBlock);
+        if (!node) {
+          return false;
+        }
+        dispatch(state.tr.setNodeMarkup(node.pos, node.node.type, node.node.attrs, []).setBlockType($cursor.pos, $cursor.pos, paragraph));
+        return true;
+      }
+      if ($cursor.node && isEmptyNode(schema)($cursor.node()) && (hasParentNodeOfType(layoutColumn)(state.selection) || hasParentNodeOfType(table)(state.selection))) {
+        var tr = state.tr;
+        var insertPos = $cursor.pos;
+        deleteCurrentItem($cursor)(tr);
+        setTextSelection(insertPos)(tr);
+        dispatch(tr.scrollIntoView());
+        return true;
+      }
+
+      // Handle not nested empty code block
+      if (isEmptyNode(schema)($cursor.node())) {
+        dispatch(deleteCurrentItem($cursor)(state === null || state === void 0 ? void 0 : state.tr));
+        return true;
+      }
+      return false;
+    }
+  });
+}
+export default keymapPlugin;

package/dist/esm/pm-plugins/main-state.js

@@ -0,0 +1,4 @@
+import { pluginKey } from '../plugin-key';
+export var getPluginState = function getPluginState(state) {
+  return pluginKey.getState(state);
+};

package/dist/esm/pm-plugins/main.js

@@ -0,0 +1,107 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { createSelectionClickHandler } from '@atlaskit/editor-common/selection';
+import { browser } from '@atlaskit/editor-common/utils';
+import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
+import { ignoreFollowingMutations, resetShouldIgnoreFollowingMutations } from '../actions';
+import { codeBlockNodeView } from '../nodeviews/code-block';
+import { pluginKey } from '../plugin-key';
+import { codeBlockClassNames } from '../ui/class-names';
+import { findCodeBlock } from '../utils';
+import { ACTIONS } from './actions';
+export var createPlugin = function createPlugin(_ref) {
+  var _ref$useLongPressSele = _ref.useLongPressSelection,
+    useLongPressSelection = _ref$useLongPressSele === void 0 ? false : _ref$useLongPressSele,
+    getIntl = _ref.getIntl,
+    appearance = _ref.appearance,
+    _ref$allowComposition = _ref.allowCompositionInputOverride,
+    allowCompositionInputOverride = _ref$allowComposition === void 0 ? false : _ref$allowComposition;
+  var handleDOMEvents = {};
+
+  // ME-1599: Composition on mobile was causing the DOM observer to mutate the code block
+  // incorrecly and lose content when pressing enter in the middle of a code block line.
+  if (allowCompositionInputOverride) {
+    handleDOMEvents.beforeinput = function (view, event) {
+      var keyEvent = event;
+      var eventInputType = keyEvent.inputType;
+      var eventText = keyEvent.data;
+      if (browser.ios && event.composed &&
+      // insertParagraph will be the input type when the enter key is pressed.
+      eventInputType === 'insertParagraph' && findCodeBlock(view.state, view.state.selection)) {
+        event.preventDefault();
+        return true;
+      } else if (browser.android && event.composed && eventInputType === 'insertCompositionText' && eventText[(eventText === null || eventText === void 0 ? void 0 : eventText.length) - 1] === '\n' && findCodeBlock(view.state, view.state.selection)) {
+        var resultingText = event.target.outerText + '\n';
+        if (resultingText.endsWith(eventText)) {
+          // End of paragraph
+          setTimeout(function () {
+            view.someProp('handleKeyDown', function (f) {
+              return f(view, new KeyboardEvent('keydown', {
+                bubbles: true,
+                cancelable: true,
+                key: 'Enter',
+                code: 'Enter'
+              }));
+            });
+          }, 0);
+        } else {
+          // Middle of paragraph, end of line
+          ignoreFollowingMutations(view.state, view.dispatch);
+        }
+        return true;
+      }
+      if (browser.android) {
+        resetShouldIgnoreFollowingMutations(view.state, view.dispatch);
+      }
+      return false;
+    };
+  }
+  return new SafePlugin({
+    state: {
+      init: function init(_, state) {
+        var node = findCodeBlock(state, state.selection);
+        return {
+          pos: node ? node.pos : null,
+          contentCopied: false,
+          isNodeSelected: false,
+          shouldIgnoreFollowingMutations: false
+        };
+      },
+      apply: function apply(tr, pluginState, _oldState, newState) {
+        if (tr.docChanged || tr.selectionSet) {
+          var node = findCodeBlock(newState, tr.selection);
+          var newPluginState = _objectSpread(_objectSpread({}, pluginState), {}, {
+            pos: node ? node.pos : null,
+            isNodeSelected: tr.selection instanceof NodeSelection
+          });
+          return newPluginState;
+        }
+        var meta = tr.getMeta(pluginKey);
+        if ((meta === null || meta === void 0 ? void 0 : meta.type) === ACTIONS.SET_COPIED_TO_CLIPBOARD) {
+          return _objectSpread(_objectSpread({}, pluginState), {}, {
+            contentCopied: meta.data
+          });
+        } else if ((meta === null || meta === void 0 ? void 0 : meta.type) === ACTIONS.SET_SHOULD_IGNORE_FOLLOWING_MUTATIONS) {
+          return _objectSpread(_objectSpread({}, pluginState), {}, {
+            shouldIgnoreFollowingMutations: meta.data
+          });
+        }
+        return pluginState;
+      }
+    },
+    key: pluginKey,
+    props: {
+      nodeViews: {
+        codeBlock: codeBlockNodeView
+      },
+      handleClickOn: createSelectionClickHandler(['codeBlock'], function (target) {
+        return !!(target.closest(".".concat(codeBlockClassNames.gutter)) || target.classList.contains(codeBlockClassNames.content));
+      }, {
+        useLongPressSelection: useLongPressSelection
+      }),
+      handleDOMEvents: handleDOMEvents
+    }
+  });
+};

package/dist/esm/refresh-browser-selection.js

@@ -0,0 +1,25 @@
+import { browser } from '@atlaskit/editor-common/utils';
+import { pluginKey } from './plugin-key';
+
+// Workaround for a firefox issue where dom selection is off sync
+// https://product-fabric.atlassian.net/browse/ED-12442
+var refreshBrowserSelection = function refreshBrowserSelection() {
+  var domSelection = window.getSelection();
+  if (domSelection) {
+    var domRange = domSelection && domSelection.rangeCount === 1 && domSelection.getRangeAt(0).cloneRange();
+    if (domRange) {
+      domSelection.removeAllRanges();
+      domSelection.addRange(domRange);
+    }
+  }
+};
+var refreshBrowserSelectionOnChange = function refreshBrowserSelectionOnChange(transaction, editorState) {
+  var _pluginKey$getState;
+  if (browser.gecko && transaction.docChanged &&
+  // codeblockState.pos should be set if current selection is in a codeblock.
+  typeof ((_pluginKey$getState = pluginKey.getState(editorState)) === null || _pluginKey$getState === void 0 ? void 0 : _pluginKey$getState.pos) === 'number') {
+    refreshBrowserSelection();
+  }
+};
+export default refreshBrowserSelectionOnChange;
+export { refreshBrowserSelection };