@atlaskit/editor-plugin-code-bidi-warning 0.1.0

package/CHANGELOG.md

@@ -0,0 +1 @@
+# @atlaskit/editor-plugin-code-bidi-warning

package/LICENSE.md

@@ -0,0 +1,13 @@
+Copyright 2023 Atlassian Pty Ltd
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.

package/README.md

@@ -0,0 +1,39 @@
+# Editor plugin code bidi warning
+
+Code bidi warning plugin for @atlaskit/editor-core
+
+**Note:** This component is designed for internal Atlassian development.
+External contributors will be able to use this component but will not be able to submit issues.
+
+## Install
+
+---
+
+- **Install** - _yarn add @atlaskit/editor-plugin-code-bidi-warning_
+- **npm** - [@atlaskit/editor-plugin-code-bidi-warning](https://www.npmjs.com/package/@atlaskit/editor-plugin-code-bidi-warning)
+- **Source** - [Bitbucket](https://bitbucket.org/atlassian/atlassian-frontend/src/master/packages/editor/editor-plugin-code-bidi-warning)
+- **Bundle** - [unpkg.com](https://unpkg.com/@atlaskit/editor-plugin-code-bidi-warning/dist/)
+
+## Usage
+
+---
+
+**Internal use only**
+
+@atlaskit/editor-plugin-code-bidi-warning is intended for internal use by the @atlaskit/editor-core and as a plugin dependency of the Editor within your product.
+
+Direct use of this component is not supported.
+
+Please see [Atlaskit - Editor plugin code bidi warning](https://atlaskit.atlassian.com/packages/editor/editor-plugin-code-bidi-warning) for documentation and examples for this package.
+
+## Support
+
+---
+
+For internal Atlassian, visit the slack channel [#help-editor](https://atlassian.slack.com/archives/CFG3PSQ9E) for support or visit [go/editor-help](https://go/editor-help) to submit a bug.
+
+## License
+
+---
+
+Please see [Atlassian Frontend - License](https://hello.atlassian.net/wiki/spaces/AF/pages/2589099144/Documentation#License) for more licensing information.

package/dist/cjs/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "codeBidiWarningPlugin", {
+  enumerable: true,
+  get: function get() {
+    return _plugin.codeBidiWarningPlugin;
+  }
+});
+var _plugin = require("./plugin");

package/dist/cjs/plugin-key.js

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

package/dist/cjs/plugin.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.codeBidiWarningPlugin = void 0;
+var _main = require("./pm-plugins/main");
+var codeBidiWarningPlugin = exports.codeBidiWarningPlugin = function codeBidiWarningPlugin(_ref) {
+  var config = _ref.config;
+  return {
+    name: 'codeBidiWarning',
+    pmPlugins: function pmPlugins() {
+      return [{
+        name: 'codeBidiWarning',
+        plugin: function plugin(options) {
+          return (0, _main.createPlugin)(options, config !== null && config !== void 0 ? config : {});
+        }
+      }];
+    }
+  };
+};

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

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createPlugin = void 0;
+var _messages = require("@atlaskit/editor-common/messages");
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+var _pluginKey = require("../plugin-key");
+var _pluginFactory = require("./plugin-factory");
+var createPlugin = exports.createPlugin = function createPlugin(_ref, _ref2) {
+  var dispatch = _ref.dispatch,
+    getIntl = _ref.getIntl;
+  var appearance = _ref2.appearance;
+  var intl = getIntl();
+  var codeBidiWarningLabel = intl.formatMessage(_messages.codeBidiWarningMessages.label);
+  return new _safePlugin.SafePlugin({
+    key: _pluginKey.codeBidiWarningPluginKey,
+    state: (0, _pluginFactory.createPluginState)(dispatch, function (state) {
+      // The appearance being mobile indicates we are in an editor being
+      // rendered by mobile bridge in a web view.
+      // The tooltip is likely to have unexpected behaviour there, with being cut
+      // off, so we disable it. This is also to keep the behaviour consistent with
+      // the rendering in the mobile Native Renderer.
+      var tooltipEnabled = appearance !== 'mobile';
+      return {
+        decorationSet: (0, _pluginFactory.createBidiWarningsDecorationSetFromDoc)({
+          doc: state.doc,
+          codeBidiWarningLabel: codeBidiWarningLabel,
+          tooltipEnabled: tooltipEnabled
+        }),
+        codeBidiWarningLabel: codeBidiWarningLabel,
+        tooltipEnabled: tooltipEnabled
+      };
+    }),
+    props: {
+      decorations: function decorations(state) {
+        var _getPluginState = (0, _pluginFactory.getPluginState)(state),
+          decorationSet = _getPluginState.decorationSet;
+        return decorationSet;
+      }
+    }
+  });
+};

package/dist/cjs/pm-plugins/plugin-factory.js

@@ -0,0 +1,104 @@
+"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 _bidiWarning = _interopRequireDefault(require("@atlaskit/code/bidi-warning"));
+var _bidiWarningDecorator = _interopRequireDefault(require("@atlaskit/code/bidi-warning-decorator"));
+var _utils = require("@atlaskit/editor-common/utils");
+var _view = require("@atlaskit/editor-prosemirror/view");
+var _pluginKey = require("../plugin-key");
+var _reducer = _interopRequireDefault(require("./reducer"));
+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) { (0, _defineProperty2.default)(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; }
+var _pluginFactory = (0, _utils.pluginFactory)(_pluginKey.codeBidiWarningPluginKey, _reducer.default, {
+    onDocChanged: function onDocChanged(tr, pluginState) {
+      if (!tr.steps.find(_utils.stepHasSlice)) {
+        return pluginState;
+      }
+      var newBidiWarningsDecorationSet = createBidiWarningsDecorationSetFromDoc({
+        doc: tr.doc,
+        codeBidiWarningLabel: pluginState.codeBidiWarningLabel,
+        tooltipEnabled: pluginState.tooltipEnabled
+      });
+      return _objectSpread(_objectSpread({}, pluginState), {}, {
+        decorationSet: newBidiWarningsDecorationSet
+      });
+    }
+  }),
+  createPluginState = exports.createPluginState = _pluginFactory.createPluginState,
+  getPluginState = exports.getPluginState = _pluginFactory.getPluginState;
+function createBidiWarningsDecorationSetFromDoc(_ref) {
+  var doc = _ref.doc,
+    codeBidiWarningLabel = _ref.codeBidiWarningLabel,
+    tooltipEnabled = _ref.tooltipEnabled;
+  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 _view.DecorationSet.empty;
+  }
+  var newBidiWarningsDecorationSet = _view.DecorationSet.create(doc, bidiCharactersAndTheirPositions.map(function (_ref4) {
+    var position = _ref4.position,
+      bidiCharacter = _ref4.bidiCharacter;
+    return _view.Decoration.widget(position, function () {
+      return renderDOM({
+        bidiCharacter: bidiCharacter,
+        codeBidiWarningLabel: codeBidiWarningLabel,
+        tooltipEnabled: tooltipEnabled
+      });
+    });
+  }));
+  return newBidiWarningsDecorationSet;
+}
+function renderDOM(_ref5) {
+  var bidiCharacter = _ref5.bidiCharacter,
+    codeBidiWarningLabel = _ref5.codeBidiWarningLabel,
+    tooltipEnabled = _ref5.tooltipEnabled;
+  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,
+    tooltipEnabled: tooltipEnabled
+  }), element);
+  return element;
+}

package/dist/cjs/pm-plugins/reducer.js

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

package/dist/cjs/pm-plugins/types.js

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

package/dist/es2019/index.js

@@ -0,0 +1 @@
+export { codeBidiWarningPlugin } from './plugin';

package/dist/es2019/plugin-key.js

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

package/dist/es2019/plugin.js

@@ -0,0 +1,14 @@
+import { createPlugin } from './pm-plugins/main';
+export const codeBidiWarningPlugin = ({
+  config
+}) => ({
+  name: 'codeBidiWarning',
+  pmPlugins() {
+    return [{
+      name: 'codeBidiWarning',
+      plugin: options => {
+        return createPlugin(options, config !== null && config !== void 0 ? config : {});
+      }
+    }];
+  }
+});

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

@@ -0,0 +1,41 @@
+import { codeBidiWarningMessages } from '@atlaskit/editor-common/messages';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { codeBidiWarningPluginKey } from '../plugin-key';
+import { createBidiWarningsDecorationSetFromDoc, createPluginState, getPluginState } from './plugin-factory';
+export const createPlugin = ({
+  dispatch,
+  getIntl
+}, {
+  appearance
+}) => {
+  const intl = getIntl();
+  const codeBidiWarningLabel = intl.formatMessage(codeBidiWarningMessages.label);
+  return new SafePlugin({
+    key: codeBidiWarningPluginKey,
+    state: createPluginState(dispatch, state => {
+      // The appearance being mobile indicates we are in an editor being
+      // rendered by mobile bridge in a web view.
+      // The tooltip is likely to have unexpected behaviour there, with being cut
+      // off, so we disable it. This is also to keep the behaviour consistent with
+      // the rendering in the mobile Native Renderer.
+      const tooltipEnabled = appearance !== 'mobile';
+      return {
+        decorationSet: createBidiWarningsDecorationSetFromDoc({
+          doc: state.doc,
+          codeBidiWarningLabel,
+          tooltipEnabled
+        }),
+        codeBidiWarningLabel,
+        tooltipEnabled
+      };
+    }),
+    props: {
+      decorations: state => {
+        const {
+          decorationSet
+        } = getPluginState(state);
+        return decorationSet;
+      }
+    }
+  });
+};

package/dist/es2019/pm-plugins/plugin-factory.js

@@ -0,0 +1,96 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import CodeBidiWarning from '@atlaskit/code/bidi-warning';
+import codeBidiWarningDecorator from '@atlaskit/code/bidi-warning-decorator';
+import { pluginFactory, stepHasSlice } from '@atlaskit/editor-common/utils';
+import { Decoration, DecorationSet } from '@atlaskit/editor-prosemirror/view';
+import { codeBidiWarningPluginKey } from '../plugin-key';
+import reducer from './reducer';
+export const {
+  createPluginState,
+  getPluginState
+} = pluginFactory(codeBidiWarningPluginKey, reducer, {
+  onDocChanged: (tr, pluginState) => {
+    if (!tr.steps.find(stepHasSlice)) {
+      return pluginState;
+    }
+    const newBidiWarningsDecorationSet = createBidiWarningsDecorationSetFromDoc({
+      doc: tr.doc,
+      codeBidiWarningLabel: pluginState.codeBidiWarningLabel,
+      tooltipEnabled: pluginState.tooltipEnabled
+    });
+    return {
+      ...pluginState,
+      decorationSet: newBidiWarningsDecorationSet
+    };
+  }
+});
+export function createBidiWarningsDecorationSetFromDoc({
+  doc,
+  codeBidiWarningLabel,
+  tooltipEnabled
+}) {
+  const bidiCharactersAndTheirPositions = [];
+  doc.descendants((node, pos) => {
+    const isTextWithCodeMark = node.type.name === 'text' && node.marks && node.marks.some(mark => mark.type.name === 'code');
+    if (isTextWithCodeMark) {
+      codeBidiWarningDecorator(node.textContent, ({
+        bidiCharacter,
+        index
+      }) => {
+        bidiCharactersAndTheirPositions.push({
+          position: pos + index,
+          bidiCharacter
+        });
+      });
+      return false;
+    }
+    const isCodeBlock = node.type.name === 'codeBlock';
+    if (isCodeBlock) {
+      codeBidiWarningDecorator(node.textContent, ({
+        bidiCharacter,
+        index
+      }) => {
+        bidiCharactersAndTheirPositions.push({
+          position: pos + index + 1,
+          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 DecorationSet.empty;
+  }
+  const newBidiWarningsDecorationSet = DecorationSet.create(doc, bidiCharactersAndTheirPositions.map(({
+    position,
+    bidiCharacter
+  }) => {
+    return Decoration.widget(position, () => renderDOM({
+      bidiCharacter,
+      codeBidiWarningLabel,
+      tooltipEnabled
+    }));
+  }));
+  return newBidiWarningsDecorationSet;
+}
+function renderDOM({
+  bidiCharacter,
+  codeBidiWarningLabel,
+  tooltipEnabled
+}) {
+  const 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.render( /*#__PURE__*/React.createElement(CodeBidiWarning, {
+    bidiCharacter: bidiCharacter,
+    skipChildren: true,
+    label: codeBidiWarningLabel,
+    tooltipEnabled: tooltipEnabled
+  }), element);
+  return element;
+}

package/dist/es2019/pm-plugins/reducer.js

@@ -0,0 +1,3 @@
+export default ((pluginState, action) => {
+  return pluginState;
+});

package/dist/es2019/pm-plugins/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/index.js

@@ -0,0 +1 @@
+export { codeBidiWarningPlugin } from './plugin';

package/dist/esm/plugin-key.js

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

package/dist/esm/plugin.js

@@ -0,0 +1,15 @@
+import { createPlugin } from './pm-plugins/main';
+export var codeBidiWarningPlugin = function codeBidiWarningPlugin(_ref) {
+  var config = _ref.config;
+  return {
+    name: 'codeBidiWarning',
+    pmPlugins: function pmPlugins() {
+      return [{
+        name: 'codeBidiWarning',
+        plugin: function plugin(options) {
+          return createPlugin(options, config !== null && config !== void 0 ? config : {});
+        }
+      }];
+    }
+  };
+};

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

@@ -0,0 +1,38 @@
+import { codeBidiWarningMessages } from '@atlaskit/editor-common/messages';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { codeBidiWarningPluginKey } from '../plugin-key';
+import { createBidiWarningsDecorationSetFromDoc, createPluginState, getPluginState } from './plugin-factory';
+export var createPlugin = function createPlugin(_ref, _ref2) {
+  var dispatch = _ref.dispatch,
+    getIntl = _ref.getIntl;
+  var appearance = _ref2.appearance;
+  var intl = getIntl();
+  var codeBidiWarningLabel = intl.formatMessage(codeBidiWarningMessages.label);
+  return new SafePlugin({
+    key: codeBidiWarningPluginKey,
+    state: createPluginState(dispatch, function (state) {
+      // The appearance being mobile indicates we are in an editor being
+      // rendered by mobile bridge in a web view.
+      // The tooltip is likely to have unexpected behaviour there, with being cut
+      // off, so we disable it. This is also to keep the behaviour consistent with
+      // the rendering in the mobile Native Renderer.
+      var tooltipEnabled = appearance !== 'mobile';
+      return {
+        decorationSet: createBidiWarningsDecorationSetFromDoc({
+          doc: state.doc,
+          codeBidiWarningLabel: codeBidiWarningLabel,
+          tooltipEnabled: tooltipEnabled
+        }),
+        codeBidiWarningLabel: codeBidiWarningLabel,
+        tooltipEnabled: tooltipEnabled
+      };
+    }),
+    props: {
+      decorations: function decorations(state) {
+        var _getPluginState = getPluginState(state),
+          decorationSet = _getPluginState.decorationSet;
+        return decorationSet;
+      }
+    }
+  });
+};

package/dist/esm/pm-plugins/plugin-factory.js

@@ -0,0 +1,97 @@
+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 ReactDOM from 'react-dom';
+import CodeBidiWarning from '@atlaskit/code/bidi-warning';
+import codeBidiWarningDecorator from '@atlaskit/code/bidi-warning-decorator';
+import { pluginFactory, stepHasSlice } from '@atlaskit/editor-common/utils';
+import { Decoration, DecorationSet } from '@atlaskit/editor-prosemirror/view';
+import { codeBidiWarningPluginKey } from '../plugin-key';
+import reducer from './reducer';
+var _pluginFactory = pluginFactory(codeBidiWarningPluginKey, reducer, {
+    onDocChanged: function onDocChanged(tr, pluginState) {
+      if (!tr.steps.find(stepHasSlice)) {
+        return pluginState;
+      }
+      var newBidiWarningsDecorationSet = createBidiWarningsDecorationSetFromDoc({
+        doc: tr.doc,
+        codeBidiWarningLabel: pluginState.codeBidiWarningLabel,
+        tooltipEnabled: pluginState.tooltipEnabled
+      });
+      return _objectSpread(_objectSpread({}, pluginState), {}, {
+        decorationSet: newBidiWarningsDecorationSet
+      });
+    }
+  }),
+  createPluginState = _pluginFactory.createPluginState,
+  getPluginState = _pluginFactory.getPluginState;
+export { createPluginState, getPluginState };
+export function createBidiWarningsDecorationSetFromDoc(_ref) {
+  var doc = _ref.doc,
+    codeBidiWarningLabel = _ref.codeBidiWarningLabel,
+    tooltipEnabled = _ref.tooltipEnabled;
+  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) {
+      codeBidiWarningDecorator(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) {
+      codeBidiWarningDecorator(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 DecorationSet.empty;
+  }
+  var newBidiWarningsDecorationSet = DecorationSet.create(doc, bidiCharactersAndTheirPositions.map(function (_ref4) {
+    var position = _ref4.position,
+      bidiCharacter = _ref4.bidiCharacter;
+    return Decoration.widget(position, function () {
+      return renderDOM({
+        bidiCharacter: bidiCharacter,
+        codeBidiWarningLabel: codeBidiWarningLabel,
+        tooltipEnabled: tooltipEnabled
+      });
+    });
+  }));
+  return newBidiWarningsDecorationSet;
+}
+function renderDOM(_ref5) {
+  var bidiCharacter = _ref5.bidiCharacter,
+    codeBidiWarningLabel = _ref5.codeBidiWarningLabel,
+    tooltipEnabled = _ref5.tooltipEnabled;
+  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.render( /*#__PURE__*/React.createElement(CodeBidiWarning, {
+    bidiCharacter: bidiCharacter,
+    skipChildren: true,
+    label: codeBidiWarningLabel,
+    tooltipEnabled: tooltipEnabled
+  }), element);
+  return element;
+}

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

@@ -0,0 +1,3 @@
+export default (function (pluginState, action) {
+  return pluginState;
+});

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

@@ -0,0 +1 @@
+export {};

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+export { codeBidiWarningPlugin } from './plugin';
+export type { CodeBidiWarningPlugin } from './plugin';

package/dist/types/plugin-key.d.ts

@@ -0,0 +1,2 @@
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+export declare const codeBidiWarningPluginKey: PluginKey<any>;

package/dist/types/plugin.d.ts

@@ -0,0 +1,9 @@
+import type { EditorAppearance, NextEditorPlugin } from '@atlaskit/editor-common/types';
+type Config = {
+    appearance?: EditorAppearance;
+};
+export type CodeBidiWarningPlugin = NextEditorPlugin<'codeBidiWarning', {
+    pluginConfiguration: Config | undefined;
+}>;
+export declare const codeBidiWarningPlugin: CodeBidiWarningPlugin;
+export {};

package/dist/types/pm-plugins/main.d.ts

@@ -0,0 +1,5 @@
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import type { EditorAppearance, PMPluginFactoryParams } from '@atlaskit/editor-common/types';
+export declare const createPlugin: ({ dispatch, getIntl }: PMPluginFactoryParams, { appearance }: {
+    appearance?: EditorAppearance | undefined;
+}) => SafePlugin<import("./types").CodeBidiWarningPluginState>;

package/dist/types/pm-plugins/plugin-factory.d.ts

@@ -0,0 +1,8 @@
+import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
+import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
+export declare const createPluginState: (dispatch: import("@atlaskit/editor-common/event-dispatcher").Dispatch<any>, initialState: import("./types").CodeBidiWarningPluginState | ((state: import("prosemirror-state").EditorState) => import("./types").CodeBidiWarningPluginState)) => import("prosemirror-state").SafeStateField<import("./types").CodeBidiWarningPluginState>, getPluginState: (state: import("prosemirror-state").EditorState) => import("./types").CodeBidiWarningPluginState;
+export declare function createBidiWarningsDecorationSetFromDoc({ doc, codeBidiWarningLabel, tooltipEnabled, }: {
+    doc: PmNode;
+    codeBidiWarningLabel: string;
+    tooltipEnabled: boolean;
+}): DecorationSet;

package/dist/types/pm-plugins/reducer.d.ts

@@ -0,0 +1,3 @@
+import type { CodeBidiWarningPluginState } from './types';
+declare const _default: (pluginState: CodeBidiWarningPluginState, action: unknown) => CodeBidiWarningPluginState;
+export default _default;

package/dist/types/pm-plugins/types.d.ts

@@ -0,0 +1,6 @@
+import type { DecorationSet } from '@atlaskit/editor-prosemirror/view';
+export type CodeBidiWarningPluginState = {
+    decorationSet: DecorationSet;
+    codeBidiWarningLabel: string;
+    tooltipEnabled: boolean;
+};

package/dist/types-ts4.5/index.d.ts

@@ -0,0 +1,2 @@
+export { codeBidiWarningPlugin } from './plugin';
+export type { CodeBidiWarningPlugin } from './plugin';

package/dist/types-ts4.5/plugin-key.d.ts

@@ -0,0 +1,2 @@
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+export declare const codeBidiWarningPluginKey: PluginKey<any>;

package/dist/types-ts4.5/plugin.d.ts

@@ -0,0 +1,9 @@
+import type { EditorAppearance, NextEditorPlugin } from '@atlaskit/editor-common/types';
+type Config = {
+    appearance?: EditorAppearance;
+};
+export type CodeBidiWarningPlugin = NextEditorPlugin<'codeBidiWarning', {
+    pluginConfiguration: Config | undefined;
+}>;
+export declare const codeBidiWarningPlugin: CodeBidiWarningPlugin;
+export {};

package/dist/types-ts4.5/pm-plugins/main.d.ts

@@ -0,0 +1,5 @@
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import type { EditorAppearance, PMPluginFactoryParams } from '@atlaskit/editor-common/types';
+export declare const createPlugin: ({ dispatch, getIntl }: PMPluginFactoryParams, { appearance }: {
+    appearance?: EditorAppearance | undefined;
+}) => SafePlugin<import("./types").CodeBidiWarningPluginState>;

package/dist/types-ts4.5/pm-plugins/plugin-factory.d.ts

@@ -0,0 +1,8 @@
+import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
+import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
+export declare const createPluginState: (dispatch: import("@atlaskit/editor-common/event-dispatcher").Dispatch<any>, initialState: import("./types").CodeBidiWarningPluginState | ((state: import("prosemirror-state").EditorState) => import("./types").CodeBidiWarningPluginState)) => import("prosemirror-state").SafeStateField<import("./types").CodeBidiWarningPluginState>, getPluginState: (state: import("prosemirror-state").EditorState) => import("./types").CodeBidiWarningPluginState;
+export declare function createBidiWarningsDecorationSetFromDoc({ doc, codeBidiWarningLabel, tooltipEnabled, }: {
+    doc: PmNode;
+    codeBidiWarningLabel: string;
+    tooltipEnabled: boolean;
+}): DecorationSet;

package/dist/types-ts4.5/pm-plugins/reducer.d.ts

@@ -0,0 +1,3 @@
+import type { CodeBidiWarningPluginState } from './types';
+declare const _default: (pluginState: CodeBidiWarningPluginState, action: unknown) => CodeBidiWarningPluginState;
+export default _default;

package/dist/types-ts4.5/pm-plugins/types.d.ts

@@ -0,0 +1,6 @@
+import type { DecorationSet } from '@atlaskit/editor-prosemirror/view';
+export type CodeBidiWarningPluginState = {
+    decorationSet: DecorationSet;
+    codeBidiWarningLabel: string;
+    tooltipEnabled: boolean;
+};

package/package.json

@@ -0,0 +1,91 @@
+{
+  "name": "@atlaskit/editor-plugin-code-bidi-warning",
+  "version": "0.1.0",
+  "description": "Code bidi warning plugin for @atlaskit/editor-core.",
+  "author": "Atlassian Pty Ltd",
+  "license": "Apache-2.0",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "atlassian": {
+    "team": "Editor: Scarlet",
+    "inPublicMirror": false,
+    "releaseModel": "continuous"
+  },
+  "repository": "https://bitbucket.org/atlassian/atlassian-frontend",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "module:es2019": "dist/es2019/index.js",
+  "types": "dist/types/index.d.ts",
+  "typesVersions": {
+    ">=4.5 <4.9": {
+      "*": [
+        "dist/types-ts4.5/*",
+        "dist/types-ts4.5/index.d.ts"
+      ]
+    }
+  },
+  "sideEffects": false,
+  "atlaskit:src": "src/index.ts",
+  "af:exports": {
+    ".": "./src/index.ts"
+  },
+  "dependencies": {
+    "@atlaskit/code": "^15.1.0",
+    "@atlaskit/editor-common": "^76.24.0",
+    "@atlaskit/editor-prosemirror": "1.1.0",
+    "@babel/runtime": "^7.0.0"
+  },
+  "peerDependencies": {
+    "react": "^16.8.0",
+    "react-dom": "^16.8.0"
+  },
+  "devDependencies": {
+    "@af/integration-testing": "*",
+    "@af/visual-regression": "*",
+    "@atlaskit/ssr": "*",
+    "@atlaskit/visual-regression": "*",
+    "@atlaskit/webdriver-runner": "*",
+    "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
+    "@testing-library/react": "^12.1.5",
+    "react-dom": "^16.8.0",
+    "typescript": "~4.9.5",
+    "wait-for-expect": "^1.2.0"
+  },
+  "techstack": {
+    "@atlassian/frontend": {
+      "import-structure": [
+        "atlassian-conventions"
+      ],
+      "circular-dependencies": [
+        "file-and-folder-level"
+      ]
+    },
+    "@repo/internal": {
+      "dom-events": "use-bind-event-listener",
+      "analytics": [
+        "analytics-next"
+      ],
+      "design-tokens": [
+        "color"
+      ],
+      "theming": [
+        "react-context"
+      ],
+      "ui-components": [
+        "lite-mode"
+      ],
+      "deprecation": [
+        "no-deprecated-imports"
+      ],
+      "styling": [
+        "static",
+        "emotion"
+      ],
+      "imports": [
+        "import-no-extraneous-disable-for-examples-and-docs"
+      ]
+    }
+  },
+  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.0"
+}