@prosekit/vue 0.1.3 → 0.1.5

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

@@ -1,15 +1,14 @@
-import { AllowedComponentProps } from 'vue';
 import type { Attrs } from '@prosekit/pm/model';
 import { AutocompleteEmptyProps as AutocompleteEmptyProps_2 } from '@prosekit/lit/autocomplete-empty';
 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 { BaseNodeViewOptions } from '@prosekit/core';
 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 { CommandArgs } from '@prosekit/core';
-import { ComponentCustomProps } from 'vue';
 import { ComponentOptionsMixin } from 'vue';
 import { CoreNodeView } from '@prosemirror-adapter/core';
 import type { CoreNodeViewSpec } from '@prosemirror-adapter/core';
@@ -32,12 +31,14 @@ 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 { PublicProps } from 'vue';
 import { Ref } from 'vue';
 import { RendererElement } from 'vue';
 import { RendererNode } from 'vue';
+import { ResizableHandleProps as ResizableHandleProps_2 } from '@prosekit/lit/resizable-handle';
+import { ResizableProps as ResizableProps_2 } from '@prosekit/lit/resizable';
 import { ShallowRef } from 'vue';
 import { VNode } from 'vue';
-import { VNodeProps } from 'vue';
 import type { VNodeRef } from 'vue';
 
 declare const AutocompleteEmpty: (props: AutocompleteEmptyProps_2 & {
@@ -173,6 +174,18 @@ export { ProseKitProps as ProseKitProps_alias_1 }
 
 export declare function provideEditor(editor: Editor): void;
 
+export declare const Resizable: (props: ResizableProps_2 & {
+    class?: string | undefined;
+} & {}) => any;
+
+export declare const ResizableHandle: (props: ResizableHandleProps_2 & {
+    class?: string | undefined;
+} & {}) => any;
+
+export declare type ResizableHandleProps = PropsWithClass<ResizableHandleProps_2>;
+
+export declare type ResizableProps = PropsWithClass<ResizableProps_2>;
+
 /**
  * Returns a shallow ref to the editor. If `update` is `true`, any editor update
  * will trigger an effect.
@@ -224,11 +237,15 @@ export { VueNodeViewComponent as VueNodeViewComponent_alias_1 }
  *
  * @public
  */
-declare interface VueNodeViewOptions extends VueNodeViewUserOptions {
+declare interface VueNodeViewOptions extends BaseNodeViewOptions {
     /**
-     * The name of the node.
+     * The name of the node type.
      */
     name: string;
+    /**
+     * The Vue component to render the node.
+     */
+    component: VueNodeViewComponent;
 }
 export { VueNodeViewOptions }
 export { VueNodeViewOptions as VueNodeViewOptions_alias_1 }
@@ -265,11 +282,11 @@ export declare interface VueRendererResult {
     readonly removeVueRenderer: (renderer: VueRenderer<unknown>) => void;
 }
 
-export declare const VueViewsConsumer: DefineComponent<    {}, () => null, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<    {}>>, {}, {}>;
+export declare const VueViewsConsumer: DefineComponent<    {}, () => null, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {}>>, {}, {}>;
 
 declare const VueViewsProvider: DefineComponent<    {}, () => VNode<RendererNode, RendererElement, {
 [key: string]: any;
-}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<    {}>>, {}, {}>;
+}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {}>>, {}, {}>;
 export { VueViewsProvider }
 export { VueViewsProvider as VueViewsProvider_alias_1 }
 

package/dist/prosekit-vue-resizable-handle.d.ts

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

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

@@ -0,0 +1,19 @@
+// src/components/resizable-handle.gen.ts
+import "@prosekit/lit/resizable-handle";
+import { propNames } from "@prosekit/lit/resizable-handle";
+import { defineComponent, h } from "vue";
+var ResizableHandle = 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-resizable-handle", webComponentProps, (_a = slots.default) == null ? void 0 : _a.call(slots));
+    };
+  },
+  { props: ["class", ...propNames] }
+);
+export {
+  ResizableHandle
+};

package/dist/prosekit-vue-resizable.d.ts

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

package/dist/prosekit-vue-resizable.js

@@ -0,0 +1,19 @@
+// src/components/resizable.gen.ts
+import "@prosekit/lit/resizable";
+import { propNames } from "@prosekit/lit/resizable";
+import { defineComponent, h } from "vue";
+var Resizable = 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-resizable", webComponentProps, (_a = slots.default) == null ? void 0 : _a.call(slots));
+    };
+  },
+  { props: ["class", ...propNames] }
+);
+export {
+  Resizable
+};

package/dist/prosekit-vue.js

@@ -186,7 +186,9 @@ var VueViewsProvider = defineComponent2({
 import { computed, defineComponent as defineComponent3 } from "vue";
 
 // src/extensions/vue-node-view.ts
-import { defineNodeViewFactory } from "@prosekit/core";
+import {
+  defineNodeViewFactory
+} from "@prosekit/core";
 function defineVueNodeView(options) {
   const { name, ...userOptions } = options;
   return defineNodeViewFactory({

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/vue",
   "type": "module",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -79,15 +79,25 @@
       "types": "./dist/prosekit-vue-popover.d.ts",
       "import": "./dist/prosekit-vue-popover.js",
       "default": "./dist/prosekit-vue-popover.js"
+    },
+    "./resizable": {
+      "types": "./dist/prosekit-vue-resizable.d.ts",
+      "import": "./dist/prosekit-vue-resizable.js",
+      "default": "./dist/prosekit-vue-resizable.js"
+    },
+    "./resizable-handle": {
+      "types": "./dist/prosekit-vue-resizable-handle.d.ts",
+      "import": "./dist/prosekit-vue-resizable-handle.js",
+      "default": "./dist/prosekit-vue-resizable-handle.js"
     }
   },
   "files": [
     "dist"
   ],
   "dependencies": {
-    "@prosekit/core": "^0.1.0",
-    "@prosekit/lit": "^0.1.0",
-    "@prosekit/pm": "^0.1.0",
+    "@prosekit/core": "^0.2.2",
+    "@prosekit/lit": "^0.1.7",
+    "@prosekit/pm": "^0.1.1",
     "@prosemirror-adapter/core": "^0.2.6"
   },
   "peerDependencies": {
@@ -102,8 +112,8 @@
     "@prosekit/dev": "*",
     "tsup": "^8.0.1",
     "typescript": "^5.3.3",
-    "vitest": "^1.0.4",
-    "vue": "^3.3.11"
+    "vitest": "^1.1.3",
+    "vue": "^3.4.5"
   },
   "scripts": {
     "build:tsup": "tsup",
@@ -144,6 +154,12 @@
       ],
       "popover": [
         "./dist/prosekit-vue-popover.d.ts"
+      ],
+      "resizable": [
+        "./dist/prosekit-vue-resizable.d.ts"
+      ],
+      "resizable-handle": [
+        "./dist/prosekit-vue-resizable-handle.d.ts"
       ]
     }
   }