@prosekit/preact 0.1.3 → 0.1.5

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

@@ -17,6 +17,8 @@ import { Options } from 'tsup';
 import { PopoverOptions } from '@prosekit/lit/autocomplete-popover';
 import type { PopoverProps as PopoverProps_2 } from '@prosekit/lit/popover';
 import { Priority } from '@prosekit/core';
+import type { ResizableHandleProps as ResizableHandleProps_2 } from '@prosekit/lit/resizable-handle';
+import type { ResizableProps as ResizableProps_2 } from '@prosekit/lit/resizable';
 
 declare const AutocompleteEmpty: ComponentType<AutocompleteEmptyProps>;
 export { AutocompleteEmpty }
@@ -120,7 +122,28 @@ declare interface ProseKitProps {
 export { ProseKitProps }
 export { ProseKitProps as ProseKitProps_alias_1 }
 
-declare function useEditor<E extends Extension = any>(): Editor<E>;
+export declare const Resizable: ComponentType<ResizableProps>;
+
+export declare const ResizableHandle: ComponentType<ResizableHandleProps>;
+
+export declare type ResizableHandleProps = PropsWithChildren<PropsWithClass<ResizableHandleProps_2>>;
+
+export declare type ResizableProps = PropsWithChildren<PropsWithClass<ResizableProps_2>>;
+
+/**
+ * Retrieves the editor instance from the nearest ProseKit component.
+ *
+ * @public
+ */
+declare function useEditor<E extends Extension = any>(options?: {
+    /**
+     * Whether to update the component when the editor is mounted or editor state
+     * is updated.
+     *
+     * @default false
+     */
+    update?: boolean;
+}): Editor<E>;
 export { useEditor }
 export { useEditor as useEditor_alias_1 }
 

package/dist/prosekit-preact-resizable-handle.d.ts

@@ -0,0 +1,2 @@
+export { ResizableHandleProps } from './_tsup-dts-rollup';
+export { ResizableHandle } from './_tsup-dts-rollup';

package/dist/prosekit-preact-resizable-handle.js

@@ -0,0 +1,9 @@
+// src/components/resizable-handle.gen.ts
+import "@prosekit/lit/resizable-handle";
+import { h } from "preact";
+var ResizableHandle = (props) => {
+  return h("prosekit-resizable-handle", props);
+};
+export {
+  ResizableHandle
+};

package/dist/prosekit-preact-resizable.d.ts

@@ -0,0 +1,2 @@
+export { ResizableProps } from './_tsup-dts-rollup';
+export { Resizable } from './_tsup-dts-rollup';

package/dist/prosekit-preact-resizable.js

@@ -0,0 +1,9 @@
+// src/components/resizable.gen.ts
+import "@prosekit/lit/resizable";
+import { h } from "preact";
+var Resizable = (props) => {
+  return h("prosekit-resizable", props);
+};
+export {
+  Resizable
+};

package/dist/prosekit-preact.js

@@ -13,24 +13,46 @@ var ProseKit = (props) => {
 var EditorContextProvider = editorContext.Provider;
 
 // src/hooks/use-editor.ts
-import { ProseKitError } from "@prosekit/core";
-import { useContext } from "preact/hooks";
-function useEditor() {
+import {
+  ProseKitError,
+  defineMountHandler,
+  defineUpdateHandler,
+  union
+} from "@prosekit/core";
+import { useContext, useEffect, useReducer } from "preact/hooks";
+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) {
+      const extension = union([
+        defineMountHandler(forceUpdate),
+        defineUpdateHandler(forceUpdate)
+      ]);
+      return editor.use(extension);
+    }
+  }, [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 "preact/hooks";
+import { useEffect as useEffect2 } from "preact/hooks";
 function useExtension(extension) {
   const editor = useEditor();
-  useEffect(() => {
+  useEffect2(() => {
     if (extension) {
       return editor.use(extension);
     }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/preact",
   "type": "module",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -79,14 +79,24 @@
       "types": "./dist/prosekit-preact-popover.d.ts",
       "import": "./dist/prosekit-preact-popover.js",
       "default": "./dist/prosekit-preact-popover.js"
+    },
+    "./resizable": {
+      "types": "./dist/prosekit-preact-resizable.d.ts",
+      "import": "./dist/prosekit-preact-resizable.js",
+      "default": "./dist/prosekit-preact-resizable.js"
+    },
+    "./resizable-handle": {
+      "types": "./dist/prosekit-preact-resizable-handle.d.ts",
+      "import": "./dist/prosekit-preact-resizable-handle.js",
+      "default": "./dist/prosekit-preact-resizable-handle.js"
     }
   },
   "files": [
     "dist"
   ],
   "dependencies": {
-    "@prosekit/core": "^0.2.0",
-    "@prosekit/lit": "^0.1.5"
+    "@prosekit/core": "^0.2.5",
+    "@prosekit/lit": "^0.1.9"
   },
   "peerDependencies": {
     "preact": ">= 9.0.0"
@@ -101,7 +111,7 @@
     "preact": "^10.19.3",
     "tsup": "^8.0.1",
     "typescript": "^5.3.3",
-    "vitest": "^1.1.0"
+    "vitest": "^1.2.0"
   },
   "scripts": {
     "build:tsup": "tsup",
@@ -142,6 +152,12 @@
       ],
       "popover": [
         "./dist/prosekit-preact-popover.d.ts"
+      ],
+      "resizable": [
+        "./dist/prosekit-preact-resizable.d.ts"
+      ],
+      "resizable-handle": [
+        "./dist/prosekit-preact-resizable-handle.d.ts"
       ]
     }
   }