@prosekit/vue 0.1.1 → 0.1.2

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

@@ -14,89 +14,74 @@ import { Options } from 'tsup';
 import { PopoverOptions } from '@prosekit/lit/autocomplete-popover';
 import { PopoverOptions as PopoverOptions_alias_1 } from '@prosekit/lit/inline-popover';
 import { PopoverProps as PopoverProps_2 } from '@prosekit/lit/popover';
+import { Priority } from '@prosekit/core';
 import { Ref } from 'vue';
 import { ShallowRef } from 'vue';
 import { UserProjectConfigExport } from 'vitest/dist/config.js';
 
-declare const AutocompleteEmpty: (props: {
+declare const AutocompleteEmpty: (props: AutocompleteEmptyProps_2 & {
     class?: string | undefined;
-} & AutocompleteEmptyProps_2 & {}) => any;
+} & {}) => any;
 export { AutocompleteEmpty }
 export { AutocompleteEmpty as AutocompleteEmpty_alias_1 }
 
-declare type AutocompleteEmptyProps = {
-    class?: string;
-} & AutocompleteEmptyProps_2;
+declare type AutocompleteEmptyProps = PropsWithClass<AutocompleteEmptyProps_2>;
 export { AutocompleteEmptyProps }
 export { AutocompleteEmptyProps as AutocompleteEmptyProps_alias_1 }
 
-declare const AutocompleteItem: (props: {
+declare const AutocompleteItem: (props: AutocompleteItemProps_2 & {
     class?: string | undefined;
-} & AutocompleteItemProps_2 & {}) => any;
+} & {}) => any;
 export { AutocompleteItem }
 export { AutocompleteItem as AutocompleteItem_alias_1 }
 
-declare type AutocompleteItemProps = {
-    class?: string;
-} & AutocompleteItemProps_2;
+declare type AutocompleteItemProps = PropsWithClass<AutocompleteItemProps_2>;
 export { AutocompleteItemProps }
 export { AutocompleteItemProps as AutocompleteItemProps_alias_1 }
 
-declare const AutocompleteList: (props: {
+declare const AutocompleteList: (props: AutocompleteListProps_2 & {
     class?: string | undefined;
-} & AutocompleteListProps_2 & {}) => any;
+} & {}) => any;
 export { AutocompleteList }
 export { AutocompleteList as AutocompleteList_alias_1 }
 
-declare type AutocompleteListProps = {
-    class?: string;
-} & AutocompleteListProps_2;
+declare type AutocompleteListProps = PropsWithClass<AutocompleteListProps_2>;
 export { AutocompleteListProps }
 export { AutocompleteListProps as AutocompleteListProps_alias_1 }
 
-declare const AutocompletePopover: (props: {
+declare const AutocompletePopover: (props: AutocompletePopoverProps_2 & {
     class?: string | undefined;
-} & AutocompletePopoverProps_2 & {}) => any;
+} & {}) => any;
 export { AutocompletePopover }
 export { AutocompletePopover as AutocompletePopover_alias_1 }
 
-declare type AutocompletePopoverProps = {
-    class?: string;
-} & AutocompletePopoverProps_2;
+declare type AutocompletePopoverProps = PropsWithClass<AutocompletePopoverProps_2>;
 export { AutocompletePopoverProps }
 export { AutocompletePopoverProps as AutocompletePopoverProps_alias_1 }
 
-export declare const ComboBox: (props: {
+export declare const ComboBox: (props: ComboBoxProps_2 & {
     class?: string | undefined;
-} & ComboBoxProps_2 & {}) => any;
+} & {}) => any;
 
-export declare const ComboBoxInput: (props: {
+export declare const ComboBoxInput: (props: ComboBoxInputProps_2 & {
     class?: string | undefined;
-} & ComboBoxInputProps_2 & {}) => any;
+} & {}) => any;
 
-export declare type ComboBoxInputProps = {
-    class?: string;
-} & ComboBoxInputProps_2;
+export declare type ComboBoxInputProps = PropsWithClass<ComboBoxInputProps_2>;
 
-export declare const ComboBoxItem: (props: {
+export declare const ComboBoxItem: (props: ComboBoxItemProps_2 & {
     class?: string | undefined;
-} & ComboBoxItemProps_2 & {}) => any;
+} & {}) => any;
 
-export declare type ComboBoxItemProps = {
-    class?: string;
-} & ComboBoxItemProps_2;
+export declare type ComboBoxItemProps = PropsWithClass<ComboBoxItemProps_2>;
 
-export declare const ComboBoxList: (props: {
+export declare const ComboBoxList: (props: ComboBoxListProps_2 & {
     class?: string | undefined;
-} & ComboBoxListProps_2 & {}) => any;
+} & {}) => any;
 
-export declare type ComboBoxListProps = {
-    class?: string;
-} & ComboBoxListProps_2;
+export declare type ComboBoxListProps = PropsWithClass<ComboBoxListProps_2>;
 
-export declare type ComboBoxProps = {
-    class?: string;
-} & ComboBoxProps_2;
+export declare type ComboBoxProps = PropsWithClass<ComboBoxProps_2>;
 
 export declare const default_alias: Options | Options[] | ((overrideOptions: Options) => Options | Options[] | Promise<Options | Options[]>);
 
@@ -104,29 +89,34 @@ export declare const default_alias_1: UserProjectConfigExport;
 
 export declare function injectEditor(): Editor;
 
-declare const InlinePopover: (props: {
+declare const InlinePopover: (props: InlinePopoverProps_2 & {
     class?: string | undefined;
-} & InlinePopoverProps_2 & {}) => any;
+} & {}) => any;
 export { InlinePopover }
 export { InlinePopover as InlinePopover_alias_1 }
 
-declare type InlinePopoverProps = {
-    class?: string;
-} & InlinePopoverProps_2;
+declare type InlinePopoverProps = PropsWithClass<InlinePopoverProps_2>;
 export { InlinePopoverProps }
 export { InlinePopoverProps as InlinePopoverProps_alias_1 }
 
-export declare const Popover: (props: {
+export declare const Popover: (props: PopoverProps_2 & {
     class?: string | undefined;
-} & PopoverProps_2 & {}) => any;
+} & {}) => any;
 
 export { PopoverOptions }
 
 export { PopoverOptions_alias_1 }
 
-export declare type PopoverProps = {
-    class?: string;
-} & PopoverProps_2;
+export declare type PopoverProps = PropsWithClass<PopoverProps_2>;
+
+/**
+ * @internal
+ */
+declare type PropsWithClass<P = unknown> = P & {
+    class?: string | undefined;
+};
+export { PropsWithClass }
+export { PropsWithClass as PropsWithClass_alias_1 }
 
 declare const ProseKit: (props: ProseKitProps & {}) => any;
 export { ProseKit }
@@ -161,8 +151,12 @@ declare function useExtension<T extends Extension = Extension>(extension: Ref<T
 export { useExtension }
 export { useExtension as useExtension_alias_1 }
 
-declare function useKeymap(keymap: Ref<Keymap>): void;
+declare function useKeymap(keymap: Ref<Keymap>, options?: {
+    priority?: Priority;
+}): void;
 export { useKeymap }
 export { useKeymap as useKeymap_alias_1 }
 
+export declare function usePriorityExtension<T extends Extension = Extension>(extension: Ref<T | null>, priority?: Priority | null): void;
+
 export { }

package/dist/prosekit-vue.d.ts

@@ -3,3 +3,4 @@ export { ProseKitProps } from './_tsup-dts-rollup';
 export { useEditor } from './_tsup-dts-rollup';
 export { useExtension } from './_tsup-dts-rollup';
 export { useKeymap } from './_tsup-dts-rollup';
+export { PropsWithClass } from './_tsup-dts-rollup';

package/dist/prosekit-vue.js

@@ -67,10 +67,23 @@ function useExtension(extension) {
 
 // src/hooks/use-keymap.ts
 import { defineKeymap } from "@prosekit/core";
+import { computed as computed2, unref as unref3 } from "vue";
+
+// src/hooks/use-priority-extension.ts
+import { withPriority } from "@prosekit/core";
 import { computed, unref as unref2 } from "vue";
-function useKeymap(keymap) {
-  const extension = computed(() => defineKeymap(unref2(keymap)));
-  useExtension(extension);
+function usePriorityExtension(extension, priority) {
+  const extensionWithPriority = computed(() => {
+    const ext = unref2(extension);
+    return ext && priority ? withPriority(ext, priority) : ext;
+  });
+  return useExtension(extensionWithPriority);
+}
+
+// src/hooks/use-keymap.ts
+function useKeymap(keymap, options) {
+  const extension = computed2(() => defineKeymap(unref3(keymap)));
+  usePriorityExtension(extension, options == null ? void 0 : options.priority);
 }
 export {
   ProseKit,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/vue",
   "type": "module",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -101,7 +101,7 @@
     "tsup": "^8.0.1",
     "typescript": "^5.3.2",
     "vitest": "^0.34.6",
-    "vue": "^3.3.8"
+    "vue": "^3.3.9"
   },
   "scripts": {
     "build:tsup": "tsup",

package/src/index.ts

@@ -2,3 +2,4 @@ export { ProseKit, type ProseKitProps } from './components/prosekit'
 export { useEditor } from './hooks/use-editor'
 export { useExtension } from './hooks/use-extension'
 export { useKeymap } from './hooks/use-keymap'
+export type { PropsWithClass } from './types'