@tiptap/react 2.11.7 → 3.0.0-beta.1

package/src/ReactNodeViewRenderer.tsx

@@ -1,19 +1,14 @@
-import {
-  DecorationWithType,
-  Editor,
-  getRenderedAttributes,
-  NodeView,
-  NodeViewProps,
-  NodeViewRenderer,
-  NodeViewRendererOptions,
-} from '@tiptap/core'
-import { Node, Node as ProseMirrorNode } from '@tiptap/pm/model'
-import { Decoration, DecorationSource, NodeView as ProseMirrorNodeView } from '@tiptap/pm/view'
-import React, { ComponentType } from 'react'
-
-import { EditorWithContentComponent } from './Editor.js'
+import type { DecorationWithType, Editor, NodeViewProps, NodeViewRenderer, NodeViewRendererOptions } from '@tiptap/core'
+import { getRenderedAttributes, NodeView } from '@tiptap/core'
+import type { Node, Node as ProseMirrorNode } from '@tiptap/pm/model'
+import type { Decoration, DecorationSource, NodeView as ProseMirrorNodeView } from '@tiptap/pm/view'
+import type { ComponentType } from 'react'
+import React from 'react'
+
+import type { EditorWithContentComponent } from './Editor.js'
 import { ReactRenderer } from './ReactRenderer.js'
-import { ReactNodeViewContext, ReactNodeViewContextProps } from './useReactNodeView.js'
+import type { ReactNodeViewContextProps } from './useReactNodeView.js'
+import { ReactNodeViewContext } from './useReactNodeView.js'
 
 export interface ReactNodeViewRendererOptions extends NodeViewRendererOptions {
   /**
@@ -22,23 +17,23 @@ export interface ReactNodeViewRendererOptions extends NodeViewRendererOptions {
    */
   update:
     | ((props: {
-        oldNode: ProseMirrorNode;
-        oldDecorations: readonly Decoration[];
-        oldInnerDecorations: DecorationSource;
-        newNode: ProseMirrorNode;
-        newDecorations: readonly Decoration[];
-        innerDecorations: DecorationSource;
-        updateProps: () => void;
+        oldNode: ProseMirrorNode
+        oldDecorations: readonly Decoration[]
+        oldInnerDecorations: DecorationSource
+        newNode: ProseMirrorNode
+        newDecorations: readonly Decoration[]
+        innerDecorations: DecorationSource
+        updateProps: () => void
       }) => boolean)
-    | null;
+    | null
   /**
    * The tag name of the element wrapping the React component.
    */
-  as?: string;
+  as?: string
   /**
    * The class name of the element wrapping the React component.
    */
-  className?: string;
+  className?: string
   /**
    * Attributes that should be applied to the element wrapping the React component.
    * If this is a function, it will be called each time the node view is updated.
@@ -46,10 +41,7 @@ export interface ReactNodeViewRendererOptions extends NodeViewRendererOptions {
    */
   attrs?:
     | Record<string, string>
-    | ((props: {
-        node: ProseMirrorNode;
-        HTMLAttributes: Record<string, any>;
-      }) => Record<string, string>);
+    | ((props: { node: ProseMirrorNode; HTMLAttributes: Record<string, any> }) => Record<string, string>)
 }
 
 export class ReactNodeView<
@@ -104,15 +96,13 @@ export class ReactNodeView<
     const Component = this.component
     // For performance reasons, we memoize the provider component
     // And all of the things it requires are declared outside of the component, so it doesn't need to re-render
-    const ReactNodeViewProvider: React.FunctionComponent<NodeViewProps> = React.memo(
-      componentProps => {
-        return (
-          <ReactNodeViewContext.Provider value={context}>
-            {React.createElement(Component, componentProps)}
-          </ReactNodeViewContext.Provider>
-        )
-      },
-    )
+    const ReactNodeViewProvider: React.FunctionComponent<NodeViewProps> = React.memo(componentProps => {
+      return (
+        <ReactNodeViewContext.Provider value={context}>
+          {React.createElement(Component, componentProps)}
+        </ReactNodeViewContext.Provider>
+      )
+    })
 
     ReactNodeViewProvider.displayName = 'ReactNodeView'
 
@@ -159,8 +149,8 @@ export class ReactNodeView<
    */
   get dom() {
     if (
-      this.renderer.element.firstElementChild
-      && !this.renderer.element.firstElementChild?.hasAttribute('data-node-view-wrapper')
+      this.renderer.element.firstElementChild &&
+      !this.renderer.element.firstElementChild?.hasAttribute('data-node-view-wrapper')
     ) {
       throw Error('Please use the NodeViewWrapper component for your node view.')
     }
@@ -211,11 +201,7 @@ export class ReactNodeView<
    * On update, update the React component.
    * To prevent unnecessary updates, the `update` option can be used.
    */
-  update(
-    node: Node,
-    decorations: readonly Decoration[],
-    innerDecorations: DecorationSource,
-  ): boolean {
+  update(node: Node, decorations: readonly Decoration[], innerDecorations: DecorationSource): boolean {
     const rerenderComponent = (props?: Record<string, any>) => {
       this.renderer.updateProps(props)
       if (typeof this.options.attrs === 'function') {
@@ -247,11 +233,7 @@ export class ReactNodeView<
       })
     }
 
-    if (
-      node === this.node
-      && this.decorations === decorations
-      && this.innerDecorations === innerDecorations
-    ) {
+    if (node === this.node && this.decorations === decorations && this.innerDecorations === innerDecorations) {
       return true
     }
 

package/src/ReactRenderer.tsx

@@ -1,8 +1,8 @@
-import { Editor } from '@tiptap/core'
+import type { Editor } from '@tiptap/core'
 import React from 'react'
 import { flushSync } from 'react-dom'
 
-import { EditorWithContentComponent } from './Editor.js'
+import type { EditorWithContentComponent } from './Editor.js'
 
 /**
  * Check if a component is a class component.
@@ -10,11 +10,7 @@ import { EditorWithContentComponent } from './Editor.js'
  * @returns {boolean}
  */
 function isClassComponent(Component: any) {
-  return !!(
-    typeof Component === 'function'
-    && Component.prototype
-    && Component.prototype.isReactComponent
-  )
+  return !!(typeof Component === 'function' && Component.prototype && Component.prototype.isReactComponent)
 }
 
 /**
@@ -23,10 +19,7 @@ function isClassComponent(Component: any) {
  * @returns {boolean}
  */
 function isForwardRefComponent(Component: any) {
-  return !!(
-    typeof Component === 'object'
-    && Component.$$typeof?.toString() === 'Symbol(react.forward_ref)'
-  )
+  return !!(typeof Component === 'object' && Component.$$typeof?.toString() === 'Symbol(react.forward_ref)')
 }
 
 export interface ReactRendererOptions {
@@ -34,21 +27,21 @@ export interface ReactRendererOptions {
    * The editor instance.
    * @type {Editor}
    */
-  editor: Editor,
+  editor: Editor
 
   /**
    * The props for the component.
    * @type {Record<string, any>}
    * @default {}
    */
-  props?: Record<string, any>,
+  props?: Record<string, any>
 
   /**
    * The tag name of the element.
    * @type {string}
    * @default 'div'
    */
-  as?: string,
+  as?: string
 
   /**
    * The class name of the element.
@@ -56,13 +49,13 @@ export interface ReactRendererOptions {
    * @default ''
    * @example 'foo bar'
    */
-  className?: string,
+  className?: string
 }
 
 type ComponentType<R, P> =
-  React.ComponentClass<P> |
-  React.FunctionComponent<P> |
-  React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<R>>;
+  | React.ComponentClass<P>
+  | React.FunctionComponent<P>
+  | React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<R>>
 
 /**
  * The ReactRenderer class. It's responsible for rendering React components inside the editor.
@@ -74,7 +67,7 @@ type ComponentType<R, P> =
  *   },
  *   as: 'span',
  * })
-*/
+ */
 export class ReactRenderer<R = unknown, P extends Record<string, any> = object> {
   id: string
 
@@ -93,13 +86,11 @@ export class ReactRenderer<R = unknown, P extends Record<string, any> = object>
   /**
    * Immediately creates element and renders the provided React component.
    */
-  constructor(component: ComponentType<R, P>, {
-    editor,
-    props = {},
-    as = 'div',
-    className = '',
-  }: ReactRendererOptions) {
-    this.id = Math.floor(Math.random() * 0xFFFFFFFF).toString()
+  constructor(
+    component: ComponentType<R, P>,
+    { editor, props = {}, as = 'div', className = '' }: ReactRendererOptions,
+  ) {
+    this.id = Math.floor(Math.random() * 0xffffffff).toString()
     this.component = component
     this.editor = editor as EditorWithContentComponent
     this.props = props as P

package/src/index.ts

@@ -1,9 +1,8 @@
-export * from './BubbleMenu.js'
 export * from './Context.js'
 export * from './EditorContent.js'
-export * from './FloatingMenu.js'
 export * from './NodeViewContent.js'
 export * from './NodeViewWrapper.js'
+export * from './ReactMarkViewRenderer.js'
 export * from './ReactNodeViewRenderer.js'
 export * from './ReactRenderer.js'
 export * from './useEditor.js'

package/src/menus/BubbleMenu.tsx

@@ -0,0 +1,68 @@
+import { type BubbleMenuPluginProps, BubbleMenuPlugin } from '@tiptap/extension-bubble-menu'
+import { useCurrentEditor } from '@tiptap/react'
+import React, { useEffect, useRef } from 'react'
+import { createPortal } from 'react-dom'
+
+type Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>
+
+export type BubbleMenuProps = Optional<Omit<Optional<BubbleMenuPluginProps, 'pluginKey'>, 'element'>, 'editor'> &
+  React.HTMLAttributes<HTMLDivElement>
+
+export const BubbleMenu = React.forwardRef<HTMLDivElement, BubbleMenuProps>(
+  (
+    { pluginKey = 'bubbleMenu', editor, updateDelay, resizeDelay, shouldShow = null, options, children, ...restProps },
+    ref,
+  ) => {
+    const menuEl = useRef(document.createElement('div'))
+
+    if (typeof ref === 'function') {
+      ref(menuEl.current)
+    } else if (ref) {
+      ref.current = menuEl.current
+    }
+
+    const { editor: currentEditor } = useCurrentEditor()
+
+    useEffect(() => {
+      const bubbleMenuElement = menuEl.current
+
+      bubbleMenuElement.style.visibility = 'hidden'
+      bubbleMenuElement.style.position = 'absolute'
+
+      if (editor?.isDestroyed || (currentEditor as any)?.isDestroyed) {
+        return
+      }
+
+      const attachToEditor = editor || currentEditor
+
+      if (!attachToEditor) {
+        console.warn('BubbleMenu component is not rendered inside of an editor component or does not have editor prop.')
+        return
+      }
+
+      const plugin = BubbleMenuPlugin({
+        updateDelay,
+        resizeDelay,
+        editor: attachToEditor,
+        element: bubbleMenuElement,
+        pluginKey,
+        shouldShow,
+        options,
+      })
+
+      attachToEditor.registerPlugin(plugin)
+
+      return () => {
+        attachToEditor.unregisterPlugin(pluginKey)
+        window.requestAnimationFrame(() => {
+          if (bubbleMenuElement.parentNode) {
+            bubbleMenuElement.parentNode.removeChild(bubbleMenuElement)
+          }
+        })
+      }
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [editor, currentEditor])
+
+    return createPortal(<div {...restProps}>{children}</div>, menuEl.current)
+  },
+)

package/src/menus/FloatingMenu.tsx

@@ -0,0 +1,68 @@
+import type { FloatingMenuPluginProps } from '@tiptap/extension-floating-menu'
+import { FloatingMenuPlugin } from '@tiptap/extension-floating-menu'
+import { useCurrentEditor } from '@tiptap/react'
+import React, { useEffect, useRef } from 'react'
+import { createPortal } from 'react-dom'
+
+type Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>
+
+export type FloatingMenuProps = Omit<Optional<FloatingMenuPluginProps, 'pluginKey'>, 'element' | 'editor'> & {
+  editor: FloatingMenuPluginProps['editor'] | null
+  options?: FloatingMenuPluginProps['options']
+} & React.HTMLAttributes<HTMLDivElement>
+
+export const FloatingMenu = React.forwardRef<HTMLDivElement, FloatingMenuProps>(
+  ({ pluginKey = 'floatingMenu', editor, shouldShow = null, options, children, ...restProps }, ref) => {
+    const menuEl = useRef(document.createElement('div'))
+
+    if (typeof ref === 'function') {
+      ref(menuEl.current)
+    } else if (ref) {
+      ref.current = menuEl.current
+    }
+
+    const { editor: currentEditor } = useCurrentEditor()
+
+    useEffect(() => {
+      const floatingMenuElement = menuEl.current
+
+      floatingMenuElement.style.visibility = 'hidden'
+      floatingMenuElement.style.position = 'absolute'
+
+      if (editor?.isDestroyed || (currentEditor as any)?.isDestroyed) {
+        return
+      }
+
+      const attachToEditor = editor || currentEditor
+
+      if (!attachToEditor) {
+        console.warn(
+          'FloatingMenu component is not rendered inside of an editor component or does not have editor prop.',
+        )
+        return
+      }
+
+      const plugin = FloatingMenuPlugin({
+        editor: attachToEditor,
+        element: floatingMenuElement,
+        pluginKey,
+        shouldShow,
+        options,
+      })
+
+      attachToEditor.registerPlugin(plugin)
+
+      return () => {
+        attachToEditor.unregisterPlugin(pluginKey)
+        window.requestAnimationFrame(() => {
+          if (floatingMenuElement.parentNode) {
+            floatingMenuElement.parentNode.removeChild(floatingMenuElement)
+          }
+        })
+      }
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [editor, currentEditor])
+
+    return createPortal(<div {...restProps}>{children}</div>, menuEl.current)
+  },
+)

package/src/menus/index.ts

@@ -0,0 +1,2 @@
+export * from './BubbleMenu.js'
+export * from './FloatingMenu.js'

package/src/useEditor.ts

@@ -1,16 +1,11 @@
 import { type EditorOptions, Editor } from '@tiptap/core'
-import {
-  DependencyList,
-  MutableRefObject,
-  useDebugValue,
-  useEffect,
-  useRef,
-  useState,
-} from 'react'
+import type { DependencyList, MutableRefObject } from 'react'
+import { useDebugValue, useEffect, useRef, useState } from 'react'
 import { useSyncExternalStore } from 'use-sync-external-store/shim'
 
 import { useEditorState } from './useEditorState.js'
 
+// @ts-ignore
 const isDev = process.env.NODE_ENV !== 'production'
 const isSSR = typeof window === 'undefined'
 const isNext = isSSR || Boolean(typeof window !== 'undefined' && (window as any).next)
@@ -25,14 +20,14 @@ export type UseEditorOptions = Partial<EditorOptions> & {
    * If server-side rendering, set this to `false`.
    * @default true
    */
-  immediatelyRender?: boolean;
+  immediatelyRender?: boolean
   /**
    * Whether to re-render the editor on each transaction.
    * This is legacy behavior that will be removed in future versions.
-   * @default true
+   * @default false
    */
-  shouldRerenderOnTransaction?: boolean;
-};
+  shouldRerenderOnTransaction?: boolean
+}
 
 /**
  * This class handles the creation, destruction, and re-creation of the editor instance.
@@ -100,13 +95,12 @@ class EditorInstanceManager {
   private getInitialEditor() {
     if (this.options.current.immediatelyRender === undefined) {
       if (isSSR || isNext) {
-        // TODO in the next major release, we should throw an error here
         if (isDev) {
           /**
            * Throw an error in development, to make sure the developer is aware that tiptap cannot be SSR'd
            * and that they need to set `immediatelyRender` to `false` to avoid hydration mismatches.
            */
-          console.warn(
+          throw new Error(
             'Tiptap Error: SSR has been detected, please set `immediatelyRender` explicitly to `false` to avoid hydration mismatches.',
           )
         }
@@ -151,6 +145,7 @@ class EditorInstanceManager {
       onContentError: (...args) => this.options.current.onContentError?.(...args),
       onDrop: (...args) => this.options.current.onDrop?.(...args),
       onPaste: (...args) => this.options.current.onPaste?.(...args),
+      onDelete: (...args) => this.options.current.onDelete?.(...args),
     }
     const editor = new Editor(optionsToApply)
 
@@ -186,7 +181,21 @@ class EditorInstanceManager {
 
   static compareOptions(a: UseEditorOptions, b: UseEditorOptions) {
     return (Object.keys(a) as (keyof UseEditorOptions)[]).every(key => {
-      if (['onCreate', 'onBeforeCreate', 'onDestroy', 'onUpdate', 'onTransaction', 'onFocus', 'onBlur', 'onSelectionUpdate', 'onContentError', 'onDrop', 'onPaste'].includes(key)) {
+      if (
+        [
+          'onCreate',
+          'onBeforeCreate',
+          'onDestroy',
+          'onUpdate',
+          'onTransaction',
+          'onFocus',
+          'onBlur',
+          'onSelectionUpdate',
+          'onContentError',
+          'onDrop',
+          'onPaste',
+        ].includes(key)
+      ) {
         // we don't want to compare callbacks, they are always different and only registered once
         return true
       }
@@ -260,8 +269,8 @@ class EditorInstanceManager {
         this.previousDeps = deps
         return
       }
-      const depsAreEqual = this.previousDeps.length === deps.length
-        && this.previousDeps.every((dep, index) => dep === deps[index])
+      const depsAreEqual =
+        this.previousDeps.length === deps.length && this.previousDeps.every((dep, index) => dep === deps[index])
 
       if (depsAreEqual) {
         // deps exist and are equal, no need to recreate
@@ -319,9 +328,9 @@ class EditorInstanceManager {
  * @example const editor = useEditor({ extensions: [...] })
  */
 export function useEditor(
-  options: UseEditorOptions & { immediatelyRender: true },
-  deps?: DependencyList
-): Editor;
+  options: UseEditorOptions & { immediatelyRender: false },
+  deps?: DependencyList,
+): Editor | null
 
 /**
  * This hook allows you to create an editor instance.
@@ -330,12 +339,9 @@ export function useEditor(
  * @returns The editor instance
  * @example const editor = useEditor({ extensions: [...] })
  */
-export function useEditor(options?: UseEditorOptions, deps?: DependencyList): Editor | null;
+export function useEditor(options: UseEditorOptions, deps?: DependencyList): Editor
 
-export function useEditor(
-  options: UseEditorOptions = {},
-  deps: DependencyList = [],
-): Editor | null {
+export function useEditor(options: UseEditorOptions = {}, deps: DependencyList = []): Editor | null {
   const mostRecentOptions = useRef(options)
 
   mostRecentOptions.current = options
@@ -359,7 +365,7 @@ export function useEditor(
   useEditorState({
     editor,
     selector: ({ transactionNumber }) => {
-      if (options.shouldRerenderOnTransaction === false) {
+      if (options.shouldRerenderOnTransaction === false || options.shouldRerenderOnTransaction === undefined) {
         // This will prevent the editor from re-rendering on each transaction
         return null
       }

package/src/useEditorState.ts

@@ -1,35 +1,30 @@
 import type { Editor } from '@tiptap/core'
 import deepEqual from 'fast-deep-equal/es6/react'
-import {
-  useDebugValue, useEffect, useLayoutEffect, useState,
-} from 'react'
+import { useDebugValue, useEffect, useLayoutEffect, useState } from 'react'
 import { useSyncExternalStoreWithSelector } from 'use-sync-external-store/shim/with-selector'
 
 const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect
 
 export type EditorStateSnapshot<TEditor extends Editor | null = Editor | null> = {
-  editor: TEditor;
-  transactionNumber: number;
-};
-
-export type UseEditorStateOptions<
-  TSelectorResult,
-  TEditor extends Editor | null = Editor | null,
-> = {
+  editor: TEditor
+  transactionNumber: number
+}
+
+export type UseEditorStateOptions<TSelectorResult, TEditor extends Editor | null = Editor | null> = {
   /**
    * The editor instance.
    */
-  editor: TEditor;
+  editor: TEditor
   /**
    * A selector function to determine the value to compare for re-rendering.
    */
-  selector: (context: EditorStateSnapshot<TEditor>) => TSelectorResult;
+  selector: (context: EditorStateSnapshot<TEditor>) => TSelectorResult
   /**
    * A custom equality function to determine if the editor should re-render.
    * @default `deepEqual` from `fast-deep-equal`
    */
-  equalityFn?: (a: TSelectorResult, b: TSelectorResult | null) => boolean;
-};
+  equalityFn?: (a: TSelectorResult, b: TSelectorResult | null) => boolean
+}
 
 /**
  * To synchronize the editor instance with the component state,
@@ -126,8 +121,8 @@ class EditorStateManager<TEditor extends Editor | null = Editor | null> {
  * })
  */
 export function useEditorState<TSelectorResult>(
-  options: UseEditorStateOptions<TSelectorResult, Editor>
-): TSelectorResult;
+  options: UseEditorStateOptions<TSelectorResult, Editor>,
+): TSelectorResult
 /**
  * This hook allows you to watch for changes on the editor instance.
  * It will allow you to select a part of the editor state and re-render the component when it changes.
@@ -140,8 +135,8 @@ export function useEditorState<TSelectorResult>(
  * })
  */
 export function useEditorState<TSelectorResult>(
-  options: UseEditorStateOptions<TSelectorResult, Editor | null>
-): TSelectorResult | null;
+  options: UseEditorStateOptions<TSelectorResult, Editor | null>,
+): TSelectorResult | null
 
 /**
  * This hook allows you to watch for changes on the editor instance.

package/src/useReactNodeView.ts

@@ -1,12 +1,28 @@
-import { createContext, useContext } from 'react'
+import type { ReactNode } from 'react'
+import { createContext, createElement, useContext } from 'react'
 
 export interface ReactNodeViewContextProps {
-  onDragStart: (event: DragEvent) => void,
-  nodeViewContentRef: (element: HTMLElement | null) => void,
+  onDragStart?: (event: DragEvent) => void
+  nodeViewContentRef?: (element: HTMLElement | null) => void
+  /**
+   * This allows you to add children into the NodeViewContent component.
+   * This is useful when statically rendering the content of a node view.
+   */
+  nodeViewContentChildren?: ReactNode
 }
 
-export const ReactNodeViewContext = createContext<Partial<ReactNodeViewContextProps>>({
-  onDragStart: undefined,
+export const ReactNodeViewContext = createContext<ReactNodeViewContextProps>({
+  onDragStart: () => {
+    // no-op
+  },
+  nodeViewContentChildren: undefined,
+  nodeViewContentRef: () => {
+    // no-op
+  },
 })
 
+export const ReactNodeViewContentProvider = ({ children, content }: { children: ReactNode; content: ReactNode }) => {
+  return createElement(ReactNodeViewContext.Provider, { value: { nodeViewContentChildren: content } }, children)
+}
+
 export const useReactNodeView = () => useContext(ReactNodeViewContext)

package/dist/BubbleMenu.d.ts

@@ -1,12 +0,0 @@
-import { BubbleMenuPluginProps } from '@tiptap/extension-bubble-menu';
-import React from 'react';
-type Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>;
-export type BubbleMenuProps = Omit<Optional<BubbleMenuPluginProps, 'pluginKey'>, 'element' | 'editor'> & {
-    editor: BubbleMenuPluginProps['editor'] | null;
-    className?: string;
-    children: React.ReactNode;
-    updateDelay?: number;
-};
-export declare const BubbleMenu: (props: BubbleMenuProps) => React.JSX.Element;
-export {};
-//# sourceMappingURL=BubbleMenu.d.ts.map

package/dist/BubbleMenu.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BubbleMenu.d.ts","sourceRoot":"","sources":["../src/BubbleMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,qBAAqB,EAAE,MAAM,+BAA+B,CAAA;AACvF,OAAO,KAA8B,MAAM,OAAO,CAAA;AAIlD,KAAK,QAAQ,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAEvE,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,QAAQ,CAAC,qBAAqB,EAAE,WAAW,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC,GAAG;IACvG,MAAM,EAAE,qBAAqB,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,UAAU,UAAW,eAAe,sBA0ChD,CAAA"}

package/dist/Context.d.ts

@@ -1,25 +0,0 @@
-import { Editor } from '@tiptap/core';
-import React, { HTMLAttributes, ReactNode } from 'react';
-import { UseEditorOptions } from './useEditor.js';
-export type EditorContextValue = {
-    editor: Editor | null;
-};
-export declare const EditorContext: React.Context<EditorContextValue>;
-export declare const EditorConsumer: React.Consumer<EditorContextValue>;
-/**
- * A hook to get the current editor instance.
- */
-export declare const useCurrentEditor: () => EditorContextValue;
-export type EditorProviderProps = {
-    children?: ReactNode;
-    slotBefore?: ReactNode;
-    slotAfter?: ReactNode;
-    editorContainerProps?: HTMLAttributes<HTMLDivElement>;
-} & UseEditorOptions;
-/**
- * This is the provider component for the editor.
- * It allows the editor to be accessible across the entire component tree
- * with `useCurrentEditor`.
- */
-export declare function EditorProvider({ children, slotAfter, slotBefore, editorContainerProps, ...editorOptions }: EditorProviderProps): React.JSX.Element | null;
-//# sourceMappingURL=Context.d.ts.map

package/dist/Context.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Context.d.ts","sourceRoot":"","sources":["../src/Context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,KAAK,EAAE,EACG,cAAc,EAAE,SAAS,EACzC,MAAM,OAAO,CAAA;AAGd,OAAO,EAAa,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAE5D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB,CAAA;AAED,eAAO,MAAM,aAAa,mCAExB,CAAA;AAEF,eAAO,MAAM,cAAc,oCAAyB,CAAA;AAEpD;;GAEG;AACH,eAAO,MAAM,gBAAgB,0BAAkC,CAAA;AAE/D,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,oBAAoB,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;CACvD,GAAG,gBAAgB,CAAA;AAEpB;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,oBAAyB,EAAE,GAAG,aAAa,EAC7E,EAAE,mBAAmB,4BAmBrB"}