@multiplatform.one/rich-text 6.0.0

package/dist/esm/RichTextEditor/index.mjs

@@ -0,0 +1,123 @@
+import { useCallback, useRef, useState } from "react";
+import { YStack } from "tamagui";
+import { Field, FieldLayout, Skeleton, getFieldError, mergeFieldHandler, useFormField, useResolvedValidators } from "@multiplatform.one/forms";
+import { RichEditor } from "../RichEditor.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+const richTextIsEmpty = v => !v || v === "<p></p>" || v === "";
+function RichTextEditor(props) {
+  const {
+    defaultValue = "",
+    form,
+    placeholder = "Write something...",
+    disabled,
+    readOnly,
+    minHeight = 150,
+    maxHeight,
+    mode,
+    name,
+    preserveValue,
+    validators,
+    label,
+    labelProps,
+    error: errorProp,
+    helperText,
+    required,
+    size,
+    value: controlledValue,
+    onChange,
+    onBlur,
+    showToolbar = true,
+    compact = false,
+    showBubbleToolbar = false,
+    sections,
+    skeleton,
+    ..._restProps
+  } = props;
+  const {
+    resolvedForm,
+    knobProps,
+    id
+  } = useFormField({
+    form
+  });
+  const resolvedValidators = useResolvedValidators(required, validators, label, name, richTextIsEmpty);
+  const editorRef = useRef(null);
+  const [internalValue, setInternalValue] = useState(controlledValue ?? defaultValue);
+  const value = controlledValue ?? internalValue;
+  const handleChange = useCallback(html => {
+    setInternalValue(html);
+    onChange?.(html);
+  }, [onChange]);
+  if (skeleton) {
+    return /* @__PURE__ */jsxs(YStack, {
+      gap: "$2",
+      children: [label && /* @__PURE__ */jsx(Skeleton, {
+        variant: "text",
+        width: "30%",
+        height: 14
+      }), /* @__PURE__ */jsx(Skeleton, {
+        variant: "rounded",
+        width: "100%",
+        height: minHeight
+      })]
+    });
+  }
+  const renderEditor = (currentValue, onValueChange, handleBlur, hasError) => {
+    return /* @__PURE__ */jsx(RichEditor, {
+      ref: editorRef,
+      initialContent: currentValue,
+      onChange: html => onValueChange(html),
+      onBlur: handleBlur,
+      placeholder,
+      editable: !disabled && !readOnly,
+      minHeight,
+      maxHeight,
+      showToolbar,
+      showBubbleToolbar,
+      sections,
+      hasError,
+      size,
+      compact
+    });
+  };
+  if (!resolvedForm || !name) {
+    return /* @__PURE__ */jsx(FieldLayout, {
+      id,
+      label,
+      labelProps,
+      error: errorProp,
+      helperText,
+      required,
+      size,
+      knobProps,
+      onBlur,
+      children: renderEditor(value, handleChange, onBlur, !!errorProp)
+    });
+  }
+  return /* @__PURE__ */jsx(Field, {
+    defaultValue,
+    form: resolvedForm,
+    mode,
+    name,
+    preserveValue,
+    validators: resolvedValidators,
+    children: field => {
+      const resolvedError = getFieldError(field, errorProp);
+      const fieldValue = field.state.value ?? "";
+      return /* @__PURE__ */jsx(FieldLayout, {
+        id,
+        label,
+        labelProps,
+        error: resolvedError,
+        helperText,
+        required,
+        size,
+        knobProps,
+        onBlur: mergeFieldHandler(field, "handleBlur", onBlur),
+        children: renderEditor(fieldValue, v => field.handleChange(v), () => field.handleBlur(), !!resolvedError)
+      });
+    }
+  });
+}
+export { RichTextEditor };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/RichTextEditor/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useRef","useState","YStack","Field","FieldLayout","Skeleton","getFieldError","mergeFieldHandler","useFormField","useResolvedValidators","RichEditor","jsx","jsxs","richTextIsEmpty","v","RichTextEditor","props","defaultValue","form","placeholder","disabled","readOnly","minHeight","maxHeight","mode","name","preserveValue","validators","label","labelProps","error","errorProp","helperText","required","size","value","controlledValue","onChange","onBlur","showToolbar","compact","showBubbleToolbar","sections","skeleton","_restProps","resolvedForm","knobProps","id","resolvedValidators","editorRef","internalValue","setInternalValue","handleChange","html","gap","children","variant","width","height","renderEditor","currentValue","onValueChange","handleBlur","hasError","ref","initialContent","editable","field","resolvedError","fieldValue","state"],"sources":["../../../src/RichTextEditor/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/RichTextEditor/index.native.js

@@ -0,0 +1,132 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useRef, useState } from "react";
+import { YStack } from "tamagui";
+import { Field, FieldLayout, Skeleton, getFieldError, mergeFieldHandler, useFormField, useResolvedValidators } from "@multiplatform.one/forms";
+import { RichEditor } from "../RichEditor.native.js";
+var richTextIsEmpty = function richTextIsEmpty2(v) {
+  return !v || v === "<p></p>" || v === "";
+};
+function RichTextEditor(props) {
+  var {
+    defaultValue = "",
+    form,
+    placeholder = "Write something...",
+    disabled,
+    readOnly,
+    minHeight = 150,
+    maxHeight,
+    mode,
+    name,
+    preserveValue,
+    validators,
+    label,
+    labelProps,
+    error: errorProp,
+    helperText,
+    required,
+    size,
+    value: controlledValue,
+    onChange,
+    onBlur,
+    showToolbar = true,
+    compact = false,
+    showBubbleToolbar = false,
+    sections,
+    skeleton,
+    ..._restProps
+  } = props;
+  var {
+    resolvedForm,
+    knobProps,
+    id
+  } = useFormField({
+    form
+  });
+  var resolvedValidators = useResolvedValidators(required, validators, label, name, richTextIsEmpty);
+  var editorRef = useRef(null);
+  var [internalValue, setInternalValue] = useState(controlledValue !== null && controlledValue !== void 0 ? controlledValue : defaultValue);
+  var value = controlledValue !== null && controlledValue !== void 0 ? controlledValue : internalValue;
+  var handleChange = useCallback(function (html) {
+    setInternalValue(html);
+    onChange === null || onChange === void 0 ? void 0 : onChange(html);
+  }, [onChange]);
+  if (skeleton) {
+    return /* @__PURE__ */_jsxs(YStack, {
+      gap: "$2",
+      children: [label && /* @__PURE__ */_jsx(Skeleton, {
+        variant: "text",
+        width: "30%",
+        height: 14
+      }), /* @__PURE__ */_jsx(Skeleton, {
+        variant: "rounded",
+        width: "100%",
+        height: minHeight
+      })]
+    });
+  }
+  var renderEditor = function renderEditor2(currentValue, onValueChange, handleBlur, hasError) {
+    return /* @__PURE__ */_jsx(RichEditor, {
+      ref: editorRef,
+      initialContent: currentValue,
+      onChange: function onChange2(html) {
+        return onValueChange(html);
+      },
+      onBlur: handleBlur,
+      placeholder,
+      editable: !disabled && !readOnly,
+      minHeight,
+      maxHeight,
+      showToolbar,
+      showBubbleToolbar,
+      sections,
+      hasError,
+      size,
+      compact
+    });
+  };
+  if (!resolvedForm || !name) {
+    return /* @__PURE__ */_jsx(FieldLayout, {
+      id,
+      label,
+      labelProps,
+      error: errorProp,
+      helperText,
+      required,
+      size,
+      knobProps,
+      onBlur,
+      children: renderEditor(value, handleChange, onBlur, !!errorProp)
+    });
+  }
+  return /* @__PURE__ */_jsx(Field, {
+    defaultValue,
+    form: resolvedForm,
+    mode,
+    name,
+    preserveValue,
+    validators: resolvedValidators,
+    children: function children(field) {
+      var _field_state_value;
+      var resolvedError = getFieldError(field, errorProp);
+      var fieldValue = (_field_state_value = field.state.value) !== null && _field_state_value !== void 0 ? _field_state_value : "";
+      return /* @__PURE__ */_jsx(FieldLayout, {
+        id,
+        label,
+        labelProps,
+        error: resolvedError,
+        helperText,
+        required,
+        size,
+        knobProps,
+        onBlur: mergeFieldHandler(field, "handleBlur", onBlur),
+        children: renderEditor(fieldValue, function (v) {
+          return field.handleChange(v);
+        }, function () {
+          return field.handleBlur();
+        }, !!resolvedError)
+      });
+    }
+  });
+}
+export { RichTextEditor };
+//# sourceMappingURL=index.native.js.map

package/dist/esm/RichTextEditor/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useCallback","useRef","useState","YStack","Field","FieldLayout","Skeleton","getFieldError","mergeFieldHandler","useFormField","useResolvedValidators","RichEditor","richTextIsEmpty","richTextIsEmpty2","v","RichTextEditor","props","defaultValue","form","placeholder","disabled","readOnly","minHeight","maxHeight","mode","name","preserveValue","validators","label","labelProps","error","errorProp","helperText","required","size","value","controlledValue","onChange","onBlur","showToolbar","compact","showBubbleToolbar","sections","skeleton","_restProps","resolvedForm","knobProps","id","resolvedValidators","editorRef","internalValue","setInternalValue","handleChange","html","gap","children","variant","width","height","renderEditor","renderEditor2","currentValue","onValueChange","handleBlur","hasError","ref","initialContent","onChange2","editable","field","_field_state_value","resolvedError","fieldValue","state"],"sources":["../../../src/RichTextEditor/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/constants.mjs

@@ -0,0 +1,108 @@
+const TEXT_COLORS = [{
+  name: "Default",
+  value: null
+}, {
+  name: "Black",
+  value: "#000000"
+}, {
+  name: "Dark Gray",
+  value: "#4a4a4a"
+}, {
+  name: "Gray",
+  value: "#9b9b9b"
+}, {
+  name: "Red",
+  value: "#e53935"
+}, {
+  name: "Orange",
+  value: "#fb8c00"
+}, {
+  name: "Yellow",
+  value: "#fdd835"
+}, {
+  name: "Green",
+  value: "#43a047"
+}, {
+  name: "Blue",
+  value: "#1e88e5"
+}, {
+  name: "Purple",
+  value: "#8e24aa"
+}, {
+  name: "Pink",
+  value: "#d81b60"
+}];
+const HIGHLIGHT_COLORS = [{
+  name: "None",
+  value: null
+}, {
+  name: "Yellow",
+  value: "#fff59d"
+}, {
+  name: "Green",
+  value: "#c8e6c9"
+}, {
+  name: "Blue",
+  value: "#bbdefb"
+}, {
+  name: "Pink",
+  value: "#f8bbd9"
+}, {
+  name: "Purple",
+  value: "#e1bee7"
+}, {
+  name: "Orange",
+  value: "#ffe0b2"
+}, {
+  name: "Red",
+  value: "#ffcdd2"
+}, {
+  name: "Cyan",
+  value: "#b2ebf2"
+}];
+const NATIVE_SUPPORTED_COMMANDS = {
+  bold: true,
+  italic: true,
+  underline: true,
+  strike: true,
+  code: true,
+  subscript: false,
+  superscript: false,
+  heading1: true,
+  heading2: true,
+  heading3: true,
+  heading4: true,
+  heading5: true,
+  heading6: true,
+  paragraph: true,
+  bulletList: true,
+  orderedList: true,
+  taskList: true,
+  blockquote: true,
+  codeBlock: false,
+  link: true,
+  image: true,
+  undo: true,
+  redo: true,
+  alignLeft: false,
+  alignCenter: false,
+  alignRight: false,
+  alignJustify: false,
+  textColor: true,
+  highlight: true,
+  horizontalRule: false,
+  clearFormatting: false,
+  insertTable: false,
+  addColumnBefore: false,
+  addColumnAfter: false,
+  deleteColumn: false,
+  addRowBefore: false,
+  addRowAfter: false,
+  deleteRow: false,
+  deleteTable: false,
+  mergeCells: false,
+  splitCell: false,
+  toggleHeaderRow: false
+};
+export { HIGHLIGHT_COLORS, NATIVE_SUPPORTED_COMMANDS, TEXT_COLORS };
+//# sourceMappingURL=constants.mjs.map

package/dist/esm/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["TEXT_COLORS","name","value","HIGHLIGHT_COLORS","NATIVE_SUPPORTED_COMMANDS","bold","italic","underline","strike","code","subscript","superscript","heading1","heading2","heading3","heading4","heading5","heading6","paragraph","bulletList","orderedList","taskList","blockquote","codeBlock","link","image","undo","redo","alignLeft","alignCenter","alignRight","alignJustify","textColor","highlight","horizontalRule","clearFormatting","insertTable","addColumnBefore","addColumnAfter","deleteColumn","addRowBefore","addRowAfter","deleteRow","deleteTable","mergeCells","splitCell","toggleHeaderRow"],"sources":["../../src/constants.ts"],"sourcesContent":[null],"mappings":"AAiBO,MAAMA,WAAA,GAA4B,CACvC;EAAEC,IAAA,EAAM;EAAWC,KAAA,EAAO;AAAK,GAC/B;EAAED,IAAA,EAAM;EAASC,KAAA,EAAO;AAAU,GAClC;EAAED,IAAA,EAAM;EAAaC,KAAA,EAAO;AAAU,GACtC;EAAED,IAAA,EAAM;EAAQC,KAAA,EAAO;AAAU,GACjC;EAAED,IAAA,EAAM;EAAOC,KAAA,EAAO;AAAU,GAChC;EAAED,IAAA,EAAM;EAAUC,KAAA,EAAO;AAAU,GACnC;EAAED,IAAA,EAAM;EAAUC,KAAA,EAAO;AAAU,GACnC;EAAED,IAAA,EAAM;EAASC,KAAA,EAAO;AAAU,GAClC;EAAED,IAAA,EAAM;EAAQC,KAAA,EAAO;AAAU,GACjC;EAAED,IAAA,EAAM;EAAUC,KAAA,EAAO;AAAU,GACnC;EAAED,IAAA,EAAM;EAAQC,KAAA,EAAO;AAAU,EACnC;AAEO,MAAMC,gBAAA,GAAiC,CAC5C;EAAEF,IAAA,EAAM;EAAQC,KAAA,EAAO;AAAK,GAC5B;EAAED,IAAA,EAAM;EAAUC,KAAA,EAAO;AAAU,GACnC;EAAED,IAAA,EAAM;EAASC,KAAA,EAAO;AAAU,GAClC;EAAED,IAAA,EAAM;EAAQC,KAAA,EAAO;AAAU,GACjC;EAAED,IAAA,EAAM;EAAQC,KAAA,EAAO;AAAU,GACjC;EAAED,IAAA,EAAM;EAAUC,KAAA,EAAO;AAAU,GACnC;EAAED,IAAA,EAAM;EAAUC,KAAA,EAAO;AAAU,GACnC;EAAED,IAAA,EAAM;EAAOC,KAAA,EAAO;AAAU,GAChC;EAAED,IAAA,EAAM;EAAQC,KAAA,EAAO;AAAU,EACnC;AAeO,MAAME,yBAAA,GAA8C;EACzDC,IAAA,EAAM;EACNC,MAAA,EAAQ;EACRC,SAAA,EAAW;EACXC,MAAA,EAAQ;EACRC,IAAA,EAAM;EACNC,SAAA,EAAW;EACXC,WAAA,EAAa;EACbC,QAAA,EAAU;EACVC,QAAA,EAAU;EACVC,QAAA,EAAU;EACVC,QAAA,EAAU;EACVC,QAAA,EAAU;EACVC,QAAA,EAAU;EACVC,SAAA,EAAW;EACXC,UAAA,EAAY;EACZC,WAAA,EAAa;EACbC,QAAA,EAAU;EACVC,UAAA,EAAY;EACZC,SAAA,EAAW;EACXC,IAAA,EAAM;EACNC,KAAA,EAAO;EACPC,IAAA,EAAM;EACNC,IAAA,EAAM;EACNC,SAAA,EAAW;EACXC,WAAA,EAAa;EACbC,UAAA,EAAY;EACZC,YAAA,EAAc;EACdC,SAAA,EAAW;EACXC,SAAA,EAAW;EACXC,cAAA,EAAgB;EAChBC,eAAA,EAAiB;EACjBC,WAAA,EAAa;EACbC,eAAA,EAAiB;EACjBC,cAAA,EAAgB;EAChBC,YAAA,EAAc;EACdC,YAAA,EAAc;EACdC,WAAA,EAAa;EACbC,SAAA,EAAW;EACXC,WAAA,EAAa;EACbC,UAAA,EAAY;EACZC,SAAA,EAAW;EACXC,eAAA,EAAiB;AACnB","ignoreList":[]}

package/dist/esm/constants.native.js

@@ -0,0 +1,108 @@
+var TEXT_COLORS = [{
+  name: "Default",
+  value: null
+}, {
+  name: "Black",
+  value: "#000000"
+}, {
+  name: "Dark Gray",
+  value: "#4a4a4a"
+}, {
+  name: "Gray",
+  value: "#9b9b9b"
+}, {
+  name: "Red",
+  value: "#e53935"
+}, {
+  name: "Orange",
+  value: "#fb8c00"
+}, {
+  name: "Yellow",
+  value: "#fdd835"
+}, {
+  name: "Green",
+  value: "#43a047"
+}, {
+  name: "Blue",
+  value: "#1e88e5"
+}, {
+  name: "Purple",
+  value: "#8e24aa"
+}, {
+  name: "Pink",
+  value: "#d81b60"
+}];
+var HIGHLIGHT_COLORS = [{
+  name: "None",
+  value: null
+}, {
+  name: "Yellow",
+  value: "#fff59d"
+}, {
+  name: "Green",
+  value: "#c8e6c9"
+}, {
+  name: "Blue",
+  value: "#bbdefb"
+}, {
+  name: "Pink",
+  value: "#f8bbd9"
+}, {
+  name: "Purple",
+  value: "#e1bee7"
+}, {
+  name: "Orange",
+  value: "#ffe0b2"
+}, {
+  name: "Red",
+  value: "#ffcdd2"
+}, {
+  name: "Cyan",
+  value: "#b2ebf2"
+}];
+var NATIVE_SUPPORTED_COMMANDS = {
+  bold: true,
+  italic: true,
+  underline: true,
+  strike: true,
+  code: true,
+  subscript: false,
+  superscript: false,
+  heading1: true,
+  heading2: true,
+  heading3: true,
+  heading4: true,
+  heading5: true,
+  heading6: true,
+  paragraph: true,
+  bulletList: true,
+  orderedList: true,
+  taskList: true,
+  blockquote: true,
+  codeBlock: false,
+  link: true,
+  image: true,
+  undo: true,
+  redo: true,
+  alignLeft: false,
+  alignCenter: false,
+  alignRight: false,
+  alignJustify: false,
+  textColor: true,
+  highlight: true,
+  horizontalRule: false,
+  clearFormatting: false,
+  insertTable: false,
+  addColumnBefore: false,
+  addColumnAfter: false,
+  deleteColumn: false,
+  addRowBefore: false,
+  addRowAfter: false,
+  deleteRow: false,
+  deleteTable: false,
+  mergeCells: false,
+  splitCell: false,
+  toggleHeaderRow: false
+};
+export { HIGHLIGHT_COLORS, NATIVE_SUPPORTED_COMMANDS, TEXT_COLORS };
+//# sourceMappingURL=constants.native.js.map

package/dist/esm/constants.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TEXT_COLORS","name","value","HIGHLIGHT_COLORS"],"sources":["../../src/constants.ts"],"sourcesContent":[null],"mappings":"AAiBO,IAAAA,WAAM,IACX;EACEC,IAAA,EAAM,SAAS;EACfC,KAAA,EAAM;AACR,GACA;EACED,IAAA,EAAM;EACNC,KAAA,EAAM;AACR,GACA;EACED,IAAA,EAAM,WAAU;EAChBC,KAAA,EAAM;AACV,GAEO;EACHD,IAAA,EAAM;EACNC,KAAA,EAAM;AACR,GACA;EACED,IAAA,EAAM;EACNC,KAAA,EAAM;AACR,GACA;EACED,IAAA,EAAM,QAAQ;EAClBC,KAAA;AAeO,GACL;EACAD,IAAA,EAAQ;EACRC,KAAA;AACA,GACA;EACAD,IAAA,SAAW;EACXC,KAAA;AACA,GACA;EACAD,IAAA,QAAU;EACVC,KAAA;AACA,GACA;EACAD,IAAA,UAAW;EACXC,KAAA;AACA,GACA;EACAD,IAAA,QAAY;EACZC,KAAA;AACA,EAAM;AACC,IACPC,gBAAM,IACN;EACAF,IAAA,QAAW;EACXC,KAAA;AACA,GACA;EACAD,IAAA,UAAW;EACXC,KAAA;AACA,GACA;EACAD,IAAA,SAAa;EACbC,KAAA;AACA,GACA;EACAD,IAAA,QAAc;EACdC,KAAA;AACA,GACA;EACAD,IAAA,QAAY;EACZC,KAAA;AACA,GACF","ignoreList":[]}

package/dist/esm/context.mjs

@@ -0,0 +1,8 @@
+import { createStyledContext } from "tamagui";
+const RichEditorContext = createStyledContext({
+  size: "$true",
+  compact: false,
+  disabled: false
+});
+export { RichEditorContext };
+//# sourceMappingURL=context.mjs.map

package/dist/esm/context.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["createStyledContext","RichEditorContext","size","compact","disabled"],"sources":["../../src/context.ts"],"sourcesContent":[null],"mappings":"AAKA,SAASA,mBAAA,QAA2B;AAE7B,MAAMC,iBAAA,GAAoBD,mBAAA,CAI9B;EACDE,IAAA,EAAM;EACNC,OAAA,EAAS;EACTC,QAAA,EAAU;AACZ,CAAC","ignoreList":[]}

package/dist/esm/context.native.js

@@ -0,0 +1,8 @@
+import { createStyledContext } from "tamagui";
+var RichEditorContext = createStyledContext({
+  size: "$true",
+  compact: false,
+  disabled: false
+});
+export { RichEditorContext };
+//# sourceMappingURL=context.native.js.map

package/dist/esm/context.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createStyledContext","RichEditorContext","size","compact","disabled"],"sources":["../../src/context.ts"],"sourcesContent":[null],"mappings":"AAKA,SAASA,mBAAA,QAA2B;AAE7B,IAAAC,iBAAM,GAAAD,mBAAoB;EAK/BE,IAAA,EAAM;EACNC,OAAA,EAAS;EACTC,QAAA,EAAU;AACZ,CAAC","ignoreList":[]}

package/dist/esm/editor/BlockDragHandle.mjs

@@ -0,0 +1,112 @@
+import { Extension } from "@tiptap/core";
+import { Plugin, PluginKey, NodeSelection } from "@tiptap/pm/state";
+const HANDLE_WIDTH = 20;
+const HANDLE_HTML = `<svg width="14" height="14" viewBox="0 0 14 14" fill="currentColor" opacity="0.35"><circle cx="4" cy="3" r="1.2"/><circle cx="10" cy="3" r="1.2"/><circle cx="4" cy="7" r="1.2"/><circle cx="10" cy="7" r="1.2"/><circle cx="4" cy="11" r="1.2"/><circle cx="10" cy="11" r="1.2"/></svg>`;
+function createHandleElement() {
+  const el = document.createElement("div");
+  el.className = "block-drag-handle";
+  el.draggable = true;
+  el.innerHTML = HANDLE_HTML;
+  Object.assign(el.style, {
+    position: "absolute",
+    width: `${HANDLE_WIDTH}px`,
+    height: `${HANDLE_WIDTH}px`,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    cursor: "grab",
+    borderRadius: "4px",
+    opacity: "0",
+    transition: "opacity 0.15s",
+    zIndex: "10",
+    userSelect: "none"
+  });
+  return el;
+}
+const BlockDragHandle = Extension.create({
+  name: "blockDragHandle",
+  addProseMirrorPlugins() {
+    const {
+      editor
+    } = this;
+    let handle = null;
+    let currentBlockPos = null;
+    return [new Plugin({
+      key: new PluginKey("blockDragHandle"),
+      view(editorView) {
+        handle = createHandleElement();
+        editorView.dom.parentElement?.appendChild(handle);
+        editorView.dom.parentElement.style.position = "relative";
+        const onMouseMove = event => {
+          if (!handle || !editorView.dom.contains(event.target)) {
+            if (handle) handle.style.opacity = "0";
+            currentBlockPos = null;
+            return;
+          }
+          const pos = editorView.posAtCoords({
+            left: event.clientX,
+            top: event.clientY
+          });
+          if (!pos) {
+            handle.style.opacity = "0";
+            currentBlockPos = null;
+            return;
+          }
+          const $pos = editorView.state.doc.resolve(pos.pos);
+          const depth = $pos.depth;
+          if (depth === 0) {
+            handle.style.opacity = "0";
+            currentBlockPos = null;
+            return;
+          }
+          const topLevelPos = $pos.before(1);
+          const node = editorView.state.doc.nodeAt(topLevelPos);
+          if (!node) {
+            handle.style.opacity = "0";
+            currentBlockPos = null;
+            return;
+          }
+          currentBlockPos = topLevelPos;
+          const domNode = editorView.nodeDOM(topLevelPos);
+          if (!domNode) {
+            handle.style.opacity = "0";
+            return;
+          }
+          const editorRect = editorView.dom.parentElement.getBoundingClientRect();
+          const blockRect = domNode.getBoundingClientRect();
+          handle.style.left = `${blockRect.left - editorRect.left - HANDLE_WIDTH - 2}px`;
+          handle.style.top = `${blockRect.top - editorRect.top + 2}px`;
+          handle.style.opacity = "1";
+        };
+        const onMouseLeave = () => {
+          if (handle) handle.style.opacity = "0";
+          currentBlockPos = null;
+        };
+        const onDragStart = event => {
+          if (currentBlockPos == null) return;
+          const node = editorView.state.doc.nodeAt(currentBlockPos);
+          if (!node) return;
+          const sel = NodeSelection.create(editorView.state.doc, currentBlockPos);
+          editorView.dispatch(editorView.state.tr.setSelection(sel));
+          editorView.dragging = {
+            slice: sel.content(),
+            move: true
+          };
+          event.dataTransfer?.setDragImage(editorView.nodeDOM(currentBlockPos), 0, 0);
+        };
+        handle.addEventListener("dragstart", onDragStart);
+        editorView.dom.addEventListener("mousemove", onMouseMove);
+        editorView.dom.addEventListener("mouseleave", onMouseLeave);
+        return {
+          destroy() {
+            handle?.remove();
+            editorView.dom.removeEventListener("mousemove", onMouseMove);
+            editorView.dom.removeEventListener("mouseleave", onMouseLeave);
+          }
+        };
+      }
+    })];
+  }
+});
+export { BlockDragHandle };
+//# sourceMappingURL=BlockDragHandle.mjs.map

package/dist/esm/editor/BlockDragHandle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["Extension","Plugin","PluginKey","NodeSelection","HANDLE_WIDTH","HANDLE_HTML","createHandleElement","el","document","createElement","className","draggable","innerHTML","Object","assign","style","position","width","height","display","alignItems","justifyContent","cursor","borderRadius","opacity","transition","zIndex","userSelect","BlockDragHandle","create","name","addProseMirrorPlugins","editor","handle","currentBlockPos","key","view","editorView","dom","parentElement","appendChild","onMouseMove","event","contains","target","pos","posAtCoords","left","clientX","top","clientY","$pos","state","doc","resolve","depth","topLevelPos","before","node","nodeAt","domNode","nodeDOM","editorRect","getBoundingClientRect","blockRect","onMouseLeave","onDragStart","sel","dispatch","tr","setSelection","dragging","slice","content","move","dataTransfer","setDragImage","addEventListener","destroy","remove","removeEventListener"],"sources":["../../../src/editor/BlockDragHandle.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}