@prosekit/react 0.3.12 → 0.3.14

package/dist/chunk-UG3RPLME.js

@@ -0,0 +1,51 @@
+import {
+  useEditorContext
+} from "./chunk-BH56NR2Q.js";
+
+// src/components/create-component.ts
+import {
+  createElement,
+  forwardRef,
+  useLayoutEffect,
+  useState
+} from "react";
+import { mergeRefs } from "react-merge-refs";
+function createComponent(tagName, displayName, defaultProps) {
+  const propertyNames = Object.keys(defaultProps);
+  const hasEditor = Object.hasOwn(defaultProps, "editor");
+  const Component = forwardRef((props, ref) => {
+    const [el, setEl] = useState(null);
+    const properties = {};
+    const attributes = {};
+    for (const [name, value] of Object.entries(props)) {
+      if (propertyNames.includes(name)) {
+        properties[name] = value;
+      } else {
+        attributes[name === "className" ? "class" : name] = value;
+      }
+    }
+    const editor = useEditorContext();
+    if (hasEditor && editor && !properties["editor"]) {
+      properties["editor"] = editor;
+    }
+    useLayoutEffect(() => {
+      if (el) {
+        for (const [name, value] of Object.entries(properties)) {
+          if (value !== void 0) {
+            el[name] = value;
+          }
+        }
+      }
+    }, [el, ...propertyNames.map((name) => properties[name])]);
+    return createElement(tagName, {
+      ...attributes,
+      ref: mergeRefs([ref, setEl])
+    });
+  });
+  Component.displayName = displayName;
+  return Component;
+}
+
+export {
+  createComponent
+};

package/dist/prosekit-react-autocomplete.js

@@ -1,6 +1,6 @@
 import {
   createComponent
-} from "./chunk-JQQDRLKV.js";
+} from "./chunk-UG3RPLME.js";
 import "./chunk-BH56NR2Q.js";
 
 // src/components/autocomplete/autocomplete-empty.gen.ts

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

@@ -1,6 +1,6 @@
 import {
   createComponent
-} from "./chunk-JQQDRLKV.js";
+} from "./chunk-UG3RPLME.js";
 import "./chunk-BH56NR2Q.js";
 
 // src/components/block-handle/block-drag-handle.gen.ts

package/dist/prosekit-react-inline-popover.js

@@ -1,6 +1,6 @@
 import {
   createComponent
-} from "./chunk-JQQDRLKV.js";
+} from "./chunk-UG3RPLME.js";
 import "./chunk-BH56NR2Q.js";
 
 // src/components/inline-popover/inline-popover.gen.ts

package/dist/prosekit-react-popover.js

@@ -1,6 +1,6 @@
 import {
   createComponent
-} from "./chunk-JQQDRLKV.js";
+} from "./chunk-UG3RPLME.js";
 import "./chunk-BH56NR2Q.js";
 
 // src/components/popover/popover-content.gen.ts

package/dist/prosekit-react-resizable.js

@@ -1,6 +1,6 @@
 import {
   createComponent
-} from "./chunk-JQQDRLKV.js";
+} from "./chunk-UG3RPLME.js";
 import "./chunk-BH56NR2Q.js";
 
 // src/components/resizable/resizable-handle.gen.ts

package/dist/prosekit-react-tooltip.js

@@ -1,6 +1,6 @@
 import {
   createComponent
-} from "./chunk-JQQDRLKV.js";
+} from "./chunk-UG3RPLME.js";
 import "./chunk-BH56NR2Q.js";
 
 // src/components/tooltip/tooltip-content.gen.ts

package/dist/prosekit-react.js

@@ -26,11 +26,13 @@ import "@prosekit/core";
 import { EditorNotFoundError } from "@prosekit/core";
 import { useEffect } from "react";
 function useEditorExtension(editor, extension) {
-  if (!editor)
+  if (!editor) {
     throw new EditorNotFoundError();
+  }
   useEffect(() => {
-    if (extension)
+    if (extension) {
       return editor.use(extension);
+    }
   }, [editor, extension]);
 }
 
@@ -38,12 +40,14 @@ function useEditorExtension(editor, extension) {
 import { withPriority } from "@prosekit/core";
 import { useMemo } from "react";
 function usePriorityExtension(extension, priority) {
-  return useMemo(() => extension && priority ? withPriority(extension, priority) : extension, [extension, priority]);
+  return useMemo(() => {
+    return extension && priority ? withPriority(extension, priority) : extension;
+  }, [extension, priority]);
 }
 
 // src/hooks/use-extension.ts
 function useExtension(extension, options) {
-  let editorContext = useEditorContext();
+  const editorContext = useEditorContext();
   useEditorExtension(
     (options == null ? void 0 : options.editor) || editorContext,
     usePriorityExtension(extension, options == null ? void 0 : options.priority)
@@ -52,20 +56,23 @@ function useExtension(extension, options) {
 
 // src/extensions/react-node-view.ts
 function withNodeViewProps(component) {
-  return function() {
-    let props = useNodeViewContext();
+  return function NodeViewPropsWrapper() {
+    const props = useNodeViewContext();
     return createElement(component, props);
   };
 }
 var ReactViewsConsumer = () => {
-  let nodeViewFactory = useNodeViewFactory(), extension = useMemo2(
+  const nodeViewFactory = useNodeViewFactory();
+  const extension = useMemo2(
     () => defineReactNodeViewFactory(nodeViewFactory),
     [nodeViewFactory]
   );
-  return useExtension(extension), null;
+  useExtension(extension);
+  return null;
 };
 function defineReactNodeView(options) {
-  let { name, component, ...userOptions } = options, args = {
+  const { name, component, ...userOptions } = options;
+  const args = {
     ...userOptions,
     component: withNodeViewProps(component)
   };
@@ -84,7 +91,7 @@ function defineReactNodeViewFactory(factory) {
 
 // src/components/prosekit.ts
 var ProseKit = (props) => {
-  let { editor, children } = props;
+  const { editor, children } = props;
   return createElement2(
     ProsemirrorAdapterProvider,
     null,
@@ -101,7 +108,7 @@ var ProseKit = (props) => {
 import { defineDocChangeHandler } from "@prosekit/core";
 import { useMemo as useMemo3 } from "react";
 function useDocChange(handler, options) {
-  let extension = useMemo3(
+  const extension = useMemo3(
     () => defineDocChangeHandler((view) => handler(view.state.doc)),
     [handler]
   );
@@ -118,24 +125,27 @@ import {
 import { useEffect as useEffect2, useReducer } from "react";
 function useEditor(options) {
   var _a;
-  let update = (_a = options == null ? void 0 : options.update) != null ? _a : !1, editor = useEditorContext();
-  if (!editor)
+  const update = (_a = options == null ? void 0 : options.update) != null ? _a : false;
+  const editor = useEditorContext();
+  if (!editor) {
     throw new ProseKitError(
       "useEditor must be used within the ProseKit component"
     );
-  let forceUpdate = useForceUpdate();
-  return useEffect2(() => {
+  }
+  const forceUpdate = useForceUpdate();
+  useEffect2(() => {
     if (update) {
-      let extension = union([
+      const extension = union([
         defineMountHandler(forceUpdate),
         defineUpdateHandler(forceUpdate)
       ]);
       return editor.use(extension);
     }
-  }, [editor, update, forceUpdate]), editor;
+  }, [editor, update, forceUpdate]);
+  return editor;
 }
 function useForceUpdate() {
-  let [, dispatch] = useReducer((x) => x + 1, 0);
+  const [, dispatch] = useReducer((x) => x + 1, 0);
   return dispatch;
 }
 
@@ -143,7 +153,7 @@ function useForceUpdate() {
 import { defineKeymap } from "@prosekit/core";
 import { useMemo as useMemo4 } from "react";
 function useKeymap(keymap, options) {
-  let extension = useMemo4(() => defineKeymap(keymap), [keymap]);
+  const extension = useMemo4(() => defineKeymap(keymap), [keymap]);
   return useExtension(extension, options);
 }
 
@@ -151,7 +161,7 @@ function useKeymap(keymap, options) {
 import { defineUpdateHandler as defineUpdateHandler2 } from "@prosekit/core";
 import { useMemo as useMemo5 } from "react";
 function useStateUpdate(handler, options) {
-  let extension = useMemo5(
+  const extension = useMemo5(
     () => defineUpdateHandler2((view) => handler(view.state)),
     [handler]
   );

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/react",
   "type": "module",
-  "version": "0.3.12",
+  "version": "0.3.14",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -67,9 +67,9 @@
   "dependencies": {
     "@prosemirror-adapter/react": "^0.2.6",
     "react-merge-refs": "^2.1.1",
-    "@prosekit/core": "^0.7.1",
-    "@prosekit/pm": "^0.1.5",
-    "@prosekit/web": "^0.3.0"
+    "@prosekit/core": "^0.7.3",
+    "@prosekit/pm": "^0.1.6",
+    "@prosekit/web": "^0.3.2"
   },
   "peerDependencies": {
     "react": ">= 18.2.0",
@@ -90,7 +90,7 @@
     "react-dom": "^18.3.1",
     "tsup": "^8.1.0",
     "typescript": "^5.5.3",
-    "vitest": "^2.0.0-beta.13",
+    "vitest": "^2.0.2",
     "@prosekit/dev": "0.0.0"
   },
   "scripts": {

package/dist/chunk-JQQDRLKV.js

@@ -1,33 +0,0 @@
-import {
-  useEditorContext
-} from "./chunk-BH56NR2Q.js";
-
-// src/components/create-component.ts
-import {
-  createElement,
-  forwardRef,
-  useLayoutEffect,
-  useState
-} from "react";
-import { mergeRefs } from "react-merge-refs";
-function createComponent(tagName, displayName, defaultProps) {
-  let propertyNames = Object.keys(defaultProps), hasEditor = Object.hasOwn(defaultProps, "editor"), Component = forwardRef((props, ref) => {
-    let [el, setEl] = useState(null), properties = {}, attributes = {};
-    for (let [name, value] of Object.entries(props))
-      propertyNames.includes(name) ? properties[name] = value : attributes[name === "className" ? "class" : name] = value;
-    let editor = useEditorContext();
-    return hasEditor && editor && !properties.editor && (properties.editor = editor), useLayoutEffect(() => {
-      if (el)
-        for (let [name, value] of Object.entries(properties))
-          value !== void 0 && (el[name] = value);
-    }, [el, ...propertyNames.map((name) => properties[name])]), createElement(tagName, {
-      ...attributes,
-      ref: mergeRefs([ref, setEl])
-    });
-  });
-  return Component.displayName = displayName, Component;
-}
-
-export {
-  createComponent
-};