@prosekit/vue 0.0.0-next-20230627094841 → 0.0.1

package/dist/prosekit-vue-components-menu-item.d.ts

@@ -0,0 +1,9 @@
+import { MenuItem as MenuItem$1 } from '@prosekit/lit/elements/menu-item';
+
+/**
+ * @module @prosekit/vue/components/menu-item
+ */
+
+declare const MenuItem: (props: Partial<MenuItem$1> & {}) => any;
+
+export { MenuItem };

package/dist/prosekit-vue-components-menu.d.ts

@@ -0,0 +1,9 @@
+import { Menu as Menu$1 } from '@prosekit/lit/elements/menu';
+
+/**
+ * @module @prosekit/vue/components/menu
+ */
+
+declare const Menu: (props: Partial<Menu$1> & {}) => any;
+
+export { Menu };

package/dist/prosekit-vue-components-popover-suggestion.d.ts

@@ -0,0 +1,18 @@
+import { Editor } from '@prosekit/core';
+import { PredictionRule, PopoverSuggestionContext } from '@prosekit/lit/elements/popover-suggestion';
+export { PopoverSuggestionContext, PredictionRule } from '@prosekit/lit/elements/popover-suggestion';
+
+/**
+ * @module @prosekit/vue/components/popover-suggestion
+ */
+
+interface PopoverSuggestionProps {
+    editor: Editor;
+    rules: PredictionRule[];
+}
+interface PopoverSuggestionSlots {
+    default: PopoverSuggestionContext;
+}
+declare const PopoverSuggestion: (props: PopoverSuggestionProps & {}) => any;
+
+export { PopoverSuggestion, PopoverSuggestionProps, PopoverSuggestionSlots };

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

@@ -0,0 +1,9 @@
+import { Popover as Popover$1 } from '@prosekit/lit/elements/popover';
+
+/**
+ * @module @prosekit/vue/components/popover
+ */
+
+declare const Popover: (props: Partial<Popover$1> & {}) => any;
+
+export { Popover };

package/dist/prosekit-vue.d.ts

@@ -0,0 +1,14 @@
+import { Editor, Keymap, Extension } from '@prosekit/core';
+
+interface ProseKitProps {
+    editor: Editor;
+}
+declare const ProseKit: (props: ProseKitProps & {}) => any;
+
+declare function useKeymap({ keymap }: {
+    keymap: Keymap;
+}): void;
+
+declare function useEditor<E extends Extension = any>(): Editor<E>;
+
+export { ProseKit, ProseKitProps, useEditor, useKeymap };

package/dist/prosekit-vue.js

@@ -1,6 +1,5 @@
 // src/components/prosekit.ts
-import { ProseKitError as ProseKitError2, createEditor } from "@prosekit/core";
-import { computed, defineComponent, effect } from "vue";
+import { defineComponent } from "vue";
 
 // src/injection/editor-injection.ts
 import { ProseKitError } from "@prosekit/core";
@@ -20,50 +19,21 @@ function injectEditor() {
 // src/components/prosekit.ts
 var ProseKit = defineComponent(
   (props, { slots }) => {
-    const editorRef = useComputedEditor(props);
-    provideEditor(editorRef.value);
-    effect(() => {
-      const editor = editorRef.value;
-      if (props.place) {
-        editor.mount(props.place);
-      } else if (editor.mounted) {
-        editor.unmount();
-      }
-    });
+    provideEditor(props.editor);
     return () => {
       var _a;
       return (_a = slots.default) == null ? void 0 : _a.call(slots);
     };
   },
-  { props: ["editor", "extension", "place"] }
+  { props: ["editor"] }
 );
-function useComputedEditor(props) {
-  return computed(() => {
-    if (props.editor) {
-      if (props.extension) {
-        throw new ProseKitError2(
-          "You can't pass both an editor and an extension to ProseKit"
-        );
-      }
-      return props.editor;
-    } else {
-      if (props.extension) {
-        return createEditor({ extension: props.extension });
-      } else {
-        throw new ProseKitError2(
-          "You must pass either an editor or an extension to ProseKit"
-        );
-      }
-    }
-  });
-}
 
 // src/hooks/use-keymap.ts
 import { addKeymap } from "@prosekit/core";
-import { computed as computed2 } from "vue";
+import { computed } from "vue";
 
 // src/hooks/use-extension.ts
-import { effect as effect2 } from "vue";
+import { effect } from "vue";
 
 // src/hooks/use-editor.ts
 function useEditor() {
@@ -73,12 +43,12 @@ function useEditor() {
 // src/hooks/use-extension.ts
 function useExtension({ extension }) {
   const editor = useEditor();
-  effect2(() => editor.use(extension));
+  effect(() => editor.use(extension));
 }
 
 // src/hooks/use-keymap.ts
 function useKeymap({ keymap }) {
-  const extension = computed2(() => addKeymap(keymap));
+  const extension = computed(() => addKeymap(keymap));
   useExtension({ extension: extension.value });
 }
 export {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/vue",
   "type": "module",
-  "version": "0.0.0-next-20230627094841",
+  "version": "0.0.1",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -55,8 +55,8 @@
     "dist"
   ],
   "dependencies": {
-    "@prosekit/core": "0.0.0-next-20230627094841",
-    "@prosekit/lit": "0.0.0-next-20230627094841"
+    "@prosekit/core": "^0.0.1",
+    "@prosekit/lit": "^0.0.1"
   },
   "peerDependencies": {
     "vue": ">= 3.0.0"
@@ -67,11 +67,11 @@
     }
   },
   "devDependencies": {
+    "@prosekit/dev": "^0.0.0",
     "tsup": "^7.1.0",
-    "typescript": "^5.1.3",
-    "vitest": "^0.32.2",
-    "vue": "^3.3.4",
-    "@prosekit/dev": "0.0.0"
+    "typescript": "^5.1.6",
+    "vitest": "^0.33.0",
+    "vue": "^3.3.4"
   },
   "scripts": {
     "build:tsup": "tsup",

package/dist/prosekit-vue-components-popover-slash.js

@@ -1,42 +0,0 @@
-// src/components/popover-slash.ts
-import { defineComponent as defineComponent2, h as h2, ref } from "vue";
-
-// src/components/popover-slash.gen.ts
-import "@prosekit/lit/elements/popover-slash";
-import { defineComponent, h } from "vue";
-var PopoverSlash = defineComponent(
-  (props, { slots }) => {
-    return () => {
-      var _a;
-      return h("prosekit-popover-slash", props, (_a = slots.default) == null ? void 0 : _a.call(slots));
-    };
-  }
-);
-
-// src/components/popover-slash.ts
-var PopoverSlash2 = defineComponent2(
-  ({ editor }, { slots }) => {
-    const contextRef = ref(null);
-    const onContext = (context) => {
-      contextRef.value = context;
-    };
-    return () => {
-      const context = contextRef.value;
-      const query = context == null ? void 0 : context.query;
-      return h2(
-        PopoverSlash,
-        {
-          ".editor": editor,
-          ".onContext": onContext
-        },
-        () => {
-          var _a;
-          return (_a = slots.default) == null ? void 0 : _a.call(slots, { query });
-        }
-      );
-    };
-  }
-);
-export {
-  PopoverSlash2 as PopoverSlash
-};

package/dist/prosekit-vue-components-popover-suggestion-consumer.js

@@ -1,14 +0,0 @@
-// src/components/popover-suggestion-consumer.gen.ts
-import "@prosekit/lit/elements/popover-suggestion-consumer";
-import { defineComponent, h } from "vue";
-var PopoverSuggestionConsumer = defineComponent(
-  (props, { slots }) => {
-    return () => {
-      var _a;
-      return h("prosekit-popover-suggestion-consumer", props, (_a = slots.default) == null ? void 0 : _a.call(slots));
-    };
-  }
-);
-export {
-  PopoverSuggestionConsumer
-};

package/dist/prosekit-vue-components-popover2.js

@@ -1,14 +0,0 @@
-// src/components/popover2.gen.ts
-import "@prosekit/lit/elements/popover2";
-import { defineComponent, h } from "vue";
-var Popover2 = defineComponent(
-  (props, { slots }) => {
-    return () => {
-      var _a;
-      return h("prosekit-popover2", props, (_a = slots.default) == null ? void 0 : _a.call(slots));
-    };
-  }
-);
-export {
-  Popover2
-};

package/dist/prosekit-vue-components-slash-popover.js

@@ -1,14 +0,0 @@
-// src/components/slash-popover.gen.ts
-import "@prosekit/lit/elements/slash-popover";
-import { defineComponent, h } from "vue";
-var SlashPopover = defineComponent(
-  (props, { slots }) => {
-    return () => {
-      var _a;
-      return h("prosekit-slash-popover", props, (_a = slots.default) == null ? void 0 : _a.call(slots));
-    };
-  }
-);
-export {
-  SlashPopover
-};