@prosekit/vue 0.2.1 → 0.2.3

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

@@ -18,6 +18,7 @@ import type { Decoration } from '@prosekit/pm/view';
 import type { DecorationSource } from '@prosekit/pm/view';
 import { DefineComponent } from 'vue';
 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';
@@ -33,6 +34,7 @@ import { PopoverProps as PopoverProps_2 } from '@prosekit/lit/popover';
 import { PositioningOptions } from '@prosekit/lit/autocomplete-popover';
 import { PositioningOptions as PositioningOptions_alias_1 } from '@prosekit/lit/inline-popover';
 import { Priority } from '@prosekit/core';
+import type { ProseMirrorNode } from '@prosekit/pm/model';
 import { PublicProps } from 'vue';
 import type { Ref } from 'vue';
 import { RendererElement } from 'vue';
@@ -196,6 +198,15 @@ export declare type ResizableHandleProps = PropsWithClass<ResizableHandleProps_2
 
 export declare type ResizableProps = 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.
  *
@@ -262,6 +273,15 @@ export declare function useNodeViewFactory(): NodeViewFactory;
  */
 export declare function usePriorityExtension<T extends Extension = Extension>(extension: MaybeRefOrGetter<T | null>, priority: Priority | null | undefined): ComputedRef<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 declare function useVueNodeViewCreator(renderVueRenderer: VueRendererResult['renderVueRenderer'], removeVueRenderer: VueRendererResult['removeVueRenderer']): NodeViewFactory;
 
 export declare function useVueRenderer(): VueRendererResult;

package/dist/prosekit-vue.d.ts

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

package/dist/prosekit-vue.js

@@ -313,10 +313,26 @@ function useKeymap(keymap, options) {
   const extension = computed3(() => defineKeymap(toValue3(keymap)));
   return useExtension(extension, options);
 }
+
+// src/hooks/use-state-update.ts
+import { defineUpdateHandler as defineUpdateHandler2 } from "@prosekit/core";
+function useStateUpdate(handler, options) {
+  const extension = defineUpdateHandler2((view) => handler(view.state));
+  return useExtension(extension, options);
+}
+
+// src/hooks/use-doc-change.ts
+import { defineDocChangeHandler } from "@prosekit/core";
+function useDocChange(handler, options) {
+  const extension = defineDocChangeHandler((view) => handler(view.state.doc));
+  return useExtension(extension, options);
+}
 export {
   ProseKit,
   defineVueNodeView,
+  useDocChange,
   useEditor,
   useExtension,
-  useKeymap
+  useKeymap,
+  useStateUpdate
 };

package/package.json

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