feat: migrate @tiptap/extension-utils -> @tiptap/extensions

.changeset/chilly-lemons-remember.md

@@ -0,0 +1,5 @@
+---
+'@tiptap/extensions': major
+---
+
+Adds the new `@tiptap/extensions` package which holds utility extensions

.vscode/settings.json

@@ -67,5 +67,8 @@
   },
   "[typescriptreact]": {
     "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[javascriptreact]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
   }
 }

demos/src/Examples/Images/React/index.jsx

@@ -1,10 +1,10 @@
 import './styles.scss'
 
 import Document from '@tiptap/extension-document'
-import Dropcursor from '@tiptap/extension-dropcursor'
 import Image from '@tiptap/extension-image'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
+import { Dropcursor } from '@tiptap/extensions'
 import { EditorContent, useEditor } from '@tiptap/react'
 import React from 'react'
 

demos/src/Examples/Images/Vue/index.vue

@@ -11,10 +11,10 @@
 
 <script>
 import Document from '@tiptap/extension-document'
-import Dropcursor from '@tiptap/extension-dropcursor'
 import Image from '@tiptap/extension-image'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
+import { Dropcursor } from '@tiptap/extensions'
 import { Editor, EditorContent } from '@tiptap/vue-3'
 
 export default {

demos/src/Experiments/All/Vue/index.vue

@@ -105,8 +105,6 @@ import BulletList from '@tiptap/extension-bullet-list'
 import Code from '@tiptap/extension-code'
 import CodeBlockLowlight from '@tiptap/extension-code-block-lowlight'
 import Document from '@tiptap/extension-document'
-import Dropcursor from '@tiptap/extension-dropcursor'
-import Gapcursor from '@tiptap/extension-gapcursor'
 import HardBreak from '@tiptap/extension-hard-break'
 import Heading from '@tiptap/extension-heading'
 import Highlight from '@tiptap/extension-highlight'
@@ -130,6 +128,7 @@ import Text from '@tiptap/extension-text'
 import TextAlign from '@tiptap/extension-text-align'
 import { Color, TextStyle } from '@tiptap/extension-text-style'
 import Underline from '@tiptap/extension-underline'
+import { Dropcursor, Gapcursor } from '@tiptap/extensions'
 import { Editor, EditorContent } from '@tiptap/vue-3'
 import { all, createLowlight } from 'lowlight'
 

demos/src/Experiments/MultipleEditors/Vue/index.vue

@@ -32,12 +32,12 @@
 import Bold from '@tiptap/extension-bold'
 import Collaboration from '@tiptap/extension-collaboration'
 import Document from '@tiptap/extension-document'
-import DropCursor from '@tiptap/extension-dropcursor'
 import Heading from '@tiptap/extension-heading'
 import Paragraph from '@tiptap/extension-paragraph'
 import TaskItem from '@tiptap/extension-task-item'
 import TaskList from '@tiptap/extension-task-list'
 import Text from '@tiptap/extension-text'
+import { Dropcursor } from '@tiptap/extensions'
 import { Editor, EditorContent } from '@tiptap/vue-3'
 import { yDocToProsemirrorJSON } from 'y-prosemirror'
 import * as Y from 'yjs'
@@ -77,7 +77,7 @@ export default {
         }),
         Text,
         Bold,
-        DropCursor,
+        Dropcursor,
         Collaboration.configure({
           document: this.ydoc,
           field: 'title',
@@ -92,7 +92,7 @@ export default {
         Paragraph,
         Text,
         Bold,
-        DropCursor,
+        Dropcursor,
         TaskList,
         CustomTaskItem,
         Collaboration.configure({
@@ -115,7 +115,7 @@ export default {
         Paragraph,
         Text,
         Bold,
-        DropCursor,
+        Dropcursor,
         Collaboration.configure({
           document: this.ydoc,
           field: 'description',

demos/src/Extensions/Dropcursor/React/index.jsx

@@ -1,10 +1,10 @@
 import './styles.scss'
 
 import Document from '@tiptap/extension-document'
-import Dropcursor from '@tiptap/extension-dropcursor'
 import Image from '@tiptap/extension-image'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
+import { Dropcursor } from '@tiptap/extensions'
 import { EditorContent, useEditor } from '@tiptap/react'
 import React from 'react'
 

demos/src/Extensions/Dropcursor/Vue/index.vue

@@ -4,10 +4,10 @@
 
 <script>
 import Document from '@tiptap/extension-document'
-import Dropcursor from '@tiptap/extension-dropcursor'
 import Image from '@tiptap/extension-image'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
+import { Dropcursor } from '@tiptap/extensions'
 import { Editor, EditorContent } from '@tiptap/vue-3'
 
 export default {

demos/src/Extensions/Focus/React/index.jsx

@@ -3,10 +3,10 @@ import './styles.scss'
 import BulletList from '@tiptap/extension-bullet-list'
 import Code from '@tiptap/extension-code'
 import Document from '@tiptap/extension-document'
-import Focus from '@tiptap/extension-focus'
 import ListItem from '@tiptap/extension-list-item'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
+import { Focus } from '@tiptap/extensions'
 import { EditorContent, useEditor } from '@tiptap/react'
 import React from 'react'
 

demos/src/Extensions/Focus/Vue/index.vue

@@ -6,10 +6,10 @@
 import BulletList from '@tiptap/extension-bullet-list'
 import Code from '@tiptap/extension-code'
 import Document from '@tiptap/extension-document'
-import Focus from '@tiptap/extension-focus'
 import ListItem from '@tiptap/extension-list-item'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
+import { Focus } from '@tiptap/extensions'
 import { Editor, EditorContent } from '@tiptap/vue-3'
 
 export default {

demos/src/Extensions/Gapcursor/React/index.jsx

@@ -1,10 +1,10 @@
 import './styles.scss'
 
 import Document from '@tiptap/extension-document'
-import Gapcursor from '@tiptap/extension-gapcursor'
 import Image from '@tiptap/extension-image'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
+import { Gapcursor } from '@tiptap/extensions'
 import { EditorContent, useEditor } from '@tiptap/react'
 import React from 'react'
 

demos/src/Extensions/Gapcursor/Vue/index.vue

@@ -4,10 +4,10 @@
 
 <script>
 import Document from '@tiptap/extension-document'
-import Gapcursor from '@tiptap/extension-gapcursor'
 import Image from '@tiptap/extension-image'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
+import { Gapcursor } from '@tiptap/extensions'
 import { Editor, EditorContent } from '@tiptap/vue-3'
 
 export default {

demos/src/Nodes/Image/React/index.jsx

@@ -1,10 +1,10 @@
 import './styles.scss'
 
 import Document from '@tiptap/extension-document'
-import Dropcursor from '@tiptap/extension-dropcursor'
 import Image from '@tiptap/extension-image'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
+import { Dropcursor } from '@tiptap/extensions'
 import { EditorContent, useEditor } from '@tiptap/react'
 import React, { useCallback } from 'react'
 

demos/src/Nodes/Image/Vue/index.vue

@@ -11,10 +11,10 @@
 
 <script>
 import Document from '@tiptap/extension-document'
-import Dropcursor from '@tiptap/extension-dropcursor'
 import Image from '@tiptap/extension-image'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
+import { Dropcursor } from '@tiptap/extensions'
 import { Editor, EditorContent } from '@tiptap/vue-3'
 
 export default {

demos/src/Nodes/Table/React/index.jsx

@@ -1,10 +1,10 @@
 import './styles.scss'
 
 import Document from '@tiptap/extension-document'
-import Gapcursor from '@tiptap/extension-gapcursor'
 import Paragraph from '@tiptap/extension-paragraph'
 import { TableKit } from '@tiptap/extension-table'
 import Text from '@tiptap/extension-text'
+import { Gapcursor } from '@tiptap/extensions'
 import { EditorContent, useEditor } from '@tiptap/react'
 import React from 'react'
 

demos/src/Nodes/Table/Vue/index.vue

@@ -30,10 +30,10 @@
 
 <script>
 import Document from '@tiptap/extension-document'
-import Gapcursor from '@tiptap/extension-gapcursor'
 import Paragraph from '@tiptap/extension-paragraph'
 import { TableKit } from '@tiptap/extension-table'
 import Text from '@tiptap/extension-text'
+import { Gapcursor } from '@tiptap/extensions'
 import { Editor, EditorContent } from '@tiptap/vue-3'
 
 export default {

demos/vite.config.ts

@@ -22,7 +22,7 @@ const getPackageDependencies = () => {
             replacement: resolve(`../packages/${name}/${subPkgName}/index.ts`),
           })
         })
-      } else if (name === 'extension-text-style' || name === 'extension-table') {
+      } else if (name === 'extension-text-style' || name === 'extension-table' || name === 'extensions') {
         fg.sync(`../packages/${name}/src/*`, { onlyDirectories: true }).forEach(subName => {
           const subPkgName = subName.replace(`../packages/${name}/src/`, '')
 

packages/extension-dropcursor/package.json

@@ -31,10 +31,10 @@
     "dist"
   ],
   "devDependencies": {
-    "@tiptap/extension-utils": "^3.0.0-next.3"
+    "@tiptap/extensions": "^3.0.0-next.3"
   },
   "peerDependencies": {
-    "@tiptap/extension-utils": "^3.0.0-next.3"
+    "@tiptap/extensions": "^3.0.0-next.3"
   },
   "repository": {
     "type": "git",

packages/extension-dropcursor/src/index.ts

@@ -1,5 +1,5 @@
-import { Dropcursor } from '@tiptap/extension-utils'
+import { Dropcursor } from '@tiptap/extensions'
 
-export { Dropcursor, DropcursorOptions } from '@tiptap/extension-utils'
+export { Dropcursor, DropcursorOptions } from '@tiptap/extensions'
 
 export default Dropcursor

packages/extension-focus/package.json

@@ -31,10 +31,10 @@
     "dist"
   ],
   "devDependencies": {
-    "@tiptap/extension-utils": "3.0.0-next.3"
+    "@tiptap/extensions": "3.0.0-next.3"
   },
   "peerDependencies": {
-    "@tiptap/extension-utils": "3.0.0-next.3"
+    "@tiptap/extensions": "3.0.0-next.3"
   },
   "repository": {
     "type": "git",

packages/extension-focus/src/index.ts

@@ -1,5 +1,5 @@
-import { Focus } from '@tiptap/extension-utils'
+import { Focus } from '@tiptap/extensions'
 
-export { Focus, FocusOptions } from '@tiptap/extension-utils'
+export { Focus, FocusOptions } from '@tiptap/extensions'
 
 export default Focus

packages/extension-gapcursor/package.json

@@ -31,10 +31,10 @@
     "dist"
   ],
   "devDependencies": {
-    "@tiptap/extension-utils": "^3.0.0-next.3"
+    "@tiptap/extensions": "^3.0.0-next.3"
   },
   "peerDependencies": {
-    "@tiptap/extension-utils": "^3.0.0-next.3"
+    "@tiptap/extensions": "^3.0.0-next.3"
   },
   "repository": {
     "type": "git",

packages/extension-gapcursor/src/index.ts

@@ -1,5 +1,5 @@
-import { Gapcursor } from '@tiptap/extension-utils'
+import { Gapcursor } from '@tiptap/extensions'
 
-export { Gapcursor } from '@tiptap/extension-utils'
+export { Gapcursor } from '@tiptap/extensions'
 
 export default Gapcursor

packages/extension-utils/README.md → packages/extensions/README.md

@@ -1,4 +1,4 @@
-# @tiptap/extension-utils
+# @tiptap/extensions
 
 [![Version](https://img.shields.io/npm/v/@tiptap/extension-focus.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-focus)
 [![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-focus.svg)](https://npmcharts.com/compare/tiptap?minimal=true)