@prosekit/web 0.1.6 → 0.1.7

package/dist/prosekit-web-autocomplete.js

@@ -1,3 +1,6 @@
+import {
+  useEditorExtension
+} from "./chunk-VJEVDINM.js";
 import {
   defineCustomElement
 } from "./chunk-LCDA7GFP.js";
@@ -138,6 +141,9 @@ function useAutocompleteList(element, props) {
       };
     }
   });
+  useEffect2(element, () => {
+    element.tabIndex = -1;
+  });
   return { editor, filter };
 }
 function useKeyboardHandler(element, open, editor) {
@@ -208,10 +214,16 @@ import {
   createComputed,
   createSignal as createSignal3,
   mapSignals,
+  useAnimationFrame,
   useEffect as useEffect4
 } from "@aria-ui/core";
 import { useOverlayPositionerState } from "@aria-ui/overlay";
 import { usePresence } from "@aria-ui/presence";
+import {
+  Priority as Priority2,
+  defineKeymap,
+  withPriority as withPriority2
+} from "@prosekit/core";
 import {
   AutocompleteRule,
   defineAutocomplete
@@ -253,7 +265,7 @@ function useAutocompletePopoverState(host, state) {
   queryContext.provide(host, query);
   onSubmitContext.provide(host, onSubmit);
   openContext.provide(host, presence);
-  useEscapeKeydown(host, createKeymapHandler(onDismiss, presence));
+  useEscapeKeydown(host, editor, createKeymapHandler(onDismiss, presence));
   useAutocompleteExtension(
     host,
     editor,
@@ -273,10 +285,15 @@ function useAutocompletePopoverState(host, state) {
       (_a = state.onQueryChange.peek()) == null ? void 0 : _a(queryValue);
     }
   });
-  useEffect4(host, () => {
-    var _a;
+  useAnimationFrame(host, () => {
     const presenceValue = presence.value;
-    (_a = state.onOpenChange.peek()) == null ? void 0 : _a(presenceValue);
+    const onOpenChangeValue = state.onOpenChange.peek();
+    if (!onOpenChangeValue) {
+      return;
+    }
+    return () => {
+      onOpenChangeValue(presenceValue);
+    };
   });
 }
 function useAutocompleteExtension(host, editor, regex, reference, query, onDismiss, onSubmit) {
@@ -332,19 +349,10 @@ function createKeymapHandler(handler, enabled) {
     return true;
   };
 }
-function useEscapeKeydown(host, handler) {
-  useEffect4(host, () => {
-    const handleKeyDown = (event) => {
-      if (event.key !== "Escape") {
-        return;
-      }
-      if (handler()) {
-        event.preventDefault();
-      }
-    };
-    document.addEventListener("keydown", handleKeyDown);
-    return () => document.removeEventListener("keydown", handleKeyDown);
-  });
+function useEscapeKeydown(host, editor, handler) {
+  const keymap = { Escape: handler };
+  const extension = withPriority2(defineKeymap(keymap), Priority2.highest);
+  return useEditorExtension(host, editor, extension);
 }
 
 // src/components/autocomplete/autocomplete-popover/element.gen.ts

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/web",
   "type": "module",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -68,21 +68,21 @@
     "@aria-ui/collection": "^0.0.3",
     "@aria-ui/core": "^0.0.14",
     "@aria-ui/listbox": "^0.0.13",
-    "@aria-ui/overlay": "^0.0.14",
-    "@aria-ui/popover": "^0.0.13",
+    "@aria-ui/overlay": "^0.0.15",
+    "@aria-ui/popover": "^0.0.14",
     "@aria-ui/presence": "^0.0.9",
-    "@aria-ui/tooltip": "^0.0.15",
+    "@aria-ui/tooltip": "^0.0.16",
     "@floating-ui/dom": "^1.6.5",
-    "@prosekit/core": "^0.5.0",
+    "@prosekit/core": "^0.5.1",
     "@prosekit/extensions": "^0.5.0",
-    "@prosekit/pm": "^0.1.3",
-    "@zag-js/dom-query": "^0.49.0"
+    "@prosekit/pm": "^0.1.4",
+    "@zag-js/dom-query": "^0.50.0"
   },
   "devDependencies": {
-    "@prosekit/dev": "*",
     "tsup": "^8.0.2",
     "typescript": "^5.4.5",
-    "vitest": "^1.6.0"
+    "vitest": "^1.6.0",
+    "@prosekit/dev": "0.0.0"
   },
   "scripts": {
     "build:tsup": "tsup",