@prosekit/vue 0.4.12 → 0.4.14

package/dist/prosekit-vue.js

@@ -1,252 +1,219 @@
-import {
-  provideEditor,
-  useEditorContext
-} from "./chunk-BD3KKHO6.js";
+import { provideEditor, useEditorContext } from "./editor-context-DKYvJpUt.js";
+import { ProsemirrorAdapterProvider, useMarkViewContext, useMarkViewFactory, useNodeViewContext, useNodeViewFactory } from "@prosemirror-adapter/vue";
+import { computed, defineComponent, h, onMounted, onUnmounted, shallowRef, toValue, triggerRef, watchPostEffect } from "vue";
+import { EditorNotFoundError, ProseKitError, defineDocChangeHandler, defineKeymap, defineMarkViewComponent, defineMarkViewFactory, defineMountHandler, defineNodeViewComponent, defineNodeViewFactory, defineUpdateHandler, union, withPriority } from "@prosekit/core";
 
-// src/components/prosekit.ts
-import { ProsemirrorAdapterProvider } from "@prosemirror-adapter/vue";
-import {
-  defineComponent as defineComponent3,
-  h as h3
-} from "vue";
-
-// src/extensions/vue-mark-view.ts
-import {
-  defineMarkViewComponent,
-  defineMarkViewFactory
-} from "@prosekit/core";
-import {
-  useMarkViewContext,
-  useMarkViewFactory
-} from "@prosemirror-adapter/vue";
-import {
-  computed as computed2,
-  defineComponent,
-  h
-} from "vue";
-
-// src/hooks/use-editor-extension.ts
-import {
-  EditorNotFoundError
-} from "@prosekit/core";
-import {
-  toValue,
-  watchPostEffect
-} from "vue";
+//#region src/hooks/use-editor-extension.ts
+/**
+* @internal
+*/
 function useEditorExtension(editorRef, extensionRef) {
-  const editorContext = useEditorContext();
-  watchPostEffect((onCleanup) => {
-    const editor = toValue(editorRef) || toValue(editorContext);
-    const extension = toValue(extensionRef);
-    if (!editor) {
-      throw new EditorNotFoundError();
-    }
-    if (extension) {
-      onCleanup(editor.use(extension));
-    }
-  });
+	const editorContext = useEditorContext();
+	watchPostEffect((onCleanup) => {
+		const editor = toValue(editorRef) || toValue(editorContext);
+		const extension = toValue(extensionRef);
+		if (!editor) throw new EditorNotFoundError();
+		if (extension) onCleanup(editor.use(extension));
+	});
 }
 
-// src/hooks/use-priority-extension.ts
-import {
-  withPriority
-} from "@prosekit/core";
-import {
-  computed,
-  toValue as toValue2
-} from "vue";
+//#endregion
+//#region src/hooks/use-priority-extension.ts
+/**
+* @internal
+*/
 function usePriorityExtension(extension, priority) {
-  return computed(() => {
-    const ext = toValue2(extension);
-    return ext && priority ? withPriority(ext, priority) : ext;
-  });
+	return computed(() => {
+		const ext = toValue(extension);
+		return ext && priority ? withPriority(ext, priority) : ext;
+	});
 }
 
-// src/hooks/use-extension.ts
+//#endregion
+//#region src/hooks/use-extension.ts
+/**
+* Add an extension to the editor.
+*
+* @public
+*/
 function useExtension(extension, options) {
-  useEditorExtension(
-    options?.editor,
-    usePriorityExtension(extension, options?.priority)
-  );
+	useEditorExtension(options?.editor, usePriorityExtension(extension, options?.priority));
 }
 
-// src/extensions/vue-mark-view.ts
+//#endregion
+//#region src/extensions/vue-mark-view.ts
 function withMarkViewProps(component) {
-  return defineComponent({
-    name: "MarkViewPropsWrapper",
-    setup: () => {
-      const props = useMarkViewContext();
-      return () => h(component, props);
-    }
-  });
+	return defineComponent({
+		name: "MarkViewPropsWrapper",
+		setup: () => {
+			const props = useMarkViewContext();
+			return () => h(component, props);
+		}
+	});
 }
-var VueMarkViewsConsumer = /* @__PURE__ */ defineComponent({
-  name: "VueMarkViewsConsumer",
-  setup: () => {
-    const markViewFactory = useMarkViewFactory();
-    const extension = computed2(() => {
-      return defineVueMarkViewFactory(markViewFactory);
-    });
-    useExtension(extension);
-    return () => null;
-  }
+/**
+* @internal
+*/
+const VueMarkViewsConsumer = /* @__PURE__ */ defineComponent({
+	name: "VueMarkViewsConsumer",
+	setup: () => {
+		const markViewFactory = useMarkViewFactory();
+		const extension = computed(() => {
+			return defineVueMarkViewFactory(markViewFactory);
+		});
+		useExtension(extension);
+		return () => null;
+	}
 });
+/**
+* Defines a mark view using a Vue component.
+*
+* @public
+*/
 function defineVueMarkView(options) {
-  const { name, component, ...userOptions } = options;
-  const args = {
-    ...userOptions,
-    component: withMarkViewProps(component)
-  };
-  return defineMarkViewComponent({
-    group: "vue",
-    name,
-    args
-  });
+	const { name, component,...userOptions } = options;
+	const args = {
+		...userOptions,
+		component: withMarkViewProps(component)
+	};
+	return defineMarkViewComponent({
+		group: "vue",
+		name,
+		args
+	});
 }
 function defineVueMarkViewFactory(factory) {
-  return defineMarkViewFactory({
-    group: "vue",
-    factory
-  });
+	return defineMarkViewFactory({
+		group: "vue",
+		factory
+	});
 }
 
-// src/extensions/vue-node-view.ts
-import {
-  defineNodeViewComponent,
-  defineNodeViewFactory
-} from "@prosekit/core";
-import {
-  useNodeViewContext,
-  useNodeViewFactory
-} from "@prosemirror-adapter/vue";
-import {
-  computed as computed3,
-  defineComponent as defineComponent2,
-  h as h2
-} from "vue";
+//#endregion
+//#region src/extensions/vue-node-view.ts
 function withNodeViewProps(component) {
-  return defineComponent2({
-    name: "NodeViewPropsWrapper",
-    setup: () => {
-      const props = useNodeViewContext();
-      return () => h2(component, props);
-    }
-  });
+	return defineComponent({
+		name: "NodeViewPropsWrapper",
+		setup: () => {
+			const props = useNodeViewContext();
+			return () => h(component, props);
+		}
+	});
 }
-var VueNodeViewsConsumer = /* @__PURE__ */ defineComponent2({
-  name: "VueNodeViewsConsumer",
-  setup: () => {
-    const nodeViewFactory = useNodeViewFactory();
-    const extension = computed3(() => {
-      return defineVueNodeViewFactory(nodeViewFactory);
-    });
-    useExtension(extension);
-    return () => null;
-  }
+/**
+* @internal
+*/
+const VueNodeViewsConsumer = /* @__PURE__ */ defineComponent({
+	name: "VueNodeViewsConsumer",
+	setup: () => {
+		const nodeViewFactory = useNodeViewFactory();
+		const extension = computed(() => {
+			return defineVueNodeViewFactory(nodeViewFactory);
+		});
+		useExtension(extension);
+		return () => null;
+	}
 });
+/**
+* Defines a node view using a Vue component.
+*
+* @public
+*/
 function defineVueNodeView(options) {
-  const { name, component, ...userOptions } = options;
-  const args = {
-    ...userOptions,
-    component: withNodeViewProps(component)
-  };
-  return defineNodeViewComponent({
-    group: "vue",
-    name,
-    args
-  });
+	const { name, component,...userOptions } = options;
+	const args = {
+		...userOptions,
+		component: withNodeViewProps(component)
+	};
+	return defineNodeViewComponent({
+		group: "vue",
+		name,
+		args
+	});
 }
 function defineVueNodeViewFactory(factory) {
-  return defineNodeViewFactory({
-    group: "vue",
-    factory
-  });
+	return defineNodeViewFactory({
+		group: "vue",
+		factory
+	});
 }
 
-// src/components/prosekit.ts
-var ProseKit = defineComponent3(
-  (props, { slots }) => {
-    provideEditor(props.editor);
-    return () => {
-      return h3(ProsemirrorAdapterProvider, null, () => [
-        h3(VueNodeViewsConsumer),
-        h3(VueMarkViewsConsumer),
-        slots.default?.()
-      ]);
-    };
-  },
-  { props: { editor: { type: Object, required: true } } }
-);
+//#endregion
+//#region src/components/prosekit.ts
+/**
+* The root component for a ProseKit editor.
+*
+* @public
+*/
+const ProseKit = defineComponent({
+	name: "ProseKit",
+	props: { editor: {
+		type: Object,
+		required: true
+	} },
+	setup: (props, { slots }) => {
+		provideEditor(props.editor);
+		return () => {
+			return h(ProsemirrorAdapterProvider, null, () => [
+				h(VueNodeViewsConsumer),
+				h(VueMarkViewsConsumer),
+				slots.default?.()
+			]);
+		};
+	}
+});
 
-// src/hooks/use-doc-change.ts
-import { defineDocChangeHandler } from "@prosekit/core";
+//#endregion
+//#region src/hooks/use-doc-change.ts
+/**
+* Calls the given handler whenever the editor document changes.
+*
+* @public
+*/
 function useDocChange(handler, options) {
-  const extension = defineDocChangeHandler((view) => handler(view.state.doc));
-  return useExtension(extension, options);
+	const extension = defineDocChangeHandler((view) => handler(view.state.doc));
+	useExtension(extension, options);
 }
 
-// src/hooks/use-editor.ts
-import {
-  defineMountHandler,
-  defineUpdateHandler,
-  ProseKitError,
-  union
-} from "@prosekit/core";
-import {
-  onMounted,
-  onUnmounted,
-  shallowRef,
-  triggerRef
-} from "vue";
+//#endregion
+//#region src/hooks/use-editor.ts
+/**
+* Retrieves the editor instance from the nearest ProseKit component.
+*
+* @public
+*/
 function useEditor(options) {
-  const update = options?.update ?? false;
-  const editor = useEditorContext();
-  if (!editor) {
-    throw new ProseKitError(
-      "useEditor must be used within the ProseKit component"
-    );
-  }
-  const editorRef = shallowRef(editor);
-  if (update) {
-    onMounted(() => {
-      const forceUpdate = () => triggerRef(editorRef);
-      const extension = union(
-        defineMountHandler(forceUpdate),
-        defineUpdateHandler(forceUpdate)
-      );
-      const dispose = editor.use(extension);
-      onUnmounted(dispose);
-    });
-  }
-  return editorRef;
+	const update = options?.update ?? false;
+	const editor = useEditorContext();
+	if (!editor) throw new ProseKitError("useEditor must be used within the ProseKit component");
+	const editorRef = shallowRef(editor);
+	if (update) onMounted(() => {
+		const forceUpdate = () => triggerRef(editorRef);
+		const extension = union(defineMountHandler(forceUpdate), defineUpdateHandler(forceUpdate));
+		const dispose = editor.use(extension);
+		onUnmounted(dispose);
+	});
+	return editorRef;
 }
 
-// src/hooks/use-keymap.ts
-import {
-  defineKeymap
-} from "@prosekit/core";
-import {
-  computed as computed4,
-  toValue as toValue3
-} from "vue";
+//#endregion
+//#region src/hooks/use-keymap.ts
 function useKeymap(keymap, options) {
-  const extension = computed4(() => defineKeymap(toValue3(keymap)));
-  return useExtension(extension, options);
+	const extension = computed(() => defineKeymap(toValue(keymap)));
+	useExtension(extension, options);
 }
 
-// src/hooks/use-state-update.ts
-import { defineUpdateHandler as defineUpdateHandler2 } from "@prosekit/core";
+//#endregion
+//#region src/hooks/use-state-update.ts
+/**
+* Calls the given handler whenever the editor state changes.
+*
+* @public
+*/
 function useStateUpdate(handler, options) {
-  const extension = defineUpdateHandler2((view) => handler(view.state));
-  return useExtension(extension, options);
+	const extension = defineUpdateHandler((view) => handler(view.state));
+	useExtension(extension, options);
 }
-export {
-  ProseKit,
-  defineVueMarkView,
-  defineVueNodeView,
-  useDocChange,
-  useEditor,
-  useExtension,
-  useKeymap,
-  useStateUpdate
-};
+
+//#endregion
+export { ProseKit, defineVueMarkView, defineVueNodeView, useDocChange, useEditor, useExtension, useKeymap, useStateUpdate };

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "@prosekit/vue",
   "type": "module",
-  "version": "0.4.12",
+  "version": "0.4.14",
   "private": false,
+  "description": "Vue components and utilities for ProseKit",
   "author": {
     "name": "ocavue",
     "email": "ocavue@gmail.com"
@@ -64,9 +65,9 @@
   "dependencies": {
     "@prosemirror-adapter/core": "^0.4.0",
     "@prosemirror-adapter/vue": "^0.4.1",
-    "@prosekit/core": "^0.8.0",
-    "@prosekit/pm": "^0.1.9",
-    "@prosekit/web": "^0.5.7"
+    "@prosekit/core": "^0.8.1",
+    "@prosekit/pm": "^0.1.10",
+    "@prosekit/web": "^0.5.9"
   },
   "peerDependencies": {
     "vue": ">= 3.0.0"
@@ -77,17 +78,33 @@
     }
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^5.2.3",
+    "@vitejs/plugin-vue": "^5.2.4",
     "@vue/test-utils": "^2.4.6",
-    "tsup": "^8.4.0",
-    "typescript": "~5.7.3",
-    "vitest": "^3.0.9",
-    "vue": "^3.5.13",
-    "@prosekit/dev": "0.0.0"
+    "tsdown": "^0.12.4",
+    "typescript": "~5.8.3",
+    "vitest": "^3.1.4",
+    "vue": "^3.5.16",
+    "@prosekit/config-tsdown": "0.0.0",
+    "@prosekit/config-vitest": "0.0.0"
+  },
+  "publishConfig": {
+    "dev": {}
+  },
+  "dev": {
+    "entry": {
+      "prosekit-vue": "./src/index.ts",
+      "prosekit-vue-autocomplete": "./src/components/autocomplete/index.gen.ts",
+      "prosekit-vue-block-handle": "./src/components/block-handle/index.gen.ts",
+      "prosekit-vue-inline-popover": "./src/components/inline-popover/index.gen.ts",
+      "prosekit-vue-popover": "./src/components/popover/index.gen.ts",
+      "prosekit-vue-resizable": "./src/components/resizable/index.gen.ts",
+      "prosekit-vue-table-handle": "./src/components/table-handle/index.gen.ts",
+      "prosekit-vue-tooltip": "./src/components/tooltip/index.gen.ts"
+    }
   },
   "scripts": {
     "build:tsc": "tsc -b tsconfig.json",
-    "build:tsup": "tsup"
+    "build:tsdown": "tsdown"
   },
   "types": "./dist/prosekit-vue.d.ts",
   "typesVersions": {