@prosekit/react 0.4.12 → 0.4.13

package/dist/prosekit-react.js

@@ -1,236 +1,193 @@
-import {
-  EditorContextProvider,
-  useEditorContext
-} from "./chunk-BV2MZRRU.js";
+import { EditorContextProvider, useEditorContext } from "./editor-context-Cci4uqN_.js";
+import { ProsemirrorAdapterProvider, useMarkViewContext, useMarkViewFactory, useNodeViewContext, useNodeViewFactory } from "@prosemirror-adapter/react";
+import { createElement, useEffect, useMemo, useReducer } from "react";
+import { EditorNotFoundError, ProseKitError, defineDocChangeHandler, defineKeymap, defineMarkViewComponent, defineMarkViewFactory, defineMountHandler, defineNodeViewComponent, defineNodeViewFactory, defineUpdateHandler, union, withPriority } from "@prosekit/core";
 
-// src/components/prosekit.ts
-import { ProsemirrorAdapterProvider } from "@prosemirror-adapter/react";
-import {
-  createElement as createElement3
-} from "react";
-
-// src/extensions/react-mark-view.ts
-import {
-  defineMarkViewComponent,
-  defineMarkViewFactory
-} from "@prosekit/core";
-import {
-  useMarkViewContext,
-  useMarkViewFactory
-} from "@prosemirror-adapter/react";
-import {
-  createElement,
-  useMemo as useMemo2
-} from "react";
-
-// src/hooks/use-editor-extension.ts
-import {
-  EditorNotFoundError
-} from "@prosekit/core";
-import { useEffect } from "react";
+//#region src/hooks/use-editor-extension.ts
+/**
+* @internal
+*/
 function useEditorExtension(editor, extension) {
-  if (!editor) {
-    throw new EditorNotFoundError();
-  }
-  useEffect(() => {
-    if (extension) {
-      return editor.use(extension);
-    }
-  }, [editor, extension]);
+	if (!editor) throw new EditorNotFoundError();
+	useEffect(() => {
+		if (extension) return editor.use(extension);
+	}, [editor, extension]);
 }
 
-// src/hooks/use-priority-extension.ts
-import {
-  withPriority
-} from "@prosekit/core";
-import { useMemo } from "react";
+//#endregion
+//#region src/hooks/use-priority-extension.ts
+/**
+* @internal
+*/
 function usePriorityExtension(extension, priority) {
-  return useMemo(() => {
-    return extension && priority ? withPriority(extension, priority) : extension;
-  }, [extension, priority]);
+	return useMemo(() => {
+		return extension && priority ? withPriority(extension, priority) : extension;
+	}, [extension, priority]);
 }
 
-// src/hooks/use-extension.ts
+//#endregion
+//#region src/hooks/use-extension.ts
+/**
+* Add an extension to the editor.
+*/
 function useExtension(extension, options) {
-  const editorContext = useEditorContext();
-  useEditorExtension(
-    options?.editor || editorContext,
-    usePriorityExtension(extension, options?.priority)
-  );
+	const editorContext = useEditorContext();
+	useEditorExtension(options?.editor || editorContext, usePriorityExtension(extension, options?.priority));
 }
 
-// src/extensions/react-mark-view.ts
+//#endregion
+//#region src/extensions/react-mark-view.ts
 function withMarkViewProps(component) {
-  return function MarkViewPropsWrapper() {
-    const props = useMarkViewContext();
-    return createElement(component, props);
-  };
+	return function MarkViewPropsWrapper() {
+		const props = useMarkViewContext();
+		return createElement(component, props);
+	};
 }
-var ReactMarkViewConsumer = () => {
-  const markViewFactory = useMarkViewFactory();
-  const extension = useMemo2(
-    () => defineReactMarkViewFactory(markViewFactory),
-    [markViewFactory]
-  );
-  useExtension(extension);
-  return null;
+/**
+* @internal
+*/
+const ReactMarkViewConsumer = () => {
+	const markViewFactory = useMarkViewFactory();
+	const extension = useMemo(() => defineReactMarkViewFactory(markViewFactory), [markViewFactory]);
+	useExtension(extension);
+	return null;
 };
+/**
+* Defines a mark view using a React component.
+*
+* @public
+*/
 function defineReactMarkView(options) {
-  const { name, component, ...userOptions } = options;
-  const args = {
-    ...userOptions,
-    component: withMarkViewProps(component)
-  };
-  return defineMarkViewComponent({
-    group: "react",
-    name,
-    args
-  });
+	const { name, component,...userOptions } = options;
+	const args = {
+		...userOptions,
+		component: withMarkViewProps(component)
+	};
+	return defineMarkViewComponent({
+		group: "react",
+		name,
+		args
+	});
 }
 function defineReactMarkViewFactory(factory) {
-  return defineMarkViewFactory({
-    group: "react",
-    factory
-  });
+	return defineMarkViewFactory({
+		group: "react",
+		factory
+	});
 }
 
-// src/extensions/react-node-view.ts
-import {
-  defineNodeViewComponent,
-  defineNodeViewFactory
-} from "@prosekit/core";
-import {
-  useNodeViewContext,
-  useNodeViewFactory
-} from "@prosemirror-adapter/react";
-import {
-  createElement as createElement2,
-  useMemo as useMemo3
-} from "react";
+//#endregion
+//#region src/extensions/react-node-view.ts
 function withNodeViewProps(component) {
-  return function NodeViewPropsWrapper() {
-    const props = useNodeViewContext();
-    return createElement2(component, props);
-  };
+	return function NodeViewPropsWrapper() {
+		const props = useNodeViewContext();
+		return createElement(component, props);
+	};
 }
-var ReactNodeViewConsumer = () => {
-  const nodeViewFactory = useNodeViewFactory();
-  const extension = useMemo3(
-    () => defineReactNodeViewFactory(nodeViewFactory),
-    [nodeViewFactory]
-  );
-  useExtension(extension);
-  return null;
+/**
+* @internal
+*/
+const ReactNodeViewConsumer = () => {
+	const nodeViewFactory = useNodeViewFactory();
+	const extension = useMemo(() => defineReactNodeViewFactory(nodeViewFactory), [nodeViewFactory]);
+	useExtension(extension);
+	return null;
 };
+/**
+* Defines a node view using a React component.
+*
+* @public
+*/
 function defineReactNodeView(options) {
-  const { name, component, ...userOptions } = options;
-  const args = {
-    ...userOptions,
-    component: withNodeViewProps(component)
-  };
-  return defineNodeViewComponent({
-    group: "react",
-    name,
-    args
-  });
+	const { name, component,...userOptions } = options;
+	const args = {
+		...userOptions,
+		component: withNodeViewProps(component)
+	};
+	return defineNodeViewComponent({
+		group: "react",
+		name,
+		args
+	});
 }
 function defineReactNodeViewFactory(factory) {
-  return defineNodeViewFactory({
-    group: "react",
-    factory
-  });
+	return defineNodeViewFactory({
+		group: "react",
+		factory
+	});
 }
 
-// src/components/prosekit.ts
-var ProseKit = (props) => {
-  const { editor, children } = props;
-  return createElement3(
-    ProsemirrorAdapterProvider,
-    null,
-    createElement3(
-      EditorContextProvider,
-      { value: editor },
-      createElement3(ReactNodeViewConsumer),
-      createElement3(ReactMarkViewConsumer),
-      children
-    )
-  );
+//#endregion
+//#region src/components/prosekit.ts
+/**
+* The root component for a ProseKit editor.
+*
+* @public
+*/
+const ProseKit = (props) => {
+	const { editor, children } = props;
+	return createElement(ProsemirrorAdapterProvider, null, createElement(EditorContextProvider, { value: editor }, createElement(ReactNodeViewConsumer), createElement(ReactMarkViewConsumer), children));
 };
 
-// src/hooks/use-doc-change.ts
-import { defineDocChangeHandler } from "@prosekit/core";
-import { useMemo as useMemo4 } from "react";
+//#endregion
+//#region src/hooks/use-doc-change.ts
+/**
+* Calls the given handler whenever the editor document changes.
+*
+* @public
+*/
 function useDocChange(handler, options) {
-  const extension = useMemo4(
-    () => defineDocChangeHandler((view) => handler(view.state.doc)),
-    [handler]
-  );
-  return useExtension(extension, options);
+	const extension = useMemo(() => defineDocChangeHandler((view) => handler(view.state.doc)), [handler]);
+	useExtension(extension, options);
 }
 
-// src/hooks/use-editor.ts
-import {
-  defineMountHandler,
-  defineUpdateHandler,
-  ProseKitError,
-  union
-} from "@prosekit/core";
-import {
-  useEffect as useEffect2,
-  useReducer
-} from "react";
+//#endregion
+//#region src/hooks/use-editor.ts
+/**
+* Retrieves the editor instance from the nearest ProseKit component.
+*
+* @public
+*/
 function useEditor(options) {
-  const update = options?.update ?? false;
-  const editor = useEditorContext();
-  if (!editor) {
-    throw new ProseKitError(
-      "useEditor must be used within the ProseKit component"
-    );
-  }
-  const forceUpdate = useForceUpdate();
-  useEffect2(() => {
-    if (update) {
-      const extension = union(
-        defineMountHandler(forceUpdate),
-        defineUpdateHandler(forceUpdate)
-      );
-      return editor.use(extension);
-    }
-  }, [editor, update, forceUpdate]);
-  return editor;
+	const update = options?.update ?? false;
+	const editor = useEditorContext();
+	if (!editor) throw new ProseKitError("useEditor must be used within the ProseKit component");
+	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;
+	const [, dispatch] = useReducer((x) => x + 1, 0);
+	return dispatch;
 }
 
-// src/hooks/use-keymap.ts
-import {
-  defineKeymap
-} from "@prosekit/core";
-import { useMemo as useMemo5 } from "react";
+//#endregion
+//#region src/hooks/use-keymap.ts
 function useKeymap(keymap, options) {
-  const extension = useMemo5(() => defineKeymap(keymap), [keymap]);
-  return useExtension(extension, options);
+	const extension = useMemo(() => defineKeymap(keymap), [keymap]);
+	useExtension(extension, options);
 }
 
-// src/hooks/use-state-update.ts
-import { defineUpdateHandler as defineUpdateHandler2 } from "@prosekit/core";
-import { useMemo as useMemo6 } from "react";
+//#endregion
+//#region src/hooks/use-state-update.ts
+/**
+* Calls the given handler whenever the editor state changes.
+*
+* @public
+*/
 function useStateUpdate(handler, options) {
-  const extension = useMemo6(
-    () => defineUpdateHandler2((view) => handler(view.state)),
-    [handler]
-  );
-  return useExtension(extension, options);
+	const extension = useMemo(() => defineUpdateHandler((view) => handler(view.state)), [handler]);
+	useExtension(extension, options);
 }
-export {
-  ProseKit,
-  defineReactMarkView,
-  defineReactNodeView,
-  useDocChange,
-  useEditor,
-  useExtension,
-  useKeymap,
-  useStateUpdate
-};
+
+//#endregion
+export { ProseKit, defineReactMarkView, defineReactNodeView, useDocChange, useEditor, useExtension, useKeymap, useStateUpdate };

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "@prosekit/react",
   "type": "module",
-  "version": "0.4.12",
+  "version": "0.4.13",
   "private": false,
+  "description": "React components and utilities for ProseKit",
   "author": {
     "name": "ocavue",
     "email": "ocavue@gmail.com"
@@ -64,10 +65,10 @@
   "dependencies": {
     "@prosemirror-adapter/core": "^0.4.0",
     "@prosemirror-adapter/react": "^0.4.1",
-    "react-merge-refs": "^2.1.1",
-    "@prosekit/core": "^0.8.0",
-    "@prosekit/pm": "^0.1.9",
-    "@prosekit/web": "^0.5.7"
+    "react-merge-refs": "^3.0.1",
+    "@prosekit/core": "^0.8.1",
+    "@prosekit/pm": "^0.1.10",
+    "@prosekit/web": "^0.5.8"
   },
   "peerDependencies": {
     "react": ">= 18.2.0",
@@ -82,18 +83,34 @@
     }
   },
   "devDependencies": {
-    "@types/react": "^19.0.12",
-    "@types/react-dom": "^19.0.4",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "tsup": "^8.4.0",
-    "typescript": "~5.7.3",
-    "vitest": "^3.0.9",
-    "@prosekit/dev": "0.0.0"
+    "@types/react": "^19.1.3",
+    "@types/react-dom": "^19.1.3",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "tsdown": "^0.11.1",
+    "typescript": "~5.8.3",
+    "vitest": "^3.1.3",
+    "@prosekit/config-tsdown": "0.0.0",
+    "@prosekit/config-vitest": "0.0.0"
+  },
+  "publishConfig": {
+    "dev": {}
+  },
+  "dev": {
+    "entry": {
+      "prosekit-react": "./src/index.ts",
+      "prosekit-react-autocomplete": "./src/components/autocomplete/index.gen.ts",
+      "prosekit-react-block-handle": "./src/components/block-handle/index.gen.ts",
+      "prosekit-react-inline-popover": "./src/components/inline-popover/index.gen.ts",
+      "prosekit-react-popover": "./src/components/popover/index.gen.ts",
+      "prosekit-react-resizable": "./src/components/resizable/index.gen.ts",
+      "prosekit-react-table-handle": "./src/components/table-handle/index.gen.ts",
+      "prosekit-react-tooltip": "./src/components/tooltip/index.gen.ts"
+    }
   },
   "scripts": {
     "build:tsc": "tsc -b tsconfig.json",
-    "build:tsup": "tsup"
+    "build:tsdown": "tsdown"
   },
   "types": "./dist/prosekit-react.d.ts",
   "typesVersions": {