@prosekit/react 0.1.4 → 0.1.6

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

@@ -44,6 +44,10 @@ import { Priority } from '@prosekit/core';
 import { default as React_2 } from 'react';
 import { ReactNode } from 'react';
 import { ReactPortal } from 'react';
+import { Resizable as Resizable_2 } from '@prosekit/lit/resizable';
+import { ResizableHandle as ResizableHandle_2 } from '@prosekit/lit/resizable-handle';
+import { ResizableHandleProps as ResizableHandleProps_2 } from '@prosekit/lit/resizable-handle';
+import { ResizableProps as ResizableProps_2 } from '@prosekit/lit/resizable';
 
 declare const AutocompleteEmpty: React_2.ComponentType<AutocompleteEmptyProps & React_2.RefAttributes<AutocompleteEmpty_2>>;
 export { AutocompleteEmpty }
@@ -232,7 +236,26 @@ declare const ReactViewsProvider: FC<{
 export { ReactViewsProvider }
 export { ReactViewsProvider as ReactViewsProvider_alias_1 }
 
+export declare const Resizable: React_2.ComponentType<ResizableProps & React_2.RefAttributes<Resizable_2>>;
+
+export declare const ResizableHandle: React_2.ComponentType<ResizableHandleProps & React_2.RefAttributes<ResizableHandle_2>>;
+
+export declare type ResizableHandleProps = React_2.PropsWithChildren<PropsWithClassName<ResizableHandleProps_2>>;
+
+export declare type ResizableProps = React_2.PropsWithChildren<PropsWithClassName<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 }

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

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

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

@@ -0,0 +1,17 @@
+// src/components/resizable-handle.gen.ts
+import { createComponent } from "@lit/react";
+import { ResizableHandle as ResizableHandleElement } from "@prosekit/lit/resizable-handle";
+import React from "react";
+var ResizableHandleInner = createComponent({
+  tagName: "prosekit-resizable-handle",
+  elementClass: ResizableHandleElement,
+  react: React,
+  displayName: "ResizableHandleInner"
+});
+var ResizableHandle = React.forwardRef((props, ref) => {
+  return React.createElement(ResizableHandleInner, { ...props, ref });
+});
+ResizableHandle.displayName = "ResizableHandle";
+export {
+  ResizableHandle
+};

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

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

package/dist/prosekit-react-resizable.js

@@ -0,0 +1,17 @@
+// src/components/resizable.gen.ts
+import { createComponent } from "@lit/react";
+import { Resizable as ResizableElement } from "@prosekit/lit/resizable";
+import React from "react";
+var ResizableInner = createComponent({
+  tagName: "prosekit-resizable",
+  elementClass: ResizableElement,
+  react: React,
+  displayName: "ResizableInner"
+});
+var Resizable = React.forwardRef((props, ref) => {
+  return React.createElement(ResizableInner, { ...props, ref });
+});
+Resizable.displayName = "Resizable";
+export {
+  Resizable
+};

package/dist/prosekit-react.js

@@ -35,7 +35,9 @@ import { useEffect as useEffect2 } from "react";
 // src/hooks/use-editor.ts
 import {
   ProseKitError,
-  defineUpdateHandler
+  defineUpdateHandler,
+  union,
+  defineMountHandler
 } from "@prosekit/core";
 import { useContext, useEffect, useReducer } from "react";
 function useEditor(options) {
@@ -51,7 +53,11 @@ function useEditor(options) {
   const forceUpdate = useForceUpdate();
   useEffect(() => {
     if (update) {
-      return editor.use(defineUpdateHandler(forceUpdate));
+      const extension = union([
+        defineMountHandler(forceUpdate),
+        defineUpdateHandler(forceUpdate)
+      ]);
+      return editor.use(extension);
     }
   }, [editor, update, forceUpdate]);
   return editor;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/react",
   "type": "module",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -79,6 +79,16 @@
       "types": "./dist/prosekit-react-popover.d.ts",
       "import": "./dist/prosekit-react-popover.js",
       "default": "./dist/prosekit-react-popover.js"
+    },
+    "./resizable": {
+      "types": "./dist/prosekit-react-resizable.d.ts",
+      "import": "./dist/prosekit-react-resizable.js",
+      "default": "./dist/prosekit-react-resizable.js"
+    },
+    "./resizable-handle": {
+      "types": "./dist/prosekit-react-resizable-handle.d.ts",
+      "import": "./dist/prosekit-react-resizable-handle.js",
+      "default": "./dist/prosekit-react-resizable-handle.js"
     }
   },
   "files": [
@@ -86,8 +96,8 @@
   ],
   "dependencies": {
     "@lit/react": "^1.0.2",
-    "@prosekit/core": "^0.2.0",
-    "@prosekit/lit": "^0.1.5",
+    "@prosekit/core": "^0.2.5",
+    "@prosekit/lit": "^0.1.9",
     "@prosekit/pm": "^0.1.1",
     "@prosemirror-adapter/core": "^0.2.6"
   },
@@ -105,13 +115,13 @@
   },
   "devDependencies": {
     "@prosekit/dev": "*",
-    "@types/react": "^18.2.45",
+    "@types/react": "^18.2.47",
     "@types/react-dom": "^18.2.18",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "tsup": "^8.0.1",
     "typescript": "^5.3.3",
-    "vitest": "^1.1.0"
+    "vitest": "^1.2.0"
   },
   "scripts": {
     "build:tsup": "tsup",
@@ -152,6 +162,12 @@
       ],
       "popover": [
         "./dist/prosekit-react-popover.d.ts"
+      ],
+      "resizable": [
+        "./dist/prosekit-react-resizable.d.ts"
+      ],
+      "resizable-handle": [
+        "./dist/prosekit-react-resizable-handle.d.ts"
       ]
     }
   }