diff --git a/.eslintrc.js b/.eslintrc.js
index 1c6c7e9ba..ebea8e454 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -43,7 +43,21 @@ module.exports = {
         'no-console': ['warn', { allow: ['warn', 'error'] }],
         semi: ['error', 'never'],
         'import/order': 'off',
-        'import/extensions': 'off',
+        'import/extensions': ['error', 'ignorePackages'],
+        'no-restricted-imports': ['error',
+          {
+            paths: [
+              {
+                name: '..',
+                message: 'Import from ../index.js instead.',
+              },
+              {
+                name: '.',
+                message: 'Import from ./index.js instead.',
+              },
+            ],
+          },
+        ],
         'import/no-extraneous-dependencies': 'off',
         'import/no-unresolved': 'off',
         'import/no-dynamic-require': 'off',
diff --git a/demos/preview/Shiki.vue b/demos/preview/Shiki.vue
index 8d3ae586e..d2ec375e4 100644
--- a/demos/preview/Shiki.vue
+++ b/demos/preview/Shiki.vue
@@ -8,7 +8,7 @@
 // otherwise the `onig.wasm` file is missing in the dist folder
 import 'shiki/dist/onig.wasm?url'
 
-import Worker from './shiki.worker?worker'
+import Worker from './shiki.worker.js?worker'
 
 export default {
   props: {
diff --git a/demos/setup/js.ts b/demos/setup/js.ts
index 16f174be0..0aa85cf30 100644
--- a/demos/setup/js.ts
+++ b/demos/setup/js.ts
@@ -1,7 +1,7 @@
 import 'iframe-resizer/js/iframeResizer.contentWindow'
 import './style.scss'
 
-import { debug } from './helper'
+import { debug } from './helper.js'
 
 export default function init(name: string, source: any) {
   // @ts-ignore
diff --git a/demos/setup/react.ts b/demos/setup/react.ts
index bf45b1507..2763174a6 100644
--- a/demos/setup/react.ts
+++ b/demos/setup/react.ts
@@ -4,7 +4,7 @@ import './style.scss'
 import React from 'react'
 import { createRoot } from 'react-dom/client'
 
-import { debug, splitName } from './helper'
+import { debug, splitName } from './helper.js'
 
 export default function init(name: string, source: any) {
   // @ts-ignore
diff --git a/demos/setup/svelte.ts b/demos/setup/svelte.ts
index 2332823ee..51284645b 100644
--- a/demos/setup/svelte.ts
+++ b/demos/setup/svelte.ts
@@ -1,7 +1,7 @@
 import 'iframe-resizer/js/iframeResizer.contentWindow'
 import './style.scss'
 
-import { debug, splitName } from './helper'
+import { debug, splitName } from './helper.js'
 
 export default function init(name: string, source: any) {
   // @ts-ignore
diff --git a/demos/setup/vue.ts b/demos/setup/vue.ts
index eb9aeb95b..27892b9cc 100644
--- a/demos/setup/vue.ts
+++ b/demos/setup/vue.ts
@@ -3,7 +3,7 @@ import './style.scss'
 
 import { createApp } from 'vue'
 
-import { debug, splitName } from './helper'
+import { debug, splitName } from './helper.js'
 
 export default function init(name: string, source: any) {
   // @ts-ignore
diff --git a/demos/src/Examples/CodeBlockLanguage/React/index.jsx b/demos/src/Examples/CodeBlockLanguage/React/index.jsx
index 542512630..f73505b31 100644
--- a/demos/src/Examples/CodeBlockLanguage/React/index.jsx
+++ b/demos/src/Examples/CodeBlockLanguage/React/index.jsx
@@ -17,7 +17,7 @@ import html from 'highlight.js/lib/languages/xml'
 import { lowlight } from 'lowlight'
 import React from 'react'
 
-import CodeBlockComponent from './CodeBlockComponent'
+import CodeBlockComponent from './CodeBlockComponent.jsx'
 
 lowlight.registerLanguage('html', html)
 lowlight.registerLanguage('css', css)
diff --git a/demos/src/Examples/CollaborativeEditing/React/MenuBar.jsx b/demos/src/Examples/CollaborativeEditing/React/MenuBar.jsx
index 976df6152..80527c249 100644
--- a/demos/src/Examples/CollaborativeEditing/React/MenuBar.jsx
+++ b/demos/src/Examples/CollaborativeEditing/React/MenuBar.jsx
@@ -2,7 +2,7 @@ import './MenuBar.scss'
 
 import React, { Fragment } from 'react'
 
-import MenuItem from './MenuItem'
+import MenuItem from './MenuItem.jsx'
 
 export default ({ editor }) => {
   const items = [
diff --git a/demos/src/Examples/CollaborativeEditing/React/index.jsx b/demos/src/Examples/CollaborativeEditing/React/index.jsx
index aba19939c..c382b472b 100644
--- a/demos/src/Examples/CollaborativeEditing/React/index.jsx
+++ b/demos/src/Examples/CollaborativeEditing/React/index.jsx
@@ -15,8 +15,8 @@ import React, {
 } from 'react'
 import * as Y from 'yjs'
 
-import { variables } from '../../../variables'
-import MenuBar from './MenuBar'
+import { variables } from '../../../variables.js'
+import MenuBar from './MenuBar.jsx'
 
 const colors = ['#958DF1', '#F98181', '#FBBC88', '#FAF594', '#70CFF8', '#94FADB', '#B9F18D']
 const names = [
diff --git a/demos/src/Examples/CollaborativeEditing/Vue/index.vue b/demos/src/Examples/CollaborativeEditing/Vue/index.vue
index 7ef835086..fdc602ccb 100644
--- a/demos/src/Examples/CollaborativeEditing/Vue/index.vue
+++ b/demos/src/Examples/CollaborativeEditing/Vue/index.vue
@@ -32,7 +32,7 @@ import StarterKit from '@tiptap/starter-kit'
 import { Editor, EditorContent } from '@tiptap/vue-3'
 import * as Y from 'yjs'
 
-import { variables } from '../../../variables'
+import { variables } from '../../../variables.js'
 import MenuBar from './MenuBar.vue'
 
 const getRandomElement = list => {
diff --git a/demos/src/Examples/Community/React/index.jsx b/demos/src/Examples/Community/React/index.jsx
index b943839be..8f4a3fa21 100644
--- a/demos/src/Examples/Community/React/index.jsx
+++ b/demos/src/Examples/Community/React/index.jsx
@@ -8,7 +8,7 @@ import Text from '@tiptap/extension-text'
 import { EditorContent, useEditor } from '@tiptap/react'
 import React from 'react'
 
-import suggestion from './suggestion'
+import suggestion from './suggestion.js'
 
 export default () => {
   const limit = 280
diff --git a/demos/src/Examples/Community/React/suggestion.js b/demos/src/Examples/Community/React/suggestion.js
index f41084e5b..0ef5ff9af 100644
--- a/demos/src/Examples/Community/React/suggestion.js
+++ b/demos/src/Examples/Community/React/suggestion.js
@@ -1,7 +1,7 @@
 import { ReactRenderer } from '@tiptap/react'
 import tippy from 'tippy.js'
 
-import { MentionList } from './MentionList'
+import { MentionList } from './MentionList.jsx'
 
 export default {
   items: ({ query }) => {
diff --git a/demos/src/Examples/Community/Vue/index.vue b/demos/src/Examples/Community/Vue/index.vue
index 5d1d20fa3..33c9bea14 100644
--- a/demos/src/Examples/Community/Vue/index.vue
+++ b/demos/src/Examples/Community/Vue/index.vue
@@ -44,7 +44,7 @@ import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
 import { Editor, EditorContent } from '@tiptap/vue-3'
 
-import suggestion from './suggestion'
+import suggestion from './suggestion.js'
 
 export default {
   components: {
diff --git a/demos/src/Examples/Drawing/Vue/index.vue b/demos/src/Examples/Drawing/Vue/index.vue
index bd165fee2..7168d092a 100644
--- a/demos/src/Examples/Drawing/Vue/index.vue
+++ b/demos/src/Examples/Drawing/Vue/index.vue
@@ -7,7 +7,7 @@ import Document from '@tiptap/extension-document'
 import Text from '@tiptap/extension-text'
 import { Editor, EditorContent } from '@tiptap/vue-3'
 
-import Paper from './Paper'
+import Paper from './Paper.js'
 
 export default {
   components: {
diff --git a/demos/src/Examples/Savvy/React/ColorHighlighter.ts b/demos/src/Examples/Savvy/React/ColorHighlighter.ts
index 193af7f52..270462918 100644
--- a/demos/src/Examples/Savvy/React/ColorHighlighter.ts
+++ b/demos/src/Examples/Savvy/React/ColorHighlighter.ts
@@ -1,7 +1,7 @@
 import { Extension } from '@tiptap/core'
 import { Plugin } from '@tiptap/pm/state'
 
-import findColors from './findColors'
+import findColors from './findColors.js'
 
 export const ColorHighlighter = Extension.create({
   name: 'colorHighlighter',
diff --git a/demos/src/Examples/Savvy/React/index.jsx b/demos/src/Examples/Savvy/React/index.jsx
index 1af78467a..775b1feb8 100644
--- a/demos/src/Examples/Savvy/React/index.jsx
+++ b/demos/src/Examples/Savvy/React/index.jsx
@@ -8,8 +8,8 @@ import Typography from '@tiptap/extension-typography'
 import { EditorContent, useEditor } from '@tiptap/react'
 import React from 'react'
 
-import { ColorHighlighter } from './ColorHighlighter'
-import { SmilieReplacer } from './SmilieReplacer'
+import { ColorHighlighter } from './ColorHighlighter.ts'
+import { SmilieReplacer } from './SmilieReplacer.ts'
 
 export default () => {
   const editor = useEditor({
diff --git a/demos/src/Examples/Savvy/Vue/ColorHighlighter.ts b/demos/src/Examples/Savvy/Vue/ColorHighlighter.ts
index 193af7f52..270462918 100644
--- a/demos/src/Examples/Savvy/Vue/ColorHighlighter.ts
+++ b/demos/src/Examples/Savvy/Vue/ColorHighlighter.ts
@@ -1,7 +1,7 @@
 import { Extension } from '@tiptap/core'
 import { Plugin } from '@tiptap/pm/state'
 
-import findColors from './findColors'
+import findColors from './findColors.js'
 
 export const ColorHighlighter = Extension.create({
   name: 'colorHighlighter',
diff --git a/demos/src/Examples/Savvy/Vue/index.vue b/demos/src/Examples/Savvy/Vue/index.vue
index 1f13f364d..b296747bd 100644
--- a/demos/src/Examples/Savvy/Vue/index.vue
+++ b/demos/src/Examples/Savvy/Vue/index.vue
@@ -10,8 +10,8 @@ import Text from '@tiptap/extension-text'
 import Typography from '@tiptap/extension-typography'
 import { Editor, EditorContent } from '@tiptap/vue-3'
 
-import { ColorHighlighter } from './ColorHighlighter'
-import { SmilieReplacer } from './SmilieReplacer'
+import { ColorHighlighter } from './ColorHighlighter.ts'
+import { SmilieReplacer } from './SmilieReplacer.ts'
 
 export default {
   components: {
diff --git a/demos/src/Experiments/CollaborationAnnotation/Vue/extension/AnnotationPlugin.ts b/demos/src/Experiments/CollaborationAnnotation/Vue/extension/AnnotationPlugin.ts
index 89f0849e3..6bbf554b6 100644
--- a/demos/src/Experiments/CollaborationAnnotation/Vue/extension/AnnotationPlugin.ts
+++ b/demos/src/Experiments/CollaborationAnnotation/Vue/extension/AnnotationPlugin.ts
@@ -1,7 +1,7 @@
 import { Plugin, PluginKey } from '@tiptap/pm/state'
 import * as Y from 'yjs'
 
-import { AnnotationState } from './AnnotationState'
+import { AnnotationState } from './AnnotationState.js'
 
 export const AnnotationPluginKey = new PluginKey('annotation')
 
diff --git a/demos/src/Experiments/CollaborationAnnotation/Vue/extension/AnnotationState.ts b/demos/src/Experiments/CollaborationAnnotation/Vue/extension/AnnotationState.ts
index cef708290..28cac13f3 100644
--- a/demos/src/Experiments/CollaborationAnnotation/Vue/extension/AnnotationState.ts
+++ b/demos/src/Experiments/CollaborationAnnotation/Vue/extension/AnnotationState.ts
@@ -7,13 +7,13 @@ import {
 } from 'y-prosemirror'
 import * as Y from 'yjs'
 
-import { AnnotationItem } from './AnnotationItem'
-import { AnnotationPluginKey } from './AnnotationPlugin'
+import { AnnotationItem } from './AnnotationItem.js'
+import { AnnotationPluginKey } from './AnnotationPlugin.js'
 import {
   AddAnnotationAction,
   DeleteAnnotationAction,
   UpdateAnnotationAction,
-} from './collaboration-annotation'
+} from './collaboration-annotation.js'
 
 export interface AnnotationStateOptions {
   HTMLAttributes: {
diff --git a/demos/src/Experiments/CollaborationAnnotation/Vue/extension/collaboration-annotation.ts b/demos/src/Experiments/CollaborationAnnotation/Vue/extension/collaboration-annotation.ts
index c85bd66d2..6de4df8c5 100644
--- a/demos/src/Experiments/CollaborationAnnotation/Vue/extension/collaboration-annotation.ts
+++ b/demos/src/Experiments/CollaborationAnnotation/Vue/extension/collaboration-annotation.ts
@@ -1,7 +1,7 @@
 import { Extension } from '@tiptap/core'
 import * as Y from 'yjs'
 
-import { AnnotationPlugin, AnnotationPluginKey } from './AnnotationPlugin'
+import { AnnotationPlugin, AnnotationPluginKey } from './AnnotationPlugin.js'
 
 export interface AddAnnotationAction {
   type: 'addAnnotation',
diff --git a/demos/src/Experiments/CollaborationAnnotation/Vue/extension/index.ts b/demos/src/Experiments/CollaborationAnnotation/Vue/extension/index.ts
index b64dc6ea5..9ede9dbbb 100644
--- a/demos/src/Experiments/CollaborationAnnotation/Vue/extension/index.ts
+++ b/demos/src/Experiments/CollaborationAnnotation/Vue/extension/index.ts
@@ -1,5 +1,5 @@
-import { CollaborationAnnotation } from './collaboration-annotation'
+import { CollaborationAnnotation } from './collaboration-annotation.js'
 
-export * from './collaboration-annotation'
+export * from './collaboration-annotation.js'
 
 export default CollaborationAnnotation
diff --git a/demos/src/Experiments/CollaborationAnnotation/Vue/index.vue b/demos/src/Experiments/CollaborationAnnotation/Vue/index.vue
index 34958931b..abff9bbd6 100644
--- a/demos/src/Experiments/CollaborationAnnotation/Vue/index.vue
+++ b/demos/src/Experiments/CollaborationAnnotation/Vue/index.vue
@@ -41,7 +41,7 @@ import Text from '@tiptap/extension-text'
 import { Editor, EditorContent } from '@tiptap/vue-3'
 import * as Y from 'yjs'
 
-import CollaborationAnnotation from './extension'
+import CollaborationAnnotation from './extension/index.ts'
 
 export default {
   components: {
diff --git a/demos/src/Experiments/Commands/Vue/index.vue b/demos/src/Experiments/Commands/Vue/index.vue
index 20ce16aac..ffd760547 100644
--- a/demos/src/Experiments/Commands/Vue/index.vue
+++ b/demos/src/Experiments/Commands/Vue/index.vue
@@ -8,8 +8,8 @@
 import StarterKit from '@tiptap/starter-kit'
 import { Editor, EditorContent } from '@tiptap/vue-3'
 
-import Commands from './commands'
-import suggestion from './suggestion'
+import Commands from './commands.js'
+import suggestion from './suggestion.js'
 
 export default {
   components: {
diff --git a/demos/src/Experiments/Embeds/Vue/index.vue b/demos/src/Experiments/Embeds/Vue/index.vue
index 8c75b5a0f..1674afed3 100644
--- a/demos/src/Experiments/Embeds/Vue/index.vue
+++ b/demos/src/Experiments/Embeds/Vue/index.vue
@@ -12,7 +12,7 @@
 import StarterKit from '@tiptap/starter-kit'
 import { Editor, EditorContent } from '@tiptap/vue-3'
 
-import Iframe from './iframe'
+import Iframe from './iframe.ts'
 
 export default {
   components: {
diff --git a/demos/src/Experiments/ExtensionStorage/React/index.jsx b/demos/src/Experiments/ExtensionStorage/React/index.jsx
index 694f94823..edb3dcf67 100644
--- a/demos/src/Experiments/ExtensionStorage/React/index.jsx
+++ b/demos/src/Experiments/ExtensionStorage/React/index.jsx
@@ -6,7 +6,7 @@ import Text from '@tiptap/extension-text'
 import { EditorContent, useEditor } from '@tiptap/react'
 import React from 'react'
 
-import { CustomExtension } from './CustomExtension'
+import { CustomExtension } from './CustomExtension.ts'
 
 export default () => {
   const editor = useEditor({
diff --git a/demos/src/Experiments/ExtensionStorage/Vue/index.vue b/demos/src/Experiments/ExtensionStorage/Vue/index.vue
index 1687200bc..85bfcf2fe 100644
--- a/demos/src/Experiments/ExtensionStorage/Vue/index.vue
+++ b/demos/src/Experiments/ExtensionStorage/Vue/index.vue
@@ -9,7 +9,7 @@ import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
 import { Editor, EditorContent } from '@tiptap/vue-3'
 
-import { CustomExtension } from './CustomExtension'
+import { CustomExtension } from './CustomExtension.ts'
 
 export default {
   components: {
diff --git a/demos/src/Experiments/Figure/Vue/index.vue b/demos/src/Experiments/Figure/Vue/index.vue
index a36db982b..a8f6074d4 100644
--- a/demos/src/Experiments/Figure/Vue/index.vue
+++ b/demos/src/Experiments/Figure/Vue/index.vue
@@ -27,7 +27,7 @@ import Image from '@tiptap/extension-image'
 import StarterKit from '@tiptap/starter-kit'
 import { Editor, EditorContent } from '@tiptap/vue-3'
 
-import { Figure } from './figure'
+import { Figure } from './figure.ts'
 
 export default {
   components: {
diff --git a/demos/src/Experiments/GenericFigure/Vue/index.vue b/demos/src/Experiments/GenericFigure/Vue/index.vue
index 2934057c1..6568e34dd 100644
--- a/demos/src/Experiments/GenericFigure/Vue/index.vue
+++ b/demos/src/Experiments/GenericFigure/Vue/index.vue
@@ -25,8 +25,8 @@ import TableRow from '@tiptap/extension-table-row'
 import StarterKit from '@tiptap/starter-kit'
 import { Editor, EditorContent } from '@tiptap/vue-3'
 
-import { Figcaption } from './figcaption'
-import { Figure } from './figure'
+import { Figcaption } from './figcaption.ts'
+import { Figure } from './figure.ts'
 
 const ImageFigure = Figure.extend({
   name: 'capturedImage',
diff --git a/demos/src/Experiments/IsolatingClear/React/index.jsx b/demos/src/Experiments/IsolatingClear/React/index.jsx
index c386aa1f6..9358f84f6 100644
--- a/demos/src/Experiments/IsolatingClear/React/index.jsx
+++ b/demos/src/Experiments/IsolatingClear/React/index.jsx
@@ -6,7 +6,7 @@ import TextStyle from '@tiptap/extension-text-style'
 import { EditorContent, Node, useEditor } from '@tiptap/react'
 import React from 'react'
 
-import { content } from '../content'
+import { content } from '../content.ts'
 
 const WrapperBlock = Node.create({
   name: 'wrapperBlock',
diff --git a/demos/src/Experiments/Linter/Vue/extension/Linter.ts b/demos/src/Experiments/Linter/Vue/extension/Linter.ts
index 83b0e17e1..b3c776fd1 100644
--- a/demos/src/Experiments/Linter/Vue/extension/Linter.ts
+++ b/demos/src/Experiments/Linter/Vue/extension/Linter.ts
@@ -3,7 +3,7 @@ import { Node as ProsemirrorNode } from '@tiptap/pm/model'
 import { Plugin, PluginKey, TextSelection } from '@tiptap/pm/state'
 import { Decoration, DecorationSet } from '@tiptap/pm/view'
 
-import LinterPlugin, { Result as Issue } from './LinterPlugin'
+import LinterPlugin, { Result as Issue } from './LinterPlugin.js'
 
 interface IconDivElement extends HTMLDivElement {
   issue?: Issue
diff --git a/demos/src/Experiments/Linter/Vue/extension/index.ts b/demos/src/Experiments/Linter/Vue/extension/index.ts
index ac1237202..75014983b 100644
--- a/demos/src/Experiments/Linter/Vue/extension/index.ts
+++ b/demos/src/Experiments/Linter/Vue/extension/index.ts
@@ -1,8 +1,8 @@
-import { Linter } from './Linter'
+import { Linter } from './Linter.js'
 
-export * from './Linter'
+export * from './Linter.js'
 export default Linter
 
-export { BadWords } from './plugins/BadWords'
-export { HeadingLevel } from './plugins/HeadingLevel'
-export { Punctuation } from './plugins/Punctuation'
+export { BadWords } from './plugins/BadWords.js'
+export { HeadingLevel } from './plugins/HeadingLevel.js'
+export { Punctuation } from './plugins/Punctuation.js'
diff --git a/demos/src/Experiments/Linter/Vue/extension/plugins/BadWords.ts b/demos/src/Experiments/Linter/Vue/extension/plugins/BadWords.ts
index 8f1a01e51..cd9b49593 100644
--- a/demos/src/Experiments/Linter/Vue/extension/plugins/BadWords.ts
+++ b/demos/src/Experiments/Linter/Vue/extension/plugins/BadWords.ts
@@ -1,4 +1,4 @@
-import LinterPlugin from '../LinterPlugin'
+import LinterPlugin from '../LinterPlugin.js'
 
 export class BadWords extends LinterPlugin {
 
diff --git a/demos/src/Experiments/Linter/Vue/extension/plugins/HeadingLevel.ts b/demos/src/Experiments/Linter/Vue/extension/plugins/HeadingLevel.ts
index b6273ab4c..34802fdc6 100644
--- a/demos/src/Experiments/Linter/Vue/extension/plugins/HeadingLevel.ts
+++ b/demos/src/Experiments/Linter/Vue/extension/plugins/HeadingLevel.ts
@@ -1,6 +1,6 @@
 import { EditorView } from '@tiptap/pm/view'
 
-import LinterPlugin, { Result as Issue } from '../LinterPlugin'
+import LinterPlugin, { Result as Issue } from '../LinterPlugin.js'
 
 export class HeadingLevel extends LinterPlugin {
   fixHeader(level: number) {
diff --git a/demos/src/Experiments/Linter/Vue/extension/plugins/Punctuation.ts b/demos/src/Experiments/Linter/Vue/extension/plugins/Punctuation.ts
index 7e9d114da..506e0abaa 100644
--- a/demos/src/Experiments/Linter/Vue/extension/plugins/Punctuation.ts
+++ b/demos/src/Experiments/Linter/Vue/extension/plugins/Punctuation.ts
@@ -1,6 +1,6 @@
 import { EditorView } from '@tiptap/pm/view'
 
-import LinterPlugin, { Result as Issue } from '../LinterPlugin'
+import LinterPlugin, { Result as Issue } from '../LinterPlugin.js'
 
 export class Punctuation extends LinterPlugin {
   public regex = / ([,.!?:]) ?/g
diff --git a/demos/src/Experiments/Linter/Vue/index.vue b/demos/src/Experiments/Linter/Vue/index.vue
index 7248fc417..d0e5aebd4 100644
--- a/demos/src/Experiments/Linter/Vue/index.vue
+++ b/demos/src/Experiments/Linter/Vue/index.vue
@@ -11,7 +11,7 @@ import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
 import { Editor, EditorContent } from '@tiptap/vue-3'
 
-import Linter, { BadWords, HeadingLevel, Punctuation } from './extension'
+import Linter, { BadWords, HeadingLevel, Punctuation } from './extension/index.ts'
 
 export default {
   components: {
diff --git a/demos/src/Experiments/TrailingNode/Vue/index.vue b/demos/src/Experiments/TrailingNode/Vue/index.vue
index 843c47393..134dd5cee 100644
--- a/demos/src/Experiments/TrailingNode/Vue/index.vue
+++ b/demos/src/Experiments/TrailingNode/Vue/index.vue
@@ -8,7 +8,7 @@
 import StarterKit from '@tiptap/starter-kit'
 import { Editor, EditorContent } from '@tiptap/vue-3'
 
-import { TrailingNode } from './trailing-node'
+import { TrailingNode } from './trailing-node.ts'
 
 export default {
   components: {
diff --git a/demos/src/Nodes/Mention/React/index.jsx b/demos/src/Nodes/Mention/React/index.jsx
index 5b4204d99..424247399 100644
--- a/demos/src/Nodes/Mention/React/index.jsx
+++ b/demos/src/Nodes/Mention/React/index.jsx
@@ -5,7 +5,7 @@ import { EditorContent, useEditor } from '@tiptap/react'
 import StarterKit from '@tiptap/starter-kit'
 import React from 'react'
 
-import suggestion from './suggestion'
+import suggestion from './suggestion.js'
 
 export default () => {
   const editor = useEditor({
diff --git a/demos/src/Nodes/Mention/Vue/index.vue b/demos/src/Nodes/Mention/Vue/index.vue
index aab18f28f..e1da58a8f 100644
--- a/demos/src/Nodes/Mention/Vue/index.vue
+++ b/demos/src/Nodes/Mention/Vue/index.vue
@@ -9,7 +9,7 @@ import Mention from '@tiptap/extension-mention'
 import StarterKit from '@tiptap/starter-kit'
 import { Editor, EditorContent } from '@tiptap/vue-3'
 
-import suggestion from './suggestion'
+import suggestion from './suggestion.js'
 
 export default {
   components: {
diff --git a/packages/core/src/CommandManager.ts b/packages/core/src/CommandManager.ts
index ae87c89bc..ae9071959 100644
--- a/packages/core/src/CommandManager.ts
+++ b/packages/core/src/CommandManager.ts
@@ -1,10 +1,10 @@
 import { EditorState, Transaction } from '@tiptap/pm/state'
 
-import { Editor } from './Editor'
-import { createChainableState } from './helpers/createChainableState'
+import { Editor } from './Editor.js'
+import { createChainableState } from './helpers/createChainableState.js'
 import {
   AnyCommands, CanCommands, ChainedCommands, CommandProps, SingleCommands,
-} from './types'
+} from './types.js'
 
 export class CommandManager {
   editor: Editor
diff --git a/packages/core/src/Editor.ts b/packages/core/src/Editor.ts
index b6829cc19..3d2f89c36 100644
--- a/packages/core/src/Editor.ts
+++ b/packages/core/src/Editor.ts
@@ -4,19 +4,19 @@ import {
 } from '@tiptap/pm/state'
 import { EditorView } from '@tiptap/pm/view'
 
-import { CommandManager } from './CommandManager'
-import { EventEmitter } from './EventEmitter'
-import { ExtensionManager } from './ExtensionManager'
-import * as extensions from './extensions'
-import { createDocument } from './helpers/createDocument'
-import { getAttributes } from './helpers/getAttributes'
-import { getHTMLFromFragment } from './helpers/getHTMLFromFragment'
-import { getText } from './helpers/getText'
-import { getTextSerializersFromSchema } from './helpers/getTextSerializersFromSchema'
-import { isActive } from './helpers/isActive'
-import { isNodeEmpty } from './helpers/isNodeEmpty'
-import { resolveFocusPosition } from './helpers/resolveFocusPosition'
-import { style } from './style'
+import { CommandManager } from './CommandManager.js'
+import { EventEmitter } from './EventEmitter.js'
+import { ExtensionManager } from './ExtensionManager.js'
+import * as extensions from './extensions/index.js'
+import { createDocument } from './helpers/createDocument.js'
+import { getAttributes } from './helpers/getAttributes.js'
+import { getHTMLFromFragment } from './helpers/getHTMLFromFragment.js'
+import { getText } from './helpers/getText.js'
+import { getTextSerializersFromSchema } from './helpers/getTextSerializersFromSchema.js'
+import { isActive } from './helpers/isActive.js'
+import { isNodeEmpty } from './helpers/isNodeEmpty.js'
+import { resolveFocusPosition } from './helpers/resolveFocusPosition.js'
+import { style } from './style.js'
 import {
   CanCommands,
   ChainedCommands,
@@ -25,9 +25,9 @@ import {
   JSONContent,
   SingleCommands,
   TextSerializer,
-} from './types'
-import { createStyleTag } from './utilities/createStyleTag'
-import { isFunction } from './utilities/isFunction'
+} from './types.js'
+import { createStyleTag } from './utilities/createStyleTag.js'
+import { isFunction } from './utilities/isFunction.js'
 
 export { extensions }
 
diff --git a/packages/core/src/Extension.ts b/packages/core/src/Extension.ts
index 3a0ca7022..74d7820a4 100644
--- a/packages/core/src/Extension.ts
+++ b/packages/core/src/Extension.ts
@@ -1,12 +1,12 @@
 import { Plugin, Transaction } from '@tiptap/pm/state'
 
-import { ExtensionConfig } from '.'
-import { Editor } from './Editor'
-import { getExtensionField } from './helpers/getExtensionField'
-import { InputRule } from './InputRule'
-import { Mark } from './Mark'
-import { Node } from './Node'
-import { PasteRule } from './PasteRule'
+import { Editor } from './Editor.js'
+import { getExtensionField } from './helpers/getExtensionField.js'
+import { ExtensionConfig } from './index.js'
+import { InputRule } from './InputRule.js'
+import { Mark } from './Mark.js'
+import { Node } from './Node.js'
+import { PasteRule } from './PasteRule.js'
 import {
   AnyConfig,
   Extensions,
@@ -14,9 +14,9 @@ import {
   KeyboardShortcutCommand,
   ParentConfig,
   RawCommands,
-} from './types'
-import { callOrReturn } from './utilities/callOrReturn'
-import { mergeDeep } from './utilities/mergeDeep'
+} from './types.js'
+import { callOrReturn } from './utilities/callOrReturn.js'
+import { mergeDeep } from './utilities/mergeDeep.js'
 
 declare module '@tiptap/core' {
   interface ExtensionConfig<Options = any, Storage = any> {
diff --git a/packages/core/src/ExtensionManager.ts b/packages/core/src/ExtensionManager.ts
index bb69d7d9a..3c82d4e8d 100644
--- a/packages/core/src/ExtensionManager.ts
+++ b/packages/core/src/ExtensionManager.ts
@@ -3,21 +3,21 @@ import { Node as ProsemirrorNode, Schema } from '@tiptap/pm/model'
 import { Plugin } from '@tiptap/pm/state'
 import { Decoration, EditorView } from '@tiptap/pm/view'
 
-import { Mark, NodeConfig } from '.'
-import { Editor } from './Editor'
-import { getAttributesFromExtensions } from './helpers/getAttributesFromExtensions'
-import { getExtensionField } from './helpers/getExtensionField'
-import { getNodeType } from './helpers/getNodeType'
-import { getRenderedAttributes } from './helpers/getRenderedAttributes'
-import { getSchemaByResolvedExtensions } from './helpers/getSchemaByResolvedExtensions'
-import { getSchemaTypeByName } from './helpers/getSchemaTypeByName'
-import { isExtensionRulesEnabled } from './helpers/isExtensionRulesEnabled'
-import { splitExtensions } from './helpers/splitExtensions'
-import { inputRulesPlugin } from './InputRule'
-import { pasteRulesPlugin } from './PasteRule'
-import { AnyConfig, Extensions, RawCommands } from './types'
-import { callOrReturn } from './utilities/callOrReturn'
-import { findDuplicates } from './utilities/findDuplicates'
+import { Editor } from './Editor.js'
+import { getAttributesFromExtensions } from './helpers/getAttributesFromExtensions.js'
+import { getExtensionField } from './helpers/getExtensionField.js'
+import { getNodeType } from './helpers/getNodeType.js'
+import { getRenderedAttributes } from './helpers/getRenderedAttributes.js'
+import { getSchemaByResolvedExtensions } from './helpers/getSchemaByResolvedExtensions.js'
+import { getSchemaTypeByName } from './helpers/getSchemaTypeByName.js'
+import { isExtensionRulesEnabled } from './helpers/isExtensionRulesEnabled.js'
+import { splitExtensions } from './helpers/splitExtensions.js'
+import { Mark, NodeConfig } from './index.js'
+import { inputRulesPlugin } from './InputRule.js'
+import { pasteRulesPlugin } from './PasteRule.js'
+import { AnyConfig, Extensions, RawCommands } from './types.js'
+import { callOrReturn } from './utilities/callOrReturn.js'
+import { findDuplicates } from './utilities/findDuplicates.js'
 
 export class ExtensionManager {
   editor: Editor
diff --git a/packages/core/src/InputRule.ts b/packages/core/src/InputRule.ts
index 3d04c92da..04958c1bb 100644
--- a/packages/core/src/InputRule.ts
+++ b/packages/core/src/InputRule.ts
@@ -1,17 +1,17 @@
 import { EditorState, Plugin, TextSelection } from '@tiptap/pm/state'
 
-import { CommandManager } from './CommandManager'
-import { Editor } from './Editor'
-import { createChainableState } from './helpers/createChainableState'
-import { getTextContentFromNodes } from './helpers/getTextContentFromNodes'
+import { CommandManager } from './CommandManager.js'
+import { Editor } from './Editor.js'
+import { createChainableState } from './helpers/createChainableState.js'
+import { getTextContentFromNodes } from './helpers/getTextContentFromNodes.js'
 import {
   CanCommands,
   ChainedCommands,
   ExtendedRegExpMatchArray,
   Range,
   SingleCommands,
-} from './types'
-import { isRegExp } from './utilities/isRegExp'
+} from './types.js'
+import { isRegExp } from './utilities/isRegExp.js'
 
 export type InputRuleMatch = {
   index: number
diff --git a/packages/core/src/Mark.ts b/packages/core/src/Mark.ts
index 14b77cf64..aa23a4785 100644
--- a/packages/core/src/Mark.ts
+++ b/packages/core/src/Mark.ts
@@ -3,12 +3,12 @@ import {
 } from '@tiptap/pm/model'
 import { Plugin, Transaction } from '@tiptap/pm/state'
 
-import { MarkConfig } from '.'
-import { Editor } from './Editor'
-import { getExtensionField } from './helpers/getExtensionField'
-import { InputRule } from './InputRule'
-import { Node } from './Node'
-import { PasteRule } from './PasteRule'
+import { Editor } from './Editor.js'
+import { getExtensionField } from './helpers/getExtensionField.js'
+import { MarkConfig } from './index.js'
+import { InputRule } from './InputRule.js'
+import { Node } from './Node.js'
+import { PasteRule } from './PasteRule.js'
 import {
   AnyConfig,
   Attributes,
@@ -17,9 +17,9 @@ import {
   KeyboardShortcutCommand,
   ParentConfig,
   RawCommands,
-} from './types'
-import { callOrReturn } from './utilities/callOrReturn'
-import { mergeDeep } from './utilities/mergeDeep'
+} from './types.js'
+import { callOrReturn } from './utilities/callOrReturn.js'
+import { mergeDeep } from './utilities/mergeDeep.js'
 
 declare module '@tiptap/core' {
   export interface MarkConfig<Options = any, Storage = any> {
diff --git a/packages/core/src/Node.ts b/packages/core/src/Node.ts
index 2c9acae08..660c1bbd1 100644
--- a/packages/core/src/Node.ts
+++ b/packages/core/src/Node.ts
@@ -3,11 +3,11 @@ import {
 } from '@tiptap/pm/model'
 import { Plugin, Transaction } from '@tiptap/pm/state'
 
-import { NodeConfig } from '.'
-import { Editor } from './Editor'
-import { getExtensionField } from './helpers/getExtensionField'
-import { InputRule } from './InputRule'
-import { PasteRule } from './PasteRule'
+import { Editor } from './Editor.js'
+import { getExtensionField } from './helpers/getExtensionField.js'
+import { NodeConfig } from './index.js'
+import { InputRule } from './InputRule.js'
+import { PasteRule } from './PasteRule.js'
 import {
   AnyConfig,
   Attributes,
@@ -17,9 +17,9 @@ import {
   NodeViewRenderer,
   ParentConfig,
   RawCommands,
-} from './types'
-import { callOrReturn } from './utilities/callOrReturn'
-import { mergeDeep } from './utilities/mergeDeep'
+} from './types.js'
+import { callOrReturn } from './utilities/callOrReturn.js'
+import { mergeDeep } from './utilities/mergeDeep.js'
 
 declare module '@tiptap/core' {
   interface NodeConfig<Options = any, Storage = any> {
diff --git a/packages/core/src/NodeView.ts b/packages/core/src/NodeView.ts
index 10e2758e6..6bd3b74df 100644
--- a/packages/core/src/NodeView.ts
+++ b/packages/core/src/NodeView.ts
@@ -2,11 +2,11 @@ import { Node as ProseMirrorNode } from '@tiptap/pm/model'
 import { NodeSelection } from '@tiptap/pm/state'
 import { NodeView as ProseMirrorNodeView } from '@tiptap/pm/view'
 
-import { Editor as CoreEditor } from './Editor'
-import { Node } from './Node'
-import { DecorationWithType, NodeViewRendererOptions, NodeViewRendererProps } from './types'
-import { isAndroid } from './utilities/isAndroid'
-import { isiOS } from './utilities/isiOS'
+import { Editor as CoreEditor } from './Editor.js'
+import { Node } from './Node.js'
+import { DecorationWithType, NodeViewRendererOptions, NodeViewRendererProps } from './types.js'
+import { isAndroid } from './utilities/isAndroid.js'
+import { isiOS } from './utilities/isiOS.js'
 
 export class NodeView<
   Component,
diff --git a/packages/core/src/PasteRule.ts b/packages/core/src/PasteRule.ts
index 287845ed6..acc24faa3 100644
--- a/packages/core/src/PasteRule.ts
+++ b/packages/core/src/PasteRule.ts
@@ -1,17 +1,17 @@
 import { EditorState, Plugin } from '@tiptap/pm/state'
 
-import { CommandManager } from './CommandManager'
-import { Editor } from './Editor'
-import { createChainableState } from './helpers/createChainableState'
+import { CommandManager } from './CommandManager.js'
+import { Editor } from './Editor.js'
+import { createChainableState } from './helpers/createChainableState.js'
 import {
   CanCommands,
   ChainedCommands,
   ExtendedRegExpMatchArray,
   Range,
   SingleCommands,
-} from './types'
-import { isNumber } from './utilities/isNumber'
-import { isRegExp } from './utilities/isRegExp'
+} from './types.js'
+import { isNumber } from './utilities/isNumber.js'
+import { isRegExp } from './utilities/isRegExp.js'
 
 export type PasteRuleMatch = {
   index: number
diff --git a/packages/core/src/commands/blur.ts b/packages/core/src/commands/blur.ts
index ac603e821..511137bc1 100644
--- a/packages/core/src/commands/blur.ts
+++ b/packages/core/src/commands/blur.ts
@@ -1,4 +1,4 @@
-import { RawCommands } from '../types'
+import { RawCommands } from '../types.js'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/clearContent.ts b/packages/core/src/commands/clearContent.ts
index ccefd7b53..638545225 100644
--- a/packages/core/src/commands/clearContent.ts
+++ b/packages/core/src/commands/clearContent.ts
@@ -1,4 +1,4 @@
-import { RawCommands } from '../types'
+import { RawCommands } from '../types.js'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/clearNodes.ts b/packages/core/src/commands/clearNodes.ts
index e4173a811..aa41fcc3c 100644
--- a/packages/core/src/commands/clearNodes.ts
+++ b/packages/core/src/commands/clearNodes.ts
@@ -1,6 +1,6 @@
 import { liftTarget } from '@tiptap/pm/transform'
 
-import { RawCommands } from '../types'
+import { RawCommands } from '../types.js'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/command.ts b/packages/core/src/commands/command.ts
index 0cfba7837..9262495c6 100644
--- a/packages/core/src/commands/command.ts
+++ b/packages/core/src/commands/command.ts
@@ -1,4 +1,4 @@
-import { Command, RawCommands } from '../types'
+import { Command, RawCommands } from '../types.js'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/createParagraphNear.ts b/packages/core/src/commands/createParagraphNear.ts
index 8ad4fbac3..c0103989f 100644
--- a/packages/core/src/commands/createParagraphNear.ts
+++ b/packages/core/src/commands/createParagraphNear.ts
@@ -1,6 +1,6 @@
 import { createParagraphNear as originalCreateParagraphNear } from '@tiptap/pm/commands'
 
-import { RawCommands } from '../types'
+import { RawCommands } from '../types.js'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/deleteCurrentNode.ts b/packages/core/src/commands/deleteCurrentNode.ts
index c910ec4b7..5f5914dfe 100644
--- a/packages/core/src/commands/deleteCurrentNode.ts
+++ b/packages/core/src/commands/deleteCurrentNode.ts
@@ -1,4 +1,4 @@
-import { RawCommands } from '../types'
+import { RawCommands } from '../types.js'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/deleteNode.ts b/packages/core/src/commands/deleteNode.ts
index 75ca079a1..c1ddbecf0 100644
--- a/packages/core/src/commands/deleteNode.ts
+++ b/packages/core/src/commands/deleteNode.ts
@@ -1,7 +1,7 @@
 import { NodeType } from '@tiptap/pm/model'
 
-import { getNodeType } from '../helpers/getNodeType'
-import { RawCommands } from '../types'
+import { getNodeType } from '../helpers/getNodeType.js'
+import { RawCommands } from '../types.js'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/deleteRange.ts b/packages/core/src/commands/deleteRange.ts
index c96269278..9c25a4c13 100644
--- a/packages/core/src/commands/deleteRange.ts
+++ b/packages/core/src/commands/deleteRange.ts
@@ -1,4 +1,4 @@
-import { Range, RawCommands } from '../types'
+import { Range, RawCommands } from '../types.js'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/deleteSelection.ts b/packages/core/src/commands/deleteSelection.ts
index 8e8d5be69..a52b6b633 100644
--- a/packages/core/src/commands/deleteSelection.ts
+++ b/packages/core/src/commands/deleteSelection.ts
@@ -1,6 +1,6 @@
 import { deleteSelection as originalDeleteSelection } from '@tiptap/pm/commands'
 
-import { RawCommands } from '../types'
+import { RawCommands } from '../types.js'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/enter.ts b/packages/core/src/commands/enter.ts
index bdab0fbc0..5eb1e7265 100644
--- a/packages/core/src/commands/enter.ts
+++ b/packages/core/src/commands/enter.ts
@@ -1,4 +1,4 @@
-import { RawCommands } from '../types'
+import { RawCommands } from '../types.js'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/exitCode.ts b/packages/core/src/commands/exitCode.ts
index 7940a82d4..5242b998b 100644
--- a/packages/core/src/commands/exitCode.ts
+++ b/packages/core/src/commands/exitCode.ts
@@ -1,6 +1,6 @@
 import { exitCode as originalExitCode } from '@tiptap/pm/commands'
 
-import { RawCommands } from '../types'
+import { RawCommands } from '../types.js'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/extendMarkRange.ts b/packages/core/src/commands/extendMarkRange.ts
index a67badb68..30e7c60a3 100644
--- a/packages/core/src/commands/extendMarkRange.ts
+++ b/packages/core/src/commands/extendMarkRange.ts
@@ -1,9 +1,9 @@
 import { MarkType } from '@tiptap/pm/model'
 import { TextSelection } from '@tiptap/pm/state'
 
-import { getMarkRange } from '../helpers/getMarkRange'
-import { getMarkType } from '../helpers/getMarkType'
-import { RawCommands } from '../types'
+import { getMarkRange } from '../helpers/getMarkRange.js'
+import { getMarkType } from '../helpers/getMarkType.js'
+import { RawCommands } from '../types.js'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/first.ts b/packages/core/src/commands/first.ts
index 6bd333686..cf686a770 100644
--- a/packages/core/src/commands/first.ts
+++ b/packages/core/src/commands/first.ts
@@ -1,4 +1,4 @@
-import { Command, CommandProps, RawCommands } from '../types'
+import { Command, CommandProps, RawCommands } from '../types.js'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/focus.ts b/packages/core/src/commands/focus.ts
index cebd877c0..c7f22ce5a 100644
--- a/packages/core/src/commands/focus.ts
+++ b/packages/core/src/commands/focus.ts
@@ -1,7 +1,7 @@
-import { isTextSelection } from '../helpers/isTextSelection'
-import { resolveFocusPosition } from '../helpers/resolveFocusPosition'
-import { FocusPosition, RawCommands } from '../types'
-import { isiOS } from '../utilities/isiOS'
+import { isTextSelection } from '../helpers/isTextSelection.js'
+import { resolveFocusPosition } from '../helpers/resolveFocusPosition.js'
+import { FocusPosition, RawCommands } from '../types.js'
+import { isiOS } from '../utilities/isiOS.js'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/forEach.ts b/packages/core/src/commands/forEach.ts
index 5d95b40ee..2b1b983e3 100644
--- a/packages/core/src/commands/forEach.ts
+++ b/packages/core/src/commands/forEach.ts
@@ -1,4 +1,4 @@
-import { CommandProps, RawCommands } from '../types'
+import { CommandProps, RawCommands } from '../types.js'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/index.ts b/packages/core/src/commands/index.ts
index a9711f9b3..2ab904d32 100644
--- a/packages/core/src/commands/index.ts
+++ b/packages/core/src/commands/index.ts
@@ -1,50 +1,50 @@
-export * from './blur'
-export * from './clearContent'
-export * from './clearNodes'
-export * from './command'
-export * from './createParagraphNear'
-export * from './deleteCurrentNode'
-export * from './deleteNode'
-export * from './deleteRange'
-export * from './deleteSelection'
-export * from './enter'
-export * from './exitCode'
-export * from './extendMarkRange'
-export * from './first'
-export * from './focus'
-export * from './forEach'
-export * from './insertContent'
-export * from './insertContentAt'
-export * from './join'
-export * from './keyboardShortcut'
-export * from './lift'
-export * from './liftEmptyBlock'
-export * from './liftListItem'
-export * from './newlineInCode'
-export * from './resetAttributes'
-export * from './scrollIntoView'
-export * from './selectAll'
-export * from './selectNodeBackward'
-export * from './selectNodeForward'
-export * from './selectParentNode'
-export * from './selectTextblockEnd'
-export * from './selectTextblockStart'
-export * from './setContent'
-export * from './setMark'
-export * from './setMeta'
-export * from './setNode'
-export * from './setNodeSelection'
-export * from './setTextSelection'
-export * from './sinkListItem'
-export * from './splitBlock'
-export * from './splitListItem'
-export * from './toggleList'
-export * from './toggleMark'
-export * from './toggleNode'
-export * from './toggleWrap'
-export * from './undoInputRule'
-export * from './unsetAllMarks'
-export * from './unsetMark'
-export * from './updateAttributes'
-export * from './wrapIn'
-export * from './wrapInList'
+export * from './blur.js'
+export * from './clearContent.js'
+export * from './clearNodes.js'
+export * from './command.js'
+export * from './createParagraphNear.js'
+export * from './deleteCurrentNode.js'
+export * from './deleteNode.js'
+export * from './deleteRange.js'
+export * from './deleteSelection.js'
+export * from './enter.js'
+export * from './exitCode.js'
+export * from './extendMarkRange.js'
+export * from './first.js'
+export * from './focus.js'
+export * from './forEach.js'
+export * from './insertContent.js'
+export * from './insertContentAt.js'
+export * from './join.js'
+export * from './keyboardShortcut.js'
+export * from './lift.js'
+export * from './liftEmptyBlock.js'
+export * from './liftListItem.js'
+export * from './newlineInCode.js'
+export * from './resetAttributes.js'
+export * from './scrollIntoView.js'
+export * from './selectAll.js'
+export * from './selectNodeBackward.js'
+export * from './selectNodeForward.js'
+export * from './selectParentNode.js'
+export * from './selectTextblockEnd.js'
+export * from './selectTextblockStart.js'
+export * from './setContent.js'
+export * from './setMark.js'
+export * from './setMeta.js'
+export * from './setNode.js'
+export * from './setNodeSelection.js'
+export * from './setTextSelection.js'
+export * from './sinkListItem.js'
+export * from './splitBlock.js'
+export * from './splitListItem.js'
+export * from './toggleList.js'
+export * from './toggleMark.js'
+export * from './toggleNode.js'
+export * from './toggleWrap.js'
+export * from './undoInputRule.js'
+export * from './unsetAllMarks.js'
+export * from './unsetMark.js'
+export * from './updateAttributes.js'
+export * from './wrapIn.js'
+export * from './wrapInList.js'
diff --git a/packages/core/src/commands/insertContent.ts b/packages/core/src/commands/insertContent.ts
index fe158410d..f7e75f26c 100644
--- a/packages/core/src/commands/insertContent.ts
+++ b/packages/core/src/commands/insertContent.ts
@@ -1,6 +1,6 @@
 import { ParseOptions } from '@tiptap/pm/model'
 
-import { Content, RawCommands } from '../types'
+import { Content, RawCommands } from '../types.js'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/insertContentAt.ts b/packages/core/src/commands/insertContentAt.ts
index b0d540924..183648370 100644
--- a/packages/core/src/commands/insertContentAt.ts
+++ b/packages/core/src/commands/insertContentAt.ts
@@ -1,8 +1,8 @@
 import { Fragment, Node as ProseMirrorNode, ParseOptions } from '@tiptap/pm/model'
 
-import { createNodeFromContent } from '../helpers/createNodeFromContent'
-import { selectionToInsertionEnd } from '../helpers/selectionToInsertionEnd'
-import { Content, Range, RawCommands } from '../types'
+import { createNodeFromContent } from '../helpers/createNodeFromContent.js'
+import { selectionToInsertionEnd } from '../helpers/selectionToInsertionEnd.js'
+import { Content, Range, RawCommands } from '../types.js'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/join.ts b/packages/core/src/commands/join.ts
index 4167aef02..6e45f39ea 100644
--- a/packages/core/src/commands/join.ts
+++ b/packages/core/src/commands/join.ts
@@ -5,7 +5,7 @@ import {
   joinUp as originalJoinUp,
 } from '@tiptap/pm/commands'
 
-import { RawCommands } from '../types'
+import { RawCommands } from '../types.js'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/keyboardShortcut.ts b/packages/core/src/commands/keyboardShortcut.ts
index 915224dfe..a9634f578 100644
--- a/packages/core/src/commands/keyboardShortcut.ts
+++ b/packages/core/src/commands/keyboardShortcut.ts
@@ -1,6 +1,6 @@
-import { RawCommands } from '../types'
-import { isiOS } from '../utilities/isiOS'
-import { isMacOS } from '../utilities/isMacOS'
+import { RawCommands } from '../types.js'
+import { isiOS } from '../utilities/isiOS.js'
+import { isMacOS } from '../utilities/isMacOS.js'
 
 function normalizeKeyName(name: string) {
   const parts = name.split(/-(?!$)/)
diff --git a/packages/core/src/commands/lift.ts b/packages/core/src/commands/lift.ts
index 783c23e54..0ac6432df 100644
--- a/packages/core/src/commands/lift.ts
+++ b/packages/core/src/commands/lift.ts
@@ -1,9 +1,9 @@
 import { lift as originalLift } from '@tiptap/pm/commands'
 import { NodeType } from '@tiptap/pm/model'
 
-import { getNodeType } from '../helpers/getNodeType'
-import { isNodeActive } from '../helpers/isNodeActive'
-import { RawCommands } from '../types'
+import { getNodeType } from '../helpers/getNodeType.js'
+import { isNodeActive } from '../helpers/isNodeActive.js'
+import { RawCommands } from '../types.js'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/liftEmptyBlock.ts b/packages/core/src/commands/liftEmptyBlock.ts
index f32d95b6f..1adfee5b2 100644
--- a/packages/core/src/commands/liftEmptyBlock.ts
+++ b/packages/core/src/commands/liftEmptyBlock.ts
@@ -1,6 +1,6 @@
 import { liftEmptyBlock as originalLiftEmptyBlock } from '@tiptap/pm/commands'
 
-import { RawCommands } from '../types'
+import { RawCommands } from '../types.js'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/liftListItem.ts b/packages/core/src/commands/liftListItem.ts
index 2cdb06dca..ba9142f1c 100644
--- a/packages/core/src/commands/liftListItem.ts
+++ b/packages/core/src/commands/liftListItem.ts
@@ -1,8 +1,8 @@
 import { NodeType } from '@tiptap/pm/model'
 import { liftListItem as originalLiftListItem } from '@tiptap/pm/schema-list'
 
-import { getNodeType } from '../helpers/getNodeType'
-import { RawCommands } from '../types'
+import { getNodeType } from '../helpers/getNodeType.js'
+import { RawCommands } from '../types.js'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/newlineInCode.ts b/packages/core/src/commands/newlineInCode.ts
index 5dedcf435..41e28648a 100644
--- a/packages/core/src/commands/newlineInCode.ts
+++ b/packages/core/src/commands/newlineInCode.ts
@@ -1,6 +1,6 @@
 import { newlineInCode as originalNewlineInCode } from '@tiptap/pm/commands'
 
-import { RawCommands } from '../types'
+import { RawCommands } from '../types.js'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/resetAttributes.ts b/packages/core/src/commands/resetAttributes.ts
index 69460f8b2..df3918d9f 100644
--- a/packages/core/src/commands/resetAttributes.ts
+++ b/packages/core/src/commands/resetAttributes.ts
@@ -1,10 +1,10 @@
 import { MarkType, NodeType } from '@tiptap/pm/model'
 
-import { getMarkType } from '../helpers/getMarkType'
-import { getNodeType } from '../helpers/getNodeType'
-import { getSchemaTypeNameByName } from '../helpers/getSchemaTypeNameByName'
-import { RawCommands } from '../types'
-import { deleteProps } from '../utilities/deleteProps'
+import { getMarkType } from '../helpers/getMarkType.js'
+import { getNodeType } from '../helpers/getNodeType.js'
+import { getSchemaTypeNameByName } from '../helpers/getSchemaTypeNameByName.js'
+import { RawCommands } from '../types.js'
+import { deleteProps } from '../utilities/deleteProps.js'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/scrollIntoView.ts b/packages/core/src/commands/scrollIntoView.ts
index 39e97a367..efc66edfe 100644
--- a/packages/core/src/commands/scrollIntoView.ts
+++ b/packages/core/src/commands/scrollIntoView.ts
@@ -1,4 +1,4 @@
-import { RawCommands } from '../types'
+import { RawCommands } from '../types.js'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/selectAll.ts b/packages/core/src/commands/selectAll.ts
index 15518ea2d..14cc9bb7b 100644
--- a/packages/core/src/commands/selectAll.ts
+++ b/packages/core/src/commands/selectAll.ts
@@ -1,4 +1,4 @@
-import { RawCommands } from '../types'
+import { RawCommands } from '../types.js'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/selectNodeBackward.ts b/packages/core/src/commands/selectNodeBackward.ts
index e2331c329..00a31fd30 100644
--- a/packages/core/src/commands/selectNodeBackward.ts
+++ b/packages/core/src/commands/selectNodeBackward.ts
@@ -1,6 +1,6 @@
 import { selectNodeBackward as originalSelectNodeBackward } from '@tiptap/pm/commands'
 
-import { RawCommands } from '../types'
+import { RawCommands } from '../types.js'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/selectNodeForward.ts b/packages/core/src/commands/selectNodeForward.ts
index 4b0daa8de..98f3551c6 100644
--- a/packages/core/src/commands/selectNodeForward.ts
+++ b/packages/core/src/commands/selectNodeForward.ts
@@ -1,6 +1,6 @@
 import { selectNodeForward as originalSelectNodeForward } from '@tiptap/pm/commands'
 
-import { RawCommands } from '../types'
+import { RawCommands } from '../types.js'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/selectParentNode.ts b/packages/core/src/commands/selectParentNode.ts
index ea64ab92c..eaed8b032 100644
--- a/packages/core/src/commands/selectParentNode.ts
+++ b/packages/core/src/commands/selectParentNode.ts
@@ -1,6 +1,6 @@
 import { selectParentNode as originalSelectParentNode } from '@tiptap/pm/commands'
 
-import { RawCommands } from '../types'
+import { RawCommands } from '../types.js'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/selectTextblockEnd.ts b/packages/core/src/commands/selectTextblockEnd.ts
index 96b384cd9..1893123bd 100644
--- a/packages/core/src/commands/selectTextblockEnd.ts
+++ b/packages/core/src/commands/selectTextblockEnd.ts
@@ -2,7 +2,7 @@
 // TODO: add types to @types/prosemirror-commands
 import { selectTextblockEnd as originalSelectTextblockEnd } from '@tiptap/pm/commands'
 
-import { RawCommands } from '../types'
+import { RawCommands } from '../types.js'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/selectTextblockStart.ts b/packages/core/src/commands/selectTextblockStart.ts
index 59d684d09..de122096a 100644
--- a/packages/core/src/commands/selectTextblockStart.ts
+++ b/packages/core/src/commands/selectTextblockStart.ts
@@ -2,7 +2,7 @@
 // TODO: add types to @types/prosemirror-commands
 import { selectTextblockStart as originalSelectTextblockStart } from '@tiptap/pm/commands'
 
-import { RawCommands } from '../types'
+import { RawCommands } from '../types.js'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/setContent.ts b/packages/core/src/commands/setContent.ts
index bd1cc107c..11cb11bf4 100644
--- a/packages/core/src/commands/setContent.ts
+++ b/packages/core/src/commands/setContent.ts
@@ -1,7 +1,7 @@
 import { ParseOptions } from '@tiptap/pm/model'
 
-import { createDocument } from '../helpers/createDocument'
-import { Content, RawCommands } from '../types'
+import { createDocument } from '../helpers/createDocument.js'
+import { Content, RawCommands } from '../types.js'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/setMark.ts b/packages/core/src/commands/setMark.ts
index 59aa1ee8f..211369bb7 100644
--- a/packages/core/src/commands/setMark.ts
+++ b/packages/core/src/commands/setMark.ts
@@ -1,10 +1,10 @@
 import { MarkType, ResolvedPos } from '@tiptap/pm/model'
 import { EditorState, Transaction } from '@tiptap/pm/state'
 
-import { isTextSelection } from '../helpers'
-import { getMarkAttributes } from '../helpers/getMarkAttributes'
-import { getMarkType } from '../helpers/getMarkType'
-import { RawCommands } from '../types'
+import { getMarkAttributes } from '../helpers/getMarkAttributes.js'
+import { getMarkType } from '../helpers/getMarkType.js'
+import { isTextSelection } from '../helpers/index.js'
+import { RawCommands } from '../types.js'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/setMeta.ts b/packages/core/src/commands/setMeta.ts
index cae39082e..56c89bf83 100644
--- a/packages/core/src/commands/setMeta.ts
+++ b/packages/core/src/commands/setMeta.ts
@@ -1,4 +1,4 @@
-import { RawCommands } from '../types'
+import { RawCommands } from '../types.js'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/setNode.ts b/packages/core/src/commands/setNode.ts
index 7cb3df2a8..a3ad1d91e 100644
--- a/packages/core/src/commands/setNode.ts
+++ b/packages/core/src/commands/setNode.ts
@@ -1,8 +1,8 @@
 import { setBlockType } from '@tiptap/pm/commands'
 import { NodeType } from '@tiptap/pm/model'
 
-import { getNodeType } from '../helpers/getNodeType'
-import { RawCommands } from '../types'
+import { getNodeType } from '../helpers/getNodeType.js'
+import { RawCommands } from '../types.js'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/setNodeSelection.ts b/packages/core/src/commands/setNodeSelection.ts
index 63756395c..61aaf70bd 100644
--- a/packages/core/src/commands/setNodeSelection.ts
+++ b/packages/core/src/commands/setNodeSelection.ts
@@ -1,7 +1,7 @@
 import { NodeSelection } from '@tiptap/pm/state'
 
-import { RawCommands } from '../types'
-import { minMax } from '../utilities/minMax'
+import { RawCommands } from '../types.js'
+import { minMax } from '../utilities/minMax.js'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/setTextSelection.ts b/packages/core/src/commands/setTextSelection.ts
index 77cb4c27f..077842b1b 100644
--- a/packages/core/src/commands/setTextSelection.ts
+++ b/packages/core/src/commands/setTextSelection.ts
@@ -1,7 +1,7 @@
 import { TextSelection } from '@tiptap/pm/state'
 
-import { Range, RawCommands } from '../types'
-import { minMax } from '../utilities/minMax'
+import { Range, RawCommands } from '../types.js'
+import { minMax } from '../utilities/minMax.js'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/sinkListItem.ts b/packages/core/src/commands/sinkListItem.ts
index 1df2e0825..111183b20 100644
--- a/packages/core/src/commands/sinkListItem.ts
+++ b/packages/core/src/commands/sinkListItem.ts
@@ -1,8 +1,8 @@
 import { NodeType } from '@tiptap/pm/model'
 import { sinkListItem as originalSinkListItem } from '@tiptap/pm/schema-list'
 
-import { getNodeType } from '../helpers/getNodeType'
-import { RawCommands } from '../types'
+import { getNodeType } from '../helpers/getNodeType.js'
+import { RawCommands } from '../types.js'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/splitBlock.ts b/packages/core/src/commands/splitBlock.ts
index d1fd53705..f63c8f158 100644
--- a/packages/core/src/commands/splitBlock.ts
+++ b/packages/core/src/commands/splitBlock.ts
@@ -1,9 +1,9 @@
 import { EditorState, NodeSelection, TextSelection } from '@tiptap/pm/state'
 import { canSplit } from '@tiptap/pm/transform'
 
-import { defaultBlockAt } from '../helpers/defaultBlockAt'
-import { getSplittedAttributes } from '../helpers/getSplittedAttributes'
-import { RawCommands } from '../types'
+import { defaultBlockAt } from '../helpers/defaultBlockAt.js'
+import { getSplittedAttributes } from '../helpers/getSplittedAttributes.js'
+import { RawCommands } from '../types.js'
 
 function ensureMarks(state: EditorState, splittableMarks?: string[]) {
   const marks = state.storedMarks || (state.selection.$to.parentOffset && state.selection.$from.marks())
diff --git a/packages/core/src/commands/splitListItem.ts b/packages/core/src/commands/splitListItem.ts
index 8952bc4df..3f08037e5 100644
--- a/packages/core/src/commands/splitListItem.ts
+++ b/packages/core/src/commands/splitListItem.ts
@@ -4,9 +4,9 @@ import {
 import { TextSelection } from '@tiptap/pm/state'
 import { canSplit } from '@tiptap/pm/transform'
 
-import { getNodeType } from '../helpers/getNodeType'
-import { getSplittedAttributes } from '../helpers/getSplittedAttributes'
-import { RawCommands } from '../types'
+import { getNodeType } from '../helpers/getNodeType.js'
+import { getSplittedAttributes } from '../helpers/getSplittedAttributes.js'
+import { RawCommands } from '../types.js'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/toggleList.ts b/packages/core/src/commands/toggleList.ts
index 868e6ad86..638fbe678 100644
--- a/packages/core/src/commands/toggleList.ts
+++ b/packages/core/src/commands/toggleList.ts
@@ -2,10 +2,10 @@ import { NodeType } from '@tiptap/pm/model'
 import { Transaction } from '@tiptap/pm/state'
 import { canJoin } from '@tiptap/pm/transform'
 
-import { findParentNode } from '../helpers/findParentNode'
-import { getNodeType } from '../helpers/getNodeType'
-import { isList } from '../helpers/isList'
-import { RawCommands } from '../types'
+import { findParentNode } from '../helpers/findParentNode.js'
+import { getNodeType } from '../helpers/getNodeType.js'
+import { isList } from '../helpers/isList.js'
+import { RawCommands } from '../types.js'
 
 const joinListBackwards = (tr: Transaction, listType: NodeType): boolean => {
   const list = findParentNode(node => node.type === listType)(tr.selection)
diff --git a/packages/core/src/commands/toggleMark.ts b/packages/core/src/commands/toggleMark.ts
index 745b4af0c..7b2eb7eb8 100644
--- a/packages/core/src/commands/toggleMark.ts
+++ b/packages/core/src/commands/toggleMark.ts
@@ -1,8 +1,8 @@
 import { MarkType } from '@tiptap/pm/model'
 
-import { getMarkType } from '../helpers/getMarkType'
-import { isMarkActive } from '../helpers/isMarkActive'
-import { RawCommands } from '../types'
+import { getMarkType } from '../helpers/getMarkType.js'
+import { isMarkActive } from '../helpers/isMarkActive.js'
+import { RawCommands } from '../types.js'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/toggleNode.ts b/packages/core/src/commands/toggleNode.ts
index 796ea6919..cbc4f6671 100644
--- a/packages/core/src/commands/toggleNode.ts
+++ b/packages/core/src/commands/toggleNode.ts
@@ -1,8 +1,8 @@
 import { NodeType } from '@tiptap/pm/model'
 
-import { getNodeType } from '../helpers/getNodeType'
-import { isNodeActive } from '../helpers/isNodeActive'
-import { RawCommands } from '../types'
+import { getNodeType } from '../helpers/getNodeType.js'
+import { isNodeActive } from '../helpers/isNodeActive.js'
+import { RawCommands } from '../types.js'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/toggleWrap.ts b/packages/core/src/commands/toggleWrap.ts
index 9520800d6..b9638f392 100644
--- a/packages/core/src/commands/toggleWrap.ts
+++ b/packages/core/src/commands/toggleWrap.ts
@@ -1,8 +1,8 @@
 import { NodeType } from '@tiptap/pm/model'
 
-import { getNodeType } from '../helpers/getNodeType'
-import { isNodeActive } from '../helpers/isNodeActive'
-import { RawCommands } from '../types'
+import { getNodeType } from '../helpers/getNodeType.js'
+import { isNodeActive } from '../helpers/isNodeActive.js'
+import { RawCommands } from '../types.js'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/undoInputRule.ts b/packages/core/src/commands/undoInputRule.ts
index 6f93b1865..3c6f9b7c2 100644
--- a/packages/core/src/commands/undoInputRule.ts
+++ b/packages/core/src/commands/undoInputRule.ts
@@ -1,4 +1,4 @@
-import { RawCommands } from '../types'
+import { RawCommands } from '../types.js'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/unsetAllMarks.ts b/packages/core/src/commands/unsetAllMarks.ts
index cdcffc790..e3ae7ea23 100644
--- a/packages/core/src/commands/unsetAllMarks.ts
+++ b/packages/core/src/commands/unsetAllMarks.ts
@@ -1,4 +1,4 @@
-import { RawCommands } from '../types'
+import { RawCommands } from '../types.js'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/unsetMark.ts b/packages/core/src/commands/unsetMark.ts
index 8f2e6b149..1aef4b14b 100644
--- a/packages/core/src/commands/unsetMark.ts
+++ b/packages/core/src/commands/unsetMark.ts
@@ -1,8 +1,8 @@
 import { MarkType } from '@tiptap/pm/model'
 
-import { getMarkRange } from '../helpers/getMarkRange'
-import { getMarkType } from '../helpers/getMarkType'
-import { RawCommands } from '../types'
+import { getMarkRange } from '../helpers/getMarkRange.js'
+import { getMarkType } from '../helpers/getMarkType.js'
+import { RawCommands } from '../types.js'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/updateAttributes.ts b/packages/core/src/commands/updateAttributes.ts
index cc68e6e00..10b0d2e8e 100644
--- a/packages/core/src/commands/updateAttributes.ts
+++ b/packages/core/src/commands/updateAttributes.ts
@@ -1,9 +1,9 @@
 import { MarkType, NodeType } from '@tiptap/pm/model'
 
-import { getMarkType } from '../helpers/getMarkType'
-import { getNodeType } from '../helpers/getNodeType'
-import { getSchemaTypeNameByName } from '../helpers/getSchemaTypeNameByName'
-import { RawCommands } from '../types'
+import { getMarkType } from '../helpers/getMarkType.js'
+import { getNodeType } from '../helpers/getNodeType.js'
+import { getSchemaTypeNameByName } from '../helpers/getSchemaTypeNameByName.js'
+import { RawCommands } from '../types.js'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/wrapIn.ts b/packages/core/src/commands/wrapIn.ts
index 81fb29674..c9a0da169 100644
--- a/packages/core/src/commands/wrapIn.ts
+++ b/packages/core/src/commands/wrapIn.ts
@@ -1,8 +1,8 @@
 import { wrapIn as originalWrapIn } from '@tiptap/pm/commands'
 import { NodeType } from '@tiptap/pm/model'
 
-import { getNodeType } from '../helpers/getNodeType'
-import { RawCommands } from '../types'
+import { getNodeType } from '../helpers/getNodeType.js'
+import { RawCommands } from '../types.js'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/wrapInList.ts b/packages/core/src/commands/wrapInList.ts
index 1f83d32e9..5140457f6 100644
--- a/packages/core/src/commands/wrapInList.ts
+++ b/packages/core/src/commands/wrapInList.ts
@@ -1,8 +1,8 @@
 import { NodeType } from '@tiptap/pm/model'
 import { wrapInList as originalWrapInList } from '@tiptap/pm/schema-list'
 
-import { getNodeType } from '../helpers/getNodeType'
-import { RawCommands } from '../types'
+import { getNodeType } from '../helpers/getNodeType.js'
+import { RawCommands } from '../types.js'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/extensions/clipboardTextSerializer.ts b/packages/core/src/extensions/clipboardTextSerializer.ts
index 99e908dca..0986fc81c 100644
--- a/packages/core/src/extensions/clipboardTextSerializer.ts
+++ b/packages/core/src/extensions/clipboardTextSerializer.ts
@@ -1,8 +1,8 @@
 import { Plugin, PluginKey } from '@tiptap/pm/state'
 
-import { Extension } from '../Extension'
-import { getTextBetween } from '../helpers/getTextBetween'
-import { getTextSerializersFromSchema } from '../helpers/getTextSerializersFromSchema'
+import { Extension } from '../Extension.js'
+import { getTextBetween } from '../helpers/getTextBetween.js'
+import { getTextSerializersFromSchema } from '../helpers/getTextSerializersFromSchema.js'
 
 export const ClipboardTextSerializer = Extension.create({
   name: 'clipboardTextSerializer',
diff --git a/packages/core/src/extensions/commands.ts b/packages/core/src/extensions/commands.ts
index 90fb1789d..e25e3bd11 100644
--- a/packages/core/src/extensions/commands.ts
+++ b/packages/core/src/extensions/commands.ts
@@ -1,7 +1,7 @@
-import * as commands from '../commands'
-import { Extension } from '../Extension'
+import * as commands from '../commands/index.js'
+import { Extension } from '../Extension.js'
 
-export * from '../commands'
+export * from '../commands/index.js'
 
 export const Commands = Extension.create({
   name: 'commands',
diff --git a/packages/core/src/extensions/editable.ts b/packages/core/src/extensions/editable.ts
index d373b102c..60c977d3f 100644
--- a/packages/core/src/extensions/editable.ts
+++ b/packages/core/src/extensions/editable.ts
@@ -1,6 +1,6 @@
 import { Plugin, PluginKey } from '@tiptap/pm/state'
 
-import { Extension } from '../Extension'
+import { Extension } from '../Extension.js'
 
 export const Editable = Extension.create({
   name: 'editable',
diff --git a/packages/core/src/extensions/focusEvents.ts b/packages/core/src/extensions/focusEvents.ts
index 851748da9..9565b8cba 100644
--- a/packages/core/src/extensions/focusEvents.ts
+++ b/packages/core/src/extensions/focusEvents.ts
@@ -1,6 +1,6 @@
 import { Plugin, PluginKey } from '@tiptap/pm/state'
 
-import { Extension } from '../Extension'
+import { Extension } from '../Extension.js'
 
 export const FocusEvents = Extension.create({
   name: 'focusEvents',
diff --git a/packages/core/src/extensions/index.ts b/packages/core/src/extensions/index.ts
index 31c68a821..139cdd891 100644
--- a/packages/core/src/extensions/index.ts
+++ b/packages/core/src/extensions/index.ts
@@ -1,6 +1,6 @@
-export { ClipboardTextSerializer } from './clipboardTextSerializer'
-export { Commands } from './commands'
-export { Editable } from './editable'
-export { FocusEvents } from './focusEvents'
-export { Keymap } from './keymap'
-export { Tabindex } from './tabindex'
+export { ClipboardTextSerializer } from './clipboardTextSerializer.js'
+export { Commands } from './commands.js'
+export { Editable } from './editable.js'
+export { FocusEvents } from './focusEvents.js'
+export { Keymap } from './keymap.js'
+export { Tabindex } from './tabindex.js'
diff --git a/packages/core/src/extensions/keymap.ts b/packages/core/src/extensions/keymap.ts
index 0056f6852..dbcbfece6 100644
--- a/packages/core/src/extensions/keymap.ts
+++ b/packages/core/src/extensions/keymap.ts
@@ -1,10 +1,10 @@
 import { Plugin, PluginKey, Selection } from '@tiptap/pm/state'
 
-import { CommandManager } from '../CommandManager'
-import { Extension } from '../Extension'
-import { createChainableState } from '../helpers/createChainableState'
-import { isiOS } from '../utilities/isiOS'
-import { isMacOS } from '../utilities/isMacOS'
+import { CommandManager } from '../CommandManager.js'
+import { Extension } from '../Extension.js'
+import { createChainableState } from '../helpers/createChainableState.js'
+import { isiOS } from '../utilities/isiOS.js'
+import { isMacOS } from '../utilities/isMacOS.js'
 
 export const Keymap = Extension.create({
   name: 'keymap',
diff --git a/packages/core/src/extensions/tabindex.ts b/packages/core/src/extensions/tabindex.ts
index 7f26262a7..6decde79e 100644
--- a/packages/core/src/extensions/tabindex.ts
+++ b/packages/core/src/extensions/tabindex.ts
@@ -1,6 +1,6 @@
 import { Plugin, PluginKey } from '@tiptap/pm/state'
 
-import { Extension } from '../Extension'
+import { Extension } from '../Extension.js'
 
 export const Tabindex = Extension.create({
   name: 'tabindex',
diff --git a/packages/core/src/helpers/createDocument.ts b/packages/core/src/helpers/createDocument.ts
index 066d1b109..4eaf5837f 100644
--- a/packages/core/src/helpers/createDocument.ts
+++ b/packages/core/src/helpers/createDocument.ts
@@ -1,7 +1,7 @@
 import { Node as ProseMirrorNode, ParseOptions, Schema } from '@tiptap/pm/model'
 
-import { Content } from '../types'
-import { createNodeFromContent } from './createNodeFromContent'
+import { Content } from '../types.js'
+import { createNodeFromContent } from './createNodeFromContent.js'
 
 export function createDocument(
   content: Content,
diff --git a/packages/core/src/helpers/createNodeFromContent.ts b/packages/core/src/helpers/createNodeFromContent.ts
index 8ab2e0437..b6a7e7489 100644
--- a/packages/core/src/helpers/createNodeFromContent.ts
+++ b/packages/core/src/helpers/createNodeFromContent.ts
@@ -6,8 +6,8 @@ import {
   Schema,
 } from '@tiptap/pm/model'
 
-import { Content } from '../types'
-import { elementFromString } from '../utilities/elementFromString'
+import { Content } from '../types.js'
+import { elementFromString } from '../utilities/elementFromString.js'
 
 export type CreateNodeFromContentOptions = {
   slice?: boolean
diff --git a/packages/core/src/helpers/findChildren.ts b/packages/core/src/helpers/findChildren.ts
index 9c2c159c0..65fb0e4f9 100644
--- a/packages/core/src/helpers/findChildren.ts
+++ b/packages/core/src/helpers/findChildren.ts
@@ -1,6 +1,6 @@
 import { Node as ProseMirrorNode } from '@tiptap/pm/model'
 
-import { NodeWithPos, Predicate } from '../types'
+import { NodeWithPos, Predicate } from '../types.js'
 
 export function findChildren(node: ProseMirrorNode, predicate: Predicate): NodeWithPos[] {
   const nodesWithPos: NodeWithPos[] = []
diff --git a/packages/core/src/helpers/findChildrenInRange.ts b/packages/core/src/helpers/findChildrenInRange.ts
index 839804f50..6a5bfa032 100644
--- a/packages/core/src/helpers/findChildrenInRange.ts
+++ b/packages/core/src/helpers/findChildrenInRange.ts
@@ -1,6 +1,6 @@
 import { Node as ProseMirrorNode } from '@tiptap/pm/model'
 
-import { NodeWithPos, Predicate, Range } from '../types'
+import { NodeWithPos, Predicate, Range } from '../types.js'
 
 /**
  * Same as `findChildren` but searches only within a `range`.
diff --git a/packages/core/src/helpers/findParentNode.ts b/packages/core/src/helpers/findParentNode.ts
index e5fe70c94..4acfc74e8 100644
--- a/packages/core/src/helpers/findParentNode.ts
+++ b/packages/core/src/helpers/findParentNode.ts
@@ -1,7 +1,7 @@
 import { Selection } from '@tiptap/pm/state'
 
-import { Predicate } from '../types'
-import { findParentNodeClosestToPos } from './findParentNodeClosestToPos'
+import { Predicate } from '../types.js'
+import { findParentNodeClosestToPos } from './findParentNodeClosestToPos.js'
 
 export function findParentNode(predicate: Predicate) {
   return (selection: Selection) => findParentNodeClosestToPos(selection.$from, predicate)
diff --git a/packages/core/src/helpers/findParentNodeClosestToPos.ts b/packages/core/src/helpers/findParentNodeClosestToPos.ts
index 676bc44b3..697a99a21 100644
--- a/packages/core/src/helpers/findParentNodeClosestToPos.ts
+++ b/packages/core/src/helpers/findParentNodeClosestToPos.ts
@@ -1,6 +1,6 @@
 import { Node as ProseMirrorNode, ResolvedPos } from '@tiptap/pm/model'
 
-import { Predicate } from '../types'
+import { Predicate } from '../types.js'
 
 export function findParentNodeClosestToPos(
   $pos: ResolvedPos,
diff --git a/packages/core/src/helpers/generateHTML.ts b/packages/core/src/helpers/generateHTML.ts
index f3c9e8f08..db3cc2e0f 100644
--- a/packages/core/src/helpers/generateHTML.ts
+++ b/packages/core/src/helpers/generateHTML.ts
@@ -1,8 +1,8 @@
 import { Node } from '@tiptap/pm/model'
 
-import { Extensions, JSONContent } from '../types'
-import { getHTMLFromFragment } from './getHTMLFromFragment'
-import { getSchema } from './getSchema'
+import { Extensions, JSONContent } from '../types.js'
+import { getHTMLFromFragment } from './getHTMLFromFragment.js'
+import { getSchema } from './getSchema.js'
 
 export function generateHTML(doc: JSONContent, extensions: Extensions): string {
   const schema = getSchema(extensions)
diff --git a/packages/core/src/helpers/generateJSON.ts b/packages/core/src/helpers/generateJSON.ts
index 141f7bbf4..e2accaf08 100644
--- a/packages/core/src/helpers/generateJSON.ts
+++ b/packages/core/src/helpers/generateJSON.ts
@@ -1,8 +1,8 @@
 import { DOMParser } from '@tiptap/pm/model'
 
-import { Extensions } from '../types'
-import { elementFromString } from '../utilities/elementFromString'
-import { getSchema } from './getSchema'
+import { Extensions } from '../types.js'
+import { elementFromString } from '../utilities/elementFromString.js'
+import { getSchema } from './getSchema.js'
 
 export function generateJSON(html: string, extensions: Extensions): Record<string, any> {
   const schema = getSchema(extensions)
diff --git a/packages/core/src/helpers/generateText.ts b/packages/core/src/helpers/generateText.ts
index b9f592f33..324be856b 100644
--- a/packages/core/src/helpers/generateText.ts
+++ b/packages/core/src/helpers/generateText.ts
@@ -1,9 +1,9 @@
 import { Node } from '@tiptap/pm/model'
 
-import { Extensions, JSONContent, TextSerializer } from '../types'
-import { getSchema } from './getSchema'
-import { getText } from './getText'
-import { getTextSerializersFromSchema } from './getTextSerializersFromSchema'
+import { Extensions, JSONContent, TextSerializer } from '../types.js'
+import { getSchema } from './getSchema.js'
+import { getText } from './getText.js'
+import { getTextSerializersFromSchema } from './getTextSerializersFromSchema.js'
 
 export function generateText(
   doc: JSONContent,
diff --git a/packages/core/src/helpers/getAttributes.ts b/packages/core/src/helpers/getAttributes.ts
index 8f283fd45..657a4dc49 100644
--- a/packages/core/src/helpers/getAttributes.ts
+++ b/packages/core/src/helpers/getAttributes.ts
@@ -1,9 +1,9 @@
 import { MarkType, NodeType } from '@tiptap/pm/model'
 import { EditorState } from '@tiptap/pm/state'
 
-import { getMarkAttributes } from './getMarkAttributes'
-import { getNodeAttributes } from './getNodeAttributes'
-import { getSchemaTypeNameByName } from './getSchemaTypeNameByName'
+import { getMarkAttributes } from './getMarkAttributes.js'
+import { getNodeAttributes } from './getNodeAttributes.js'
+import { getSchemaTypeNameByName } from './getSchemaTypeNameByName.js'
 
 export function getAttributes(
   state: EditorState,
diff --git a/packages/core/src/helpers/getAttributesFromExtensions.ts b/packages/core/src/helpers/getAttributesFromExtensions.ts
index 70d1c8915..2ae8e0f06 100644
--- a/packages/core/src/helpers/getAttributesFromExtensions.ts
+++ b/packages/core/src/helpers/getAttributesFromExtensions.ts
@@ -1,4 +1,4 @@
-import { MarkConfig, NodeConfig } from '..'
+import { MarkConfig, NodeConfig } from '../index.js'
 import {
   AnyConfig,
   Attribute,
@@ -6,9 +6,9 @@ import {
   ExtensionAttribute,
   Extensions,
   GlobalAttributes,
-} from '../types'
-import { getExtensionField } from './getExtensionField'
-import { splitExtensions } from './splitExtensions'
+} from '../types.js'
+import { getExtensionField } from './getExtensionField.js'
+import { splitExtensions } from './splitExtensions.js'
 
 /**
  * Get a list of all extension attributes defined in `addAttribute` and `addGlobalAttribute`.
diff --git a/packages/core/src/helpers/getChangedRanges.ts b/packages/core/src/helpers/getChangedRanges.ts
index d866e1d14..95de0b74e 100644
--- a/packages/core/src/helpers/getChangedRanges.ts
+++ b/packages/core/src/helpers/getChangedRanges.ts
@@ -1,7 +1,7 @@
 import { Step, Transform } from '@tiptap/pm/transform'
 
-import { Range } from '../types'
-import { removeDuplicates } from '../utilities/removeDuplicates'
+import { Range } from '../types.js'
+import { removeDuplicates } from '../utilities/removeDuplicates.js'
 
 export type ChangedRange = {
   oldRange: Range,
diff --git a/packages/core/src/helpers/getDebugJSON.ts b/packages/core/src/helpers/getDebugJSON.ts
index 0c19aa290..530f3d456 100644
--- a/packages/core/src/helpers/getDebugJSON.ts
+++ b/packages/core/src/helpers/getDebugJSON.ts
@@ -1,6 +1,6 @@
 import { Node as ProseMirrorNode } from '@tiptap/pm/model'
 
-import { JSONContent } from '../types'
+import { JSONContent } from '../types.js'
 
 interface DebugJSONContent extends JSONContent {
   from: number
diff --git a/packages/core/src/helpers/getExtensionField.ts b/packages/core/src/helpers/getExtensionField.ts
index 545ddf291..ff5a1c24d 100644
--- a/packages/core/src/helpers/getExtensionField.ts
+++ b/packages/core/src/helpers/getExtensionField.ts
@@ -1,4 +1,4 @@
-import { AnyExtension, MaybeThisParameterType, RemoveThis } from '../types'
+import { AnyExtension, MaybeThisParameterType, RemoveThis } from '../types.js'
 
 export function getExtensionField<T = any>(
   extension: AnyExtension,
diff --git a/packages/core/src/helpers/getMarkAttributes.ts b/packages/core/src/helpers/getMarkAttributes.ts
index 0b139609e..f3a2a1cd8 100644
--- a/packages/core/src/helpers/getMarkAttributes.ts
+++ b/packages/core/src/helpers/getMarkAttributes.ts
@@ -1,7 +1,7 @@
 import { Mark, MarkType } from '@tiptap/pm/model'
 import { EditorState } from '@tiptap/pm/state'
 
-import { getMarkType } from './getMarkType'
+import { getMarkType } from './getMarkType.js'
 
 export function getMarkAttributes(
   state: EditorState,
diff --git a/packages/core/src/helpers/getMarkRange.ts b/packages/core/src/helpers/getMarkRange.ts
index 4353347d9..bded1ec69 100644
--- a/packages/core/src/helpers/getMarkRange.ts
+++ b/packages/core/src/helpers/getMarkRange.ts
@@ -1,7 +1,7 @@
 import { Mark as ProseMirrorMark, MarkType, ResolvedPos } from '@tiptap/pm/model'
 
-import { Range } from '../types'
-import { objectIncludes } from '../utilities/objectIncludes'
+import { Range } from '../types.js'
+import { objectIncludes } from '../utilities/objectIncludes.js'
 
 function findMarkInSet(
   marks: ProseMirrorMark[],
diff --git a/packages/core/src/helpers/getMarksBetween.ts b/packages/core/src/helpers/getMarksBetween.ts
index 6275aa189..f9c8d2a76 100644
--- a/packages/core/src/helpers/getMarksBetween.ts
+++ b/packages/core/src/helpers/getMarksBetween.ts
@@ -1,7 +1,7 @@
 import { Node as ProseMirrorNode } from '@tiptap/pm/model'
 
-import { MarkRange } from '../types'
-import { getMarkRange } from './getMarkRange'
+import { MarkRange } from '../types.js'
+import { getMarkRange } from './getMarkRange.js'
 
 export function getMarksBetween(from: number, to: number, doc: ProseMirrorNode): MarkRange[] {
   const marks: MarkRange[] = []
diff --git a/packages/core/src/helpers/getNodeAttributes.ts b/packages/core/src/helpers/getNodeAttributes.ts
index 3cd23c0eb..10797770b 100644
--- a/packages/core/src/helpers/getNodeAttributes.ts
+++ b/packages/core/src/helpers/getNodeAttributes.ts
@@ -1,7 +1,7 @@
 import { Node, NodeType } from '@tiptap/pm/model'
 import { EditorState } from '@tiptap/pm/state'
 
-import { getNodeType } from './getNodeType'
+import { getNodeType } from './getNodeType.js'
 
 export function getNodeAttributes(
   state: EditorState,
diff --git a/packages/core/src/helpers/getRenderedAttributes.ts b/packages/core/src/helpers/getRenderedAttributes.ts
index b0290ebfb..5dd0855a2 100644
--- a/packages/core/src/helpers/getRenderedAttributes.ts
+++ b/packages/core/src/helpers/getRenderedAttributes.ts
@@ -1,7 +1,7 @@
 import { Mark, Node } from '@tiptap/pm/model'
 
-import { ExtensionAttribute } from '../types'
-import { mergeAttributes } from '../utilities/mergeAttributes'
+import { ExtensionAttribute } from '../types.js'
+import { mergeAttributes } from '../utilities/mergeAttributes.js'
 
 export function getRenderedAttributes(
   nodeOrMark: Node | Mark,
diff --git a/packages/core/src/helpers/getSchema.ts b/packages/core/src/helpers/getSchema.ts
index 45f6cf5b7..f9644f9f6 100644
--- a/packages/core/src/helpers/getSchema.ts
+++ b/packages/core/src/helpers/getSchema.ts
@@ -1,9 +1,9 @@
 import { Schema } from '@tiptap/pm/model'
 
-import { Editor } from '../Editor'
-import { ExtensionManager } from '../ExtensionManager'
-import { Extensions } from '../types'
-import { getSchemaByResolvedExtensions } from './getSchemaByResolvedExtensions'
+import { Editor } from '../Editor.js'
+import { ExtensionManager } from '../ExtensionManager.js'
+import { Extensions } from '../types.js'
+import { getSchemaByResolvedExtensions } from './getSchemaByResolvedExtensions.js'
 
 export function getSchema(extensions: Extensions, editor?: Editor): Schema {
   const resolvedExtensions = ExtensionManager.resolve(extensions)
diff --git a/packages/core/src/helpers/getSchemaByResolvedExtensions.ts b/packages/core/src/helpers/getSchemaByResolvedExtensions.ts
index 1b8be561b..3fca356b8 100644
--- a/packages/core/src/helpers/getSchemaByResolvedExtensions.ts
+++ b/packages/core/src/helpers/getSchemaByResolvedExtensions.ts
@@ -1,14 +1,14 @@
 import { MarkSpec, NodeSpec, Schema } from '@tiptap/pm/model'
 
-import { Editor, MarkConfig, NodeConfig } from '..'
-import { AnyConfig, Extensions } from '../types'
-import { callOrReturn } from '../utilities/callOrReturn'
-import { isEmptyObject } from '../utilities/isEmptyObject'
-import { getAttributesFromExtensions } from './getAttributesFromExtensions'
-import { getExtensionField } from './getExtensionField'
-import { getRenderedAttributes } from './getRenderedAttributes'
-import { injectExtensionAttributesToParseRule } from './injectExtensionAttributesToParseRule'
-import { splitExtensions } from './splitExtensions'
+import { Editor, MarkConfig, NodeConfig } from '../index.js'
+import { AnyConfig, Extensions } from '../types.js'
+import { callOrReturn } from '../utilities/callOrReturn.js'
+import { isEmptyObject } from '../utilities/isEmptyObject.js'
+import { getAttributesFromExtensions } from './getAttributesFromExtensions.js'
+import { getExtensionField } from './getExtensionField.js'
+import { getRenderedAttributes } from './getRenderedAttributes.js'
+import { injectExtensionAttributesToParseRule } from './injectExtensionAttributesToParseRule.js'
+import { splitExtensions } from './splitExtensions.js'
 
 function cleanUpSchemaItem<T>(data: T) {
   return Object.fromEntries(
diff --git a/packages/core/src/helpers/getSplittedAttributes.ts b/packages/core/src/helpers/getSplittedAttributes.ts
index 2a0977b49..7fa385ef8 100644
--- a/packages/core/src/helpers/getSplittedAttributes.ts
+++ b/packages/core/src/helpers/getSplittedAttributes.ts
@@ -1,4 +1,4 @@
-import { ExtensionAttribute } from '../types'
+import { ExtensionAttribute } from '../types.js'
 
 export function getSplittedAttributes(
   extensionAttributes: ExtensionAttribute[],
diff --git a/packages/core/src/helpers/getText.ts b/packages/core/src/helpers/getText.ts
index e8621a017..7a2f28fa7 100644
--- a/packages/core/src/helpers/getText.ts
+++ b/packages/core/src/helpers/getText.ts
@@ -1,7 +1,7 @@
 import { Node as ProseMirrorNode } from '@tiptap/pm/model'
 
-import { TextSerializer } from '../types'
-import { getTextBetween } from './getTextBetween'
+import { TextSerializer } from '../types.js'
+import { getTextBetween } from './getTextBetween.js'
 
 export function getText(
   node: ProseMirrorNode,
diff --git a/packages/core/src/helpers/getTextBetween.ts b/packages/core/src/helpers/getTextBetween.ts
index 34e59667e..f15f10517 100644
--- a/packages/core/src/helpers/getTextBetween.ts
+++ b/packages/core/src/helpers/getTextBetween.ts
@@ -1,6 +1,6 @@
 import { Node as ProseMirrorNode } from '@tiptap/pm/model'
 
-import { Range, TextSerializer } from '../types'
+import { Range, TextSerializer } from '../types.js'
 
 export function getTextBetween(
   startNode: ProseMirrorNode,
diff --git a/packages/core/src/helpers/getTextSerializersFromSchema.ts b/packages/core/src/helpers/getTextSerializersFromSchema.ts
index f2eb80a10..920d5d82c 100644
--- a/packages/core/src/helpers/getTextSerializersFromSchema.ts
+++ b/packages/core/src/helpers/getTextSerializersFromSchema.ts
@@ -1,6 +1,6 @@
 import { Schema } from '@tiptap/pm/model'
 
-import { TextSerializer } from '../types'
+import { TextSerializer } from '../types.js'
 
 export function getTextSerializersFromSchema(schema: Schema): Record<string, TextSerializer> {
   return Object.fromEntries(
diff --git a/packages/core/src/helpers/index.ts b/packages/core/src/helpers/index.ts
index ba96b283a..d46261939 100644
--- a/packages/core/src/helpers/index.ts
+++ b/packages/core/src/helpers/index.ts
@@ -1,50 +1,50 @@
-export * from './combineTransactionSteps'
-export * from './createChainableState'
-export * from './createDocument'
-export * from './createNodeFromContent'
-export * from './defaultBlockAt'
-export * from './findChildren'
-export * from './findChildrenInRange'
-export * from './findParentNode'
-export * from './findParentNodeClosestToPos'
-export * from './generateHTML'
-export * from './generateJSON'
-export * from './generateText'
-export * from './getAttributes'
-export * from './getAttributesFromExtensions'
-export * from './getChangedRanges'
-export * from './getDebugJSON'
-export * from './getExtensionField'
-export * from './getHTMLFromFragment'
-export * from './getMarkAttributes'
-export * from './getMarkRange'
-export * from './getMarksBetween'
-export * from './getMarkType'
-export * from './getNodeAtPosition'
-export * from './getNodeAttributes'
-export * from './getNodeType'
-export * from './getRenderedAttributes'
-export * from './getSchema'
-export * from './getSchemaByResolvedExtensions'
-export * from './getSchemaTypeByName'
-export * from './getSchemaTypeNameByName'
-export * from './getSplittedAttributes'
-export * from './getText'
-export * from './getTextBetween'
-export * from './getTextContentFromNodes'
-export * from './getTextSerializersFromSchema'
-export * from './injectExtensionAttributesToParseRule'
-export * from './isActive'
-export * from './isAtEndOfNode'
-export * from './isAtStartOfNode'
-export * from './isExtensionRulesEnabled'
-export * from './isList'
-export * from './isMarkActive'
-export * from './isNodeActive'
-export * from './isNodeEmpty'
-export * from './isNodeSelection'
-export * from './isTextSelection'
-export * from './posToDOMRect'
-export * from './resolveFocusPosition'
-export * from './selectionToInsertionEnd'
-export * from './splitExtensions'
+export * from './combineTransactionSteps.js'
+export * from './createChainableState.js'
+export * from './createDocument.js'
+export * from './createNodeFromContent.js'
+export * from './defaultBlockAt.js'
+export * from './findChildren.js'
+export * from './findChildrenInRange.js'
+export * from './findParentNode.js'
+export * from './findParentNodeClosestToPos.js'
+export * from './generateHTML.js'
+export * from './generateJSON.js'
+export * from './generateText.js'
+export * from './getAttributes.js'
+export * from './getAttributesFromExtensions.js'
+export * from './getChangedRanges.js'
+export * from './getDebugJSON.js'
+export * from './getExtensionField.js'
+export * from './getHTMLFromFragment.js'
+export * from './getMarkAttributes.js'
+export * from './getMarkRange.js'
+export * from './getMarksBetween.js'
+export * from './getMarkType.js'
+export * from './getNodeAtPosition.js'
+export * from './getNodeAttributes.js'
+export * from './getNodeType.js'
+export * from './getRenderedAttributes.js'
+export * from './getSchema.js'
+export * from './getSchemaByResolvedExtensions.js'
+export * from './getSchemaTypeByName.js'
+export * from './getSchemaTypeNameByName.js'
+export * from './getSplittedAttributes.js'
+export * from './getText.js'
+export * from './getTextBetween.js'
+export * from './getTextContentFromNodes.js'
+export * from './getTextSerializersFromSchema.js'
+export * from './injectExtensionAttributesToParseRule.js'
+export * from './isActive.js'
+export * from './isAtEndOfNode.js'
+export * from './isAtStartOfNode.js'
+export * from './isExtensionRulesEnabled.js'
+export * from './isList.js'
+export * from './isMarkActive.js'
+export * from './isNodeActive.js'
+export * from './isNodeEmpty.js'
+export * from './isNodeSelection.js'
+export * from './isTextSelection.js'
+export * from './posToDOMRect.js'
+export * from './resolveFocusPosition.js'
+export * from './selectionToInsertionEnd.js'
+export * from './splitExtensions.js'
diff --git a/packages/core/src/helpers/injectExtensionAttributesToParseRule.ts b/packages/core/src/helpers/injectExtensionAttributesToParseRule.ts
index 516ef2ba4..d248bdb38 100644
--- a/packages/core/src/helpers/injectExtensionAttributesToParseRule.ts
+++ b/packages/core/src/helpers/injectExtensionAttributesToParseRule.ts
@@ -1,7 +1,7 @@
 import { ParseRule } from '@tiptap/pm/model'
 
-import { ExtensionAttribute } from '../types'
-import { fromString } from '../utilities/fromString'
+import { ExtensionAttribute } from '../types.js'
+import { fromString } from '../utilities/fromString.js'
 
 /**
  * This function merges extension attributes into parserule attributes (`attrs` or `getAttrs`).
diff --git a/packages/core/src/helpers/isActive.ts b/packages/core/src/helpers/isActive.ts
index d2634aedd..cbcb19f06 100644
--- a/packages/core/src/helpers/isActive.ts
+++ b/packages/core/src/helpers/isActive.ts
@@ -1,8 +1,8 @@
 import { EditorState } from '@tiptap/pm/state'
 
-import { getSchemaTypeNameByName } from './getSchemaTypeNameByName'
-import { isMarkActive } from './isMarkActive'
-import { isNodeActive } from './isNodeActive'
+import { getSchemaTypeNameByName } from './getSchemaTypeNameByName.js'
+import { isMarkActive } from './isMarkActive.js'
+import { isNodeActive } from './isNodeActive.js'
 
 export function isActive(
   state: EditorState,
diff --git a/packages/core/src/helpers/isExtensionRulesEnabled.ts b/packages/core/src/helpers/isExtensionRulesEnabled.ts
index 56d54c7fe..45ca6786e 100644
--- a/packages/core/src/helpers/isExtensionRulesEnabled.ts
+++ b/packages/core/src/helpers/isExtensionRulesEnabled.ts
@@ -1,4 +1,4 @@
-import { AnyExtension, EnableRules } from '../types'
+import { AnyExtension, EnableRules } from '../types.js'
 
 export function isExtensionRulesEnabled(extension: AnyExtension, enabled: EnableRules): boolean {
   if (Array.isArray(enabled)) {
diff --git a/packages/core/src/helpers/isList.ts b/packages/core/src/helpers/isList.ts
index 87237845f..5fcf712a0 100644
--- a/packages/core/src/helpers/isList.ts
+++ b/packages/core/src/helpers/isList.ts
@@ -1,8 +1,8 @@
-import { NodeConfig } from '..'
-import { getExtensionField } from '../helpers/getExtensionField'
-import { Extensions } from '../types'
-import { callOrReturn } from '../utilities/callOrReturn'
-import { splitExtensions } from './splitExtensions'
+import { getExtensionField } from '../helpers/getExtensionField.js'
+import { NodeConfig } from '../index.js'
+import { Extensions } from '../types.js'
+import { callOrReturn } from '../utilities/callOrReturn.js'
+import { splitExtensions } from './splitExtensions.js'
 
 export function isList(name: string, extensions: Extensions): boolean {
   const { nodeExtensions } = splitExtensions(extensions)
diff --git a/packages/core/src/helpers/isMarkActive.ts b/packages/core/src/helpers/isMarkActive.ts
index c0869b615..7caefa28f 100644
--- a/packages/core/src/helpers/isMarkActive.ts
+++ b/packages/core/src/helpers/isMarkActive.ts
@@ -1,9 +1,9 @@
 import { MarkType } from '@tiptap/pm/model'
 import { EditorState } from '@tiptap/pm/state'
 
-import { MarkRange } from '../types'
-import { objectIncludes } from '../utilities/objectIncludes'
-import { getMarkType } from './getMarkType'
+import { MarkRange } from '../types.js'
+import { objectIncludes } from '../utilities/objectIncludes.js'
+import { getMarkType } from './getMarkType.js'
 
 export function isMarkActive(
   state: EditorState,
diff --git a/packages/core/src/helpers/isNodeActive.ts b/packages/core/src/helpers/isNodeActive.ts
index 5de5eebe8..6562c8c54 100644
--- a/packages/core/src/helpers/isNodeActive.ts
+++ b/packages/core/src/helpers/isNodeActive.ts
@@ -1,9 +1,9 @@
 import { NodeType } from '@tiptap/pm/model'
 import { EditorState } from '@tiptap/pm/state'
 
-import { NodeRange } from '../types'
-import { objectIncludes } from '../utilities/objectIncludes'
-import { getNodeType } from './getNodeType'
+import { NodeRange } from '../types.js'
+import { objectIncludes } from '../utilities/objectIncludes.js'
+import { getNodeType } from './getNodeType.js'
 
 export function isNodeActive(
   state: EditorState,
diff --git a/packages/core/src/helpers/posToDOMRect.ts b/packages/core/src/helpers/posToDOMRect.ts
index 7a4715348..adf0bc2e9 100644
--- a/packages/core/src/helpers/posToDOMRect.ts
+++ b/packages/core/src/helpers/posToDOMRect.ts
@@ -1,6 +1,6 @@
 import { EditorView } from '@tiptap/pm/view'
 
-import { minMax } from '../utilities/minMax'
+import { minMax } from '../utilities/minMax.js'
 
 export function posToDOMRect(view: EditorView, from: number, to: number): DOMRect {
   const minPos = 0
diff --git a/packages/core/src/helpers/resolveFocusPosition.ts b/packages/core/src/helpers/resolveFocusPosition.ts
index 20bea7bc0..ba272fe20 100644
--- a/packages/core/src/helpers/resolveFocusPosition.ts
+++ b/packages/core/src/helpers/resolveFocusPosition.ts
@@ -1,8 +1,8 @@
 import { Node as ProseMirrorNode } from '@tiptap/pm/model'
 import { Selection, TextSelection } from '@tiptap/pm/state'
 
-import { FocusPosition } from '../types'
-import { minMax } from '../utilities/minMax'
+import { FocusPosition } from '../types.js'
+import { minMax } from '../utilities/minMax.js'
 
 export function resolveFocusPosition(
   doc: ProseMirrorNode,
diff --git a/packages/core/src/helpers/splitExtensions.ts b/packages/core/src/helpers/splitExtensions.ts
index 2914a3600..fbd9b1367 100644
--- a/packages/core/src/helpers/splitExtensions.ts
+++ b/packages/core/src/helpers/splitExtensions.ts
@@ -1,7 +1,7 @@
-import { Extension } from '../Extension'
-import { Mark } from '../Mark'
-import { Node } from '../Node'
-import { Extensions } from '../types'
+import { Extension } from '../Extension.js'
+import { Mark } from '../Mark.js'
+import { Node } from '../Node.js'
+import { Extensions } from '../types.js'
 
 export function splitExtensions(extensions: Extensions) {
   const baseExtensions = extensions.filter(extension => extension.type === 'extension') as Extension[]
diff --git a/packages/core/src/index.ts b/packages/core/src/index.ts
index 854fdf490..c9223ef93 100644
--- a/packages/core/src/index.ts
+++ b/packages/core/src/index.ts
@@ -1,18 +1,18 @@
-export * from './CommandManager'
-export * from './Editor'
-export * from './Extension'
-export * as extensions from './extensions'
-export * from './helpers'
-export * from './InputRule'
-export * from './inputRules'
-export * from './Mark'
-export * from './Node'
-export * from './NodeView'
-export * from './PasteRule'
-export * from './pasteRules'
-export * from './Tracker'
-export * from './types'
-export * from './utilities'
+export * from './CommandManager.js'
+export * from './Editor.js'
+export * from './Extension.js'
+export * as extensions from './extensions/index.js'
+export * from './helpers/index.js'
+export * from './InputRule.js'
+export * from './inputRules/index.js'
+export * from './Mark.js'
+export * from './Node.js'
+export * from './NodeView.js'
+export * from './PasteRule.js'
+export * from './pasteRules/index.js'
+export * from './Tracker.js'
+export * from './types.js'
+export * from './utilities/index.js'
 
 // eslint-disable-next-line
 export interface Commands<ReturnType = any> {}
diff --git a/packages/core/src/inputRules/index.ts b/packages/core/src/inputRules/index.ts
index f3b632433..936d514a5 100644
--- a/packages/core/src/inputRules/index.ts
+++ b/packages/core/src/inputRules/index.ts
@@ -1,5 +1,5 @@
-export * from './markInputRule'
-export * from './nodeInputRule'
-export * from './textblockTypeInputRule'
-export * from './textInputRule'
-export * from './wrappingInputRule'
+export * from './markInputRule.js'
+export * from './nodeInputRule.js'
+export * from './textblockTypeInputRule.js'
+export * from './textInputRule.js'
+export * from './wrappingInputRule.js'
diff --git a/packages/core/src/inputRules/markInputRule.ts b/packages/core/src/inputRules/markInputRule.ts
index 896008756..db0b82d11 100644
--- a/packages/core/src/inputRules/markInputRule.ts
+++ b/packages/core/src/inputRules/markInputRule.ts
@@ -1,9 +1,9 @@
 import { MarkType } from '@tiptap/pm/model'
 
-import { getMarksBetween } from '../helpers/getMarksBetween'
-import { InputRule, InputRuleFinder } from '../InputRule'
-import { ExtendedRegExpMatchArray } from '../types'
-import { callOrReturn } from '../utilities/callOrReturn'
+import { getMarksBetween } from '../helpers/getMarksBetween.js'
+import { InputRule, InputRuleFinder } from '../InputRule.js'
+import { ExtendedRegExpMatchArray } from '../types.js'
+import { callOrReturn } from '../utilities/callOrReturn.js'
 
 /**
  * Build an input rule that adds a mark when the
diff --git a/packages/core/src/inputRules/nodeInputRule.ts b/packages/core/src/inputRules/nodeInputRule.ts
index 7cb6e6c91..c617e40f4 100644
--- a/packages/core/src/inputRules/nodeInputRule.ts
+++ b/packages/core/src/inputRules/nodeInputRule.ts
@@ -1,8 +1,8 @@
 import { NodeType } from '@tiptap/pm/model'
 
-import { InputRule, InputRuleFinder } from '../InputRule'
-import { ExtendedRegExpMatchArray } from '../types'
-import { callOrReturn } from '../utilities/callOrReturn'
+import { InputRule, InputRuleFinder } from '../InputRule.js'
+import { ExtendedRegExpMatchArray } from '../types.js'
+import { callOrReturn } from '../utilities/callOrReturn.js'
 
 /**
  * Build an input rule that adds a node when the
diff --git a/packages/core/src/inputRules/textInputRule.ts b/packages/core/src/inputRules/textInputRule.ts
index 75414b039..b9c1318b3 100644
--- a/packages/core/src/inputRules/textInputRule.ts
+++ b/packages/core/src/inputRules/textInputRule.ts
@@ -1,4 +1,4 @@
-import { InputRule, InputRuleFinder } from '../InputRule'
+import { InputRule, InputRuleFinder } from '../InputRule.js'
 
 /**
  * Build an input rule that replaces text when the
diff --git a/packages/core/src/inputRules/textblockTypeInputRule.ts b/packages/core/src/inputRules/textblockTypeInputRule.ts
index 86be95ec7..1abeb5a36 100644
--- a/packages/core/src/inputRules/textblockTypeInputRule.ts
+++ b/packages/core/src/inputRules/textblockTypeInputRule.ts
@@ -1,8 +1,8 @@
 import { NodeType } from '@tiptap/pm/model'
 
-import { InputRule, InputRuleFinder } from '../InputRule'
-import { ExtendedRegExpMatchArray } from '../types'
-import { callOrReturn } from '../utilities/callOrReturn'
+import { InputRule, InputRuleFinder } from '../InputRule.js'
+import { ExtendedRegExpMatchArray } from '../types.js'
+import { callOrReturn } from '../utilities/callOrReturn.js'
 
 /**
  * Build an input rule that changes the type of a textblock when the
diff --git a/packages/core/src/inputRules/wrappingInputRule.ts b/packages/core/src/inputRules/wrappingInputRule.ts
index c41504236..8e39f74f4 100644
--- a/packages/core/src/inputRules/wrappingInputRule.ts
+++ b/packages/core/src/inputRules/wrappingInputRule.ts
@@ -1,10 +1,10 @@
 import { Node as ProseMirrorNode, NodeType } from '@tiptap/pm/model'
 import { canJoin, findWrapping } from '@tiptap/pm/transform'
 
-import { Editor } from '../Editor'
-import { InputRule, InputRuleFinder } from '../InputRule'
-import { ExtendedRegExpMatchArray } from '../types'
-import { callOrReturn } from '../utilities/callOrReturn'
+import { Editor } from '../Editor.js'
+import { InputRule, InputRuleFinder } from '../InputRule.js'
+import { ExtendedRegExpMatchArray } from '../types.js'
+import { callOrReturn } from '../utilities/callOrReturn.js'
 
 /**
  * Build an input rule for automatically wrapping a textblock when a
diff --git a/packages/core/src/pasteRules/index.ts b/packages/core/src/pasteRules/index.ts
index 0c7761eec..248376962 100644
--- a/packages/core/src/pasteRules/index.ts
+++ b/packages/core/src/pasteRules/index.ts
@@ -1,3 +1,3 @@
-export * from './markPasteRule'
-export * from './nodePasteRule'
-export * from './textPasteRule'
+export * from './markPasteRule.js'
+export * from './nodePasteRule.js'
+export * from './textPasteRule.js'
diff --git a/packages/core/src/pasteRules/markPasteRule.ts b/packages/core/src/pasteRules/markPasteRule.ts
index 2b2789854..906bd7d9a 100644
--- a/packages/core/src/pasteRules/markPasteRule.ts
+++ b/packages/core/src/pasteRules/markPasteRule.ts
@@ -1,9 +1,9 @@
 import { MarkType } from '@tiptap/pm/model'
 
-import { getMarksBetween } from '../helpers/getMarksBetween'
-import { PasteRule, PasteRuleFinder } from '../PasteRule'
-import { ExtendedRegExpMatchArray } from '../types'
-import { callOrReturn } from '../utilities/callOrReturn'
+import { getMarksBetween } from '../helpers/getMarksBetween.js'
+import { PasteRule, PasteRuleFinder } from '../PasteRule.js'
+import { ExtendedRegExpMatchArray } from '../types.js'
+import { callOrReturn } from '../utilities/callOrReturn.js'
 
 /**
  * Build an paste rule that adds a mark when the
diff --git a/packages/core/src/pasteRules/nodePasteRule.ts b/packages/core/src/pasteRules/nodePasteRule.ts
index a36a02cd0..b7a0965ed 100644
--- a/packages/core/src/pasteRules/nodePasteRule.ts
+++ b/packages/core/src/pasteRules/nodePasteRule.ts
@@ -1,8 +1,8 @@
 import { NodeType } from '@tiptap/pm/model'
 
-import { PasteRule, PasteRuleFinder } from '../PasteRule'
-import { ExtendedRegExpMatchArray } from '../types'
-import { callOrReturn } from '../utilities'
+import { PasteRule, PasteRuleFinder } from '../PasteRule.js'
+import { ExtendedRegExpMatchArray } from '../types.js'
+import { callOrReturn } from '../utilities/index.js'
 
 /**
  * Build an paste rule that adds a node when the
diff --git a/packages/core/src/pasteRules/textPasteRule.ts b/packages/core/src/pasteRules/textPasteRule.ts
index 6e0d94c34..ca8a645ec 100644
--- a/packages/core/src/pasteRules/textPasteRule.ts
+++ b/packages/core/src/pasteRules/textPasteRule.ts
@@ -1,4 +1,4 @@
-import { PasteRule, PasteRuleFinder } from '../PasteRule'
+import { PasteRule, PasteRuleFinder } from '../PasteRule.js'
 
 /**
  * Build an paste rule that replaces text when the
diff --git a/packages/core/src/types.ts b/packages/core/src/types.ts
index 8e1780e6e..0db899713 100644
--- a/packages/core/src/types.ts
+++ b/packages/core/src/types.ts
@@ -6,13 +6,13 @@ import {
   Decoration, EditorProps, EditorView, NodeView,
 } from '@tiptap/pm/view'
 
+import { Editor } from './Editor.js'
+import { Extension } from './Extension.js'
 import {
   Commands, ExtensionConfig, MarkConfig, NodeConfig,
-} from '.'
-import { Editor } from './Editor'
-import { Extension } from './Extension'
-import { Mark } from './Mark'
-import { Node } from './Node'
+} from './index.js'
+import { Mark } from './Mark.js'
+import { Node } from './Node.js'
 
 export type AnyConfig = ExtensionConfig | NodeConfig | MarkConfig
 export type AnyExtension = Extension | Node | Mark
diff --git a/packages/core/src/utilities/callOrReturn.ts b/packages/core/src/utilities/callOrReturn.ts
index fe312c058..53688324a 100644
--- a/packages/core/src/utilities/callOrReturn.ts
+++ b/packages/core/src/utilities/callOrReturn.ts
@@ -1,5 +1,5 @@
-import { MaybeReturnType } from '../types'
-import { isFunction } from './isFunction'
+import { MaybeReturnType } from '../types.js'
+import { isFunction } from './isFunction.js'
 
 /**
  * Optionally calls `value` as a function.
diff --git a/packages/core/src/utilities/index.ts b/packages/core/src/utilities/index.ts
index bd4446f43..36e905372 100644
--- a/packages/core/src/utilities/index.ts
+++ b/packages/core/src/utilities/index.ts
@@ -1,20 +1,20 @@
-export * from './callOrReturn'
-export * from './createStyleTag'
-export * from './deleteProps'
-export * from './elementFromString'
-export * from './escapeForRegEx'
-export * from './findDuplicates'
-export * from './fromString'
-export * from './isEmptyObject'
-export * from './isFunction'
-export * from './isiOS'
-export * from './isMacOS'
-export * from './isNumber'
-export * from './isPlainObject'
-export * from './isRegExp'
-export * from './isString'
-export * from './mergeAttributes'
-export * from './mergeDeep'
-export * from './minMax'
-export * from './objectIncludes'
-export * from './removeDuplicates'
+export * from './callOrReturn.js'
+export * from './createStyleTag.js'
+export * from './deleteProps.js'
+export * from './elementFromString.js'
+export * from './escapeForRegEx.js'
+export * from './findDuplicates.js'
+export * from './fromString.js'
+export * from './isEmptyObject.js'
+export * from './isFunction.js'
+export * from './isiOS.js'
+export * from './isMacOS.js'
+export * from './isNumber.js'
+export * from './isPlainObject.js'
+export * from './isRegExp.js'
+export * from './isString.js'
+export * from './mergeAttributes.js'
+export * from './mergeDeep.js'
+export * from './minMax.js'
+export * from './objectIncludes.js'
+export * from './removeDuplicates.js'
diff --git a/packages/core/src/utilities/mergeDeep.ts b/packages/core/src/utilities/mergeDeep.ts
index 4b54c3260..5c49cfa5d 100644
--- a/packages/core/src/utilities/mergeDeep.ts
+++ b/packages/core/src/utilities/mergeDeep.ts
@@ -1,4 +1,4 @@
-import { isPlainObject } from './isPlainObject'
+import { isPlainObject } from './isPlainObject.js'
 
 export function mergeDeep(target: Record<string, any>, source: Record<string, any>): Record<string, any> {
   const output = { ...target }
diff --git a/packages/core/src/utilities/objectIncludes.ts b/packages/core/src/utilities/objectIncludes.ts
index 7dadc5033..5d4d31548 100644
--- a/packages/core/src/utilities/objectIncludes.ts
+++ b/packages/core/src/utilities/objectIncludes.ts
@@ -1,4 +1,4 @@
-import { isRegExp } from './isRegExp'
+import { isRegExp } from './isRegExp.js'
 
 /**
  * Check if object1 includes object2
diff --git a/packages/extension-blockquote/src/index.ts b/packages/extension-blockquote/src/index.ts
index eb45e6354..b805f47ae 100644
--- a/packages/extension-blockquote/src/index.ts
+++ b/packages/extension-blockquote/src/index.ts
@@ -1,5 +1,5 @@
-import { Blockquote } from './blockquote'
+import { Blockquote } from './blockquote.js'
 
-export * from './blockquote'
+export * from './blockquote.js'
 
 export default Blockquote
diff --git a/packages/extension-bold/src/index.ts b/packages/extension-bold/src/index.ts
index 079cb5dc4..16582a530 100644
--- a/packages/extension-bold/src/index.ts
+++ b/packages/extension-bold/src/index.ts
@@ -1,5 +1,5 @@
-import { Bold } from './bold'
+import { Bold } from './bold.js'
 
-export * from './bold'
+export * from './bold.js'
 
 export default Bold
diff --git a/packages/extension-bubble-menu/src/bubble-menu.ts b/packages/extension-bubble-menu/src/bubble-menu.ts
index c8bb457c6..ba45d87d5 100644
--- a/packages/extension-bubble-menu/src/bubble-menu.ts
+++ b/packages/extension-bubble-menu/src/bubble-menu.ts
@@ -1,6 +1,6 @@
 import { Extension } from '@tiptap/core'
 
-import { BubbleMenuPlugin, BubbleMenuPluginProps } from './bubble-menu-plugin'
+import { BubbleMenuPlugin, BubbleMenuPluginProps } from './bubble-menu-plugin.js'
 
 export type BubbleMenuOptions = Omit<BubbleMenuPluginProps, 'editor' | 'element'> & {
   element: HTMLElement | null,
diff --git a/packages/extension-bubble-menu/src/index.ts b/packages/extension-bubble-menu/src/index.ts
index df47407f6..ab3636dc8 100644
--- a/packages/extension-bubble-menu/src/index.ts
+++ b/packages/extension-bubble-menu/src/index.ts
@@ -1,6 +1,6 @@
-import { BubbleMenu } from './bubble-menu'
+import { BubbleMenu } from './bubble-menu.js'
 
-export * from './bubble-menu'
-export * from './bubble-menu-plugin'
+export * from './bubble-menu.js'
+export * from './bubble-menu-plugin.js'
 
 export default BubbleMenu
diff --git a/packages/extension-bullet-list/src/bullet-list.ts b/packages/extension-bullet-list/src/bullet-list.ts
index 77c0fa6a3..1bc8b9926 100644
--- a/packages/extension-bullet-list/src/bullet-list.ts
+++ b/packages/extension-bullet-list/src/bullet-list.ts
@@ -1,7 +1,7 @@
 import { mergeAttributes, Node, wrappingInputRule } from '@tiptap/core'
 
-import ListItem from '../../extension-list-item/src'
-import TextStyle from '../../extension-text-style/src'
+import ListItem from '../../extension-list-item/src/index.js'
+import TextStyle from '../../extension-text-style/src/index.js'
 
 export interface BulletListOptions {
   itemTypeName: string,
diff --git a/packages/extension-bullet-list/src/index.ts b/packages/extension-bullet-list/src/index.ts
index 11e072168..f8432e66f 100644
--- a/packages/extension-bullet-list/src/index.ts
+++ b/packages/extension-bullet-list/src/index.ts
@@ -1,5 +1,5 @@
-import { BulletList } from './bullet-list'
+import { BulletList } from './bullet-list.js'
 
-export * from './bullet-list'
+export * from './bullet-list.js'
 
 export default BulletList
diff --git a/packages/extension-character-count/src/index.ts b/packages/extension-character-count/src/index.ts
index 29876dc4a..02623dffb 100644
--- a/packages/extension-character-count/src/index.ts
+++ b/packages/extension-character-count/src/index.ts
@@ -1,5 +1,5 @@
-import { CharacterCount } from './character-count'
+import { CharacterCount } from './character-count.js'
 
-export * from './character-count'
+export * from './character-count.js'
 
 export default CharacterCount
diff --git a/packages/extension-code-block-lowlight/src/code-block-lowlight.ts b/packages/extension-code-block-lowlight/src/code-block-lowlight.ts
index f82f023b5..55c5ddc2a 100644
--- a/packages/extension-code-block-lowlight/src/code-block-lowlight.ts
+++ b/packages/extension-code-block-lowlight/src/code-block-lowlight.ts
@@ -1,6 +1,6 @@
 import CodeBlock, { CodeBlockOptions } from '@tiptap/extension-code-block'
 
-import { LowlightPlugin } from './lowlight-plugin'
+import { LowlightPlugin } from './lowlight-plugin.js'
 
 export interface CodeBlockLowlightOptions extends CodeBlockOptions {
   lowlight: any,
diff --git a/packages/extension-code-block-lowlight/src/index.ts b/packages/extension-code-block-lowlight/src/index.ts
index 257f48ac0..c82ac142e 100644
--- a/packages/extension-code-block-lowlight/src/index.ts
+++ b/packages/extension-code-block-lowlight/src/index.ts
@@ -1,5 +1,5 @@
-import { CodeBlockLowlight } from './code-block-lowlight'
+import { CodeBlockLowlight } from './code-block-lowlight.js'
 
-export * from './code-block-lowlight'
+export * from './code-block-lowlight.js'
 
 export default CodeBlockLowlight
diff --git a/packages/extension-code-block/src/index.ts b/packages/extension-code-block/src/index.ts
index daf6becc6..13af76095 100644
--- a/packages/extension-code-block/src/index.ts
+++ b/packages/extension-code-block/src/index.ts
@@ -1,5 +1,5 @@
-import { CodeBlock } from './code-block'
+import { CodeBlock } from './code-block.js'
 
-export * from './code-block'
+export * from './code-block.js'
 
 export default CodeBlock
diff --git a/packages/extension-code/src/index.ts b/packages/extension-code/src/index.ts
index b9c0edb75..fb77ea393 100644
--- a/packages/extension-code/src/index.ts
+++ b/packages/extension-code/src/index.ts
@@ -1,5 +1,5 @@
-import { Code } from './code'
+import { Code } from './code.js'
 
-export * from './code'
+export * from './code.js'
 
 export default Code
diff --git a/packages/extension-collaboration-cursor/src/index.ts b/packages/extension-collaboration-cursor/src/index.ts
index 96a5ad8b2..5290a2a1c 100644
--- a/packages/extension-collaboration-cursor/src/index.ts
+++ b/packages/extension-collaboration-cursor/src/index.ts
@@ -1,5 +1,5 @@
-import { CollaborationCursor } from './collaboration-cursor'
+import { CollaborationCursor } from './collaboration-cursor.js'
 
-export * from './collaboration-cursor'
+export * from './collaboration-cursor.js'
 
 export default CollaborationCursor
diff --git a/packages/extension-collaboration/src/index.ts b/packages/extension-collaboration/src/index.ts
index a81f764b3..07ec74d6f 100644
--- a/packages/extension-collaboration/src/index.ts
+++ b/packages/extension-collaboration/src/index.ts
@@ -1,6 +1,6 @@
-import { Collaboration } from './collaboration'
+import { Collaboration } from './collaboration.js'
 
-export * from './collaboration'
-export * from './helpers/isChangeOrigin'
+export * from './collaboration.js'
+export * from './helpers/isChangeOrigin.js'
 
 export default Collaboration
diff --git a/packages/extension-color/src/index.ts b/packages/extension-color/src/index.ts
index d309001f7..f33554250 100644
--- a/packages/extension-color/src/index.ts
+++ b/packages/extension-color/src/index.ts
@@ -1,5 +1,5 @@
-import { Color } from './color'
+import { Color } from './color.js'
 
-export * from './color'
+export * from './color.js'
 
 export default Color
diff --git a/packages/extension-document/src/index.ts b/packages/extension-document/src/index.ts
index 09c18fff5..3a62be7c4 100644
--- a/packages/extension-document/src/index.ts
+++ b/packages/extension-document/src/index.ts
@@ -1,5 +1,5 @@
-import { Document } from './document'
+import { Document } from './document.js'
 
-export * from './document'
+export * from './document.js'
 
 export default Document
diff --git a/packages/extension-dropcursor/src/index.ts b/packages/extension-dropcursor/src/index.ts
index 3dec2ee42..dcbb962f9 100644
--- a/packages/extension-dropcursor/src/index.ts
+++ b/packages/extension-dropcursor/src/index.ts
@@ -1,5 +1,5 @@
-import { Dropcursor } from './dropcursor'
+import { Dropcursor } from './dropcursor.js'
 
-export * from './dropcursor'
+export * from './dropcursor.js'
 
 export default Dropcursor
diff --git a/packages/extension-floating-menu/src/floating-menu.ts b/packages/extension-floating-menu/src/floating-menu.ts
index 770c409ea..cd43952c9 100644
--- a/packages/extension-floating-menu/src/floating-menu.ts
+++ b/packages/extension-floating-menu/src/floating-menu.ts
@@ -1,6 +1,6 @@
 import { Extension } from '@tiptap/core'
 
-import { FloatingMenuPlugin, FloatingMenuPluginProps } from './floating-menu-plugin'
+import { FloatingMenuPlugin, FloatingMenuPluginProps } from './floating-menu-plugin.js'
 
 export type FloatingMenuOptions = Omit<FloatingMenuPluginProps, 'editor' | 'element'> & {
   element: HTMLElement | null,
diff --git a/packages/extension-floating-menu/src/index.ts b/packages/extension-floating-menu/src/index.ts
index 27bee69f2..a87776b5a 100644
--- a/packages/extension-floating-menu/src/index.ts
+++ b/packages/extension-floating-menu/src/index.ts
@@ -1,6 +1,6 @@
-import { FloatingMenu } from './floating-menu'
+import { FloatingMenu } from './floating-menu.js'
 
-export * from './floating-menu'
-export * from './floating-menu-plugin'
+export * from './floating-menu.js'
+export * from './floating-menu-plugin.js'
 
 export default FloatingMenu
diff --git a/packages/extension-focus/src/index.ts b/packages/extension-focus/src/index.ts
index 0631a4f17..a1dfee566 100644
--- a/packages/extension-focus/src/index.ts
+++ b/packages/extension-focus/src/index.ts
@@ -1,5 +1,5 @@
-import { FocusClasses } from './focus'
+import { FocusClasses } from './focus.js'
 
-export * from './focus'
+export * from './focus.js'
 
 export default FocusClasses
diff --git a/packages/extension-font-family/src/index.ts b/packages/extension-font-family/src/index.ts
index ec5078470..4ed9a4703 100644
--- a/packages/extension-font-family/src/index.ts
+++ b/packages/extension-font-family/src/index.ts
@@ -1,5 +1,5 @@
-import { FontFamily } from './font-family'
+import { FontFamily } from './font-family.js'
 
-export * from './font-family'
+export * from './font-family.js'
 
 export default FontFamily
diff --git a/packages/extension-gapcursor/src/index.ts b/packages/extension-gapcursor/src/index.ts
index 27f61c36a..352b84713 100644
--- a/packages/extension-gapcursor/src/index.ts
+++ b/packages/extension-gapcursor/src/index.ts
@@ -1,5 +1,5 @@
-import { Gapcursor } from './gapcursor'
+import { Gapcursor } from './gapcursor.js'
 
-export * from './gapcursor'
+export * from './gapcursor.js'
 
 export default Gapcursor
diff --git a/packages/extension-hard-break/src/index.ts b/packages/extension-hard-break/src/index.ts
index 9950a1948..75d1155bf 100644
--- a/packages/extension-hard-break/src/index.ts
+++ b/packages/extension-hard-break/src/index.ts
@@ -1,5 +1,5 @@
-import { HardBreak } from './hard-break'
+import { HardBreak } from './hard-break.js'
 
-export * from './hard-break'
+export * from './hard-break.js'
 
 export default HardBreak
diff --git a/packages/extension-heading/src/index.ts b/packages/extension-heading/src/index.ts
index 0d13101de..7c36f050e 100644
--- a/packages/extension-heading/src/index.ts
+++ b/packages/extension-heading/src/index.ts
@@ -1,5 +1,5 @@
-import { Heading } from './heading'
+import { Heading } from './heading.js'
 
-export * from './heading'
+export * from './heading.js'
 
 export default Heading
diff --git a/packages/extension-highlight/src/index.ts b/packages/extension-highlight/src/index.ts
index dbcb577dc..1d5f920e2 100644
--- a/packages/extension-highlight/src/index.ts
+++ b/packages/extension-highlight/src/index.ts
@@ -1,5 +1,5 @@
-import { Highlight } from './highlight'
+import { Highlight } from './highlight.js'
 
-export * from './highlight'
+export * from './highlight.js'
 
 export default Highlight
diff --git a/packages/extension-history/src/index.ts b/packages/extension-history/src/index.ts
index d7abb71f9..ce4e19b7a 100644
--- a/packages/extension-history/src/index.ts
+++ b/packages/extension-history/src/index.ts
@@ -1,5 +1,5 @@
-import { History } from './history'
+import { History } from './history.js'
 
-export * from './history'
+export * from './history.js'
 
 export default History
diff --git a/packages/extension-horizontal-rule/src/index.ts b/packages/extension-horizontal-rule/src/index.ts
index 472f33c83..4d901630d 100644
--- a/packages/extension-horizontal-rule/src/index.ts
+++ b/packages/extension-horizontal-rule/src/index.ts
@@ -1,5 +1,5 @@
-import { HorizontalRule } from './horizontal-rule'
+import { HorizontalRule } from './horizontal-rule.js'
 
-export * from './horizontal-rule'
+export * from './horizontal-rule.js'
 
 export default HorizontalRule
diff --git a/packages/extension-image/src/index.ts b/packages/extension-image/src/index.ts
index 6a7a68958..b0198e488 100644
--- a/packages/extension-image/src/index.ts
+++ b/packages/extension-image/src/index.ts
@@ -1,5 +1,5 @@
-import { Image } from './image'
+import { Image } from './image.js'
 
-export * from './image'
+export * from './image.js'
 
 export default Image
diff --git a/packages/extension-italic/src/index.ts b/packages/extension-italic/src/index.ts
index b80147ca1..c76a70681 100644
--- a/packages/extension-italic/src/index.ts
+++ b/packages/extension-italic/src/index.ts
@@ -1,5 +1,5 @@
-import { Italic } from './italic'
+import { Italic } from './italic.js'
 
-export * from './italic'
+export * from './italic.js'
 
 export default Italic
diff --git a/packages/extension-link/src/index.ts b/packages/extension-link/src/index.ts
index cd9fb3592..e3655ab64 100644
--- a/packages/extension-link/src/index.ts
+++ b/packages/extension-link/src/index.ts
@@ -1,5 +1,5 @@
-import { Link } from './link'
+import { Link } from './link.js'
 
-export * from './link'
+export * from './link.js'
 
 export default Link
diff --git a/packages/extension-link/src/link.ts b/packages/extension-link/src/link.ts
index dde70e53e..224948e11 100644
--- a/packages/extension-link/src/link.ts
+++ b/packages/extension-link/src/link.ts
@@ -2,9 +2,9 @@ import { Mark, mergeAttributes } from '@tiptap/core'
 import { Plugin } from '@tiptap/pm/state'
 import { registerCustomProtocol, reset } from 'linkifyjs'
 
-import { autolink } from './helpers/autolink'
-import { clickHandler } from './helpers/clickHandler'
-import { pasteHandler } from './helpers/pasteHandler'
+import { autolink } from './helpers/autolink.js'
+import { clickHandler } from './helpers/clickHandler.js'
+import { pasteHandler } from './helpers/pasteHandler.js'
 
 export interface LinkProtocolOptions {
   scheme: string;
diff --git a/packages/extension-list-item/src/helpers/index.ts b/packages/extension-list-item/src/helpers/index.ts
index de0462991..c0e28ba20 100644
--- a/packages/extension-list-item/src/helpers/index.ts
+++ b/packages/extension-list-item/src/helpers/index.ts
@@ -2,9 +2,9 @@ import { getNodeAtPosition, getNodeType } from '@tiptap/core'
 import { NodeType } from '@tiptap/pm/model'
 import { EditorState } from '@tiptap/pm/state'
 
-export * from './hasListItemAfter'
-export * from './hasListItemBefore'
-export * from './listItemhasSublist'
+export * from './hasListItemAfter.js'
+export * from './hasListItemBefore.js'
+export * from './listItemhasSublist.js'
 
 export const findListItemPos = (typeOrName: string | NodeType, state: EditorState) => {
   const { $from } = state.selection
diff --git a/packages/extension-list-item/src/index.ts b/packages/extension-list-item/src/index.ts
index 35e2d4b69..f5b8e98f7 100644
--- a/packages/extension-list-item/src/index.ts
+++ b/packages/extension-list-item/src/index.ts
@@ -1,5 +1,5 @@
-import { ListItem } from './list-item'
+import { ListItem } from './list-item.js'
 
-export * from './list-item'
+export * from './list-item.js'
 
 export default ListItem
diff --git a/packages/extension-list-item/src/list-item.ts b/packages/extension-list-item/src/list-item.ts
index 4c042e0e4..0aa46d18c 100644
--- a/packages/extension-list-item/src/list-item.ts
+++ b/packages/extension-list-item/src/list-item.ts
@@ -3,11 +3,11 @@ import {
 } from '@tiptap/core'
 import { NodeType } from '@tiptap/pm/model'
 
-import { joinListItemBackward } from './commands/joinListItemBackward'
-import { joinListItemForward } from './commands/joinListItemForward'
+import { joinListItemBackward } from './commands/joinListItemBackward.js'
+import { joinListItemForward } from './commands/joinListItemForward.js'
 import {
   findListItemPos, hasListItemBefore, listItemHasSubList, nextListIsDeeper, nextListIsHigher,
-} from './helpers'
+} from './helpers/index.js'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/extension-mention/src/index.ts b/packages/extension-mention/src/index.ts
index 0c1654ac2..c9202499a 100644
--- a/packages/extension-mention/src/index.ts
+++ b/packages/extension-mention/src/index.ts
@@ -1,5 +1,5 @@
-import { Mention } from './mention'
+import { Mention } from './mention.js'
 
-export * from './mention'
+export * from './mention.js'
 
 export default Mention
diff --git a/packages/extension-ordered-list/src/index.ts b/packages/extension-ordered-list/src/index.ts
index bd3cd501a..4419bbae0 100644
--- a/packages/extension-ordered-list/src/index.ts
+++ b/packages/extension-ordered-list/src/index.ts
@@ -1,5 +1,5 @@
-import { OrderedList } from './ordered-list'
+import { OrderedList } from './ordered-list.js'
 
-export * from './ordered-list'
+export * from './ordered-list.js'
 
 export default OrderedList
diff --git a/packages/extension-ordered-list/src/ordered-list.ts b/packages/extension-ordered-list/src/ordered-list.ts
index 920a30ab3..6f70a8981 100644
--- a/packages/extension-ordered-list/src/ordered-list.ts
+++ b/packages/extension-ordered-list/src/ordered-list.ts
@@ -1,7 +1,7 @@
 import { mergeAttributes, Node, wrappingInputRule } from '@tiptap/core'
 
-import ListItem from '../../extension-list-item/src'
-import TextStyle from '../../extension-text-style/src'
+import ListItem from '../../extension-list-item/src/index.js'
+import TextStyle from '../../extension-text-style/src/index.js'
 
 export interface OrderedListOptions {
   itemTypeName: string,
diff --git a/packages/extension-paragraph/src/index.ts b/packages/extension-paragraph/src/index.ts
index 290e2b236..2dd2af392 100644
--- a/packages/extension-paragraph/src/index.ts
+++ b/packages/extension-paragraph/src/index.ts
@@ -1,5 +1,5 @@
-import { Paragraph } from './paragraph'
+import { Paragraph } from './paragraph.js'
 
-export * from './paragraph'
+export * from './paragraph.js'
 
 export default Paragraph
diff --git a/packages/extension-placeholder/src/index.ts b/packages/extension-placeholder/src/index.ts
index bd138b128..bb8b78416 100644
--- a/packages/extension-placeholder/src/index.ts
+++ b/packages/extension-placeholder/src/index.ts
@@ -1,5 +1,5 @@
-import { Placeholder } from './placeholder'
+import { Placeholder } from './placeholder.js'
 
-export * from './placeholder'
+export * from './placeholder.js'
 
 export default Placeholder
diff --git a/packages/extension-strike/src/index.ts b/packages/extension-strike/src/index.ts
index f218f831e..377a83ae6 100644
--- a/packages/extension-strike/src/index.ts
+++ b/packages/extension-strike/src/index.ts
@@ -1,5 +1,5 @@
-import { Strike } from './strike'
+import { Strike } from './strike.js'
 
-export * from './strike'
+export * from './strike.js'
 
 export default Strike
diff --git a/packages/extension-subscript/src/index.ts b/packages/extension-subscript/src/index.ts
index f10568488..61106e206 100644
--- a/packages/extension-subscript/src/index.ts
+++ b/packages/extension-subscript/src/index.ts
@@ -1,5 +1,5 @@
-import { Subscript } from './subscript'
+import { Subscript } from './subscript.js'
 
-export * from './subscript'
+export * from './subscript.js'
 
 export default Subscript
diff --git a/packages/extension-superscript/src/index.ts b/packages/extension-superscript/src/index.ts
index 23c2140ea..264d99602 100644
--- a/packages/extension-superscript/src/index.ts
+++ b/packages/extension-superscript/src/index.ts
@@ -1,5 +1,5 @@
-import { Superscript } from './superscript'
+import { Superscript } from './superscript.js'
 
-export * from './superscript'
+export * from './superscript.js'
 
 export default Superscript
diff --git a/packages/extension-table-cell/src/index.ts b/packages/extension-table-cell/src/index.ts
index d3091a488..0f612923d 100644
--- a/packages/extension-table-cell/src/index.ts
+++ b/packages/extension-table-cell/src/index.ts
@@ -1,5 +1,5 @@
-import { TableCell } from './table-cell'
+import { TableCell } from './table-cell.js'
 
-export * from './table-cell'
+export * from './table-cell.js'
 
 export default TableCell
diff --git a/packages/extension-table-header/src/index.ts b/packages/extension-table-header/src/index.ts
index bfa5d100e..9cfa04c3d 100644
--- a/packages/extension-table-header/src/index.ts
+++ b/packages/extension-table-header/src/index.ts
@@ -1,5 +1,5 @@
-import { TableHeader } from './table-header'
+import { TableHeader } from './table-header.js'
 
-export * from './table-header'
+export * from './table-header.js'
 
 export default TableHeader
diff --git a/packages/extension-table-row/src/index.ts b/packages/extension-table-row/src/index.ts
index bdba9f60d..c04e70022 100644
--- a/packages/extension-table-row/src/index.ts
+++ b/packages/extension-table-row/src/index.ts
@@ -1,5 +1,5 @@
-import { TableRow } from './table-row'
+import { TableRow } from './table-row.js'
 
-export * from './table-row'
+export * from './table-row.js'
 
 export default TableRow
diff --git a/packages/extension-table/src/index.ts b/packages/extension-table/src/index.ts
index 227e8b1e8..d7b617b45 100644
--- a/packages/extension-table/src/index.ts
+++ b/packages/extension-table/src/index.ts
@@ -1,6 +1,6 @@
-import { Table } from './table'
+import { Table } from './table.js'
 
-export * from './table'
-export * from './utilities/createTable'
+export * from './table.js'
+export * from './utilities/createTable.js'
 
 export default Table
diff --git a/packages/extension-table/src/table.ts b/packages/extension-table/src/table.ts
index 58fb5cece..944f7bd05 100644
--- a/packages/extension-table/src/table.ts
+++ b/packages/extension-table/src/table.ts
@@ -23,9 +23,9 @@ import {
 } from '@tiptap/pm/tables'
 import { NodeView } from '@tiptap/pm/view'
 
-import { TableView } from './TableView'
-import { createTable } from './utilities/createTable'
-import { deleteTableWhenAllCellsSelected } from './utilities/deleteTableWhenAllCellsSelected'
+import { TableView } from './TableView.js'
+import { createTable } from './utilities/createTable.js'
+import { deleteTableWhenAllCellsSelected } from './utilities/deleteTableWhenAllCellsSelected.js'
 
 export interface TableOptions {
   HTMLAttributes: Record<string, any>
diff --git a/packages/extension-table/src/utilities/createTable.ts b/packages/extension-table/src/utilities/createTable.ts
index c28bbf37d..d343a3e17 100644
--- a/packages/extension-table/src/utilities/createTable.ts
+++ b/packages/extension-table/src/utilities/createTable.ts
@@ -1,7 +1,7 @@
 import { Fragment, Node as ProsemirrorNode, Schema } from '@tiptap/pm/model'
 
-import { createCell } from './createCell'
-import { getTableNodeTypes } from './getTableNodeTypes'
+import { createCell } from './createCell.js'
+import { getTableNodeTypes } from './getTableNodeTypes.js'
 
 export function createTable(
   schema: Schema,
diff --git a/packages/extension-table/src/utilities/deleteTableWhenAllCellsSelected.ts b/packages/extension-table/src/utilities/deleteTableWhenAllCellsSelected.ts
index 50ebaeee8..c054f4a9b 100644
--- a/packages/extension-table/src/utilities/deleteTableWhenAllCellsSelected.ts
+++ b/packages/extension-table/src/utilities/deleteTableWhenAllCellsSelected.ts
@@ -1,6 +1,6 @@
 import { findParentNodeClosestToPos, KeyboardShortcutCommand } from '@tiptap/core'
 
-import { isCellSelection } from './isCellSelection'
+import { isCellSelection } from './isCellSelection.js'
 
 export const deleteTableWhenAllCellsSelected: KeyboardShortcutCommand = ({ editor }) => {
   const { selection } = editor.state
diff --git a/packages/extension-task-item/src/index.ts b/packages/extension-task-item/src/index.ts
index 994557808..d5696e425 100644
--- a/packages/extension-task-item/src/index.ts
+++ b/packages/extension-task-item/src/index.ts
@@ -1,5 +1,5 @@
-import { TaskItem } from './task-item'
+import { TaskItem } from './task-item.js'
 
-export * from './task-item'
+export * from './task-item.js'
 
 export default TaskItem
diff --git a/packages/extension-task-list/src/index.ts b/packages/extension-task-list/src/index.ts
index 2cfaeb5ba..fdcc05ac1 100644
--- a/packages/extension-task-list/src/index.ts
+++ b/packages/extension-task-list/src/index.ts
@@ -1,5 +1,5 @@
-import { TaskList } from './task-list'
+import { TaskList } from './task-list.js'
 
-export * from './task-list'
+export * from './task-list.js'
 
 export default TaskList
diff --git a/packages/extension-text-align/src/index.ts b/packages/extension-text-align/src/index.ts
index a87f34730..448ac7715 100644
--- a/packages/extension-text-align/src/index.ts
+++ b/packages/extension-text-align/src/index.ts
@@ -1,5 +1,5 @@
-import { TextAlign } from './text-align'
+import { TextAlign } from './text-align.js'
 
-export * from './text-align'
+export * from './text-align.js'
 
 export default TextAlign
diff --git a/packages/extension-text-style/src/index.ts b/packages/extension-text-style/src/index.ts
index f7396d77d..87e4ac38a 100644
--- a/packages/extension-text-style/src/index.ts
+++ b/packages/extension-text-style/src/index.ts
@@ -1,5 +1,5 @@
-import { TextStyle } from './text-style'
+import { TextStyle } from './text-style.js'
 
-export * from './text-style'
+export * from './text-style.js'
 
 export default TextStyle
diff --git a/packages/extension-text/src/index.ts b/packages/extension-text/src/index.ts
index e32a4a4f4..c1a468036 100644
--- a/packages/extension-text/src/index.ts
+++ b/packages/extension-text/src/index.ts
@@ -1,5 +1,5 @@
-import { Text } from './text'
+import { Text } from './text.js'
 
-export * from './text'
+export * from './text.js'
 
 export default Text
diff --git a/packages/extension-typography/src/index.ts b/packages/extension-typography/src/index.ts
index dddec8416..128001652 100644
--- a/packages/extension-typography/src/index.ts
+++ b/packages/extension-typography/src/index.ts
@@ -1,5 +1,5 @@
-import { Typography } from './typography'
+import { Typography } from './typography.js'
 
-export * from './typography'
+export * from './typography.js'
 
 export default Typography
diff --git a/packages/extension-underline/src/index.ts b/packages/extension-underline/src/index.ts
index 2d7f54235..af593a0a8 100644
--- a/packages/extension-underline/src/index.ts
+++ b/packages/extension-underline/src/index.ts
@@ -1,5 +1,5 @@
-import { Underline } from './underline'
+import { Underline } from './underline.js'
 
-export * from './underline'
+export * from './underline.js'
 
 export default Underline
diff --git a/packages/extension-youtube/src/index.ts b/packages/extension-youtube/src/index.ts
index 8b42aff9c..eec35c66d 100644
--- a/packages/extension-youtube/src/index.ts
+++ b/packages/extension-youtube/src/index.ts
@@ -1,5 +1,5 @@
-import { Youtube } from './youtube'
+import { Youtube } from './youtube.js'
 
-export * from './youtube'
+export * from './youtube.js'
 
 export default Youtube
diff --git a/packages/extension-youtube/src/youtube.ts b/packages/extension-youtube/src/youtube.ts
index 3e65d9b14..c680a0631 100644
--- a/packages/extension-youtube/src/youtube.ts
+++ b/packages/extension-youtube/src/youtube.ts
@@ -1,6 +1,6 @@
 import { mergeAttributes, Node, nodePasteRule } from '@tiptap/core'
 
-import { getEmbedUrlFromYoutubeUrl, isValidYoutubeUrl, YOUTUBE_REGEX_GLOBAL } from './utils'
+import { getEmbedUrlFromYoutubeUrl, isValidYoutubeUrl, YOUTUBE_REGEX_GLOBAL } from './utils.js'
 
 export interface YoutubeOptions {
   addPasteHandler: boolean;
diff --git a/packages/html/src/generateHTML.ts b/packages/html/src/generateHTML.ts
index b943737cc..dc011e792 100644
--- a/packages/html/src/generateHTML.ts
+++ b/packages/html/src/generateHTML.ts
@@ -1,7 +1,7 @@
 import { Extensions, getSchema, JSONContent } from '@tiptap/core'
 import { Node } from '@tiptap/pm/model'
 
-import { getHTMLFromFragment } from './getHTMLFromFragment'
+import { getHTMLFromFragment } from './getHTMLFromFragment.js'
 
 export function generateHTML(doc: JSONContent, extensions: Extensions): string {
   const schema = getSchema(extensions)
diff --git a/packages/html/src/index.ts b/packages/html/src/index.ts
index 33db29a8f..051a3eef2 100644
--- a/packages/html/src/index.ts
+++ b/packages/html/src/index.ts
@@ -1,2 +1,2 @@
-export * from './generateHTML'
-export * from './generateJSON'
+export * from './generateHTML.js'
+export * from './generateJSON.js'
diff --git a/packages/react/src/Editor.ts b/packages/react/src/Editor.ts
index 3807746c1..24f2c0f52 100644
--- a/packages/react/src/Editor.ts
+++ b/packages/react/src/Editor.ts
@@ -1,8 +1,8 @@
 import { Editor as CoreEditor } from '@tiptap/core'
 import React from 'react'
 
-import { EditorContentProps, EditorContentState } from './EditorContent'
-import { ReactRenderer } from './ReactRenderer'
+import { EditorContentProps, EditorContentState } from './EditorContent.js'
+import { ReactRenderer } from './ReactRenderer.js'
 
 type ContentComponent = React.Component<EditorContentProps, EditorContentState> & {
   setRenderer(id: string, renderer: ReactRenderer): void;
diff --git a/packages/react/src/EditorContent.tsx b/packages/react/src/EditorContent.tsx
index 0a7ea7732..f65276f4d 100644
--- a/packages/react/src/EditorContent.tsx
+++ b/packages/react/src/EditorContent.tsx
@@ -1,8 +1,8 @@
 import React, { HTMLProps } from 'react'
 import ReactDOM, { flushSync } from 'react-dom'
 
-import { Editor } from './Editor'
-import { ReactRenderer } from './ReactRenderer'
+import { Editor } from './Editor.js'
+import { ReactRenderer } from './ReactRenderer.js'
 
 const Portals: React.FC<{ renderers: Record<string, ReactRenderer> }> = ({ renderers }) => {
   return (
diff --git a/packages/react/src/NodeViewContent.tsx b/packages/react/src/NodeViewContent.tsx
index 61fda9a06..51d7c5dde 100644
--- a/packages/react/src/NodeViewContent.tsx
+++ b/packages/react/src/NodeViewContent.tsx
@@ -1,6 +1,6 @@
 import React from 'react'
 
-import { useReactNodeView } from './useReactNodeView'
+import { useReactNodeView } from './useReactNodeView.js'
 
 export interface NodeViewContentProps {
   [key: string]: any,
diff --git a/packages/react/src/NodeViewWrapper.tsx b/packages/react/src/NodeViewWrapper.tsx
index c5a19e40c..5fc36cfd9 100644
--- a/packages/react/src/NodeViewWrapper.tsx
+++ b/packages/react/src/NodeViewWrapper.tsx
@@ -1,6 +1,6 @@
 import React from 'react'
 
-import { useReactNodeView } from './useReactNodeView'
+import { useReactNodeView } from './useReactNodeView.js'
 
 export interface NodeViewWrapperProps {
   [key: string]: any,
diff --git a/packages/react/src/ReactNodeViewRenderer.tsx b/packages/react/src/ReactNodeViewRenderer.tsx
index 514cb9b3f..899907c58 100644
--- a/packages/react/src/ReactNodeViewRenderer.tsx
+++ b/packages/react/src/ReactNodeViewRenderer.tsx
@@ -10,9 +10,9 @@ import { Node as ProseMirrorNode } from '@tiptap/pm/model'
 import { Decoration, NodeView as ProseMirrorNodeView } from '@tiptap/pm/view'
 import React from 'react'
 
-import { Editor } from './Editor'
-import { ReactRenderer } from './ReactRenderer'
-import { ReactNodeViewContext, ReactNodeViewContextProps } from './useReactNodeView'
+import { Editor } from './Editor.js'
+import { ReactRenderer } from './ReactRenderer.js'
+import { ReactNodeViewContext, ReactNodeViewContextProps } from './useReactNodeView.js'
 
 export interface ReactNodeViewRendererOptions extends NodeViewRendererOptions {
   update:
diff --git a/packages/react/src/ReactRenderer.tsx b/packages/react/src/ReactRenderer.tsx
index a47a93dea..3151d39b3 100644
--- a/packages/react/src/ReactRenderer.tsx
+++ b/packages/react/src/ReactRenderer.tsx
@@ -1,7 +1,7 @@
 import { Editor } from '@tiptap/core'
 import React from 'react'
 
-import { Editor as ExtendedEditor } from './Editor'
+import { Editor as ExtendedEditor } from './Editor.js'
 
 function isClassComponent(Component: any) {
   return !!(
diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
index 19e6d22fd..ed60661e2 100644
--- a/packages/react/src/index.ts
+++ b/packages/react/src/index.ts
@@ -1,10 +1,10 @@
-export * from './BubbleMenu'
-export { Editor } from './Editor'
-export * from './EditorContent'
-export * from './FloatingMenu'
-export * from './NodeViewContent'
-export * from './NodeViewWrapper'
-export * from './ReactNodeViewRenderer'
-export * from './ReactRenderer'
-export * from './useEditor'
+export * from './BubbleMenu.js'
+export { Editor } from './Editor.js'
+export * from './EditorContent.js'
+export * from './FloatingMenu.js'
+export * from './NodeViewContent.js'
+export * from './NodeViewWrapper.js'
+export * from './ReactNodeViewRenderer.js'
+export * from './ReactRenderer.js'
+export * from './useEditor.js'
 export * from '@tiptap/core'
diff --git a/packages/react/src/useEditor.ts b/packages/react/src/useEditor.ts
index 7ef956083..fdede2825 100644
--- a/packages/react/src/useEditor.ts
+++ b/packages/react/src/useEditor.ts
@@ -6,7 +6,7 @@ import {
   useState,
 } from 'react'
 
-import { Editor } from './Editor'
+import { Editor } from './Editor.js'
 
 function useForceUpdate() {
   const [, setValue] = useState(0)
diff --git a/packages/starter-kit/src/index.ts b/packages/starter-kit/src/index.ts
index 7e4dafc7e..13c668420 100644
--- a/packages/starter-kit/src/index.ts
+++ b/packages/starter-kit/src/index.ts
@@ -1,6 +1,6 @@
-import { StarterKit } from './starter-kit'
+import { StarterKit } from './starter-kit.js'
 
-export type { StarterKitOptions } from './starter-kit'
-export * from './starter-kit'
+export type { StarterKitOptions } from './starter-kit.js'
+export * from './starter-kit.js'
 
 export default StarterKit
diff --git a/packages/suggestion/src/index.ts b/packages/suggestion/src/index.ts
index 5e319dd40..4f760332c 100644
--- a/packages/suggestion/src/index.ts
+++ b/packages/suggestion/src/index.ts
@@ -1,6 +1,6 @@
-import { Suggestion } from './suggestion'
+import { Suggestion } from './suggestion.js'
 
-export * from './findSuggestionMatch'
-export * from './suggestion'
+export * from './findSuggestionMatch.js'
+export * from './suggestion.js'
 
 export default Suggestion
diff --git a/packages/suggestion/src/suggestion.ts b/packages/suggestion/src/suggestion.ts
index 486d1aaf1..f75d24002 100644
--- a/packages/suggestion/src/suggestion.ts
+++ b/packages/suggestion/src/suggestion.ts
@@ -2,7 +2,7 @@ import { Editor, Range } from '@tiptap/core'
 import { EditorState, Plugin, PluginKey } from '@tiptap/pm/state'
 import { Decoration, DecorationSet, EditorView } from '@tiptap/pm/view'
 
-import { findSuggestionMatch } from './findSuggestionMatch'
+import { findSuggestionMatch } from './findSuggestionMatch.js'
 
 export interface SuggestionOptions<I = any> {
   pluginKey?: PluginKey
diff --git a/packages/vue-2/src/EditorContent.ts b/packages/vue-2/src/EditorContent.ts
index f95ad8efe..872a90136 100644
--- a/packages/vue-2/src/EditorContent.ts
+++ b/packages/vue-2/src/EditorContent.ts
@@ -1,6 +1,6 @@
 import Vue, { Component, PropType } from 'vue'
 
-import { Editor } from './Editor'
+import { Editor } from './Editor.js'
 
 export interface EditorContentInterface extends Vue {
   editor: Editor,
diff --git a/packages/vue-2/src/VueNodeViewRenderer.ts b/packages/vue-2/src/VueNodeViewRenderer.ts
index bf21b1351..c37144842 100644
--- a/packages/vue-2/src/VueNodeViewRenderer.ts
+++ b/packages/vue-2/src/VueNodeViewRenderer.ts
@@ -11,8 +11,8 @@ import { Decoration, NodeView as ProseMirrorNodeView } from '@tiptap/pm/view'
 import Vue from 'vue'
 import { PropType, VueConstructor } from 'vue/types/umd'
 
-import { Editor } from './Editor'
-import { VueRenderer } from './VueRenderer'
+import { Editor } from './Editor.js'
+import { VueRenderer } from './VueRenderer.js'
 
 export const nodeViewProps = {
   editor: {
diff --git a/packages/vue-2/src/index.ts b/packages/vue-2/src/index.ts
index 3641fd38d..375253cef 100644
--- a/packages/vue-2/src/index.ts
+++ b/packages/vue-2/src/index.ts
@@ -1,9 +1,9 @@
-export * from './BubbleMenu'
-export { Editor } from './Editor'
-export * from './EditorContent'
-export * from './FloatingMenu'
-export * from './NodeViewContent'
-export * from './NodeViewWrapper'
-export * from './VueNodeViewRenderer'
-export * from './VueRenderer'
+export * from './BubbleMenu.js'
+export { Editor } from './Editor.js'
+export * from './EditorContent.js'
+export * from './FloatingMenu.js'
+export * from './NodeViewContent.js'
+export * from './NodeViewWrapper.js'
+export * from './VueNodeViewRenderer.js'
+export * from './VueRenderer.js'
 export * from '@tiptap/core'
diff --git a/packages/vue-3/src/Editor.ts b/packages/vue-3/src/Editor.ts
index 26b2a9bc2..0933a7992 100644
--- a/packages/vue-3/src/Editor.ts
+++ b/packages/vue-3/src/Editor.ts
@@ -9,7 +9,7 @@ import {
   Ref,
 } from 'vue'
 
-import { VueRenderer } from './VueRenderer'
+import { VueRenderer } from './VueRenderer.js'
 
 function useDebouncedRef<T>(value: T) {
   return customRef<T>((track, trigger) => {
diff --git a/packages/vue-3/src/EditorContent.ts b/packages/vue-3/src/EditorContent.ts
index d2ffa2b2e..09f1b51c4 100644
--- a/packages/vue-3/src/EditorContent.ts
+++ b/packages/vue-3/src/EditorContent.ts
@@ -13,7 +13,7 @@ import {
   watchEffect,
 } from 'vue'
 
-import { Editor } from './Editor'
+import { Editor } from './Editor.js'
 
 export const EditorContent = defineComponent({
   name: 'EditorContent',
diff --git a/packages/vue-3/src/VueNodeViewRenderer.ts b/packages/vue-3/src/VueNodeViewRenderer.ts
index 8b9fe6020..80e4650c8 100644
--- a/packages/vue-3/src/VueNodeViewRenderer.ts
+++ b/packages/vue-3/src/VueNodeViewRenderer.ts
@@ -17,8 +17,8 @@ import {
   ref,
 } from 'vue'
 
-import { Editor } from './Editor'
-import { VueRenderer } from './VueRenderer'
+import { Editor } from './Editor.js'
+import { VueRenderer } from './VueRenderer.js'
 
 export const nodeViewProps = {
   editor: {
diff --git a/packages/vue-3/src/VueRenderer.ts b/packages/vue-3/src/VueRenderer.ts
index 90dda6c8f..ca75954bd 100644
--- a/packages/vue-3/src/VueRenderer.ts
+++ b/packages/vue-3/src/VueRenderer.ts
@@ -1,7 +1,7 @@
 import { Editor } from '@tiptap/core'
 import { Component, markRaw, reactive } from 'vue'
 
-import { Editor as ExtendedEditor } from './Editor'
+import { Editor as ExtendedEditor } from './Editor.js'
 
 export interface VueRendererOptions {
   editor: Editor,
diff --git a/packages/vue-3/src/index.ts b/packages/vue-3/src/index.ts
index 47c222d58..bf7833f2b 100644
--- a/packages/vue-3/src/index.ts
+++ b/packages/vue-3/src/index.ts
@@ -1,10 +1,10 @@
-export * from './BubbleMenu'
-export { Editor } from './Editor'
-export * from './EditorContent'
-export * from './FloatingMenu'
-export * from './NodeViewContent'
-export * from './NodeViewWrapper'
-export * from './useEditor'
-export * from './VueNodeViewRenderer'
-export * from './VueRenderer'
+export * from './BubbleMenu.js'
+export { Editor } from './Editor.js'
+export * from './EditorContent.js'
+export * from './FloatingMenu.js'
+export * from './NodeViewContent.js'
+export * from './NodeViewWrapper.js'
+export * from './useEditor.js'
+export * from './VueNodeViewRenderer.js'
+export * from './VueRenderer.js'
 export * from '@tiptap/core'
diff --git a/packages/vue-3/src/useEditor.ts b/packages/vue-3/src/useEditor.ts
index e2333fc4f..e75d7f41c 100644
--- a/packages/vue-3/src/useEditor.ts
+++ b/packages/vue-3/src/useEditor.ts
@@ -1,7 +1,7 @@
 import { EditorOptions } from '@tiptap/core'
 import { onBeforeUnmount, onMounted, shallowRef } from 'vue'
 
-import { Editor } from './Editor'
+import { Editor } from './Editor.js'
 
 export const useEditor = (options: Partial<EditorOptions> = {}) => {
   const editor = shallowRef<Editor>()
diff --git a/tests/cypress/plugins/index.js b/tests/cypress/plugins/index.js
index 653d4e482..8aab1de4b 100644
--- a/tests/cypress/plugins/index.js
+++ b/tests/cypress/plugins/index.js
@@ -43,6 +43,9 @@ module.exports = on => {
       resolve: {
         extensions: ['.js', '.jsx', '.ts', '.tsx'],
         alias,
+        extensionAlias: {
+          '.js': ['.js', '.ts'],
+        },
       },
     },
   }
diff --git a/tests/cypress/support/e2e.js b/tests/cypress/support/e2e.js
index d68db96df..b6ca34662 100644
--- a/tests/cypress/support/e2e.js
+++ b/tests/cypress/support/e2e.js
@@ -14,7 +14,7 @@
 // ***********************************************************
 
 // Import commands.js using ES2015 syntax:
-import './commands'
+import './commands.js'
 
 // Alternatively you can use CommonJS syntax:
 // require('./commands')