[Bug]: Negative lookahead prevents loading on Safari on iOS 15.7

[Nantris]

Affected Packages

extension-code

Version(s)

2.10.4

Bug Description

These lines cause Safari to fail to load the page on these older versions:

tiptap/packages/extension-code/src/code.ts

Lines 45 to 51 in d735cf3

	export const inputRegex = /(^|[^`])`([^`]+)`(?!`)/
	/**
	* Matches inline code while pasting.
	*/
	export const pasteRegex = /(^|[^`])`([^`]+)`(?!`)/g

Browser Used

Chrome

Code Example URL

No response

Expected Behavior

Safari on iOS 15.7 is supported.

Last known working in 2.10.0

Additional Context (Optional)

Presumably first broken here: f79c05e

This can be worked around for a "best of both worlds" approach - but it's probably best done one a project-wide level rather than locally in the file so I'm not sure how the team will want to handle this.

We use an approach like this:

checkLookBehindSupport.js

function checkLookBehindSupport() {
  try {
    new RegExp('(?<=<kbd>)[sS]+(?=</kbd>)');
    return true;
  } catch {
    return false;
  }
}

export const supportsLookBehind = checkLookBehindSupport();

and then wherever else in the project:

import { supportsLookBehind } from './supportsLookBehind';

export const matcherRegex = supportsLookBehind
  ? // eslint-disable-next-line prefer-regex-literals -- iOS 15.x support
    new RegExp('our-advanced-regex')
  : /our-basic-regex/;

Dependency Updates

• Yes, I've updated all my dependencies.

[Nantris]

@nperez0111 sorry to ping - this is a blocker for us and patching is not so easy in our setup so I'm hoping to avoid it. Any thoughts on the approach outlined above?

[Nantris]

Accidental duplicate of #5889.

[nperez0111]

Yes, this is a dupe

[Nantris]

You're absolutely right. I thought that iOS 15.x still had an additional issue to resolve but I was mistaken. Sorry for the noise/clutter.