@prosekit/preact 0.2.1 → 0.2.3

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

@@ -9,6 +9,7 @@ import type { ComboBoxProps as ComboBoxProps_2 } from '@prosekit/lit/combo-box';
 import { ComponentChildren } from 'preact';
 import { ComponentType } from 'preact';
 import { Editor } from '@prosekit/core';
+import type { EditorState } from '@prosekit/pm/state';
 import { Extension } from '@prosekit/core';
 import type { InlinePopoverProps as InlinePopoverProps_2 } from '@prosekit/lit/inline-popover';
 import { Keymap } from '@prosekit/core';
@@ -16,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';
@@ -134,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.
  *
@@ -196,4 +207,13 @@ export { useKeymap as useKeymap_alias_1 }
  */
 export declare function usePriorityExtension<T extends Extension = Extension>(extension: T | null, priority?: Priority | null): T | null;
 
+/**
+ * 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-preact.d.ts

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

package/dist/prosekit-preact.js

@@ -92,9 +92,33 @@ function useKeymap(keymap, options) {
   const extension = useMemo2(() => defineKeymap(keymap), [keymap]);
   return useExtension(extension, 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 = 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
+  useKeymap,
+  useStateUpdate
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/preact",
   "type": "module",
-  "version": "0.2.1",
+  "version": "0.2.3",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -96,7 +96,8 @@
   ],
   "dependencies": {
     "@prosekit/core": "^0.2.7",
-    "@prosekit/lit": "^0.2.1"
+    "@prosekit/lit": "^0.2.1",
+    "@prosekit/pm": "^0.1.1"
   },
   "peerDependencies": {
     "preact": ">= 9.0.0"