Fix inline code formatting for text enclosed in backticks

[marwan37]

Please describe your changes

In the current implementation of the @tiptap/extension-code, the regex pattern does not correctly format text enclosed in backticks when they are immediately preceded or followed by any character other than whitespace.

How did you accomplish your changes

Updated the inputRegex and pasteRegex patterns to the following:

export const inputRegex = /(?<!`)`([^`]+)`(?!`)/;
export const pasteRegex = /(?<!`)`([^`]+)`(?!`)/g;

The regex uses negative lookbehind and lookahead assertions to ensure that only single backticks are considered for formatting to avoid conflicts with potential code block syntax or other uses of multiple backticks.

How have you tested your changes

Tested in various scenarios to ensure that it correctly formats text as inline code blocks, and that it doesn't conflict with other extensions.

How can we verify your changes

1. Clone the repository and switch to the branch containing these changes.
2. Start the app via npm run start and navigate to any playground
3. Type text enclosed in backticks, with various surrounding characters.
4. You should observe the text within the backticks being correctly formatted as inline code.
5. Additionally, test with multiple backticks to ensure they don't interfere with the formatting.

Remarks

This change enhances the flexibility of the inline code formatting.

Checklist

• The changes are not breaking the editor
• Added tests where possible
• Followed the guidelines
• Fixed linting issues

Related issues

#4467
Issue #338 in BlockNote - Original issue where the bug was identified and discussed.

[netlify]

✅ Deploy Preview for tiptap-embed ready!

Name	Link
🔨 Latest commit	e742738
🔍 Latest deploy log	https://app.netlify.com/sites/tiptap-embed/deploys/650c8a2c4c081900083ea4b3
😎 Deploy Preview	https://deploy-preview-4468--tiptap-embed.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.