GapCursor is breaking on import because it's id is loaded multiple times

[bdbch]

What’s the bug you are facing?

While working on #3450 we realized that the GapCursor extension is now throwing an error as soon as it's imported into a Nuxt project. Not sure if this is also true for other implementations.

RangeError: Duplicate use of selection JSON ID gapcursor

Which browser was this experienced in? Are any special extensions installed?

Chrome, Firefox

How can we reproduce the bug on our side?

1. Create a Nuxt.js project
2. Create a editor component and import the @tiptap/extension-gapcursor extension
3. Optional: Add it to the extensions array of your editor

You should be able to see a console error in your browsers console coming from the prosemirror-state package.

Can you provide a CodeSandbox?

No response

What did you expect to happen?

The editor should work upon importing @tiptap/extension-gapcursor

Anything to add? (optional)

No response

Did you update your dependencies?

• Yes, I’ve updated my dependencies to use the latest version of all packages.

Are you sponsoring us?

• Yes, I’m a sponsor. 💖

[bdbch]

I'm trying to find out what is causing this. #3436 introduced imports for mjs, cjs and umd which leads to imports of the module version instead of the cjs version.

The problem now is that we have mixed imports to prosemirror-gapcursor inside the extension-gapcursor extension. Somehow the mjs but also cjs versions are loaded which leads to the plugin being called twice.

[bdbch]

This should be resolved in version ^2.0.0-beta.204