@atlaskit/editor-core 150.0.1 → 151.1.0

package/dist/cjs/plugins/analytics/types/enums.js

@@ -102,6 +102,7 @@ exports.ACTION = ACTION;
   ACTION["ON_EDITOR_READY_CALLBACK"] = "onEditorReadyCallback";
   ACTION["ON_CHANGE_CALLBACK"] = "onChangeCalled";
   ACTION["REMOVE_ICON"] = "removedIcon";
+  ACTION["UFO_SESSION_COMPLETE"] = "ufoSessionComplete";
 })(ACTION || (exports.ACTION = ACTION = {}));
 
 var INPUT_METHOD;
@@ -246,8 +247,9 @@ exports.ACTION_SUBJECT_ID = ACTION_SUBJECT_ID;
   ACTION_SUBJECT_ID["LINK"] = "link";
   ACTION_SUBJECT_ID["LINK_PREVIEW"] = "linkPreview";
   ACTION_SUBJECT_ID["MEDIA"] = "media";
-  ACTION_SUBJECT_ID["MEDIA_SINGLE"] = "mediaSingle";
   ACTION_SUBJECT_ID["MEDIA_GROUP"] = "mediaGroup";
+  ACTION_SUBJECT_ID["MEDIA_INLINE"] = "mediaInline";
+  ACTION_SUBJECT_ID["MEDIA_SINGLE"] = "mediaSingle";
   ACTION_SUBJECT_ID["MEDIA_LINK"] = "mediaLink";
   ACTION_SUBJECT_ID["MENTION"] = "mention";
   ACTION_SUBJECT_ID["NESTED_EXPAND"] = "nestedExpand";

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

@@ -81,9 +81,10 @@ var basePlugin = function basePlugin(options) {
       }, {
         name: 'frozenEditor',
         plugin: function plugin(_ref3) {
-          var dispatchAnalyticsEvent = _ref3.dispatchAnalyticsEvent,
-              providerFactory = _ref3.providerFactory;
-          return options && options.inputTracking && options.inputTracking.enabled ? (0, _frozenEditor.default)(dispatchAnalyticsEvent, options.inputTracking, options.browserFreezeTracking) : undefined;
+          var _options$inputTrackin;
+
+          var dispatchAnalyticsEvent = _ref3.dispatchAnalyticsEvent;
+          return options !== null && options !== void 0 && (_options$inputTrackin = options.inputTracking) !== null && _options$inputTrackin !== void 0 && _options$inputTrackin.enabled || options !== null && options !== void 0 && options.ufo ? (0, _frozenEditor.default)(dispatchAnalyticsEvent, options.inputTracking, options.browserFreezeTracking, options.ufo) : undefined;
         }
       }, {
         name: 'decorationPlugin',

package/dist/cjs/plugins/base/pm-plugins/frozen-editor.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.DEFAULT_TRACK_SEVERITY_THRESHOLD_DEGRADED = exports.DEFAULT_TRACK_SEVERITY_THRESHOLD_NORMAL = exports.DEGRADED_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = exports.DEFAULT_FREEZE_THRESHOLD = void 0;
+exports.default = exports.DEFAULT_TRACK_SEVERITY_THRESHOLD_DEGRADED = exports.DEFAULT_TRACK_SEVERITY_THRESHOLD_NORMAL = exports.DEGRADED_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = exports.DEFAULT_FREEZE_THRESHOLD = exports.frozenEditorPluginKey = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
@@ -13,6 +13,8 @@ var _prosemirrorState = require("prosemirror-state");
 
 var _editorCommon = require("@atlaskit/editor-common");
 
+var _ufo = require("@atlaskit/editor-common/ufo");
+
 var _analytics = require("../../analytics");
 
 var _getParticipantsCount = require("../../collab-edit/get-participants-count");
@@ -29,6 +31,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
+var frozenEditorPluginKey = new _prosemirrorState.PluginKey('frozenEditor');
+exports.frozenEditorPluginKey = frozenEditorPluginKey;
 var DEFAULT_KEYSTROKE_SAMPLING_LIMIT = 100;
 var DEFAULT_SLOW_THRESHOLD = 300;
 var DEFAULT_FREEZE_THRESHOLD = 600;
@@ -64,7 +68,7 @@ var dispatchLongTaskEvent = function dispatchLongTaskEvent(dispatchAnalyticsEven
   });
 };
 
-var _default = function _default(dispatchAnalyticsEvent, inputTracking, browserFreezeTracking) {
+var _default = function _default(dispatchAnalyticsEvent, inputTracking, browserFreezeTracking, ufo) {
   var keystrokeCount = 0;
   var interactionType;
 
@@ -80,6 +84,7 @@ var _default = function _default(dispatchAnalyticsEvent, inputTracking, browserF
   var severityThresholdNormal = (inputTracking === null || inputTracking === void 0 ? void 0 : inputTracking.severityNormalThreshold) || DEFAULT_TRACK_SEVERITY_THRESHOLD_NORMAL;
   var severityThresholdDegraded = (inputTracking === null || inputTracking === void 0 ? void 0 : inputTracking.severityDegradedThreshold) || DEFAULT_TRACK_SEVERITY_THRESHOLD_DEGRADED;
   return new _prosemirrorState.Plugin({
+    key: frozenEditorPluginKey,
     props: (0, _editorCommon.isPerformanceAPIAvailable)() ? {
       handleTextInput: function handleTextInput(view) {
         var state = view.state;
@@ -89,51 +94,76 @@ var _default = function _default(dispatchAnalyticsEvent, inputTracking, browserF
           interactionType = _analytics.BROWSER_FREEZE_INTERACTION_TYPE.TYPING;
         }
 
+        var experienceStore = ufo ? _ufo.ExperienceStore.getInstance(view) : undefined;
+        var trackTyping = samplingRate && ++keystrokeCount === samplingRate;
+
+        if (trackTyping) {
+          experienceStore === null || experienceStore === void 0 ? void 0 : experienceStore.start(_ufo.EditorExperience.typing);
+        }
+
         requestAnimationFrame(function () {
           var diff = (0, _getPerformanceTiming.getTimeSince)(now);
 
-          if (samplingRate && ++keystrokeCount === samplingRate) {
-            var _getContextIdentifier2;
-
+          if (diff > slowThreshold) {
             var nodesCount = allowCountNodes ? (0, _countNodes.countNodes)(view.state) : {};
-            keystrokeCount = 0;
-            var payload = {
-              action: _analytics.ACTION.INPUT_PERF_SAMPLING,
-              actionSubject: _analytics.ACTION_SUBJECT.EDITOR,
-              attributes: _objectSpread(_objectSpread({
-                time: diff,
-                nodeSize: state.doc.nodeSize
-              }, nodesCount), {}, {
-                participants: (0, _getParticipantsCount.getParticipantsCount)(state),
-                objectId: (_getContextIdentifier2 = (0, _contextIdentifier.getContextIdentifier)(state)) === null || _getContextIdentifier2 === void 0 ? void 0 : _getContextIdentifier2.objectId
-              }),
-              eventType: _analytics.EVENT_TYPE.OPERATIONAL
-            };
-
-            if (shouldTrackSeverity) {
-              payload.attributes.severity = (0, _editorCommon.getAnalyticsEventSeverity)(diff, severityThresholdNormal, severityThresholdDegraded);
+
+            if (inputTracking !== null && inputTracking !== void 0 && inputTracking.enabled) {
+              var _getContextIdentifier2;
+
+              dispatchAnalyticsEvent({
+                action: _analytics.ACTION.SLOW_INPUT,
+                actionSubject: _analytics.ACTION_SUBJECT.EDITOR,
+                attributes: _objectSpread(_objectSpread({
+                  time: diff,
+                  nodeSize: state.doc.nodeSize
+                }, nodesCount), {}, {
+                  participants: (0, _getParticipantsCount.getParticipantsCount)(state),
+                  objectId: (_getContextIdentifier2 = (0, _contextIdentifier.getContextIdentifier)(state)) === null || _getContextIdentifier2 === void 0 ? void 0 : _getContextIdentifier2.objectId
+                }),
+                eventType: _analytics.EVENT_TYPE.OPERATIONAL
+              });
             }
 
-            dispatchAnalyticsEvent(payload);
+            experienceStore === null || experienceStore === void 0 ? void 0 : experienceStore.addMetadata(_ufo.EditorExperience.typing, {
+              slowInput: true
+            });
           }
 
-          if (diff > slowThreshold) {
-            var _getContextIdentifier3;
+          if (trackTyping) {
+            var _getContextIdentifier4;
 
             var _nodesCount = allowCountNodes ? (0, _countNodes.countNodes)(view.state) : {};
 
-            dispatchAnalyticsEvent({
-              action: _analytics.ACTION.SLOW_INPUT,
-              actionSubject: _analytics.ACTION_SUBJECT.EDITOR,
-              attributes: _objectSpread(_objectSpread({
-                time: diff,
-                nodeSize: state.doc.nodeSize
-              }, _nodesCount), {}, {
-                participants: (0, _getParticipantsCount.getParticipantsCount)(state),
-                objectId: (_getContextIdentifier3 = (0, _contextIdentifier.getContextIdentifier)(state)) === null || _getContextIdentifier3 === void 0 ? void 0 : _getContextIdentifier3.objectId
-              }),
-              eventType: _analytics.EVENT_TYPE.OPERATIONAL
-            });
+            keystrokeCount = 0;
+            var severity = shouldTrackSeverity ? (0, _editorCommon.getAnalyticsEventSeverity)(diff, severityThresholdNormal, severityThresholdDegraded) : undefined;
+
+            if (inputTracking !== null && inputTracking !== void 0 && inputTracking.enabled) {
+              var _getContextIdentifier3;
+
+              var payload = {
+                action: _analytics.ACTION.INPUT_PERF_SAMPLING,
+                actionSubject: _analytics.ACTION_SUBJECT.EDITOR,
+                attributes: _objectSpread(_objectSpread({
+                  time: diff,
+                  nodeSize: state.doc.nodeSize
+                }, _nodesCount), {}, {
+                  participants: (0, _getParticipantsCount.getParticipantsCount)(state),
+                  objectId: (_getContextIdentifier3 = (0, _contextIdentifier.getContextIdentifier)(state)) === null || _getContextIdentifier3 === void 0 ? void 0 : _getContextIdentifier3.objectId,
+                  severity: severity
+                }),
+                eventType: _analytics.EVENT_TYPE.OPERATIONAL
+              };
+              dispatchAnalyticsEvent(payload);
+            }
+
+            experienceStore === null || experienceStore === void 0 ? void 0 : experienceStore.success(_ufo.EditorExperience.typing, _objectSpread(_objectSpread({
+              nodeSize: state.doc.nodeSize
+            }, _nodesCount), {}, {
+              participants: (0, _getParticipantsCount.getParticipantsCount)(state),
+              objectId: (_getContextIdentifier4 = (0, _contextIdentifier.getContextIdentifier)(state)) === null || _getContextIdentifier4 === void 0 ? void 0 : _getContextIdentifier4.objectId,
+              time: diff,
+              severity: severity
+            }));
           }
         });
         return false;

package/dist/cjs/plugins/block-type/ui/ToolbarBlockType/styled.js

@@ -20,7 +20,9 @@ var _styles = require("../../../../ui/styles");
 var _templateObject, _templateObject2;
 
 var BlockTypeMenuItem = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", ";\n  > {\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n      margin-top: 0;\n    }\n  }\n  ", ";\n"])), _editorCommon.headingsSharedStyles, function (props) {
-  return props.selected ? "".concat(props.tagName, " { color: white }") : '';
+  return (// TEMP FIX: See https://product-fabric.atlassian.net/browse/ED-13878
+    props.selected ? "".concat(props.tagName, " { color: white !important; }") : ''
+  );
 });
 
 exports.BlockTypeMenuItem = BlockTypeMenuItem;

package/dist/cjs/plugins/card/index.js

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _adfSchema = require("@atlaskit/adf-schema");
@@ -17,6 +19,10 @@ var _toolbar = require("./toolbar");
 
 var _EditorSmartCardEvents = require("./ui/EditorSmartCardEvents");
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 var cardPlugin = function cardPlugin(options) {
   return {
     name: 'card',
@@ -39,13 +45,18 @@ var cardPlugin = function cardPlugin(options) {
       return nodes;
     },
     pmPlugins: function pmPlugins() {
-      var _options$allowResizin, _options$useAlternati;
+      var _options$allowBlockCa, _options$allowResizin, _options$useAlternati;
 
+      var allowBlockCards = (_options$allowBlockCa = options.allowBlockCards) !== null && _options$allowBlockCa !== void 0 ? _options$allowBlockCa : true;
       var allowResizing = (_options$allowResizin = options.allowResizing) !== null && _options$allowResizin !== void 0 ? _options$allowResizin : true;
       var useAlternativePreloader = (_options$useAlternati = options.useAlternativePreloader) !== null && _options$useAlternati !== void 0 ? _options$useAlternati : true;
       return [{
         name: 'card',
-        plugin: (0, _main.createPlugin)(options.platform, allowResizing, useAlternativePreloader, options.fullWidthMode, options.createAnalyticsEvent)
+        plugin: (0, _main.createPlugin)(_objectSpread(_objectSpread({}, options), {}, {
+          allowBlockCards: allowBlockCards,
+          allowResizing: allowResizing,
+          useAlternativePreloader: useAlternativePreloader
+        }))
       }];
     },
     contentComponent: function contentComponent(_ref) {

package/dist/cjs/plugins/card/nodeviews/embedCard.js

@@ -284,6 +284,7 @@ var EmbedCardComponent = /*#__PURE__*/function (_React$PureComponent) {
           var containerWidth = (0, _richMediaUtils.isRichMediaInsideOfBlockNode)(view, pos) ? lineLength : widthStateWidth;
 
           var smartCard = /*#__PURE__*/_react.default.createElement(_smartCard.Card, {
+            key: url,
             url: url,
             appearance: "embed",
             onClick: _this2.onClick,

package/dist/cjs/plugins/card/pm-plugins/main.js

@@ -31,12 +31,17 @@ var _blockCard = require("../nodeviews/blockCard");
 
 var _inlineCard = require("../nodeviews/inlineCard");
 
-var createPlugin = function createPlugin(platform, allowResizing, useAlternativePreloader, fullWidthMode, createAnalyticsEvent) {
+var createPlugin = function createPlugin(options) {
   return function (_ref) {
     var portalProviderAPI = _ref.portalProviderAPI,
         eventDispatcher = _ref.eventDispatcher,
         providerFactory = _ref.providerFactory,
         dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent;
+    var platform = options.platform,
+        allowResizing = options.allowResizing,
+        useAlternativePreloader = options.useAlternativePreloader,
+        fullWidthMode = options.fullWidthMode,
+        createAnalyticsEvent = options.createAnalyticsEvent;
     return new _prosemirrorState.Plugin({
       state: {
         init: function init() {
@@ -94,7 +99,7 @@ var createPlugin = function createPlugin(platform, allowResizing, useAlternative
                  * other tasks as per common implementations of the JavaScript event loop in browsers.
                  */
                 var invoke = (0, _rafSchd.default)(function () {
-                  return (0, _resolve.resolveWithProvider)(view, outstandingRequests, provider, request);
+                  return (0, _resolve.resolveWithProvider)(view, outstandingRequests, provider, request, options);
                 });
                 rafCancellationCallbacks.push(invoke.cancel);
                 invoke();

package/dist/cjs/plugins/card/pm-plugins/util/resolve.js

@@ -14,19 +14,26 @@ var _doc = require("../doc");
 // ============================================================================ //
 // Used for all interactions with the EditorCardProvider.
 // ============================================================================ //
-var resolveWithProvider = function resolveWithProvider(view, outstandingRequests, provider, request) {
+var resolveWithProvider = function resolveWithProvider(view, outstandingRequests, provider, request, options) {
   var handleResolve = provider.resolve(request.url, request.appearance).then(function (resolvedCard) {
     delete outstandingRequests[request.url];
     return resolvedCard;
-  }).then(handleResolved(view, request), handleRejected(view, request));
+  }).then(handleResolved(view, request, options), handleRejected(view, request));
   outstandingRequests[request.url] = handleResolve;
   return handleResolve;
 };
 
 exports.resolveWithProvider = resolveWithProvider;
 
-var handleResolved = function handleResolved(view, request) {
+var updateCardType = function updateCardType(resolvedCard, options) {
+  if ((resolvedCard === null || resolvedCard === void 0 ? void 0 : resolvedCard.type) === 'blockCard' && !options.allowBlockCards || (resolvedCard === null || resolvedCard === void 0 ? void 0 : resolvedCard.type) === 'embedCard' && !options.allowEmbeds) {
+    resolvedCard.type = 'inlineCard';
+  }
+};
+
+var handleResolved = function handleResolved(view, request, options) {
   return function (resolvedCard) {
+    updateCardType(resolvedCard, options);
     (0, _doc.replaceQueuedUrlWithCard)(request.url, resolvedCard, request.analyticsAction)(view.state, view.dispatch);
     return resolvedCard;
   };

package/dist/cjs/plugins/code-bidi-warning/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _main = require("./pm-plugins/main");
+
+var codeBidiWarning = function codeBidiWarning() {
+  return {
+    name: 'codeBidiWarning',
+    pmPlugins: function pmPlugins() {
+      return [{
+        name: 'codeBidiWarning',
+        plugin: function plugin(options) {
+          return (0, _main.createPlugin)(options);
+        }
+      }];
+    }
+  };
+};
+
+var _default = codeBidiWarning;
+exports.default = _default;

package/dist/cjs/plugins/code-bidi-warning/plugin-key.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.codeBidiWarningPluginKey = void 0;
+
+var _prosemirrorState = require("prosemirror-state");
+
+var codeBidiWarningPluginKey = new _prosemirrorState.PluginKey('codeBidiWarningPlugin');
+exports.codeBidiWarningPluginKey = codeBidiWarningPluginKey;

package/dist/cjs/plugins/code-bidi-warning/pm-plugins/main.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createPlugin = void 0;
+
+var _prosemirrorState = require("prosemirror-state");
+
+var _messages = require("@atlaskit/editor-common/messages");
+
+var _pluginKey = require("../plugin-key");
+
+var _pluginFactory = require("./plugin-factory");
+
+var createPlugin = function createPlugin(_ref) {
+  var dispatch = _ref.dispatch,
+      reactContext = _ref.reactContext;
+  var intl = reactContext().intl;
+  var codeBidiWarningLabel = intl.formatMessage(_messages.codeBidiWarningMessages.label);
+  return new _prosemirrorState.Plugin({
+    key: _pluginKey.codeBidiWarningPluginKey,
+    state: (0, _pluginFactory.createPluginState)(dispatch, function (state) {
+      return {
+        decorationSet: (0, _pluginFactory.createBidiWarningsDecorationSetFromDoc)({
+          doc: state.doc,
+          codeBidiWarningLabel: codeBidiWarningLabel
+        }),
+        codeBidiWarningLabel: codeBidiWarningLabel
+      };
+    }),
+    props: {
+      decorations: function decorations(state) {
+        var _getPluginState = (0, _pluginFactory.getPluginState)(state),
+            decorationSet = _getPluginState.decorationSet;
+
+        return decorationSet;
+      }
+    }
+  });
+};
+
+exports.createPlugin = createPlugin;

package/dist/cjs/plugins/code-bidi-warning/pm-plugins/plugin-factory.js

@@ -0,0 +1,118 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createBidiWarningsDecorationSetFromDoc = createBidiWarningsDecorationSetFromDoc;
+exports.getPluginState = exports.createPluginState = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
+var _prosemirrorView = require("prosemirror-view");
+
+var _bidiWarning = _interopRequireDefault(require("@atlaskit/code/bidi-warning"));
+
+var _bidiWarningDecorator = _interopRequireDefault(require("@atlaskit/code/bidi-warning-decorator"));
+
+var _pluginStateFactory = require("../../../utils/plugin-state-factory");
+
+var _step = require("../../../utils/step");
+
+var _pluginKey = require("../plugin-key");
+
+var _reducer = _interopRequireDefault(require("./reducer"));
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var _pluginFactory = (0, _pluginStateFactory.pluginFactory)(_pluginKey.codeBidiWarningPluginKey, _reducer.default, {
+  onDocChanged: function onDocChanged(tr, pluginState) {
+    if (!tr.steps.find(_step.stepHasSlice)) {
+      return pluginState;
+    }
+
+    var newBidiWarningsDecorationSet = createBidiWarningsDecorationSetFromDoc({
+      doc: tr.doc,
+      codeBidiWarningLabel: pluginState.codeBidiWarningLabel
+    });
+    return _objectSpread(_objectSpread({}, pluginState), {}, {
+      decorationSet: newBidiWarningsDecorationSet
+    });
+  }
+}),
+    createPluginState = _pluginFactory.createPluginState,
+    getPluginState = _pluginFactory.getPluginState;
+
+exports.getPluginState = getPluginState;
+exports.createPluginState = createPluginState;
+
+function createBidiWarningsDecorationSetFromDoc(_ref) {
+  var doc = _ref.doc,
+      codeBidiWarningLabel = _ref.codeBidiWarningLabel;
+  var bidiCharactersAndTheirPositions = [];
+  doc.descendants(function (node, pos) {
+    var isTextWithCodeMark = node.type.name === 'text' && node.marks && node.marks.some(function (mark) {
+      return mark.type.name === 'code';
+    });
+
+    if (isTextWithCodeMark) {
+      (0, _bidiWarningDecorator.default)(node.textContent, function (_ref2) {
+        var bidiCharacter = _ref2.bidiCharacter,
+            index = _ref2.index;
+        bidiCharactersAndTheirPositions.push({
+          position: pos + index,
+          bidiCharacter: bidiCharacter
+        });
+      });
+      return false;
+    }
+
+    var isCodeBlock = node.type.name === 'codeBlock';
+
+    if (isCodeBlock) {
+      (0, _bidiWarningDecorator.default)(node.textContent, function (_ref3) {
+        var bidiCharacter = _ref3.bidiCharacter,
+            index = _ref3.index;
+        bidiCharactersAndTheirPositions.push({
+          position: pos + index + 1,
+          bidiCharacter: bidiCharacter
+        });
+      });
+    }
+  }); // Bidi characters are not expected to commonly appear in code snippets, so recreating the decoration set
+  // for documents rather than reusing existing decorations seems a reasonable performance/complexity tradeoff.
+
+  if (bidiCharactersAndTheirPositions.length === 0) {
+    return _prosemirrorView.DecorationSet.empty;
+  }
+
+  var newBidiWarningsDecorationSet = _prosemirrorView.DecorationSet.create(doc, bidiCharactersAndTheirPositions.map(function (_ref4) {
+    var position = _ref4.position,
+        bidiCharacter = _ref4.bidiCharacter;
+    return _prosemirrorView.Decoration.widget(position, function () {
+      return renderDOM(bidiCharacter, codeBidiWarningLabel);
+    });
+  }));
+
+  return newBidiWarningsDecorationSet;
+}
+
+function renderDOM(bidiCharacter, codeBidiWarningLabel) {
+  var element = document.createElement('span'); // Note: we use this pattern elsewhere (see highlighting code block, and drop cursor widget decoration)
+  // we should investigate if there is a memory leak with such usage.
+
+  _reactDom.default.render( /*#__PURE__*/_react.default.createElement(_bidiWarning.default, {
+    bidiCharacter: bidiCharacter,
+    skipChildren: true,
+    label: codeBidiWarningLabel
+  }), element);
+
+  return element;
+}

package/dist/cjs/plugins/code-bidi-warning/pm-plugins/reducer.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _default = function _default(pluginState, action) {
+  return pluginState;
+};
+
+exports.default = _default;

package/dist/cjs/plugins/code-bidi-warning/pm-plugins/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -40,8 +40,12 @@ var codeBlockPlugin = function codeBlockPlugin() {
     pmPlugins: function pmPlugins() {
       return [{
         name: 'codeBlock',
-        plugin: function plugin() {
-          return (0, _main.createPlugin)(options.useLongPressSelection);
+        plugin: function plugin(_ref) {
+          var reactContext = _ref.reactContext;
+          return (0, _main.createPlugin)({
+            useLongPressSelection: options.useLongPressSelection,
+            reactContext: reactContext
+          });
         }
       }, {
         name: 'codeBlockIDEKeyBindings',
@@ -50,8 +54,8 @@ var codeBlockPlugin = function codeBlockPlugin() {
         }
       }, {
         name: 'codeBlockKeyMap',
-        plugin: function plugin(_ref) {
-          var schema = _ref.schema;
+        plugin: function plugin(_ref2) {
+          var schema = _ref2.schema;
           return (0, _keymaps.default)(schema);
         }
       }];
@@ -62,8 +66,8 @@ var codeBlockPlugin = function codeBlockPlugin() {
       (0, _refreshBrowserSelection.default)(props.originalTransaction, props.newEditorState);
     },
     pluginsOptions: {
-      quickInsert: function quickInsert(_ref2) {
-        var formatMessage = _ref2.formatMessage;
+      quickInsert: function quickInsert(_ref3) {
+        var formatMessage = _ref3.formatMessage;
         return [{
           id: 'codeblock',
           title: formatMessage(_messages.messages.codeblock),

package/dist/cjs/plugins/code-block/nodeviews/highlighting-code-block.js

@@ -50,7 +50,7 @@ var toDOM = function toDOM(node) {
 };
 
 var CodeBlockView = /*#__PURE__*/function () {
-  function CodeBlockView(_node, view, getPos) {
+  function CodeBlockView(_node, view, getPos, codeBidiWarningOptions) {
     var _this = this;
 
     (0, _classCallCheck2.default)(this, CodeBlockView);
@@ -77,6 +77,7 @@ var CodeBlockView = /*#__PURE__*/function () {
         dom = _DOMSerializer$render.dom,
         contentDOM = _DOMSerializer$render.contentDOM;
 
+    this.codeBidiWarningOptions = codeBidiWarningOptions;
     this.getPos = getPos;
     this.view = view;
     this.node = _node;
@@ -130,7 +131,9 @@ var CodeBlockView = /*#__PURE__*/function () {
       _reactDom.default.render( /*#__PURE__*/_react.default.createElement(_code.CodeBlock, {
         text: node.textContent,
         language: node.attrs.language,
-        showLineNumbers: false
+        showLineNumbers: false,
+        codeBidiWarnings: this.codeBidiWarningOptions.enabled,
+        codeBidiWarningLabel: this.codeBidiWarningOptions.label
       }), highlighting);
 
       this.measure(performance.now() - start);
@@ -164,7 +167,10 @@ var CodeBlockView = /*#__PURE__*/function () {
     value: function ignoreMutation(record) {
       var _this$highlighting$co, _this$highlighting;
 
-      return record.target === this.lineNumberGutter || record.target.parentNode === this.lineNumberGutter || ((_this$highlighting$co = (_this$highlighting = this.highlighting) === null || _this$highlighting === void 0 ? void 0 : _this$highlighting.contains(record.target)) !== null && _this$highlighting$co !== void 0 ? _this$highlighting$co : false);
+      var lineNumberChanges = record.target === this.lineNumberGutter || record.target.parentNode === this.lineNumberGutter;
+      var outsideTheCodeBlockChanges = (_this$highlighting$co = (_this$highlighting = this.highlighting) === null || _this$highlighting === void 0 ? void 0 : _this$highlighting.contains(record.target)) !== null && _this$highlighting$co !== void 0 ? _this$highlighting$co : false;
+      var codeBidiWarningDecorationChanges = record.type === 'attributes' && record.attributeName === 'aria-describedby';
+      return lineNumberChanges || outsideTheCodeBlockChanges || codeBidiWarningDecorationChanges;
     }
   }]);
   return CodeBlockView;
@@ -172,9 +178,14 @@ var CodeBlockView = /*#__PURE__*/function () {
 
 exports.CodeBlockView = CodeBlockView;
 
-var highlightingCodeBlockNodeView = function highlightingCodeBlockNodeView() {
+var highlightingCodeBlockNodeView = function highlightingCodeBlockNodeView(_ref) {
+  var codeBidiWarnings = _ref.codeBidiWarnings,
+      codeBidiWarningLabel = _ref.codeBidiWarningLabel;
   return function (node, view, getPos) {
-    return new CodeBlockView(node, view, getPos);
+    return new CodeBlockView(node, view, getPos, {
+      enabled: codeBidiWarnings,
+      label: codeBidiWarningLabel
+    });
   };
 };