rename ResizableNodeView class name (#7149)

* rename ResizableNodeView class name

* also export fallback for existing class name

* add note

Author: bdbch

.changeset/unlucky-schools-float.md

@@ -0,0 +1,5 @@
+---
+'@tiptap/core': patch
+---
+
+Use correct `ResizableNodeView` class name

packages/core/src/index.ts

@@ -9,7 +9,7 @@ export * from './helpers/index.js'
 export * from './InputRule.js'
 export * from './inputRules/index.js'
 export { createElement, Fragment, createElement as h } from './jsx-runtime.js'
-export { ResizableNodeview } from './lib/index.js'
+export * from './lib/index.js'
 export * from './Mark.js'
 export * from './MarkView.js'
 export * from './Node.js'

packages/core/src/lib/ResizableNodeview.ts renamed to packages/core/src/lib/ResizableNodeView.ts

@@ -33,11 +33,11 @@ export type ResizableNodeDimensions = {
 }
 
 /**
- * Configuration options for creating a ResizableNodeview
+ * Configuration options for creating a ResizableNodeView
  *
  * @example
  * ```ts
- * new ResizableNodeview({
+ * new ResizableNodeView({
  *   element: imgElement,
  *   node,
  *   getPos,
@@ -222,7 +222,7 @@ export type ResizableNodeViewOptions = {
  *     const img = document.createElement('img')
  *     img.src = node.attrs.src
  *
- *     return new ResizableNodeview({
+ *     return new ResizableNodeView({
  *       element: img,
  *       node,
  *       getPos,
@@ -243,7 +243,7 @@ export type ResizableNodeViewOptions = {
  * }
  * ```
  */
-export class ResizableNodeview {
+export class ResizableNodeView {
   /** The ProseMirror node instance */
   node: PMNode
 
@@ -325,7 +325,7 @@ export class ResizableNodeview {
   private isShiftKeyPressed: boolean = false
 
   /**
-   * Creates a new ResizableNodeview instance.
+   * Creates a new ResizableNodeView instance.
    *
    * The constructor sets up the resize handles, applies initial sizing from
    * node attributes, and configures all resize behavior options.
@@ -934,3 +934,9 @@ export class ResizableNodeview {
     }
   }
 }
+
+/**
+ * Alias for ResizableNodeView to maintain consistent naming.
+ * @deprecated Use ResizableNodeView instead - will be removed in future versions.
+ */
+export const ResizableNodeview = ResizableNodeView

packages/extension-image/src/image.ts

@@ -1,4 +1,4 @@
-import { mergeAttributes, Node, nodeInputRule, ResizableNodeview } from '@tiptap/core'
+import { mergeAttributes, Node, nodeInputRule, ResizableNodeView } from '@tiptap/core'
 import type { ResizableNodeViewDirection } from 'packages/core/src/lib'
 
 export interface ImageOptions {
@@ -173,7 +173,7 @@ export const Image = Node.create<ImageOptions>({
 
       el.src = HTMLAttributes.src
 
-      const nodeView = new ResizableNodeview({
+      const nodeView = new ResizableNodeView({
         element: el,
         node,
         getPos,