@prosekit/extensions 0.11.5 → 0.11.6

package/dist/drop-indicator-D1eHOhSi.js

@@ -1,267 +0,0 @@
-import { defineFacet, defineFacetPayload, isNodeSelection, pluginFacet } from "@prosekit/core";
-import { NodeSelection, Plugin, PluginKey, TextSelection } from "@prosekit/pm/state";
-import { isHTMLElement } from "@ocavue/utils";
-
-//#region src/drop-indicator/drop-target.ts
-function getTargetsByView(view) {
-	let stack = [[-1, view.state.doc]];
-	let targets = [];
-	while (stack.length > 0) {
-		const [pos, node] = stack.pop();
-		if (pos >= 0) {
-			let dom = view.nodeDOM(pos);
-			if (dom && isHTMLElement(dom)) {
-				let { top, bottom, left: x1, right: x2 } = dom.getBoundingClientRect();
-				targets.push([pos, [
-					x1,
-					top,
-					x2,
-					top
-				]], [pos + node.nodeSize, [
-					x1,
-					bottom,
-					x2,
-					bottom
-				]]);
-			}
-		}
-		if (node.isBlock && !node.isTextblock) {
-			let childPos = pos + 1;
-			for (let child of node.children) {
-				stack.push([childPos, child]);
-				childPos += child.nodeSize;
-			}
-		}
-	}
-	return targets;
-}
-/**
-* @internal
-*/
-function buildGetTarget(view, onDrag) {
-	let prevTargets = [];
-	let prevDoc;
-	let prevRect;
-	const getTargets = () => {
-		const rect = view.dom.getBoundingClientRect();
-		const doc = view.state.doc;
-		if (prevTargets && prevDoc && prevRect && rect.width === prevRect.width && rect.height === prevRect.height && rect.x === prevRect.x && rect.y === prevRect.y && prevDoc.eq(doc)) return prevTargets;
-		prevRect = rect;
-		prevDoc = doc;
-		prevTargets = getTargetsByView(view);
-		return prevTargets;
-	};
-	const getTargetImpl = (point, event) => {
-		if (!view.editable || view.isDestroyed) return;
-		const compare = (p1, p2) => {
-			const [pos1, line1] = p1;
-			const [pos2, line2] = p2;
-			const p1Distance = pointLineDistance(point, line1);
-			const p2Distance = pointLineDistance(point, line2);
-			return p1Distance - p2Distance || pos1 - pos2;
-		};
-		let targets = getTargets();
-		targets.sort(compare);
-		targets = targets.slice(0, 8);
-		const target = targets.find((target$1) => onDrag({
-			view,
-			pos: target$1[0],
-			event
-		}) !== false);
-		if (target && isDraggingToItself(view, target[0])) return;
-		return target;
-	};
-	let prevPoint;
-	let prevTarget;
-	const getTargetCached = (point, event) => {
-		if (prevPoint && pointEqual(prevPoint, point)) return prevTarget;
-		prevPoint = point;
-		prevTarget = getTargetImpl(point, event);
-		return prevTarget;
-	};
-	return getTargetCached;
-}
-function pointEqual(a, b) {
-	return a[0] === b[0] && a[1] === b[1];
-}
-function pointPointDistance(a, b) {
-	return Math.abs(a[0] - b[0]) + Math.abs(a[1] - b[1]);
-}
-function pointLineDistance(point, line) {
-	return Math.min(pointPointDistance(point, [line[0], line[1]]), pointPointDistance(point, [line[2], line[3]]));
-}
-/**
-* Whether the dragging node is being dragged to the same position. For example,
-* dragging a list node into a new position that is just below the list node, or
-* dragging a nested quoteblock into itself.
-*/
-function isDraggingToItself(view, pos) {
-	const dragging = view.dragging;
-	if (!dragging) return;
-	const { move } = dragging;
-	if (!move) return;
-	const selection = view.state.selection;
-	if (!isNodeSelection(selection)) return;
-	const { from, to } = selection;
-	return from <= pos && pos <= to;
-}
-
-//#endregion
-//#region src/drop-indicator/drop-indicator-plugin.ts
-/**
-* @internal
-*/
-function createDropIndicatorPlugin(options) {
-	let getTarget;
-	return new Plugin({
-		key: new PluginKey("prosekit-drop-indicator"),
-		view: (view) => {
-			getTarget = buildGetTarget(view, options.onDrag);
-			return createDropIndicatorView(view, getTarget, options);
-		},
-		props: { handleDrop(view, event, slice, move) {
-			if (!getTarget) return false;
-			const target = getTarget([event.clientX, event.clientY], event);
-			if (!target) return false;
-			event.preventDefault();
-			let insertPos = target[0];
-			let tr = view.state.tr;
-			if (move) {
-				let { node } = view.dragging || {};
-				if (node) node.replace(tr);
-				else tr.deleteSelection();
-			}
-			let pos = tr.mapping.map(insertPos);
-			let isNode = slice.openStart == 0 && slice.openEnd == 0 && slice.content.childCount == 1;
-			let beforeInsert = tr.doc;
-			if (isNode) tr.replaceRangeWith(pos, pos, slice.content.firstChild);
-			else tr.replaceRange(pos, pos, slice);
-			if (tr.doc.eq(beforeInsert)) return true;
-			let $pos = tr.doc.resolve(pos);
-			if (isNode && NodeSelection.isSelectable(slice.content.firstChild) && $pos.nodeAfter && $pos.nodeAfter.sameMarkup(slice.content.firstChild)) tr.setSelection(new NodeSelection($pos));
-			else {
-				let end = tr.mapping.map(insertPos);
-				tr.mapping.maps[tr.mapping.maps.length - 1].forEach((_from, _to, _newFrom, newTo) => end = newTo);
-				tr.setSelection(selectionBetween(view, $pos, tr.doc.resolve(end)));
-			}
-			view.focus();
-			view.dispatch(tr.setMeta("uiEvent", "drop"));
-			return true;
-		} }
-	});
-}
-function selectionBetween(view, $anchor, $head, bias) {
-	return view.someProp("createSelectionBetween", (f) => f(view, $anchor, $head)) || TextSelection.between($anchor, $head, bias);
-}
-function createDropIndicatorView(view, getTarget, options) {
-	let dom = view.dom;
-	let hideId;
-	let prevX;
-	let prevY;
-	let hasDragOverEvent = false;
-	const scheduleHide = () => {
-		if (hideId) clearTimeout(hideId);
-		hasDragOverEvent = false;
-		hideId = setTimeout(() => {
-			if (hasDragOverEvent) return;
-			options.onHide();
-		}, 30);
-	};
-	const handleDragOver = (event) => {
-		hasDragOverEvent = true;
-		const { clientX, clientY } = event;
-		if (prevX === clientX && prevY === clientY) return;
-		prevX = clientX;
-		prevY = clientY;
-		let target = getTarget([clientX, clientY], event);
-		if (!target) {
-			scheduleHide();
-			return;
-		} else {
-			const [pos, [x1, y1, x2, y2]] = target;
-			const line = {
-				p1: {
-					x: x1,
-					y: y1
-				},
-				p2: {
-					x: x2,
-					y: y2
-				}
-			};
-			options.onShow({
-				view,
-				pos,
-				line
-			});
-		}
-	};
-	dom.addEventListener("dragover", handleDragOver);
-	dom.addEventListener("dragend", scheduleHide);
-	dom.addEventListener("drop", scheduleHide);
-	dom.addEventListener("dragleave", scheduleHide);
-	const destroy = () => {
-		dom.removeEventListener("dragover", handleDragOver);
-		dom.removeEventListener("dragend", scheduleHide);
-		dom.removeEventListener("drop", scheduleHide);
-		dom.removeEventListener("dragleave", scheduleHide);
-	};
-	return { destroy };
-}
-
-//#endregion
-//#region src/drop-indicator/drop-indicator-facet.ts
-/**
-* @internal
-*/
-function defineDropIndicatorPayload(payload) {
-	return defineFacetPayload(dropIndicatorFacet, [payload]);
-}
-const dropIndicatorFacet = defineFacet({
-	parent: pluginFacet,
-	singleton: true,
-	reducer: (payloads) => {
-		let showHandlers = payloads.map((p) => p.onShow).filter((x) => !!x);
-		let hideHandlers = payloads.map((p) => p.onHide).filter((x) => !!x);
-		let dragHandlers = payloads.map((p) => p.onDrag).filter((x) => !!x);
-		let showHandler = (options) => {
-			for (let fn of showHandlers) fn(options);
-		};
-		let hideHandler = () => {
-			for (let fn of hideHandlers) fn();
-		};
-		let dragHandler = (options) => {
-			for (let fn of dragHandlers) if (fn(options) === false) return false;
-			return true;
-		};
-		if (showHandlers.length === 0) return [];
-		return createDropIndicatorPlugin({
-			onDrag: dragHandler,
-			onShow: showHandler,
-			onHide: hideHandler
-		});
-	}
-});
-
-//#endregion
-//#region src/drop-indicator/drop-indicator.ts
-/**
-* Defines an extension that controls the behavior of the drop indicator.
-*
-* This extension itself doesn't draw the drop indicator, but it provides the
-* necessary callbacks to do so. You probably don't want to use this extension
-* directly, but rather use the `<DropIndicator>` component.
-*
-* You can add this extension multiple times. If any extension has `onDrag`
-* callback defined, and it returns `false`, then the drop point will be
-* discarded.
-*
-* @public
-*/
-function defineDropIndicator(options) {
-	return defineDropIndicatorPayload(options ?? {});
-}
-
-//#endregion
-export { defineDropIndicator };
-//# sourceMappingURL=drop-indicator-D1eHOhSi.js.map

package/dist/drop-indicator-D1eHOhSi.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"drop-indicator-D1eHOhSi.js","names":["stack: StackItem[]","targets: DropTarget[]","prevTargets: DropTarget[]","prevDoc: ProseMirrorNode | undefined","prevRect: DOMRect | undefined","getTargetImpl: GetTarget","target","prevPoint: Point | undefined","prevTarget: DropTarget | undefined","getTargetCached: GetTarget","getTarget: GetTarget | undefined","hideId: ReturnType<typeof setTimeout> | undefined","prevX: number | undefined","prevY: number | undefined","hasDragOverEvent: boolean","showHandler: ShowHandler","hideHandler: VoidFunction","dragHandler: DragEventHandler"],"sources":["../src/drop-indicator/drop-target.ts","../src/drop-indicator/drop-indicator-plugin.ts","../src/drop-indicator/drop-indicator-facet.ts","../src/drop-indicator/drop-indicator.ts"],"sourcesContent":["import { isHTMLElement } from '@ocavue/utils'\nimport { isNodeSelection } from '@prosekit/core'\nimport type { ProseMirrorNode } from '@prosekit/pm/model'\nimport type { EditorView } from '@prosekit/pm/view'\n\nimport type { DragEventHandler } from './types'\n\ntype Point = readonly [x: number, y: number]\n\ntype Line = readonly [x1: number, y1: number, x2: number, y2: number]\n\n/**\n * @internal\n */\ntype DropTarget = readonly [pos: number, line: Line]\n\nfunction getTargetsByView(view: EditorView): DropTarget[] {\n  type StackItem = [pos: number, node: ProseMirrorNode]\n  let stack: StackItem[] = [[-1, view.state.doc]]\n  let targets: DropTarget[] = []\n\n  while (stack.length > 0) {\n    const [pos, node] = stack.pop()!\n    if (pos >= 0) {\n      let dom = view.nodeDOM(pos)\n      if (dom && isHTMLElement(dom)) {\n        let rect = dom.getBoundingClientRect()\n        let { top, bottom, left: x1, right: x2 } = rect\n        targets.push(\n          [pos, [x1, top, x2, top]],\n          [pos + node.nodeSize, [x1, bottom, x2, bottom]],\n        )\n      }\n    }\n    if (node.isBlock && !node.isTextblock) {\n      let childPos = pos + 1\n      for (let child of node.children) {\n        stack.push([childPos, child])\n        childPos += child.nodeSize\n      }\n    }\n  }\n\n  return targets\n}\n\n/**\n * @internal\n */\nexport type GetTarget = (point: Point, event: DragEvent) => DropTarget | undefined\n\n/**\n * @internal\n */\nexport function buildGetTarget(\n  view: EditorView,\n  onDrag: DragEventHandler,\n): GetTarget {\n  let prevTargets: DropTarget[] = []\n  let prevDoc: ProseMirrorNode | undefined\n  let prevRect: DOMRect | undefined\n\n  const getTargets = (): DropTarget[] => {\n    const rect = view.dom.getBoundingClientRect()\n    const doc = view.state.doc\n\n    if (\n      prevTargets && prevDoc && prevRect\n      && rect.width === prevRect.width\n      && rect.height === prevRect.height\n      && rect.x === prevRect.x\n      && rect.y === prevRect.y\n      && prevDoc.eq(doc)\n    ) {\n      return prevTargets\n    }\n\n    prevRect = rect\n    prevDoc = doc\n    prevTargets = getTargetsByView(view)\n    return prevTargets\n  }\n\n  const getTargetImpl: GetTarget = (point, event) => {\n    if (!view.editable || view.isDestroyed) {\n      return\n    }\n\n    const compare = (p1: DropTarget, p2: DropTarget): number => {\n      const [pos1, line1] = p1\n      const [pos2, line2] = p2\n      const p1Distance = pointLineDistance(point, line1)\n      const p2Distance = pointLineDistance(point, line2)\n\n      return (p1Distance - p2Distance) || (pos1 - pos2)\n    }\n\n    let targets = getTargets()\n    targets.sort(compare)\n\n    // Only consider the first few targets for performance reasons.\n    targets = targets.slice(0, 8)\n\n    // Find the closest valid target.\n    const target = targets.find(target => onDrag({ view, pos: target[0], event }) !== false)\n\n    // If the dragging node is already at the target position, we ignore this\n    // target. Notice that we don't pick the second better target here.\n    if (target && isDraggingToItself(view, target[0])) {\n      return undefined\n    }\n\n    return target\n  }\n\n  let prevPoint: Point | undefined\n  let prevTarget: DropTarget | undefined\n\n  const getTargetCached: GetTarget = (point, event) => {\n    if (prevPoint && pointEqual(prevPoint, point)) {\n      return prevTarget\n    }\n\n    prevPoint = point\n    prevTarget = getTargetImpl(point, event)\n    return prevTarget\n  }\n\n  return getTargetCached\n}\n\nfunction pointEqual(a: Point, b: Point) {\n  return a[0] === b[0] && a[1] === b[1]\n}\n\nfunction pointPointDistance(a: Point, b: Point) {\n  // Manhattan distance\n  return Math.abs(a[0] - b[0]) + Math.abs(a[1] - b[1])\n}\n\nfunction pointLineDistance(point: Point, line: Line) {\n  // Notice that we are actually not calculating the distance between the point\n  // and the line. Instead, we are calculating the distance between the point\n  // and the two endpoints of the line.\n  return Math.min(\n    pointPointDistance(point, [line[0], line[1]]),\n    pointPointDistance(point, [line[2], line[3]]),\n  )\n}\n\n/**\n * Whether the dragging node is being dragged to the same position. For example,\n * dragging a list node into a new position that is just below the list node, or\n * dragging a nested quoteblock into itself.\n */\nfunction isDraggingToItself(view: EditorView, pos: number) {\n  const dragging = view.dragging\n  if (!dragging) return\n\n  const { move } = dragging\n  if (!move) return\n\n  const selection = view.state.selection\n  if (!isNodeSelection(selection)) return\n\n  const { from, to } = selection\n  return from <= pos && pos <= to\n}\n","import type { ResolvedPos } from '@prosekit/pm/model'\nimport {\n  NodeSelection,\n  Plugin,\n  PluginKey,\n  TextSelection,\n  type PluginView,\n} from '@prosekit/pm/state'\nimport type { EditorView } from '@prosekit/pm/view'\n\nimport {\n  buildGetTarget,\n  type GetTarget,\n} from './drop-target'\nimport type {\n  DragEventHandler,\n  ShowHandler,\n  ViewDragging,\n} from './types'\n\n/**\n * @internal\n */\ninterface DropIndicatorPluginOptions {\n  onDrag: DragEventHandler\n  onShow: ShowHandler\n  onHide: VoidFunction\n}\n\n/**\n * @internal\n */\nexport function createDropIndicatorPlugin(options: DropIndicatorPluginOptions): Plugin {\n  let getTarget: GetTarget | undefined\n\n  return new Plugin({\n    key: new PluginKey('prosekit-drop-indicator'),\n    view: (view) => {\n      getTarget = buildGetTarget(view, options.onDrag)\n      return createDropIndicatorView(view, getTarget, options)\n    },\n    props: {\n      handleDrop(view, event, slice, move): boolean {\n        if (!getTarget) return false\n\n        const target = getTarget([event.clientX, event.clientY], event)\n\n        if (!target) return false\n\n        event.preventDefault()\n        let insertPos = target[0]\n\n        let tr = view.state.tr\n        if (move) {\n          let { node } = (view.dragging as ViewDragging | null) || {}\n          if (node) node.replace(tr)\n          else tr.deleteSelection()\n        }\n\n        let pos = tr.mapping.map(insertPos)\n        let isNode = slice.openStart == 0 && slice.openEnd == 0 && slice.content.childCount == 1\n        let beforeInsert = tr.doc\n        if (isNode) tr.replaceRangeWith(pos, pos, slice.content.firstChild!)\n        else tr.replaceRange(pos, pos, slice)\n        if (tr.doc.eq(beforeInsert)) {\n          return true\n        }\n\n        let $pos = tr.doc.resolve(pos)\n        if (\n          isNode && NodeSelection.isSelectable(slice.content.firstChild!)\n          && $pos.nodeAfter && $pos.nodeAfter.sameMarkup(slice.content.firstChild!)\n        ) {\n          tr.setSelection(new NodeSelection($pos))\n        } else {\n          let end = tr.mapping.map(insertPos)\n          tr.mapping.maps[tr.mapping.maps.length - 1].forEach((_from, _to, _newFrom, newTo) => end = newTo)\n          tr.setSelection(selectionBetween(view, $pos, tr.doc.resolve(end)))\n        }\n        view.focus()\n        view.dispatch(tr.setMeta('uiEvent', 'drop'))\n        return true\n      },\n    },\n  })\n}\n\nfunction selectionBetween(view: EditorView, $anchor: ResolvedPos, $head: ResolvedPos, bias?: number) {\n  return view.someProp('createSelectionBetween', f => f(view, $anchor, $head))\n    || TextSelection.between($anchor, $head, bias)\n}\n\nfunction createDropIndicatorView(view: EditorView, getTarget: GetTarget, options: DropIndicatorPluginOptions): PluginView {\n  let dom = view.dom\n  let hideId: ReturnType<typeof setTimeout> | undefined\n  let prevX: number | undefined\n  let prevY: number | undefined\n  let hasDragOverEvent: boolean = false\n\n  const scheduleHide = () => {\n    if (hideId) {\n      clearTimeout(hideId)\n    }\n\n    hasDragOverEvent = false\n    hideId = setTimeout(() => {\n      if (hasDragOverEvent) return\n      options.onHide()\n    }, 30)\n  }\n\n  const handleDragOver = (event: DragEvent): void => {\n    hasDragOverEvent = true\n\n    const { clientX, clientY } = event\n    if (prevX === clientX && prevY === clientY) {\n      return\n    }\n    prevX = clientX\n    prevY = clientY\n\n    let target = getTarget([clientX, clientY], event)\n\n    if (!target) {\n      scheduleHide()\n      return\n    } else {\n      const [pos, [x1, y1, x2, y2]] = target\n      const line = { p1: { x: x1, y: y1 }, p2: { x: x2, y: y2 } }\n      options.onShow({ view, pos, line })\n    }\n  }\n\n  dom.addEventListener('dragover', handleDragOver)\n  dom.addEventListener('dragend', scheduleHide)\n  dom.addEventListener('drop', scheduleHide)\n  dom.addEventListener('dragleave', scheduleHide)\n\n  const destroy = () => {\n    dom.removeEventListener('dragover', handleDragOver)\n    dom.removeEventListener('dragend', scheduleHide)\n    dom.removeEventListener('drop', scheduleHide)\n    dom.removeEventListener('dragleave', scheduleHide)\n  }\n\n  return { destroy }\n}\n","import {\n  defineFacet,\n  defineFacetPayload,\n  pluginFacet,\n  type PlainExtension,\n  type PluginPayload,\n} from '@prosekit/core'\n\nimport { createDropIndicatorPlugin } from './drop-indicator-plugin'\nimport type {\n  DragEventHandler,\n  ShowHandler,\n} from './types'\n\n/**\n * @internal\n */\nexport function defineDropIndicatorPayload(\n  payload: DropIndicatorPayload,\n): PlainExtension {\n  return defineFacetPayload(dropIndicatorFacet, [payload]) as PlainExtension\n}\n\n/**\n * @internal\n */\nexport interface DropIndicatorPayload {\n  /**\n   * A callback that is called when the drop indicator should be shown.\n   */\n  onShow?: ShowHandler\n\n  /**\n   * A callback that is called when the drop indicator should be hidden.\n   */\n  onHide?: VoidFunction\n\n  /**\n   * A callback that is called when the `dragover` event is fired. You can\n   * return `false` to disable the current drop point and thus hide the drop\n   * indicator.\n   */\n  onDrag?: DragEventHandler\n}\n\nconst dropIndicatorFacet = defineFacet<DropIndicatorPayload, PluginPayload>({\n  parent: pluginFacet,\n  singleton: true,\n  reducer: (payloads: DropIndicatorPayload[]): PluginPayload => {\n    let showHandlers = payloads.map(p => p.onShow).filter(x => !!x)\n    let hideHandlers = payloads.map(p => p.onHide).filter(x => !!x)\n    let dragHandlers = payloads.map(p => p.onDrag).filter(x => !!x)\n\n    let showHandler: ShowHandler = (options) => {\n      for (let fn of showHandlers) {\n        fn(options)\n      }\n    }\n\n    let hideHandler: VoidFunction = () => {\n      for (let fn of hideHandlers) {\n        fn()\n      }\n    }\n\n    let dragHandler: DragEventHandler = (options): boolean => {\n      for (let fn of dragHandlers) {\n        if (fn(options) === false) return false\n      }\n      return true\n    }\n\n    if (showHandlers.length === 0) {\n      // No `onShow` event handler, so we don't need to create a plugin.\n      return []\n    }\n\n    return createDropIndicatorPlugin({\n      onDrag: dragHandler,\n      onShow: showHandler,\n      onHide: hideHandler,\n    })\n  },\n})\n","import type { PlainExtension } from '@prosekit/core'\n\nimport {\n  defineDropIndicatorPayload,\n  type DropIndicatorPayload,\n} from './drop-indicator-facet'\n\n/**\n * @internal\n */\nexport type DropIndicatorExtension = PlainExtension\n\n/**\n * Defines an extension that controls the behavior of the drop indicator.\n *\n * This extension itself doesn't draw the drop indicator, but it provides the\n * necessary callbacks to do so. You probably don't want to use this extension\n * directly, but rather use the `<DropIndicator>` component.\n *\n * You can add this extension multiple times. If any extension has `onDrag`\n * callback defined, and it returns `false`, then the drop point will be\n * discarded.\n *\n * @public\n */\nexport function defineDropIndicator(\n  options?: DropIndicatorOptions,\n): DropIndicatorExtension {\n  return defineDropIndicatorPayload(options ?? {})\n}\n\n/**\n * Options for {@link defineDropIndicator}.\n *\n * @public\n */\nexport interface DropIndicatorOptions extends DropIndicatorPayload {}\n"],"mappings":";;;;;AAgBA,SAAS,iBAAiB,MAAgC;CAExD,IAAIA,QAAqB,CAAC,CAAC,IAAI,KAAK,MAAM,IAAI,CAAC;CAC/C,IAAIC,UAAwB,EAAE;AAE9B,QAAO,MAAM,SAAS,GAAG;EACvB,MAAM,CAAC,KAAK,QAAQ,MAAM,KAAK;AAC/B,MAAI,OAAO,GAAG;GACZ,IAAI,MAAM,KAAK,QAAQ,IAAI;AAC3B,OAAI,OAAO,cAAc,IAAI,EAAE;IAE7B,IAAI,EAAE,KAAK,QAAQ,MAAM,IAAI,OAAO,OADzB,IAAI,uBAAuB;AAEtC,YAAQ,KACN,CAAC,KAAK;KAAC;KAAI;KAAK;KAAI;KAAI,CAAC,EACzB,CAAC,MAAM,KAAK,UAAU;KAAC;KAAI;KAAQ;KAAI;KAAO,CAAC,CAChD;;;AAGL,MAAI,KAAK,WAAW,CAAC,KAAK,aAAa;GACrC,IAAI,WAAW,MAAM;AACrB,QAAK,IAAI,SAAS,KAAK,UAAU;AAC/B,UAAM,KAAK,CAAC,UAAU,MAAM,CAAC;AAC7B,gBAAY,MAAM;;;;AAKxB,QAAO;;;;;AAWT,SAAgB,eACd,MACA,QACW;CACX,IAAIC,cAA4B,EAAE;CAClC,IAAIC;CACJ,IAAIC;CAEJ,MAAM,mBAAiC;EACrC,MAAM,OAAO,KAAK,IAAI,uBAAuB;EAC7C,MAAM,MAAM,KAAK,MAAM;AAEvB,MACE,eAAe,WAAW,YACvB,KAAK,UAAU,SAAS,SACxB,KAAK,WAAW,SAAS,UACzB,KAAK,MAAM,SAAS,KACpB,KAAK,MAAM,SAAS,KACpB,QAAQ,GAAG,IAAI,CAElB,QAAO;AAGT,aAAW;AACX,YAAU;AACV,gBAAc,iBAAiB,KAAK;AACpC,SAAO;;CAGT,MAAMC,iBAA4B,OAAO,UAAU;AACjD,MAAI,CAAC,KAAK,YAAY,KAAK,YACzB;EAGF,MAAM,WAAW,IAAgB,OAA2B;GAC1D,MAAM,CAAC,MAAM,SAAS;GACtB,MAAM,CAAC,MAAM,SAAS;GACtB,MAAM,aAAa,kBAAkB,OAAO,MAAM;GAClD,MAAM,aAAa,kBAAkB,OAAO,MAAM;AAElD,UAAQ,aAAa,cAAgB,OAAO;;EAG9C,IAAI,UAAU,YAAY;AAC1B,UAAQ,KAAK,QAAQ;AAGrB,YAAU,QAAQ,MAAM,GAAG,EAAE;EAG7B,MAAM,SAAS,QAAQ,MAAK,aAAU,OAAO;GAAE;GAAM,KAAKC,SAAO;GAAI;GAAO,CAAC,KAAK,MAAM;AAIxF,MAAI,UAAU,mBAAmB,MAAM,OAAO,GAAG,CAC/C;AAGF,SAAO;;CAGT,IAAIC;CACJ,IAAIC;CAEJ,MAAMC,mBAA8B,OAAO,UAAU;AACnD,MAAI,aAAa,WAAW,WAAW,MAAM,CAC3C,QAAO;AAGT,cAAY;AACZ,eAAa,cAAc,OAAO,MAAM;AACxC,SAAO;;AAGT,QAAO;;AAGT,SAAS,WAAW,GAAU,GAAU;AACtC,QAAO,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE;;AAGrC,SAAS,mBAAmB,GAAU,GAAU;AAE9C,QAAO,KAAK,IAAI,EAAE,KAAK,EAAE,GAAG,GAAG,KAAK,IAAI,EAAE,KAAK,EAAE,GAAG;;AAGtD,SAAS,kBAAkB,OAAc,MAAY;AAInD,QAAO,KAAK,IACV,mBAAmB,OAAO,CAAC,KAAK,IAAI,KAAK,GAAG,CAAC,EAC7C,mBAAmB,OAAO,CAAC,KAAK,IAAI,KAAK,GAAG,CAAC,CAC9C;;;;;;;AAQH,SAAS,mBAAmB,MAAkB,KAAa;CACzD,MAAM,WAAW,KAAK;AACtB,KAAI,CAAC,SAAU;CAEf,MAAM,EAAE,SAAS;AACjB,KAAI,CAAC,KAAM;CAEX,MAAM,YAAY,KAAK,MAAM;AAC7B,KAAI,CAAC,gBAAgB,UAAU,CAAE;CAEjC,MAAM,EAAE,MAAM,OAAO;AACrB,QAAO,QAAQ,OAAO,OAAO;;;;;;;;ACtI/B,SAAgB,0BAA0B,SAA6C;CACrF,IAAIC;AAEJ,QAAO,IAAI,OAAO;EAChB,KAAK,IAAI,UAAU,0BAA0B;EAC7C,OAAO,SAAS;AACd,eAAY,eAAe,MAAM,QAAQ,OAAO;AAChD,UAAO,wBAAwB,MAAM,WAAW,QAAQ;;EAE1D,OAAO,EACL,WAAW,MAAM,OAAO,OAAO,MAAe;AAC5C,OAAI,CAAC,UAAW,QAAO;GAEvB,MAAM,SAAS,UAAU,CAAC,MAAM,SAAS,MAAM,QAAQ,EAAE,MAAM;AAE/D,OAAI,CAAC,OAAQ,QAAO;AAEpB,SAAM,gBAAgB;GACtB,IAAI,YAAY,OAAO;GAEvB,IAAI,KAAK,KAAK,MAAM;AACpB,OAAI,MAAM;IACR,IAAI,EAAE,SAAU,KAAK,YAAoC,EAAE;AAC3D,QAAI,KAAM,MAAK,QAAQ,GAAG;QACrB,IAAG,iBAAiB;;GAG3B,IAAI,MAAM,GAAG,QAAQ,IAAI,UAAU;GACnC,IAAI,SAAS,MAAM,aAAa,KAAK,MAAM,WAAW,KAAK,MAAM,QAAQ,cAAc;GACvF,IAAI,eAAe,GAAG;AACtB,OAAI,OAAQ,IAAG,iBAAiB,KAAK,KAAK,MAAM,QAAQ,WAAY;OAC/D,IAAG,aAAa,KAAK,KAAK,MAAM;AACrC,OAAI,GAAG,IAAI,GAAG,aAAa,CACzB,QAAO;GAGT,IAAI,OAAO,GAAG,IAAI,QAAQ,IAAI;AAC9B,OACE,UAAU,cAAc,aAAa,MAAM,QAAQ,WAAY,IAC5D,KAAK,aAAa,KAAK,UAAU,WAAW,MAAM,QAAQ,WAAY,CAEzE,IAAG,aAAa,IAAI,cAAc,KAAK,CAAC;QACnC;IACL,IAAI,MAAM,GAAG,QAAQ,IAAI,UAAU;AACnC,OAAG,QAAQ,KAAK,GAAG,QAAQ,KAAK,SAAS,GAAG,SAAS,OAAO,KAAK,UAAU,UAAU,MAAM,MAAM;AACjG,OAAG,aAAa,iBAAiB,MAAM,MAAM,GAAG,IAAI,QAAQ,IAAI,CAAC,CAAC;;AAEpE,QAAK,OAAO;AACZ,QAAK,SAAS,GAAG,QAAQ,WAAW,OAAO,CAAC;AAC5C,UAAO;KAEV;EACF,CAAC;;AAGJ,SAAS,iBAAiB,MAAkB,SAAsB,OAAoB,MAAe;AACnG,QAAO,KAAK,SAAS,2BAA0B,MAAK,EAAE,MAAM,SAAS,MAAM,CAAC,IACvE,cAAc,QAAQ,SAAS,OAAO,KAAK;;AAGlD,SAAS,wBAAwB,MAAkB,WAAsB,SAAiD;CACxH,IAAI,MAAM,KAAK;CACf,IAAIC;CACJ,IAAIC;CACJ,IAAIC;CACJ,IAAIC,mBAA4B;CAEhC,MAAM,qBAAqB;AACzB,MAAI,OACF,cAAa,OAAO;AAGtB,qBAAmB;AACnB,WAAS,iBAAiB;AACxB,OAAI,iBAAkB;AACtB,WAAQ,QAAQ;KACf,GAAG;;CAGR,MAAM,kBAAkB,UAA2B;AACjD,qBAAmB;EAEnB,MAAM,EAAE,SAAS,YAAY;AAC7B,MAAI,UAAU,WAAW,UAAU,QACjC;AAEF,UAAQ;AACR,UAAQ;EAER,IAAI,SAAS,UAAU,CAAC,SAAS,QAAQ,EAAE,MAAM;AAEjD,MAAI,CAAC,QAAQ;AACX,iBAAc;AACd;SACK;GACL,MAAM,CAAC,KAAK,CAAC,IAAI,IAAI,IAAI,OAAO;GAChC,MAAM,OAAO;IAAE,IAAI;KAAE,GAAG;KAAI,GAAG;KAAI;IAAE,IAAI;KAAE,GAAG;KAAI,GAAG;KAAI;IAAE;AAC3D,WAAQ,OAAO;IAAE;IAAM;IAAK;IAAM,CAAC;;;AAIvC,KAAI,iBAAiB,YAAY,eAAe;AAChD,KAAI,iBAAiB,WAAW,aAAa;AAC7C,KAAI,iBAAiB,QAAQ,aAAa;AAC1C,KAAI,iBAAiB,aAAa,aAAa;CAE/C,MAAM,gBAAgB;AACpB,MAAI,oBAAoB,YAAY,eAAe;AACnD,MAAI,oBAAoB,WAAW,aAAa;AAChD,MAAI,oBAAoB,QAAQ,aAAa;AAC7C,MAAI,oBAAoB,aAAa,aAAa;;AAGpD,QAAO,EAAE,SAAS;;;;;;;;AChIpB,SAAgB,2BACd,SACgB;AAChB,QAAO,mBAAmB,oBAAoB,CAAC,QAAQ,CAAC;;AAyB1D,MAAM,qBAAqB,YAAiD;CAC1E,QAAQ;CACR,WAAW;CACX,UAAU,aAAoD;EAC5D,IAAI,eAAe,SAAS,KAAI,MAAK,EAAE,OAAO,CAAC,QAAO,MAAK,CAAC,CAAC,EAAE;EAC/D,IAAI,eAAe,SAAS,KAAI,MAAK,EAAE,OAAO,CAAC,QAAO,MAAK,CAAC,CAAC,EAAE;EAC/D,IAAI,eAAe,SAAS,KAAI,MAAK,EAAE,OAAO,CAAC,QAAO,MAAK,CAAC,CAAC,EAAE;EAE/D,IAAIC,eAA4B,YAAY;AAC1C,QAAK,IAAI,MAAM,aACb,IAAG,QAAQ;;EAIf,IAAIC,oBAAkC;AACpC,QAAK,IAAI,MAAM,aACb,KAAI;;EAIR,IAAIC,eAAiC,YAAqB;AACxD,QAAK,IAAI,MAAM,aACb,KAAI,GAAG,QAAQ,KAAK,MAAO,QAAO;AAEpC,UAAO;;AAGT,MAAI,aAAa,WAAW,EAE1B,QAAO,EAAE;AAGX,SAAO,0BAA0B;GAC/B,QAAQ;GACR,QAAQ;GACR,QAAQ;GACT,CAAC;;CAEL,CAAC;;;;;;;;;;;;;;;;;AC1DF,SAAgB,oBACd,SACwB;AACxB,QAAO,2BAA2B,WAAW,EAAE,CAAC"}

package/dist/prosekit-extensions-file.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"prosekit-extensions-file.d.ts","names":[],"sources":["../src/file/file-drop-handler.ts","../src/file/file-paste-handler.ts","../src/file/file-upload.ts"],"sourcesContent":[],"mappings":";;;;UAYiB,sBAAA;;AAAjB;;MAIQ,EAAA,UAAA;;;;EAwBI,KAAA,EAnBH,SAmBG;EAII;;;MAEb,EApBK,IAoBL;EAAc;;;;AClCjB;;;;;;AAuBA;AAIgB,KDCJ,eAAA,GCD0B,CAAA,OAAA,EDE3B,sBCF2B,EAAA,GAAA,OAAA,GAAA,IAAA;AAAA,iBDKtB,qBAAA,CCLsB,OAAA,EDM3B,eCN2B,CAAA,EDOnC,cCPmC;;;UA3BrB,uBAAA;;ADAjB;;MAIQ,ECAA,UDAA;;;;EAwBI,KAAA,ECnBH,cDmBkB;EAIX;;;MAEb,ECpBK,IDoBL;;;;;AClCH;;;AASS,KAcG,gBAAA,GAdH,CAAA,OAAA,EAeE,uBAfF,EAAA,GAAA,OAAA,GAAA,IAAA;AAKD,iBAaQ,sBAAA,CAbR,OAAA,EAcG,gBAdH,CAAA,EAeL,cAfK;;;;;;UCvBS,cAAA;EFSA,MAAA,EAAA,MAAA;EAAsB,KAAA,EAAA,MAAA;;AAS9B,UETQ,eAAA,CFSR;;;AAmBT;EAIgB,IAAA,EE5BR,IF4BQ;EAAqB;;;EAEpB,UAAA,EAAA,CAAA,QAAA,EEzBQ,cFyBR,EAAA,GAAA,IAAA;;;;AClCjB;;AAIQ,KCYI,QDZJ,CAAA,MAAA,CAAA,GAAA,CAAA,OAAA,ECYiC,eDZjC,EAAA,GCYqD,ODZrD,CCY6D,MDZ7D,CAAA;;;;AAmBI,cCFC,UDEe,CAAA,MACjB,CAAA,CAAA;EAGK;;;;;;;;ACpChB;EASiB,UAAA,IAAA,EAAA,OAAe;EAAA;;;EASO,SAAA,QAAA,EA4BlB,OA5BkB,CA4BV,MA5BU,CAAA;EAO3B,QAAA,WAAQ;EAAA;;;;;AAKpB;EAAuB,WAAA,CAAA;IAAA,IAAA;IAAA;GAAA,EAAA;IAgBM,IAAA,EAUa,IAVb;IAAR,QAAA,EAUqC,QAVrC,CAU8C,MAV9C,CAAA;;;;;mBAUqC,CAAA,QAAA,EAAA,CAAA,QAAA,EAgCjC,cAhCiC,EAAA,GAAA,IAAA,CAAA,EAiCrD,YAjCqD;;;;SA+CrD,GAAA,CAAA,SAAA,OAAA,CAAA,CAAA,SAAA,EAAA,MAAA,CAAA,EAAA,UAAA,CAAW,MAAX,CAAA,GAAA,SAAA;EAAU"}

package/dist/prosekit-extensions-file.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"prosekit-extensions-file.js","names":["getFiles","facet","getFiles","dropHandler: DropHandler","pasteHandler: PasteHandler"],"sources":["../src/file/helpers.ts","../src/file/file-drop-handler.ts","../src/file/file-paste-handler.ts","../src/file/file-upload.ts"],"sourcesContent":["import type { EditorView } from '@prosekit/pm/view'\n\ntype FileHandler<E extends Event> = (options: {\n  view: EditorView\n  event: E\n  file: File\n}) => boolean | void\n\nfunction handleFile<E extends Event>(\n  view: EditorView,\n  event: E,\n  file: File,\n  handlers: FileHandler<E>[],\n) {\n  // The last item in `handlers` should has the highest priority.\n  for (let i = handlers.length - 1; i >= 0; i--) {\n    const handler = handlers[i]\n    if (handler({ view, event, file })) {\n      return true\n    }\n  }\n  return false\n}\n\nexport function handleEvent<E extends Event>(\n  view: EditorView,\n  event: E,\n  handlers: FileHandler<E>[],\n  getFiles: (event: E) => File[],\n): boolean {\n  const files = getFiles(event)\n  let handled = false\n  for (const file of files) {\n    if (handleFile(view, event, file, handlers)) {\n      handled = true\n    }\n  }\n  return handled\n}\n","import {\n  defineFacet,\n  defineFacetPayload,\n  editorEventFacet,\n  type DropHandler,\n  type EditorEventPayload,\n  type PlainExtension,\n} from '@prosekit/core'\nimport type { EditorView } from '@prosekit/pm/view'\n\nimport { handleEvent } from './helpers'\n\nexport interface FileDropHandlerOptions {\n  /**\n   * The editor view.\n   */\n  view: EditorView\n\n  /**\n   * The event that triggered the drop.\n   */\n  event: DragEvent\n\n  /**\n   * The file that was dropped.\n   */\n  file: File\n\n  /**\n   * The position of the document where the file was dropped.\n   */\n  pos: number\n}\n\n/**\n * A function that handles one of the files in a drop event.\n *\n * Returns `true` if the file was handled and thus should not be handled by\n * other handlers.\n */\nexport type FileDropHandler = (\n  options: FileDropHandlerOptions,\n) => boolean | void\n\nexport function defineFileDropHandler(\n  handler: FileDropHandler,\n): PlainExtension {\n  return defineFacetPayload(facet, [handler]) as PlainExtension\n}\n\nfunction getFiles(event: DragEvent) {\n  return Array.from(event.dataTransfer?.files ?? [])\n}\n\nconst facet = defineFacet<FileDropHandler, EditorEventPayload>({\n  parent: editorEventFacet,\n  singleton: true,\n  reducer: (handlers: FileDropHandler[]): EditorEventPayload => {\n    const dropHandler: DropHandler = (view, event): boolean => {\n      const position = view.posAtCoords({ left: event.x, top: event.y })\n      if (!position) {\n        return false\n      }\n      const pos = position.inside > 0 ? position.inside : position.pos\n\n      return handleEvent<DragEvent>(\n        view,\n        event,\n        handlers.map((handler) => (options) => handler({ ...options, pos })),\n        getFiles,\n      )\n    }\n    return ['drop', dropHandler]\n  },\n})\n","import {\n  defineFacet,\n  defineFacetPayload,\n  editorEventFacet,\n  type EditorEventPayload,\n  type PasteHandler,\n  type PlainExtension,\n} from '@prosekit/core'\nimport type { EditorView } from '@prosekit/pm/view'\n\nimport { handleEvent } from './helpers'\n\nexport interface FilePasteHandlerOptions {\n  /**\n   * The editor view.\n   */\n  view: EditorView\n\n  /**\n   * The event that triggered the paste.\n   */\n  event: ClipboardEvent\n\n  /**\n   * The file that was pasted.\n   */\n  file: File\n}\n\n/**\n * A function that handles one of the files in a paste event.\n *\n * Returns `true` if the file was handled and thus should not be handled by\n * other handlers.\n */\nexport type FilePasteHandler = (\n  options: FilePasteHandlerOptions,\n) => boolean | void\n\nexport function defineFilePasteHandler(\n  handler: FilePasteHandler,\n): PlainExtension {\n  return defineFacetPayload(facet, [handler]) as PlainExtension\n}\n\nfunction getFiles(event: ClipboardEvent) {\n  return Array.from(event.clipboardData?.files ?? [])\n}\n\nconst facet = defineFacet<FilePasteHandler, EditorEventPayload>({\n  parent: editorEventFacet,\n  singleton: true,\n  reducer: (handlers: FilePasteHandler[]): EditorEventPayload => {\n    const pasteHandler: PasteHandler = (view, event): boolean => {\n      return handleEvent<ClipboardEvent>(view, event, handlers, getFiles)\n    }\n    return ['paste', pasteHandler]\n  },\n})\n","/**\n * An interface representing the upload progress.\n */\nexport interface UploadProgress {\n  // A number representing the amount of work already performed by the\n  // underlying process.\n  loaded: number\n  // A number representing the total amount of work that the underlying\n  // process is in the progress of performing.\n  total: number\n}\n\nexport interface UploaderOptions {\n  /**\n   * The file to be uploaded.\n   */\n  file: File\n\n  /**\n   * A callback function that should be called with the upload progress updates.\n   */\n  onProgress: (progress: UploadProgress) => void\n}\n\n/**\n * The implementation of the actual upload function. You need to implement this\n * function to upload files to your desired destination.\n */\nexport type Uploader<Result> = (options: UploaderOptions) => Promise<Result>\n\n/**\n * A class that represents a upload task.\n */\nexport class UploadTask<Result> {\n  /**\n   * An [object URL](https://developer.mozilla.org/en-US/docs/Web/API/URL/createObjectURL)\n   * representing the file to be uploaded. This URL will be revoked once the\n   * upload is complete successfully.\n   */\n  readonly objectURL: string\n\n  /**\n   * A boolean indicating whether the upload is complete (either successfully or with an error).\n   */\n  protected done = false\n\n  /**\n   * A promise that fulfills once the upload is complete, or rejects if an error occurs.\n   */\n  readonly finished: Promise<Result>\n\n  private subscribers: ((progress: UploadProgress) => void)[] = []\n\n  /**\n   * Creates a new upload task. You can find the upload task by its object URL\n   * later using `UploadTask.get()`.\n   *\n   * @param options - The options for the upload task.\n   */\n  constructor({ file, uploader }: { file: File; uploader: Uploader<Result> }) {\n    this.objectURL = URL.createObjectURL(file)\n    this.finished = new Promise((resolve, reject) => {\n      const maybePromise = uploader({\n        file,\n        onProgress: (progress) => {\n          for (const subscriber of this.subscribers) {\n            subscriber(progress)\n          }\n        },\n      })\n      Promise.resolve(maybePromise).then(\n        (result) => {\n          this.done = true\n          URL.revokeObjectURL(this.objectURL)\n          resolve(result)\n        },\n        (error) => {\n          this.done = true\n          reject(\n            new Error('[prosekit] Failed to upload file', { cause: error }),\n          )\n        },\n      )\n    })\n    store.set(this.objectURL, this)\n  }\n\n  /**\n   * Subscribes to progress updates. Returns a function to unsubscribe.\n   */\n  public subscribeProgress(\n    callback: (progress: UploadProgress) => void,\n  ): VoidFunction {\n    this.subscribers.push(callback)\n    return () => {\n      this.subscribers = this.subscribers.filter(\n        (subscriber) => subscriber !== callback,\n      )\n    }\n  }\n\n  /**\n   * Finds an upload task by its object URL.\n   */\n  static get<Result = unknown>(\n    objectURL: string,\n  ): UploadTask<Result> | undefined {\n    return store.get(objectURL) as UploadTask<Result> | undefined\n  }\n\n  /**\n   * Deletes an upload task by its object URL.\n   */\n  static delete(objectURL: string): void {\n    store.delete(objectURL)\n  }\n}\n\nconst store = new Map<string, UploadTask<unknown>>()\n"],"mappings":";;;AAQA,SAAS,WACP,MACA,OACA,MACA,UACA;AAEA,MAAK,IAAI,IAAI,SAAS,SAAS,GAAG,KAAK,GAAG,KAAK;EAC7C,MAAM,UAAU,SAAS;AACzB,MAAI,QAAQ;GAAE;GAAM;GAAO;GAAM,CAAC,CAChC,QAAO;;AAGX,QAAO;;AAGT,SAAgB,YACd,MACA,OACA,UACA,YACS;CACT,MAAM,QAAQA,WAAS,MAAM;CAC7B,IAAI,UAAU;AACd,MAAK,MAAM,QAAQ,MACjB,KAAI,WAAW,MAAM,OAAO,MAAM,SAAS,CACzC,WAAU;AAGd,QAAO;;;;;ACOT,SAAgB,sBACd,SACgB;AAChB,QAAO,mBAAmBC,SAAO,CAAC,QAAQ,CAAC;;AAG7C,SAASC,WAAS,OAAkB;AAClC,QAAO,MAAM,KAAK,MAAM,cAAc,SAAS,EAAE,CAAC;;AAGpD,MAAMD,UAAQ,YAAiD;CAC7D,QAAQ;CACR,WAAW;CACX,UAAU,aAAoD;EAC5D,MAAME,eAA4B,MAAM,UAAmB;GACzD,MAAM,WAAW,KAAK,YAAY;IAAE,MAAM,MAAM;IAAG,KAAK,MAAM;IAAG,CAAC;AAClE,OAAI,CAAC,SACH,QAAO;GAET,MAAM,MAAM,SAAS,SAAS,IAAI,SAAS,SAAS,SAAS;AAE7D,UAAO,YACL,MACA,OACA,SAAS,KAAK,aAAa,YAAY,QAAQ;IAAE,GAAG;IAAS;IAAK,CAAC,CAAC,EACpED,WACD;;AAEH,SAAO,CAAC,QAAQ,YAAY;;CAE/B,CAAC;;;;ACnCF,SAAgB,uBACd,SACgB;AAChB,QAAO,mBAAmB,OAAO,CAAC,QAAQ,CAAC;;AAG7C,SAAS,SAAS,OAAuB;AACvC,QAAO,MAAM,KAAK,MAAM,eAAe,SAAS,EAAE,CAAC;;AAGrD,MAAM,QAAQ,YAAkD;CAC9D,QAAQ;CACR,WAAW;CACX,UAAU,aAAqD;EAC7D,MAAME,gBAA8B,MAAM,UAAmB;AAC3D,UAAO,YAA4B,MAAM,OAAO,UAAU,SAAS;;AAErE,SAAO,CAAC,SAAS,aAAa;;CAEjC,CAAC;;;;;;;ACzBF,IAAa,aAAb,MAAgC;;;;;;;CA0B9B,YAAY,EAAE,MAAM,YAAwD;cAf3D;qBAO6C,EAAE;AAS9D,OAAK,YAAY,IAAI,gBAAgB,KAAK;AAC1C,OAAK,WAAW,IAAI,SAAS,SAAS,WAAW;GAC/C,MAAM,eAAe,SAAS;IAC5B;IACA,aAAa,aAAa;AACxB,UAAK,MAAM,cAAc,KAAK,YAC5B,YAAW,SAAS;;IAGzB,CAAC;AACF,WAAQ,QAAQ,aAAa,CAAC,MAC3B,WAAW;AACV,SAAK,OAAO;AACZ,QAAI,gBAAgB,KAAK,UAAU;AACnC,YAAQ,OAAO;OAEhB,UAAU;AACT,SAAK,OAAO;AACZ,WACE,IAAI,MAAM,oCAAoC,EAAE,OAAO,OAAO,CAAC,CAChE;KAEJ;IACD;AACF,QAAM,IAAI,KAAK,WAAW,KAAK;;;;;CAMjC,AAAO,kBACL,UACc;AACd,OAAK,YAAY,KAAK,SAAS;AAC/B,eAAa;AACX,QAAK,cAAc,KAAK,YAAY,QACjC,eAAe,eAAe,SAChC;;;;;;CAOL,OAAO,IACL,WACgC;AAChC,SAAO,MAAM,IAAI,UAAU;;;;;CAM7B,OAAO,OAAO,WAAyB;AACrC,QAAM,OAAO,UAAU;;;AAI3B,MAAM,wBAAQ,IAAI,KAAkC"}

package/src/drop-indicator/drop-indicator-plugin.ts

@@ -1,147 +0,0 @@
-import type { ResolvedPos } from '@prosekit/pm/model'
-import {
-  NodeSelection,
-  Plugin,
-  PluginKey,
-  TextSelection,
-  type PluginView,
-} from '@prosekit/pm/state'
-import type { EditorView } from '@prosekit/pm/view'
-
-import {
-  buildGetTarget,
-  type GetTarget,
-} from './drop-target'
-import type {
-  DragEventHandler,
-  ShowHandler,
-  ViewDragging,
-} from './types'
-
-/**
- * @internal
- */
-interface DropIndicatorPluginOptions {
-  onDrag: DragEventHandler
-  onShow: ShowHandler
-  onHide: VoidFunction
-}
-
-/**
- * @internal
- */
-export function createDropIndicatorPlugin(options: DropIndicatorPluginOptions): Plugin {
-  let getTarget: GetTarget | undefined
-
-  return new Plugin({
-    key: new PluginKey('prosekit-drop-indicator'),
-    view: (view) => {
-      getTarget = buildGetTarget(view, options.onDrag)
-      return createDropIndicatorView(view, getTarget, options)
-    },
-    props: {
-      handleDrop(view, event, slice, move): boolean {
-        if (!getTarget) return false
-
-        const target = getTarget([event.clientX, event.clientY], event)
-
-        if (!target) return false
-
-        event.preventDefault()
-        let insertPos = target[0]
-
-        let tr = view.state.tr
-        if (move) {
-          let { node } = (view.dragging as ViewDragging | null) || {}
-          if (node) node.replace(tr)
-          else tr.deleteSelection()
-        }
-
-        let pos = tr.mapping.map(insertPos)
-        let isNode = slice.openStart == 0 && slice.openEnd == 0 && slice.content.childCount == 1
-        let beforeInsert = tr.doc
-        if (isNode) tr.replaceRangeWith(pos, pos, slice.content.firstChild!)
-        else tr.replaceRange(pos, pos, slice)
-        if (tr.doc.eq(beforeInsert)) {
-          return true
-        }
-
-        let $pos = tr.doc.resolve(pos)
-        if (
-          isNode && NodeSelection.isSelectable(slice.content.firstChild!)
-          && $pos.nodeAfter && $pos.nodeAfter.sameMarkup(slice.content.firstChild!)
-        ) {
-          tr.setSelection(new NodeSelection($pos))
-        } else {
-          let end = tr.mapping.map(insertPos)
-          tr.mapping.maps[tr.mapping.maps.length - 1].forEach((_from, _to, _newFrom, newTo) => end = newTo)
-          tr.setSelection(selectionBetween(view, $pos, tr.doc.resolve(end)))
-        }
-        view.focus()
-        view.dispatch(tr.setMeta('uiEvent', 'drop'))
-        return true
-      },
-    },
-  })
-}
-
-function selectionBetween(view: EditorView, $anchor: ResolvedPos, $head: ResolvedPos, bias?: number) {
-  return view.someProp('createSelectionBetween', f => f(view, $anchor, $head))
-    || TextSelection.between($anchor, $head, bias)
-}
-
-function createDropIndicatorView(view: EditorView, getTarget: GetTarget, options: DropIndicatorPluginOptions): PluginView {
-  let dom = view.dom
-  let hideId: ReturnType<typeof setTimeout> | undefined
-  let prevX: number | undefined
-  let prevY: number | undefined
-  let hasDragOverEvent: boolean = false
-
-  const scheduleHide = () => {
-    if (hideId) {
-      clearTimeout(hideId)
-    }
-
-    hasDragOverEvent = false
-    hideId = setTimeout(() => {
-      if (hasDragOverEvent) return
-      options.onHide()
-    }, 30)
-  }
-
-  const handleDragOver = (event: DragEvent): void => {
-    hasDragOverEvent = true
-
-    const { clientX, clientY } = event
-    if (prevX === clientX && prevY === clientY) {
-      return
-    }
-    prevX = clientX
-    prevY = clientY
-
-    let target = getTarget([clientX, clientY], event)
-
-    if (!target) {
-      scheduleHide()
-      return
-    } else {
-      const [pos, [x1, y1, x2, y2]] = target
-      const line = { p1: { x: x1, y: y1 }, p2: { x: x2, y: y2 } }
-      options.onShow({ view, pos, line })
-    }
-  }
-
-  dom.addEventListener('dragover', handleDragOver)
-  dom.addEventListener('dragend', scheduleHide)
-  dom.addEventListener('drop', scheduleHide)
-  dom.addEventListener('dragleave', scheduleHide)
-
-  const destroy = () => {
-    dom.removeEventListener('dragover', handleDragOver)
-    dom.removeEventListener('dragend', scheduleHide)
-    dom.removeEventListener('drop', scheduleHide)
-    dom.removeEventListener('dragleave', scheduleHide)
-  }
-
-  return { destroy }
-}

package/src/drop-indicator/drop-target.ts

@@ -1,168 +0,0 @@
-import { isHTMLElement } from '@ocavue/utils'
-import { isNodeSelection } from '@prosekit/core'
-import type { ProseMirrorNode } from '@prosekit/pm/model'
-import type { EditorView } from '@prosekit/pm/view'
-
-import type { DragEventHandler } from './types'
-
-type Point = readonly [x: number, y: number]
-
-type Line = readonly [x1: number, y1: number, x2: number, y2: number]
-
-/**
- * @internal
- */
-type DropTarget = readonly [pos: number, line: Line]
-
-function getTargetsByView(view: EditorView): DropTarget[] {
-  type StackItem = [pos: number, node: ProseMirrorNode]
-  let stack: StackItem[] = [[-1, view.state.doc]]
-  let targets: DropTarget[] = []
-
-  while (stack.length > 0) {
-    const [pos, node] = stack.pop()!
-    if (pos >= 0) {
-      let dom = view.nodeDOM(pos)
-      if (dom && isHTMLElement(dom)) {
-        let rect = dom.getBoundingClientRect()
-        let { top, bottom, left: x1, right: x2 } = rect
-        targets.push(
-          [pos, [x1, top, x2, top]],
-          [pos + node.nodeSize, [x1, bottom, x2, bottom]],
-        )
-      }
-    }
-    if (node.isBlock && !node.isTextblock) {
-      let childPos = pos + 1
-      for (let child of node.children) {
-        stack.push([childPos, child])
-        childPos += child.nodeSize
-      }
-    }
-  }
-
-  return targets
-}
-
-/**
- * @internal
- */
-export type GetTarget = (point: Point, event: DragEvent) => DropTarget | undefined
-
-/**
- * @internal
- */
-export function buildGetTarget(
-  view: EditorView,
-  onDrag: DragEventHandler,
-): GetTarget {
-  let prevTargets: DropTarget[] = []
-  let prevDoc: ProseMirrorNode | undefined
-  let prevRect: DOMRect | undefined
-
-  const getTargets = (): DropTarget[] => {
-    const rect = view.dom.getBoundingClientRect()
-    const doc = view.state.doc
-
-    if (
-      prevTargets && prevDoc && prevRect
-      && rect.width === prevRect.width
-      && rect.height === prevRect.height
-      && rect.x === prevRect.x
-      && rect.y === prevRect.y
-      && prevDoc.eq(doc)
-    ) {
-      return prevTargets
-    }
-
-    prevRect = rect
-    prevDoc = doc
-    prevTargets = getTargetsByView(view)
-    return prevTargets
-  }
-
-  const getTargetImpl: GetTarget = (point, event) => {
-    if (!view.editable || view.isDestroyed) {
-      return
-    }
-
-    const compare = (p1: DropTarget, p2: DropTarget): number => {
-      const [pos1, line1] = p1
-      const [pos2, line2] = p2
-      const p1Distance = pointLineDistance(point, line1)
-      const p2Distance = pointLineDistance(point, line2)
-
-      return (p1Distance - p2Distance) || (pos1 - pos2)
-    }
-
-    let targets = getTargets()
-    targets.sort(compare)
-
-    // Only consider the first few targets for performance reasons.
-    targets = targets.slice(0, 8)
-
-    // Find the closest valid target.
-    const target = targets.find(target => onDrag({ view, pos: target[0], event }) !== false)
-
-    // If the dragging node is already at the target position, we ignore this
-    // target. Notice that we don't pick the second better target here.
-    if (target && isDraggingToItself(view, target[0])) {
-      return undefined
-    }
-
-    return target
-  }
-
-  let prevPoint: Point | undefined
-  let prevTarget: DropTarget | undefined
-
-  const getTargetCached: GetTarget = (point, event) => {
-    if (prevPoint && pointEqual(prevPoint, point)) {
-      return prevTarget
-    }
-
-    prevPoint = point
-    prevTarget = getTargetImpl(point, event)
-    return prevTarget
-  }
-
-  return getTargetCached
-}
-
-function pointEqual(a: Point, b: Point) {
-  return a[0] === b[0] && a[1] === b[1]
-}
-
-function pointPointDistance(a: Point, b: Point) {
-  // Manhattan distance
-  return Math.abs(a[0] - b[0]) + Math.abs(a[1] - b[1])
-}
-
-function pointLineDistance(point: Point, line: Line) {
-  // Notice that we are actually not calculating the distance between the point
-  // and the line. Instead, we are calculating the distance between the point
-  // and the two endpoints of the line.
-  return Math.min(
-    pointPointDistance(point, [line[0], line[1]]),
-    pointPointDistance(point, [line[2], line[3]]),
-  )
-}
-
-/**
- * Whether the dragging node is being dragged to the same position. For example,
- * dragging a list node into a new position that is just below the list node, or
- * dragging a nested quoteblock into itself.
- */
-function isDraggingToItself(view: EditorView, pos: number) {
-  const dragging = view.dragging
-  if (!dragging) return
-
-  const { move } = dragging
-  if (!move) return
-
-  const selection = view.state.selection
-  if (!isNodeSelection(selection)) return
-
-  const { from, to } = selection
-  return from <= pos && pos <= to
-}