@prosekit/react 0.2.2 → 0.2.4

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

@@ -42,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';
@@ -250,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.
  *

package/dist/prosekit-react.d.ts

@@ -7,6 +7,7 @@ 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

@@ -308,13 +308,29 @@ function useKeymap(keymap, 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 = defineUpdateHandler2((view) => handler(view.state));
+  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,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/react",
   "type": "module",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -95,9 +95,9 @@
     "dist"
   ],
   "dependencies": {
-    "@lit/react": "^1.0.2",
-    "@prosekit/core": "^0.2.7",
-    "@prosekit/lit": "^0.2.1",
+    "@lit/react": "^1.0.3",
+    "@prosekit/core": "^0.3.0",
+    "@prosekit/lit": "^0.2.2",
     "@prosekit/pm": "^0.1.1",
     "@prosemirror-adapter/core": "^0.2.6"
   },
@@ -115,13 +115,13 @@
   },
   "devDependencies": {
     "@prosekit/dev": "*",
-    "@types/react": "^18.2.48",
+    "@types/react": "^18.2.52",
     "@types/react-dom": "^18.2.18",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "tsup": "^8.0.1",
     "typescript": "^5.3.3",
-    "vitest": "^1.2.1"
+    "vitest": "^1.2.2"
   },
   "scripts": {
     "build:tsup": "tsup",