@prosekit/preact 0.2.2 → 0.2.4

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

@@ -17,6 +17,7 @@ import { Options } from 'tsup';
 import type { 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 'preact';
 import type { ResizableHandleProps as ResizableHandleProps_2 } from '@prosekit/lit/resizable-handle';
 import type { ResizableProps as ResizableProps_2 } from '@prosekit/lit/resizable';
@@ -135,6 +136,15 @@ export declare type ResizableHandleProps = PropsWithChildren<PropsWithClass<Resi
 
 export declare type ResizableProps = PropsWithChildren<PropsWithClass<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-preact.d.ts

@@ -5,5 +5,6 @@ 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 { PropsWithChildren } from './_tsup-dts-rollup';
 export { PropsWithClass } from './_tsup-dts-rollup';

package/dist/prosekit-preact.js

@@ -95,12 +95,28 @@ function useKeymap(keymap, options) {
 
 // src/hooks/use-state-update.ts
 import { defineUpdateHandler as defineUpdateHandler2 } from "@prosekit/core";
+import { useMemo as useMemo3 } from "preact/hooks";
 function useStateUpdate(handler, options) {
-  const extension = defineUpdateHandler2((view) => handler(view.state));
+  const extension = useMemo3(
+    () => defineUpdateHandler2((view) => handler(view.state)),
+    [handler]
+  );
+  return useExtension(extension, options);
+}
+
+// src/hooks/use-doc-change.ts
+import { defineDocChangeHandler } from "@prosekit/core";
+import { useMemo as useMemo4 } from "preact/hooks";
+function useDocChange(handler, options) {
+  const extension = useMemo4(
+    () => defineDocChangeHandler((view) => handler(view.state.doc)),
+    [handler]
+  );
   return useExtension(extension, options);
 }
 export {
   ProseKit,
+  useDocChange,
   useEditor,
   useExtension,
   useKeymap,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/preact",
   "type": "module",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -95,8 +95,8 @@
     "dist"
   ],
   "dependencies": {
-    "@prosekit/core": "^0.2.7",
-    "@prosekit/lit": "^0.2.1",
+    "@prosekit/core": "^0.3.0",
+    "@prosekit/lit": "^0.2.2",
     "@prosekit/pm": "^0.1.1"
   },
   "peerDependencies": {
@@ -112,7 +112,7 @@
     "preact": "^10.19.3",
     "tsup": "^8.0.1",
     "typescript": "^5.3.3",
-    "vitest": "^1.2.1"
+    "vitest": "^1.2.2"
   },
   "scripts": {
     "build:tsup": "tsup",