@prosekit/react 0.2.1 → 0.2.3

package/dist/_tsup-dts-rollup.d.ts

@@ -27,6 +27,7 @@ import type { CoreNodeViewUserOptions } from '@prosemirror-adapter/core';
 import type { Decoration } from '@prosekit/pm/view';
 import type { DecorationSource } from '@prosekit/pm/view';
 import { Editor } from '@prosekit/core';
+import type { EditorState } from '@prosekit/pm/state';
 import type { EditorView } from '@prosekit/pm/view';
 import { Extension } from '@prosekit/core';
 import { ExtensionTyping } from '@prosekit/core';
@@ -41,6 +42,7 @@ import { Popover as Popover_2 } from '@prosekit/lit/popover';
 import { PopoverProps as PopoverProps_2 } from '@prosekit/lit/popover';
 import { PositioningOptions } from '@prosekit/lit/autocomplete-popover';
 import { Priority } from '@prosekit/core';
+import type { ProseMirrorNode } from '@prosekit/pm/model';
 import { Provider } from 'react';
 import { default as React_2 } from 'react';
 import { ReactNode } from 'react';
@@ -249,6 +251,15 @@ export declare type ResizableHandleProps = React_2.PropsWithChildren<PropsWithCl
 
 export declare type ResizableProps = React_2.PropsWithChildren<PropsWithClassName<ResizableProps_2>>;
 
+/**
+ * Calls the given handler whenever the editor document changes.
+ *
+ * @public
+ */
+declare function useDocChange(handler: (doc: ProseMirrorNode) => void, options?: UseExtensionOptions): void;
+export { useDocChange }
+export { useDocChange as useDocChange_alias_1 }
+
 /**
  * Retrieves the editor instance from the nearest ProseKit component.
  *
@@ -317,4 +328,13 @@ export declare function useReactNodeViewCreator(renderReactRenderer: ReactRender
 
 export declare function useReactRenderer(): ReactRendererResult;
 
+/**
+ * Calls the given handler whenever the editor state changes.
+ *
+ * @public
+ */
+declare function useStateUpdate(handler: (state: EditorState) => void, options?: UseExtensionOptions): void;
+export { useStateUpdate }
+export { useStateUpdate as useStateUpdate_alias_1 }
+
 export { }

package/dist/prosekit-react.d.ts

@@ -1,4 +1,3 @@
-export { ReactNodeViewComponent } from './_tsup-dts-rollup';
 export { ProseKit } from './_tsup-dts-rollup';
 export { ProseKitProps } from './_tsup-dts-rollup';
 export { defineReactNodeView } from './_tsup-dts-rollup';
@@ -7,5 +6,8 @@ export { useEditor } from './_tsup-dts-rollup';
 export { useExtension } from './_tsup-dts-rollup';
 export { UseExtensionOptions } from './_tsup-dts-rollup';
 export { useKeymap } from './_tsup-dts-rollup';
+export { useStateUpdate } from './_tsup-dts-rollup';
+export { useDocChange } from './_tsup-dts-rollup';
 export { PropsWithClassName } from './_tsup-dts-rollup';
+export { ReactNodeViewComponent } from './_tsup-dts-rollup';
 export { ReactNodeViewProps } from './_tsup-dts-rollup';

package/dist/prosekit-react.js

@@ -305,10 +305,34 @@ function useKeymap(keymap, options) {
   const extension = useMemo4(() => defineKeymap(keymap), [keymap]);
   return useExtension(extension, options);
 }
+
+// src/hooks/use-state-update.ts
+import { defineUpdateHandler as defineUpdateHandler2 } from "@prosekit/core";
+import { useMemo as useMemo5 } from "react";
+function useStateUpdate(handler, options) {
+  const extension = useMemo5(
+    () => defineUpdateHandler2((view) => handler(view.state)),
+    [handler]
+  );
+  return useExtension(extension, options);
+}
+
+// src/hooks/use-doc-change.ts
+import { defineDocChangeHandler } from "@prosekit/core";
+import { useMemo as useMemo6 } from "react";
+function useDocChange(handler, options) {
+  const extension = useMemo6(
+    () => defineDocChangeHandler((view) => handler(view.state.doc)),
+    [handler]
+  );
+  return useExtension(extension, options);
+}
 export {
   ProseKit,
   defineReactNodeView,
+  useDocChange,
   useEditor,
   useExtension,
-  useKeymap
+  useKeymap,
+  useStateUpdate
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/react",
   "type": "module",
-  "version": "0.2.1",
+  "version": "0.2.3",
   "private": false,
   "author": {
     "name": "ocavue",