@prosekit/react 0.0.12 → 0.0.14

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

@@ -122,10 +122,16 @@ declare interface ProseKitProps {
 export { ProseKitProps }
 export { ProseKitProps as ProseKitProps_alias_1 }
 
-declare function useEditor<E extends Extension = any>(): Editor<E>;
+declare function useEditor<E extends Extension = any>(options?: UseEditorOptions): Editor<E>;
 export { useEditor }
 export { useEditor as useEditor_alias_1 }
 
+declare interface UseEditorOptions {
+    update?: boolean;
+}
+export { UseEditorOptions }
+export { UseEditorOptions as UseEditorOptions_alias_1 }
+
 declare function useExtension({ extension }: UseExtensionProps): void;
 export { useExtension }
 export { useExtension as useExtension_alias_1 }

package/dist/prosekit-react.d.ts

@@ -1,5 +1,6 @@
 export { ProseKit } from './_tsup-dts-rollup';
 export { ProseKitProps } from './_tsup-dts-rollup';
 export { useEditor } from './_tsup-dts-rollup';
+export { UseEditorOptions } from './_tsup-dts-rollup';
 export { useExtension } from './_tsup-dts-rollup';
 export { useKeymap } from './_tsup-dts-rollup';

package/dist/prosekit-react.js

@@ -14,24 +14,40 @@ var ProseKit = (props) => {
 var EditorContextProvider = editorContext.Provider;
 
 // src/hooks/use-editor.ts
-import { ProseKitError } from "@prosekit/core";
-import { useContext } from "react";
-function useEditor() {
+import {
+  ProseKitError,
+  addEventHandler
+} from "@prosekit/core";
+import { useContext, useEffect, useReducer } from "react";
+function useEditor(options) {
+  var _a;
+  const update = (_a = options == null ? void 0 : options.update) != null ? _a : false;
   const value = useContext(editorContext);
   if (!value) {
     throw new ProseKitError(
       "useEditor must be used within the ProseKit component"
     );
   }
-  return value.editor;
+  const editor = value.editor;
+  const forceUpdate = useForceUpdate();
+  useEffect(() => {
+    if (update) {
+      return editor.use(addEventHandler({ update: forceUpdate }));
+    }
+  }, [editor, update, forceUpdate]);
+  return editor;
+}
+function useForceUpdate() {
+  const [, dispatch] = useReducer((x) => x + 1, 0);
+  return dispatch;
 }
 
 // src/hooks/use-extension.ts
 import "@prosekit/core";
-import { useEffect } from "react";
+import { useEffect as useEffect2 } from "react";
 function useExtension({ extension }) {
   const editor = useEditor();
-  useEffect(() => editor.use(extension), [editor, extension]);
+  useEffect2(() => editor.use(extension), [editor, extension]);
 }
 
 // src/hooks/use-keymap.ts

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/react",
   "type": "module",
-  "version": "0.0.12",
+  "version": "0.0.14",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -80,9 +80,9 @@
     "dist"
   ],
   "dependencies": {
-    "@lit-labs/react": "^2.0.2",
-    "@prosekit/core": "^0.0.9",
-    "@prosekit/lit": "^0.0.12"
+    "@lit-labs/react": "^2.0.3",
+    "@prosekit/core": "^0.0.11",
+    "@prosekit/lit": "^0.0.14"
   },
   "peerDependencies": {
     "react": ">= 17.0.0",
@@ -98,13 +98,13 @@
   },
   "devDependencies": {
     "@prosekit/dev": "*",
-    "@types/react": "^18.2.21",
+    "@types/react": "^18.2.22",
     "@types/react-dom": "^18.2.7",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "tsup": "^7.2.0",
     "typescript": "^5.2.2",
-    "vitest": "^0.34.3"
+    "vitest": "^0.34.5"
   },
   "scripts": {
     "build:tsup": "tsup",

package/src/index.ts

@@ -1,4 +1,4 @@
 export { ProseKit, type ProseKitProps } from './components/prosekit'
-export { useEditor } from './hooks/use-editor'
+export { useEditor, type UseEditorOptions } from './hooks/use-editor'
 export { useExtension } from './hooks/use-extension'
 export { useKeymap } from './hooks/use-keymap'