@blockslides/extension-drag-handle-vue-2 0.1.0

package/dist/index.js

@@ -0,0 +1,66 @@
+// src/DragHandle.ts
+import {
+  defaultComputePositionConfig,
+  DragHandlePlugin,
+  dragHandlePluginDefaultKey
+} from "@blockslides/extension-drag-handle";
+import Vue from "vue";
+var DragHandle = Vue.extend({
+  name: "DragHandleVue",
+  props: {
+    pluginKey: {
+      type: [String, Object],
+      default: () => dragHandlePluginDefaultKey
+    },
+    editor: {
+      type: Object,
+      required: true
+    },
+    computePositionConfig: {
+      type: Object,
+      default: () => ({})
+    },
+    onNodeChange: {
+      type: Function,
+      default: null
+    },
+    class: {
+      type: String,
+      default: "drag-handle"
+    }
+  },
+  mounted() {
+    const { editor, pluginKey, onNodeChange } = this.$props;
+    editor.registerPlugin(
+      DragHandlePlugin({
+        editor,
+        element: this.$el,
+        pluginKey,
+        computePositionConfig: { ...defaultComputePositionConfig, ...this.computePositionConfig },
+        onNodeChange
+      }).plugin
+    );
+  },
+  // eslint-disable-next-line vue/no-deprecated-destroyed-lifecycle
+  beforeDestroy() {
+    const { pluginKey, editor } = this.$props;
+    editor.unregisterPlugin(pluginKey);
+  },
+  render(h) {
+    return h(
+      "div",
+      {
+        class: this.class
+      },
+      this.$slots.default
+    );
+  }
+});
+
+// src/index.ts
+var index_default = DragHandle;
+export {
+  DragHandle,
+  index_default as default
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/DragHandle.ts","../src/index.ts"],"sourcesContent":["import type { Editor } from '@blockslides/core'\nimport {\n  type DragHandlePluginProps,\n  defaultComputePositionConfig,\n  DragHandlePlugin,\n  dragHandlePluginDefaultKey,\n} from '@blockslides/extension-drag-handle'\nimport Vue, { type PropType } from 'vue'\n\ntype Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>\n\nexport type DragHandleProps = Omit<Optional<DragHandlePluginProps, 'pluginKey'>, 'element'> & {\n  class?: string\n  onNodeChange?: (data: { node: Node | null; editor: Editor; pos: number }) => void\n}\n\nexport const DragHandle = Vue.extend({\n  name: 'DragHandleVue',\n\n  props: {\n    pluginKey: {\n      type: [String, Object] as PropType<DragHandleProps['pluginKey']>,\n      default: () => dragHandlePluginDefaultKey,\n    },\n\n    editor: {\n      type: Object as PropType<DragHandleProps['editor']>,\n      required: true,\n    },\n\n    computePositionConfig: {\n      type: Object as PropType<DragHandleProps['computePositionConfig']>,\n      default: () => ({}),\n    },\n\n    onNodeChange: {\n      type: Function as PropType<DragHandleProps['onNodeChange']>,\n      default: null,\n    },\n\n    class: {\n      type: String as PropType<DragHandleProps['class']>,\n      default: 'drag-handle',\n    },\n  },\n\n  mounted() {\n    const { editor, pluginKey, onNodeChange } = this.$props\n\n    editor.registerPlugin(\n      DragHandlePlugin({\n        editor,\n        element: this.$el as HTMLElement,\n        pluginKey,\n        computePositionConfig: { ...defaultComputePositionConfig, ...this.computePositionConfig },\n        onNodeChange,\n      }).plugin,\n    )\n  },\n\n  // eslint-disable-next-line vue/no-deprecated-destroyed-lifecycle\n  beforeDestroy() {\n    const { pluginKey, editor } = this.$props\n\n    editor.unregisterPlugin(pluginKey as string)\n  },\n\n  render(h) {\n    return h(\n      'div',\n      {\n        class: this.class,\n      },\n      this.$slots.default,\n    )\n  },\n})\n","import { DragHandle } from './DragHandle.js'\n\nexport * from './DragHandle.js'\n\nexport default DragHandle\n"],"mappings":";AACA;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,OAAO,SAA4B;AAS5B,IAAM,aAAa,IAAI,OAAO;AAAA,EACnC,MAAM;AAAA,EAEN,OAAO;AAAA,IACL,WAAW;AAAA,MACT,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS,MAAM;AAAA,IACjB;AAAA,IAEA,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,IACZ;AAAA,IAEA,uBAAuB;AAAA,MACrB,MAAM;AAAA,MACN,SAAS,OAAO,CAAC;AAAA,IACnB;AAAA,IAEA,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,UAAU;AACR,UAAM,EAAE,QAAQ,WAAW,aAAa,IAAI,KAAK;AAEjD,WAAO;AAAA,MACL,iBAAiB;AAAA,QACf;AAAA,QACA,SAAS,KAAK;AAAA,QACd;AAAA,QACA,uBAAuB,EAAE,GAAG,8BAA8B,GAAG,KAAK,sBAAsB;AAAA,QACxF;AAAA,MACF,CAAC,EAAE;AAAA,IACL;AAAA,EACF;AAAA;AAAA,EAGA,gBAAgB;AACd,UAAM,EAAE,WAAW,OAAO,IAAI,KAAK;AAEnC,WAAO,iBAAiB,SAAmB;AAAA,EAC7C;AAAA,EAEA,OAAO,GAAG;AACR,WAAO;AAAA,MACL;AAAA,MACA;AAAA,QACE,OAAO,KAAK;AAAA,MACd;AAAA,MACA,KAAK,OAAO;AAAA,IACd;AAAA,EACF;AACF,CAAC;;;ACxED,IAAO,gBAAQ;","names":[]}

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@blockslides/extension-drag-handle-vue-2",
+  "description": "drag handle extension for blockslides with vue 2",
+  "version": "0.1.0",
+  "keywords": [
+    "blockslides",
+    "blockslides extension"
+  ],
+  "author": "keivanmojmali",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/keivanmojmali/blockslides",
+    "directory": "packages/extension-drag-handle-vue-2"
+  },
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.ts",
+        "require": "./dist/index.d.cts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "src",
+    "dist"
+  ],
+  "peerDependencies": {
+    "vue": "^2.0.0",
+    "@blockslides/extension-drag-handle": "^0.1.0",
+    "@blockslides/pm": "^0.1.0"
+  },
+  "devDependencies": {
+    "vue": "^2.0.0",
+    "vue-ts-types": "1.6.2",
+    "@blockslides/extension-drag-handle": "^0.1.0",
+    "@blockslides/pm": "^0.1.0"
+  },
+  "scripts": {
+    "build": "tsup",
+    "lint": "prettier ./src/ --check && eslint --cache --quiet --no-error-on-unmatched-pattern ./src/"
+  }
+}

package/src/DragHandle.ts

@@ -0,0 +1,77 @@
+import type { Editor } from '@blockslides/core'
+import {
+  type DragHandlePluginProps,
+  defaultComputePositionConfig,
+  DragHandlePlugin,
+  dragHandlePluginDefaultKey,
+} from '@blockslides/extension-drag-handle'
+import Vue, { type PropType } from 'vue'
+
+type Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>
+
+export type DragHandleProps = Omit<Optional<DragHandlePluginProps, 'pluginKey'>, 'element'> & {
+  class?: string
+  onNodeChange?: (data: { node: Node | null; editor: Editor; pos: number }) => void
+}
+
+export const DragHandle = Vue.extend({
+  name: 'DragHandleVue',
+
+  props: {
+    pluginKey: {
+      type: [String, Object] as PropType<DragHandleProps['pluginKey']>,
+      default: () => dragHandlePluginDefaultKey,
+    },
+
+    editor: {
+      type: Object as PropType<DragHandleProps['editor']>,
+      required: true,
+    },
+
+    computePositionConfig: {
+      type: Object as PropType<DragHandleProps['computePositionConfig']>,
+      default: () => ({}),
+    },
+
+    onNodeChange: {
+      type: Function as PropType<DragHandleProps['onNodeChange']>,
+      default: null,
+    },
+
+    class: {
+      type: String as PropType<DragHandleProps['class']>,
+      default: 'drag-handle',
+    },
+  },
+
+  mounted() {
+    const { editor, pluginKey, onNodeChange } = this.$props
+
+    editor.registerPlugin(
+      DragHandlePlugin({
+        editor,
+        element: this.$el as HTMLElement,
+        pluginKey,
+        computePositionConfig: { ...defaultComputePositionConfig, ...this.computePositionConfig },
+        onNodeChange,
+      }).plugin,
+    )
+  },
+
+  // eslint-disable-next-line vue/no-deprecated-destroyed-lifecycle
+  beforeDestroy() {
+    const { pluginKey, editor } = this.$props
+
+    editor.unregisterPlugin(pluginKey as string)
+  },
+
+  render(h) {
+    return h(
+      'div',
+      {
+        class: this.class,
+      },
+      this.$slots.default,
+    )
+  },
+})

package/src/index.ts

@@ -0,0 +1,5 @@
+import { DragHandle } from './DragHandle.js'
+
+export * from './DragHandle.js'
+
+export default DragHandle