@atlaskit/prosemirror-input-rules 2.0.0 → 2.1.2

package/CHANGELOG.md

@@ -1,5 +1,45 @@
 # @atlaskit/prosemirror-input-rules
 
+## 2.1.2
+
+### Patch Changes
+
+- [`4e6fbaf5898`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4e6fbaf5898) - ED-14117 Change EditorState.apply type to receive readonly transaction
+
+  Transactions should not be mutated after being dispatched as it can lead to
+  unexpected behaviour. This change patches the relevant types declared in
+  prosemirror-state as a compile-time safeguard.
+
+- Updated dependencies
+
+## 2.1.1
+
+### Patch Changes
+
+- [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - ED-13025 Bump prosemirror-view 1.23.1 -> 1.23.2
+
+## 2.1.0
+
+### Minor Changes
+
+- [`b230f366971`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b230f366971) - [ED-14008] Bump prosemirror-view from 1.20.2 to 1.23.1
+
+### Patch Changes
+
+- [`c6feed82071`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c6feed82071) - ED-11632: Bump prosemirror packages;
+
+  - prosmirror-commands 1.1.4 -> 1.1.11,
+  - prosemirror-model 1.11.0 -> 1.14.3,
+  - prosemirror-state 1.3.3 -> 1.3.4,
+  - prosemirror-transform 1.2.8 -> 1.3.2,
+  - prosemirror-view 1.15.4 + 1.18.8 -> 1.20.2.
+
+## 2.0.1
+
+### Patch Changes
+
+- [`312a2810b0b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/312a2810b0b) - [ux] ED-12931 Fix input rules replacing text outside of matched word in a long paragraph
+
 ## 2.0.0
 
 ### Major Changes

package/build/tsconfig.json

@@ -5,6 +5,13 @@
     "target": "es5",
     "paths": {}
   },
-  "include": ["../src/**/*.ts", "../src/**/*.tsx"],
-  "exclude": ["../src/**/__tests__/*"]
-}
+  "include": [
+    "../src/**/*.ts",
+    "../src/**/*.tsx"
+  ],
+  "exclude": [
+    "../src/**/__tests__/*",
+    "../src/**/*.test.*",
+    "../src/**/test.*"
+  ]
+}

package/dist/cjs/constants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TEXT_INPUT_RULE_TRANSACTION_KEY = exports.leafNodeReplacementCharacter = void 0;
+exports.leafNodeReplacementCharacter = exports.TEXT_INPUT_RULE_TRANSACTION_KEY = exports.MAX_REGEX_MATCH = void 0;
 // ProseMirror uses the Unicode Character 'OBJECT REPLACEMENT CHARACTER' (U+FFFC) as text representation for
 // leaf nodes, i.e. nodes that don't have any content or text property (e.g. hardBreak, emoji, mention, rule)
 // It was introduced because of https://github.com/ProseMirror/prosemirror/issues/262
@@ -11,4 +11,6 @@ exports.TEXT_INPUT_RULE_TRANSACTION_KEY = exports.leafNodeReplacementCharacter =
 var leafNodeReplacementCharacter = "\uFFFC";
 exports.leafNodeReplacementCharacter = leafNodeReplacementCharacter;
 var TEXT_INPUT_RULE_TRANSACTION_KEY = 'input_rule_plugin_transaction';
-exports.TEXT_INPUT_RULE_TRANSACTION_KEY = TEXT_INPUT_RULE_TRANSACTION_KEY;
+exports.TEXT_INPUT_RULE_TRANSACTION_KEY = TEXT_INPUT_RULE_TRANSACTION_KEY;
+var MAX_REGEX_MATCH = 500;
+exports.MAX_REGEX_MATCH = MAX_REGEX_MATCH;

package/dist/cjs/handler.js

@@ -11,11 +11,9 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _constants = require("./constants");
 
-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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 MAX_MATCH = 500;
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var createInputEventHandler = function createInputEventHandler(_ref) {
   var rules = _ref.rules,
@@ -48,7 +46,7 @@ var createInputEventHandler = function createInputEventHandler(_ref) {
       return false;
     }
 
-    var textBefore = $from.parent.textBetween(Math.max(0, $from.parentOffset - MAX_MATCH), $from.parentOffset, undefined, _constants.leafNodeReplacementCharacter) + text;
+    var textBefore = $from.parent.textBetween(Math.max(0, $from.parentOffset - _constants.MAX_REGEX_MATCH), $from.parentOffset, undefined, _constants.leafNodeReplacementCharacter) + text;
     var result = findMatchOnRules({
       rules: rules,
       textBefore: textBefore,
@@ -97,7 +95,8 @@ function findMatchOnRules(_ref3) {
     }
 
     var parentNodeStartAt = state.selection.$from.start();
-    var fromFixed = Math.max(parentNodeStartAt + match.index, 1);
+    var offset = Math.max(0, state.selection.$from.parentOffset - _constants.MAX_REGEX_MATCH);
+    var fromFixed = Math.max(parentNodeStartAt + match.index + offset, 1);
     var transform = rule.handler(state, match, fromFixed, to);
 
     if (transform) {

package/dist/cjs/index.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "leafNodeReplacementCharacter", {
+Object.defineProperty(exports, "MAX_REGEX_MATCH", {
   enumerable: true,
   get: function get() {
-    return _constants.leafNodeReplacementCharacter;
+    return _constants.MAX_REGEX_MATCH;
   }
 });
 Object.defineProperty(exports, "TEXT_INPUT_RULE_TRANSACTION_KEY", {
@@ -21,6 +21,12 @@ Object.defineProperty(exports, "createInputRulePlugin", {
     return _plugin.createInputRulePlugin;
   }
 });
+Object.defineProperty(exports, "leafNodeReplacementCharacter", {
+  enumerable: true,
+  get: function get() {
+    return _constants.leafNodeReplacementCharacter;
+  }
+});
 
 var _constants = require("./constants");
 

package/dist/cjs/plugin.js

@@ -7,6 +7,8 @@ exports.createInputRulePlugin = createInputRulePlugin;
 
 var _prosemirrorState = require("prosemirror-state");
 
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+
 var _constants = require("./constants");
 
 var _handler = require("./handler");
@@ -24,7 +26,7 @@ function createInputRulePlugin(pluginName, rules) {
     onInputEvent: onInputEvent,
     onBeforeRegexMatch: onBeforeRegexMatch
   });
-  var plugin = new _prosemirrorState.Plugin({
+  var plugin = new _safePlugin.SafePlugin({
     key: pluginKey,
     state: {
       init: function init() {

package/dist/cjs/types.js

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

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/prosemirror-input-rules",
-	"version": "2.0.0",
+	"version": "2.1.2",
 	"sideEffects": false
 }

package/dist/es2019/constants.js

@@ -3,4 +3,5 @@
 // It was introduced because of https://github.com/ProseMirror/prosemirror/issues/262
 // This can be used in an input rule regex to be able to include or exclude such nodes.
 export const leafNodeReplacementCharacter = '\ufffc';
-export const TEXT_INPUT_RULE_TRANSACTION_KEY = 'input_rule_plugin_transaction';
+export const TEXT_INPUT_RULE_TRANSACTION_KEY = 'input_rule_plugin_transaction';
+export const MAX_REGEX_MATCH = 500;

package/dist/es2019/handler.js

@@ -1,5 +1,4 @@
-import { leafNodeReplacementCharacter, TEXT_INPUT_RULE_TRANSACTION_KEY } from './constants';
-const MAX_MATCH = 500;
+import { leafNodeReplacementCharacter, MAX_REGEX_MATCH, TEXT_INPUT_RULE_TRANSACTION_KEY } from './constants';
 export const createInputEventHandler = ({
   rules,
   pluginKey,
@@ -31,7 +30,7 @@ export const createInputEventHandler = ({
     return false;
   }
 
-  const textBefore = $from.parent.textBetween(Math.max(0, $from.parentOffset - MAX_MATCH), $from.parentOffset, undefined, leafNodeReplacementCharacter) + text;
+  const textBefore = $from.parent.textBetween(Math.max(0, $from.parentOffset - MAX_REGEX_MATCH), $from.parentOffset, undefined, leafNodeReplacementCharacter) + text;
   const result = findMatchOnRules({
     rules,
     textBefore,
@@ -77,7 +76,8 @@ function findMatchOnRules({
     }
 
     const parentNodeStartAt = state.selection.$from.start();
-    const fromFixed = Math.max(parentNodeStartAt + match.index, 1);
+    const offset = Math.max(0, state.selection.$from.parentOffset - MAX_REGEX_MATCH);
+    const fromFixed = Math.max(parentNodeStartAt + match.index + offset, 1);
     const transform = rule.handler(state, match, fromFixed, to);
 
     if (transform) {

package/dist/es2019/index.js

@@ -1,2 +1,2 @@
-export { leafNodeReplacementCharacter, TEXT_INPUT_RULE_TRANSACTION_KEY } from './constants';
+export { leafNodeReplacementCharacter, TEXT_INPUT_RULE_TRANSACTION_KEY, MAX_REGEX_MATCH } from './constants';
 export { createInputRulePlugin } from './plugin';

package/dist/es2019/plugin.js

@@ -1,4 +1,5 @@
-import { Plugin, PluginKey, TextSelection } from 'prosemirror-state';
+import { PluginKey, TextSelection } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { TEXT_INPUT_RULE_TRANSACTION_KEY } from './constants';
 import { createInputEventHandler } from './handler';
 export function createInputRulePlugin(pluginName, rules, options = {}) {
@@ -13,7 +14,7 @@ export function createInputRulePlugin(pluginName, rules, options = {}) {
     onInputEvent,
     onBeforeRegexMatch
   });
-  const plugin = new Plugin({
+  const plugin = new SafePlugin({
     key: pluginKey,
     state: {
       init() {

package/dist/es2019/types.js

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

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/prosemirror-input-rules",
-	"version": "2.0.0",
+	"version": "2.1.2",
 	"sideEffects": false
 }

package/dist/esm/constants.js

@@ -3,4 +3,5 @@
 // It was introduced because of https://github.com/ProseMirror/prosemirror/issues/262
 // This can be used in an input rule regex to be able to include or exclude such nodes.
 export var leafNodeReplacementCharacter = "\uFFFC";
-export var TEXT_INPUT_RULE_TRANSACTION_KEY = 'input_rule_plugin_transaction';
+export var TEXT_INPUT_RULE_TRANSACTION_KEY = 'input_rule_plugin_transaction';
+export var MAX_REGEX_MATCH = 500;

package/dist/esm/handler.js

@@ -1,11 +1,10 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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) { _defineProperty(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; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-import { leafNodeReplacementCharacter, TEXT_INPUT_RULE_TRANSACTION_KEY } from './constants';
-var MAX_MATCH = 500;
+import { leafNodeReplacementCharacter, MAX_REGEX_MATCH, TEXT_INPUT_RULE_TRANSACTION_KEY } from './constants';
 export var createInputEventHandler = function createInputEventHandler(_ref) {
   var rules = _ref.rules,
       pluginKey = _ref.pluginKey,
@@ -37,7 +36,7 @@ export var createInputEventHandler = function createInputEventHandler(_ref) {
       return false;
     }
 
-    var textBefore = $from.parent.textBetween(Math.max(0, $from.parentOffset - MAX_MATCH), $from.parentOffset, undefined, leafNodeReplacementCharacter) + text;
+    var textBefore = $from.parent.textBetween(Math.max(0, $from.parentOffset - MAX_REGEX_MATCH), $from.parentOffset, undefined, leafNodeReplacementCharacter) + text;
     var result = findMatchOnRules({
       rules: rules,
       textBefore: textBefore,
@@ -84,7 +83,8 @@ function findMatchOnRules(_ref3) {
     }
 
     var parentNodeStartAt = state.selection.$from.start();
-    var fromFixed = Math.max(parentNodeStartAt + match.index, 1);
+    var offset = Math.max(0, state.selection.$from.parentOffset - MAX_REGEX_MATCH);
+    var fromFixed = Math.max(parentNodeStartAt + match.index + offset, 1);
     var transform = rule.handler(state, match, fromFixed, to);
 
     if (transform) {

package/dist/esm/index.js

@@ -1,2 +1,2 @@
-export { leafNodeReplacementCharacter, TEXT_INPUT_RULE_TRANSACTION_KEY } from './constants';
+export { leafNodeReplacementCharacter, TEXT_INPUT_RULE_TRANSACTION_KEY, MAX_REGEX_MATCH } from './constants';
 export { createInputRulePlugin } from './plugin';

package/dist/esm/plugin.js

@@ -1,4 +1,5 @@
-import { Plugin, PluginKey, TextSelection } from 'prosemirror-state';
+import { PluginKey, TextSelection } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { TEXT_INPUT_RULE_TRANSACTION_KEY } from './constants';
 import { createInputEventHandler } from './handler';
 export function createInputRulePlugin(pluginName, rules) {
@@ -14,7 +15,7 @@ export function createInputRulePlugin(pluginName, rules) {
     onInputEvent: onInputEvent,
     onBeforeRegexMatch: onBeforeRegexMatch
   });
-  var plugin = new Plugin({
+  var plugin = new SafePlugin({
     key: pluginKey,
     state: {
       init: function init() {

package/dist/esm/types.js

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

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/prosemirror-input-rules",
-	"version": "2.0.0",
+	"version": "2.1.2",
 	"sideEffects": false
 }

package/dist/types/constants.d.ts

@@ -1,2 +1,3 @@
 export declare const leafNodeReplacementCharacter = "\uFFFC";
 export declare const TEXT_INPUT_RULE_TRANSACTION_KEY = "input_rule_plugin_transaction";
+export declare const MAX_REGEX_MATCH = 500;

package/dist/types/index.d.ts

@@ -1,4 +1,4 @@
 import type { InputRuleHandler, InputRuleWrapper, OnHandlerApply, OnInputEvent } from './types';
-export { leafNodeReplacementCharacter, TEXT_INPUT_RULE_TRANSACTION_KEY, } from './constants';
+export { leafNodeReplacementCharacter, TEXT_INPUT_RULE_TRANSACTION_KEY, MAX_REGEX_MATCH, } from './constants';
 export { createInputRulePlugin } from './plugin';
 export type { InputRuleWrapper, InputRuleHandler, OnInputEvent, OnHandlerApply, };

package/dist/types/plugin.d.ts

@@ -1,9 +1,9 @@
-import { Plugin } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { InputRuleWrapper, OnBeforeRegexMatch, OnInputEvent } from './types';
 declare type Options = {
     allowInsertTextOnDocument?: boolean;
     onInputEvent?: OnInputEvent;
     onBeforeRegexMatch?: OnBeforeRegexMatch;
 };
-export declare function createInputRulePlugin(pluginName: string, rules: InputRuleWrapper[], options?: Options): Plugin;
+export declare function createInputRulePlugin(pluginName: string, rules: InputRuleWrapper[], options?: Options): SafePlugin;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/prosemirror-input-rules",
-  "version": "2.0.0",
+  "version": "2.1.2",
   "description": "A package that contains helpers to create autoformatting rules for ProseMirror",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -19,17 +19,19 @@
     "releaseModel": "scheduled"
   },
   "dependencies": {
+    "@atlaskit/editor-common": "^64.0.0",
     "@babel/runtime": "^7.0.0",
-    "prosemirror-state": "1.3.3"
+    "prosemirror-state": "1.3.4"
   },
   "devDependencies": {
-    "@atlaskit/adf-schema": "^15.3.0",
-    "@atlaskit/editor-test-helpers": "^15.2.0",
+    "@atlaskit/adf-schema": "^22.0.0",
+    "@atlaskit/editor-test-helpers": "^16.1.0",
+    "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@types/prosemirror-history": "^1.0.1",
     "@types/prosemirror-model": "^1.11.0",
     "@types/prosemirror-state": "^1.2.0",
     "@types/prosemirror-view": "^1.9.0",
-    "prosemirror-view": "1.15.4"
+    "prosemirror-view": "1.23.2"
   },
   "techstack": {
     "@atlassian/frontend": {
@@ -37,9 +39,13 @@
         "file-level"
       ],
       "import-structure": "atlassian-conventions"
+    },
+    "@repo/internal": {
+      "deprecation": "no-deprecated-imports"
     }
   },
   "af:exports": {
     ".": "./src/index.ts"
-  }
+  },
+  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
 }

package/src/__tests__/unit/handler.ts

@@ -33,7 +33,7 @@ describe('input-tule/handles/createInputEventHandler', () => {
 
     dispatchSpy = jest.spyOn(editorView, 'dispatch');
 
-    ruleHandlerMock = jest.fn().mockImplementation(state => {
+    ruleHandlerMock = jest.fn().mockImplementation((state) => {
       return state.tr;
     });
 
@@ -90,7 +90,7 @@ describe('input-tule/handles/createInputEventHandler', () => {
     beforeEach(() => {
       const RULE_AFTER = {
         match: /^(after).*/,
-        handler: jest.fn().mockImplementation(state => {
+        handler: jest.fn().mockImplementation((state) => {
           return state.tr;
         }),
       };
@@ -131,7 +131,7 @@ describe('input-tule/handles/createInputEventHandler', () => {
 
     describe.each([true, false])(
       'and when allowInsertTextOnDocument is %s',
-      allowInsertTextOnDocument => {
+      (allowInsertTextOnDocument) => {
         beforeEach(() => {
           const {
             selection: { from, to },

package/src/__tests__/unit/plugin.ts

@@ -1,6 +1,7 @@
-import { EditorState, Plugin } from 'prosemirror-state';
+import { EditorState } from 'prosemirror-state';
 import { EditorView } from 'prosemirror-view';
 
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { createEditorState } from '@atlaskit/editor-test-helpers/create-editor-state';
 import { doc, DocBuilder, p } from '@atlaskit/editor-test-helpers/doc-builder';
 
@@ -17,10 +18,10 @@ describe('input-tule/plugin/createInputRulePlugin', () => {
 
   function insertText(view: EditorView, text: string) {
     const { $from, $to } = view.state.selection;
-    view.someProp('handleTextInput', f => f(view, $from.pos, $to.pos, text));
+    view.someProp('handleTextInput', (f) => f(view, $from.pos, $to.pos, text));
   }
 
-  function createEditorView(lol: DocBuilder, customInputRule: Plugin) {
+  function createEditorView(lol: DocBuilder, customInputRule: SafePlugin) {
     const editorState = createEditorState(lol, customInputRule);
 
     return new EditorView(editorViewElement, {
@@ -60,7 +61,7 @@ describe('input-tule/plugin/createInputRulePlugin', () => {
     describe('when the handler is called', () => {
       describe('during the textInput flow', () => {
         it('should call the handler only once', () => {
-          jest.spyOn(editorView, 'dispatch').mockImplementation(tr => {});
+          jest.spyOn(editorView, 'dispatch').mockImplementation((tr) => {});
           insertText(editorView, '`');
 
           expect(handlerMock).toHaveBeenCalledTimes(1);
@@ -128,7 +129,7 @@ describe('input-tule/plugin/createInputRulePlugin', () => {
     describe('when the handler is called', () => {
       describe('during the textInput flow', () => {
         it('should call the handler only once', () => {
-          jest.spyOn(editorView, 'dispatch').mockImplementation(tr => {});
+          jest.spyOn(editorView, 'dispatch').mockImplementation((tr) => {});
           insertText(editorView, '```');
 
           expect(handlerMock).toHaveBeenCalledTimes(1);

package/src/constants.ts

@@ -4,3 +4,4 @@
 // This can be used in an input rule regex to be able to include or exclude such nodes.
 export const leafNodeReplacementCharacter = '\ufffc';
 export const TEXT_INPUT_RULE_TRANSACTION_KEY = 'input_rule_plugin_transaction';
+export const MAX_REGEX_MATCH = 500;

package/src/handler.ts

@@ -2,6 +2,7 @@ import type { EditorState, PluginKey, Transaction } from 'prosemirror-state';
 
 import {
   leafNodeReplacementCharacter,
+  MAX_REGEX_MATCH,
   TEXT_INPUT_RULE_TRANSACTION_KEY,
 } from './constants';
 import type {
@@ -13,8 +14,6 @@ import type {
   OnInputEvent,
 } from './types';
 
-const MAX_MATCH = 500;
-
 type Options = {
   pluginKey: PluginKey;
   rules: InputRuleWrapper[];
@@ -46,7 +45,7 @@ export const createInputEventHandler = ({
 
   const textBefore =
     $from.parent.textBetween(
-      Math.max(0, $from.parentOffset - MAX_MATCH),
+      Math.max(0, $from.parentOffset - MAX_REGEX_MATCH),
       $from.parentOffset,
       undefined,
       leafNodeReplacementCharacter,
@@ -110,7 +109,11 @@ function findMatchOnRules({
     }
 
     const parentNodeStartAt = state.selection.$from.start();
-    const fromFixed = Math.max(parentNodeStartAt + match.index, 1);
+    const offset = Math.max(
+      0,
+      state.selection.$from.parentOffset - MAX_REGEX_MATCH,
+    );
+    const fromFixed = Math.max(parentNodeStartAt + match.index + offset, 1);
     const transform: Transaction | null = rule.handler(
       state,
       match,

package/src/index.ts

@@ -8,6 +8,7 @@ import type {
 export {
   leafNodeReplacementCharacter,
   TEXT_INPUT_RULE_TRANSACTION_KEY,
+  MAX_REGEX_MATCH,
 } from './constants';
 export { createInputRulePlugin } from './plugin';
 export type {

package/src/plugin.ts

@@ -1,4 +1,6 @@
-import { Plugin, PluginKey, TextSelection } from 'prosemirror-state';
+import { PluginKey, TextSelection } from 'prosemirror-state';
+
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 
 import { TEXT_INPUT_RULE_TRANSACTION_KEY } from './constants';
 import { createInputEventHandler } from './handler';
@@ -19,7 +21,7 @@ export function createInputRulePlugin(
   pluginName: string,
   rules: InputRuleWrapper[],
   options: Options = {},
-): Plugin {
+): SafePlugin {
   const onInputEvent = options?.onInputEvent;
   const onBeforeRegexMatch = options?.onBeforeRegexMatch;
   const allowInsertTextOnDocument = Boolean(options?.allowInsertTextOnDocument);
@@ -33,7 +35,7 @@ export function createInputRulePlugin(
     onBeforeRegexMatch,
   });
 
-  const plugin: Plugin = new Plugin<InputRulePluginState>({
+  const plugin = new SafePlugin<InputRulePluginState>({
     key: pluginKey,
     state: {
       init() {
@@ -50,7 +52,7 @@ export function createInputRulePlugin(
     },
 
     appendTransaction: (transactions, oldState, newState) => {
-      const transactionWithInputRuleMeta = transactions.find(tr =>
+      const transactionWithInputRuleMeta = transactions.find((tr) =>
         tr.getMeta(pluginKey),
       );
 
@@ -93,7 +95,7 @@ export function createInputRulePlugin(
         });
       },
       handleDOMEvents: {
-        compositionend: view => {
+        compositionend: (view) => {
           setTimeout(() => {
             const selection = view.state.selection;
             if (!(selection instanceof TextSelection)) {