@prosekit/vue 0.0.23 → 0.0.25

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

@@ -2,17 +2,19 @@ import { AutocompleteEmptyProps as AutocompleteEmptyProps_2 } from '@prosekit/li
 import { AutocompleteItemProps as AutocompleteItemProps_2 } from '@prosekit/lit/autocomplete-item';
 import { AutocompleteListProps as AutocompleteListProps_2 } from '@prosekit/lit/autocomplete-list';
 import { AutocompletePopoverProps as AutocompletePopoverProps_2 } from '@prosekit/lit/autocomplete-popover';
-import { CodeBlockPopoverProps as CodeBlockPopoverProps_2 } from '@prosekit/lit/code-block-popover';
 import { ComboBoxInputProps as ComboBoxInputProps_2 } from '@prosekit/lit/combo-box-input';
 import { ComboBoxItemProps as ComboBoxItemProps_2 } from '@prosekit/lit/combo-box-item';
 import { ComboBoxListProps as ComboBoxListProps_2 } from '@prosekit/lit/combo-box-list';
 import { ComboBoxProps as ComboBoxProps_2 } from '@prosekit/lit/combo-box';
 import { Editor } from '@prosekit/core';
 import { Extension } from '@prosekit/core';
+import { InlinePopoverProps as InlinePopoverProps_2 } from '@prosekit/lit/inline-popover';
 import { Keymap } from '@prosekit/core';
 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 { Ref } from 'vue';
 import { ShallowRef } from 'vue';
 import { UserProjectConfigExport } from 'vitest/dist/config.js';
 
@@ -64,14 +66,6 @@ declare type AutocompletePopoverProps = {
 export { AutocompletePopoverProps }
 export { AutocompletePopoverProps as AutocompletePopoverProps_alias_1 }
 
-export declare const CodeBlockPopover: (props: {
-    class?: string | undefined;
-} & CodeBlockPopoverProps_2 & {}) => any;
-
-export declare type CodeBlockPopoverProps = {
-    class?: string;
-} & CodeBlockPopoverProps_2;
-
 export declare const ComboBox: (props: {
     class?: string | undefined;
 } & ComboBoxProps_2 & {}) => any;
@@ -110,12 +104,26 @@ export declare const default_alias_1: UserProjectConfigExport;
 
 export declare function injectEditor(): Editor;
 
+declare const InlinePopover: (props: {
+    class?: string | undefined;
+} & InlinePopoverProps_2 & {}) => any;
+export { InlinePopover }
+export { InlinePopover as InlinePopover_alias_1 }
+
+declare type InlinePopoverProps = {
+    class?: string;
+} & InlinePopoverProps_2;
+export { InlinePopoverProps }
+export { InlinePopoverProps as InlinePopoverProps_alias_1 }
+
 export declare const Popover: (props: {
     class?: string | undefined;
 } & PopoverProps_2 & {}) => any;
 
 export { PopoverOptions }
 
+export { PopoverOptions_alias_1 }
+
 export declare type PopoverProps = {
     class?: string;
 } & PopoverProps_2;
@@ -142,15 +150,9 @@ declare function useEditor<E extends Extension = any>(options?: {
 export { useEditor }
 export { useEditor as useEditor_alias_1 }
 
-export declare function useExtension({ extension }: UseExtensionProps): void;
-
-declare interface UseExtensionProps<T extends Extension = Extension> {
-    extension: T;
-}
+export declare function useExtension<T extends Extension = Extension>(extension: Ref<T>): void;
 
-declare function useKeymap({ keymap }: {
-    keymap: Keymap;
-}): void;
+declare function useKeymap(keymap: Ref<Keymap>): void;
 export { useKeymap }
 export { useKeymap as useKeymap_alias_1 }
 

package/dist/prosekit-vue-inline-popover.d.ts

@@ -0,0 +1,3 @@
+export { PopoverOptions_alias_1 as PopoverOptions } from './_tsup-dts-rollup';
+export { InlinePopover_alias_1 as InlinePopover } from './_tsup-dts-rollup';
+export { InlinePopoverProps_alias_1 as InlinePopoverProps } from './_tsup-dts-rollup';

package/dist/{prosekit-vue-code-block-popover.js → prosekit-vue-inline-popover.js}

@@ -1,19 +1,19 @@
-// src/components/code-block-popover.gen.ts
-import "@prosekit/lit/code-block-popover";
-import { propNames } from "@prosekit/lit/code-block-popover";
+// src/components/inline-popover.gen.ts
+import "@prosekit/lit/inline-popover";
+import { propNames } from "@prosekit/lit/inline-popover";
 import { defineComponent, h } from "vue";
-var CodeBlockPopover = defineComponent(
+var InlinePopover = defineComponent(
   (props, { slots }) => {
     return () => {
       var _a;
       const webComponentProps = Object.fromEntries(
         Object.entries(props).filter((entry) => entry[1] !== void 0).map(([key, value]) => [(key === "class" ? "" : ".") + key, value])
       );
-      return h("prosekit-code-block-popover", webComponentProps, (_a = slots.default) == null ? void 0 : _a.call(slots));
+      return h("prosekit-inline-popover", webComponentProps, (_a = slots.default) == null ? void 0 : _a.call(slots));
     };
   },
   { props: ["class", ...propNames] }
 );
 export {
-  CodeBlockPopover
+  InlinePopover
 };

package/dist/prosekit-vue.js

@@ -31,14 +31,14 @@ var ProseKit = defineComponent(
 
 // src/hooks/use-keymap.ts
 import { defineKeymap } from "@prosekit/core";
-import { computed } from "vue";
+import { computed, unref as unref2 } from "vue";
 
 // src/hooks/use-extension.ts
 import "@prosekit/core";
-import { onMounted as onMounted2, onUnmounted as onUnmounted2 } from "vue";
+import { unref, watchPostEffect } from "vue";
 
 // src/hooks/use-editor.ts
-import { defineEventHandler } from "@prosekit/core";
+import { defineUpdateHandler } from "@prosekit/core";
 import {
   onMounted,
   onUnmounted,
@@ -53,7 +53,7 @@ function useEditor(options) {
   if (update) {
     onMounted(() => {
       const forceUpdate = () => triggerRef(editorRef);
-      const dispose = editor.use(defineEventHandler({ update: forceUpdate }));
+      const dispose = editor.use(defineUpdateHandler(forceUpdate));
       onUnmounted(dispose);
     });
   }
@@ -61,18 +61,17 @@ function useEditor(options) {
 }
 
 // src/hooks/use-extension.ts
-function useExtension({ extension }) {
+function useExtension(extension) {
   const editor = useEditor();
-  onMounted2(() => {
-    const dispose = editor.value.use(extension);
-    onUnmounted2(dispose);
+  watchPostEffect((onCleanup) => {
+    onCleanup(editor.value.use(unref(extension)));
   });
 }
 
 // src/hooks/use-keymap.ts
-function useKeymap({ keymap }) {
-  const extension = computed(() => defineKeymap(keymap));
-  useExtension({ extension: extension.value });
+function useKeymap(keymap) {
+  const extension = computed(() => defineKeymap(unref2(keymap)));
+  useExtension(extension);
 }
 export {
   ProseKit,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/vue",
   "type": "module",
-  "version": "0.0.23",
+  "version": "0.0.25",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -50,11 +50,6 @@
       "import": "./dist/prosekit-vue-autocomplete-popover.js",
       "default": "./dist/prosekit-vue-autocomplete-popover.js"
     },
-    "./code-block-popover": {
-      "types": "./dist/prosekit-vue-code-block-popover.d.ts",
-      "import": "./dist/prosekit-vue-code-block-popover.js",
-      "default": "./dist/prosekit-vue-code-block-popover.js"
-    },
     "./combo-box": {
       "types": "./dist/prosekit-vue-combo-box.d.ts",
       "import": "./dist/prosekit-vue-combo-box.js",
@@ -75,6 +70,11 @@
       "import": "./dist/prosekit-vue-combo-box-list.js",
       "default": "./dist/prosekit-vue-combo-box-list.js"
     },
+    "./inline-popover": {
+      "types": "./dist/prosekit-vue-inline-popover.d.ts",
+      "import": "./dist/prosekit-vue-inline-popover.js",
+      "default": "./dist/prosekit-vue-inline-popover.js"
+    },
     "./popover": {
       "types": "./dist/prosekit-vue-popover.d.ts",
       "import": "./dist/prosekit-vue-popover.js",
@@ -85,8 +85,8 @@
     "dist"
   ],
   "dependencies": {
-    "@prosekit/core": "^0.0.18",
-    "@prosekit/lit": "^0.0.22"
+    "@prosekit/core": "^0.0.20",
+    "@prosekit/lit": "^0.0.24"
   },
   "peerDependencies": {
     "vue": ">= 3.0.0"
@@ -101,7 +101,7 @@
     "tsup": "^7.2.0",
     "typescript": "^5.2.2",
     "vitest": "^0.34.6",
-    "vue": "^3.3.7"
+    "vue": "^3.3.8"
   },
   "scripts": {
     "build:tsup": "tsup",
@@ -125,9 +125,6 @@
       "autocomplete-popover": [
         "./dist/prosekit-vue-autocomplete-popover.d.ts"
       ],
-      "code-block-popover": [
-        "./dist/prosekit-vue-code-block-popover.d.ts"
-      ],
       "combo-box": [
         "./dist/prosekit-vue-combo-box.d.ts"
       ],
@@ -140,6 +137,9 @@
       "combo-box-list": [
         "./dist/prosekit-vue-combo-box-list.d.ts"
       ],
+      "inline-popover": [
+        "./dist/prosekit-vue-inline-popover.d.ts"
+      ],
       "popover": [
         "./dist/prosekit-vue-popover.d.ts"
       ]

package/dist/prosekit-vue-code-block-popover.d.ts

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