@prosekit/vue 0.3.3 → 0.3.5

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

@@ -6,7 +6,6 @@ import { AutocompletePopoverProps } from '@prosekit/web/autocomplete';
 import { BaseNodeViewOptions } from '@prosekit/core';
 import { BlockDragHandleProps } from '@prosekit/web/block-handle';
 import { BlockPopoverProps } from '@prosekit/web/block-handle';
-import { CommandArgs } from '@prosekit/core';
 import { ComponentOptionsMixin } from 'vue';
 import { ComputedRef } from 'vue';
 import { CoreNodeView } from '@prosemirror-adapter/core';
@@ -20,7 +19,6 @@ import { Editor } from '@prosekit/core';
 import type { EditorState } from '@prosekit/pm/state';
 import type { EditorView } from '@prosekit/pm/view';
 import { Extension } from '@prosekit/core';
-import { ExtensionTyping } from '@prosekit/core';
 import { ExtractPropTypes } from 'vue';
 import type { InjectionKey } from 'vue';
 import { InlinePopoverProps } from '@prosekit/web/inline-popover';
@@ -109,7 +107,7 @@ export { defineVueNodeView as defineVueNodeView_alias_1 }
 /**
  * @internal
  */
-export declare function defineVueNodeViewFactory(nodeViewFactory: NodeViewFactory): Extension<ExtensionTyping<string, string, CommandArgs>>;
+export declare function defineVueNodeViewFactory(nodeViewFactory: NodeViewFactory): Extension<any>;
 
 declare const InlinePopover: DefineSetupFnComponent<Partial<InlinePopoverProps> & {
 class?: string | undefined;

package/dist/chunk-2Y66HAUD.js

@@ -0,0 +1,29 @@
+import {
+  useEditorContext
+} from "./chunk-X5DTEZPX.js";
+
+// src/components/create-component.ts
+import { defineComponent, h } from "vue";
+function createComponent(tagName, displayName, defaultProps) {
+  let propertyNames = Object.keys(defaultProps), hasEditor = Object.hasOwn(defaultProps, "editor");
+  return defineComponent(
+    (props, { slots }) => {
+      let editor = useEditorContext();
+      return () => {
+        var _a;
+        let p = {};
+        for (let [key, value] of Object.entries(props))
+          value !== void 0 && (p[propertyNames.includes(key) ? "." + key : key] = value);
+        return hasEditor && editor && !p.editor && (p.editor = editor), h(tagName, p, (_a = slots.default) == null ? void 0 : _a.call(slots));
+      };
+    },
+    {
+      props: propertyNames,
+      name: displayName
+    }
+  );
+}
+
+export {
+  createComponent
+};

package/dist/prosekit-vue-autocomplete.js

@@ -1,6 +1,6 @@
 import {
   createComponent
-} from "./chunk-64DHEPDA.js";
+} from "./chunk-2Y66HAUD.js";
 import "./chunk-X5DTEZPX.js";
 
 // src/components/autocomplete/autocomplete-empty.gen.ts

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

@@ -1,6 +1,6 @@
 import {
   createComponent
-} from "./chunk-64DHEPDA.js";
+} from "./chunk-2Y66HAUD.js";
 import "./chunk-X5DTEZPX.js";
 
 // src/components/block-handle/block-drag-handle.gen.ts

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

@@ -1,6 +1,6 @@
 import {
   createComponent
-} from "./chunk-64DHEPDA.js";
+} from "./chunk-2Y66HAUD.js";
 import "./chunk-X5DTEZPX.js";
 
 // src/components/inline-popover/inline-popover.gen.ts

package/dist/prosekit-vue-popover.js

@@ -1,6 +1,6 @@
 import {
   createComponent
-} from "./chunk-64DHEPDA.js";
+} from "./chunk-2Y66HAUD.js";
 import "./chunk-X5DTEZPX.js";
 
 // src/components/popover/popover-content.gen.ts

package/dist/prosekit-vue-resizable.js

@@ -1,6 +1,6 @@
 import {
   createComponent
-} from "./chunk-64DHEPDA.js";
+} from "./chunk-2Y66HAUD.js";
 import "./chunk-X5DTEZPX.js";
 
 // src/components/resizable/resizable-handle.gen.ts

package/dist/prosekit-vue-tooltip.js

@@ -1,6 +1,6 @@
 import {
   createComponent
-} from "./chunk-64DHEPDA.js";
+} from "./chunk-2Y66HAUD.js";
 import "./chunk-X5DTEZPX.js";
 
 // src/components/tooltip/tooltip-content.gen.ts

package/dist/prosekit-vue.js

@@ -17,10 +17,9 @@ var nodeViewFactoryKey = Symbol(
   "[ProseKit]useNodeViewFactory"
 );
 function useNodeViewFactory() {
-  const nodeViewFactory = inject(nodeViewFactoryKey);
-  if (!nodeViewFactory) {
+  let nodeViewFactory = inject(nodeViewFactoryKey);
+  if (!nodeViewFactory)
     throw new ProseKitError("Cannot find node view factory context.");
-  }
   return nodeViewFactory;
 }
 
@@ -34,8 +33,7 @@ var VueNodeView = class extends CoreNodeView {
     this.key = _getId();
     this.context = {
       contentRef: (element) => {
-        if (element && element instanceof HTMLElement && this.contentDOM && element.firstChild !== this.contentDOM)
-          element.appendChild(this.contentDOM);
+        element && element instanceof HTMLElement && this.contentDOM && element.firstChild !== this.contentDOM && element.appendChild(this.contentDOM);
       },
       view: this.view,
       getPos: this.getPos,
@@ -52,26 +50,23 @@ var VueNodeView = class extends CoreNodeView {
         decorations: this.decorations,
         innerDecorations: this.innerDecorations
       }).forEach(([key, value]) => {
-        const prev = this.context[key];
-        if (prev.value !== value)
-          prev.value = value;
+        let prev = this.context[key];
+        prev.value !== value && (prev.value = value);
       });
     };
     this.render = () => {
-      const UserComponent = this.component;
+      let UserComponent = this.component;
       return markRaw(
         defineComponent({
           name: "ProsemirrorNodeView",
-          setup: () => {
-            return () => h(
-              Teleport,
-              {
-                key: this.key,
-                to: this.dom
-              },
-              h(UserComponent, this.context)
-            );
-          }
+          setup: () => () => h(
+            Teleport,
+            {
+              key: this.key,
+              to: this.dom
+            },
+            h(UserComponent, this.context)
+          )
         })
       );
     };
@@ -80,8 +75,8 @@ var VueNodeView = class extends CoreNodeView {
 
 // src/views/node-view/use-vue-node-view-creator.ts
 function useVueNodeViewCreator(renderVueRenderer, removeVueRenderer) {
-  const createVueNodeView = (options) => (node, view, getPos, decorations, innerDecorations) => {
-    const nodeView = new VueNodeView({
+  return (options) => (node, view, getPos, decorations, innerDecorations) => {
+    let nodeView = new VueNodeView({
       node,
       view,
       getPos,
@@ -91,30 +86,24 @@ function useVueNodeViewCreator(renderVueRenderer, removeVueRenderer) {
         ...options,
         onUpdate() {
           var _a;
-          (_a = options.onUpdate) == null ? void 0 : _a.call(options);
-          nodeView.updateContext();
+          (_a = options.onUpdate) == null || _a.call(options), nodeView.updateContext();
         },
         selectNode() {
           var _a;
-          (_a = options.selectNode) == null ? void 0 : _a.call(options);
-          nodeView.updateContext();
+          (_a = options.selectNode) == null || _a.call(options), nodeView.updateContext();
         },
         deselectNode() {
           var _a;
-          (_a = options.deselectNode) == null ? void 0 : _a.call(options);
-          nodeView.updateContext();
+          (_a = options.deselectNode) == null || _a.call(options), nodeView.updateContext();
         },
         destroy() {
           var _a;
-          (_a = options.destroy) == null ? void 0 : _a.call(options);
-          removeVueRenderer(nodeView);
+          (_a = options.destroy) == null || _a.call(options), removeVueRenderer(nodeView);
         }
       }
     });
-    renderVueRenderer(nodeView);
-    return nodeView;
+    return renderVueRenderer(nodeView), nodeView;
   };
-  return createVueNodeView;
 }
 
 // src/views/vue-renderer.ts
@@ -126,29 +115,22 @@ import {
   ref
 } from "vue";
 function useVueRenderer() {
-  const portals = ref({});
-  const instance = getCurrentInstance();
-  const update = markRaw2({});
-  onBeforeMount(() => {
+  let portals = ref({}), instance = getCurrentInstance(), update = markRaw2({});
+  return onBeforeMount(() => {
     update.updater = () => {
-      instance == null ? void 0 : instance.update();
+      instance == null || instance.update();
     };
-  });
-  onUnmounted(() => {
+  }), onUnmounted(() => {
     update.updater = void 0;
-  });
-  const renderVueRenderer = (renderer) => {
-    var _a;
-    portals.value[renderer.key] = renderer.render();
-    (_a = update.updater) == null ? void 0 : _a.call(update);
-  };
-  const removeVueRenderer = (renderer) => {
-    delete portals.value[renderer.key];
-  };
-  return {
+  }), {
     portals,
-    renderVueRenderer,
-    removeVueRenderer
+    renderVueRenderer: (renderer) => {
+      var _a;
+      portals.value[renderer.key] = renderer.render(), (_a = update.updater) == null || _a.call(update);
+    },
+    removeVueRenderer: (renderer) => {
+      delete portals.value[renderer.key];
+    }
   };
 }
 
@@ -156,13 +138,11 @@ function useVueRenderer() {
 var VueViewsProvider = defineComponent2({
   name: "VueViewsProvider",
   setup: (_, { slots }) => {
-    const { portals, renderVueRenderer, removeVueRenderer } = useVueRenderer();
-    const createVueNodeView = useVueNodeViewCreator(
+    let { portals, renderVueRenderer, removeVueRenderer } = useVueRenderer(), createVueNodeView = useVueNodeViewCreator(
       renderVueRenderer,
       removeVueRenderer
     );
-    provide(nodeViewFactoryKey, createVueNodeView);
-    return () => {
+    return provide(nodeViewFactoryKey, createVueNodeView), () => {
       var _a;
       return h2(Fragment, null, [
         (_a = slots.default) == null ? void 0 : _a.call(slots),
@@ -180,7 +160,7 @@ import {
   defineNodeViewFactory
 } from "@prosekit/core";
 function defineVueNodeView(options) {
-  const { name, ...userOptions } = options;
+  let { name, ...userOptions } = options;
   return defineNodeViewFactory({
     group: "vue",
     name,
@@ -202,16 +182,12 @@ import "vue";
 import { EditorNotFoundError } from "@prosekit/core";
 import { toValue, watchPostEffect } from "vue";
 function useEditorExtension(editorRef, extensionRef) {
-  const editorContext = useEditorContext();
+  let editorContext = useEditorContext();
   watchPostEffect((onCleanup) => {
-    const editor = toValue(editorRef) || toValue(editorContext);
-    const extension = toValue(extensionRef);
-    if (!editor) {
+    let editor = toValue(editorRef) || toValue(editorContext), extension = toValue(extensionRef);
+    if (!editor)
       throw new EditorNotFoundError();
-    }
-    if (extension) {
-      onCleanup(editor.use(extension));
-    }
+    extension && onCleanup(editor.use(extension));
   });
 }
 
@@ -220,7 +196,7 @@ import { withPriority } from "@prosekit/core";
 import { computed, toValue as toValue2 } from "vue";
 function usePriorityExtension(extension, priority) {
   return computed(() => {
-    const ext = toValue2(extension);
+    let ext = toValue2(extension);
     return ext && priority ? withPriority(ext, priority) : ext;
   });
 }
@@ -237,29 +213,20 @@ function useExtension(extension, options) {
 var VueViewsConsumer = defineComponent3({
   name: "VueViewsConsumer",
   setup: () => {
-    const nodeViewFactory = useNodeViewFactory();
-    const extension = computed2(() => {
-      return defineVueNodeViewFactory(nodeViewFactory);
-    });
-    useExtension(extension);
-    return () => null;
+    let nodeViewFactory = useNodeViewFactory(), extension = computed2(() => defineVueNodeViewFactory(nodeViewFactory));
+    return useExtension(extension), () => null;
   }
 });
 
 // src/components/prosekit.ts
 var ProseKit = defineComponent4(
-  (props, { slots }) => {
-    provideEditor(props.editor);
-    return () => {
-      return h3(VueViewsProvider, null, () => {
-        var _a;
-        return [
-          h3(VueViewsConsumer),
-          (_a = slots.default) == null ? void 0 : _a.call(slots)
-        ];
-      });
-    };
-  },
+  (props, { slots }) => (provideEditor(props.editor), () => h3(VueViewsProvider, null, () => {
+    var _a;
+    return [
+      h3(VueViewsConsumer),
+      (_a = slots.default) == null ? void 0 : _a.call(slots)
+    ];
+  })),
   { props: ["editor"] }
 );
 
@@ -278,47 +245,40 @@ import {
 } from "vue";
 function useEditor(options) {
   var _a;
-  const update = (_a = options == null ? void 0 : options.update) != null ? _a : false;
-  const editor = useEditorContext();
-  if (!editor) {
+  let update = (_a = options == null ? void 0 : options.update) != null ? _a : !1, editor = useEditorContext();
+  if (!editor)
     throw new ProseKitError2(
       "useEditor must be used within the ProseKit component"
     );
-  }
-  const editorRef = shallowRef2(editor);
-  if (update) {
-    onMounted(() => {
-      const forceUpdate = () => triggerRef(editorRef);
-      const extension = union([
-        defineMountHandler(forceUpdate),
-        defineUpdateHandler(forceUpdate)
-      ]);
-      const dispose = editor.use(extension);
-      onUnmounted2(dispose);
-    });
-  }
-  return editorRef;
+  let editorRef = shallowRef2(editor);
+  return update && onMounted(() => {
+    let forceUpdate = () => triggerRef(editorRef), extension = union([
+      defineMountHandler(forceUpdate),
+      defineUpdateHandler(forceUpdate)
+    ]), dispose = editor.use(extension);
+    onUnmounted2(dispose);
+  }), editorRef;
 }
 
 // src/hooks/use-keymap.ts
 import { defineKeymap } from "@prosekit/core";
 import { computed as computed3, toValue as toValue3 } from "vue";
 function useKeymap(keymap, options) {
-  const extension = computed3(() => defineKeymap(toValue3(keymap)));
+  let extension = computed3(() => defineKeymap(toValue3(keymap)));
   return useExtension(extension, options);
 }
 
 // src/hooks/use-state-update.ts
 import { defineUpdateHandler as defineUpdateHandler2 } from "@prosekit/core";
 function useStateUpdate(handler, options) {
-  const extension = defineUpdateHandler2((view) => handler(view.state));
+  let extension = defineUpdateHandler2((view) => handler(view.state));
   return useExtension(extension, options);
 }
 
 // src/hooks/use-doc-change.ts
 import { defineDocChangeHandler } from "@prosekit/core";
 function useDocChange(handler, options) {
-  const extension = defineDocChangeHandler((view) => handler(view.state.doc));
+  let extension = defineDocChangeHandler((view) => handler(view.state.doc));
   return useExtension(extension, options);
 }
 export {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/vue",
   "type": "module",
-  "version": "0.3.3",
+  "version": "0.3.5",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -65,10 +65,10 @@
     "dist"
   ],
   "dependencies": {
-    "@prosekit/core": "^0.5.0",
-    "@prosekit/pm": "^0.1.3",
-    "@prosekit/web": "^0.1.6",
-    "@prosemirror-adapter/core": "^0.2.6"
+    "@prosemirror-adapter/core": "^0.2.6",
+    "@prosekit/core": "^0.5.5",
+    "@prosekit/pm": "^0.1.5",
+    "@prosekit/web": "^0.1.10"
   },
   "peerDependencies": {
     "vue": ">= 3.0.0"
@@ -79,11 +79,11 @@
     }
   },
   "devDependencies": {
-    "@prosekit/dev": "*",
-    "tsup": "^8.0.2",
+    "tsup": "^8.1.0",
     "typescript": "^5.4.5",
     "vitest": "^1.6.0",
-    "vue": "^3.4.26"
+    "vue": "^3.4.27",
+    "@prosekit/dev": "0.0.0"
   },
   "scripts": {
     "build:tsup": "tsup",

package/dist/chunk-64DHEPDA.js

@@ -1,37 +0,0 @@
-import {
-  useEditorContext
-} from "./chunk-X5DTEZPX.js";
-
-// src/components/create-component.ts
-import { defineComponent, h } from "vue";
-function createComponent(tagName, displayName, defaultProps) {
-  const propertyNames = Object.keys(defaultProps);
-  const hasEditor = Object.hasOwn(defaultProps, "editor");
-  const Component = defineComponent(
-    (props, { slots }) => {
-      const editor = useEditorContext();
-      return () => {
-        var _a;
-        const p = {};
-        for (const [key, value] of Object.entries(props)) {
-          if (value !== void 0) {
-            p[propertyNames.includes(key) ? "." + key : key] = value;
-          }
-        }
-        if (hasEditor && editor && !p["editor"]) {
-          p.editor = editor;
-        }
-        return h(tagName, p, (_a = slots.default) == null ? void 0 : _a.call(slots));
-      };
-    },
-    {
-      props: propertyNames,
-      name: displayName
-    }
-  );
-  return Component;
-}
-
-export {
-  createComponent
-};