@prosekit/extensions 0.10.1 → 0.11.1

package/dist/drop-indicator-QKkPzJIx.js

@@ -0,0 +1,255 @@
+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 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
+*/
+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 getTarget = (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;
+		};
+		const targets = getTargets();
+		targets.sort(compare);
+		const target = targets.find((target$1) => onDrag({
+			view,
+			pos: target$1[0],
+			event
+		}) !== false);
+		if (target && isDraggingToItself(view, target[0])) return void 0;
+		return target;
+	};
+	return getTarget;
+}
+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 };

package/dist/list/style.css

@@ -1,89 +1,129 @@
-/* src/style.css */
-.prosemirror-flat-list {
-  padding: 0;
-  margin-top: 0;
-  margin-bottom: 0;
-  margin-left: 32px;
-  margin-bottom: 0;
-  position: relative;
-  display: list-item;
-  list-style: none;
-}
-.prosemirror-flat-list.ProseMirror-selectednode {
-  outline: none;
-}
-.prosemirror-flat-list.ProseMirror-selectednode:after {
-  content: "";
-  position: absolute;
-  left: -32px;
-  right: -2px;
-  top: -2px;
-  bottom: -2px;
-  border: 2px solid #8cf;
-  pointer-events: none;
-}
-.prosemirror-flat-list[data-list-kind=bullet] {
-  list-style: disc;
-}
-.prosemirror-flat-list[data-list-kind=ordered] > * {
-  contain: style;
-}
-.prosemirror-flat-list[data-list-kind=ordered]::before {
-  position: absolute;
-  right: 100%;
-  font-variant-numeric: tabular-nums;
-  content: counter(prosemirror-flat-list-counter, decimal) ". ";
+:root {
+  --prosekit-list-bullet-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='2.5' fill='currentColor'/%3E%3C/svg%3E");
+  --prosekit-list-toggle-open-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpolygon points='8,10 12,14 16,10' fill='currentColor'/%3E%3C/svg%3E");
+  --prosekit-list-toggle-closed-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpolygon points='10,8 14,12 10,16' fill='currentColor'/%3E%3C/svg%3E");
 }
-.prosemirror-flat-list[data-list-kind=ordered] {
-  counter-increment: prosemirror-flat-list-counter;
-}
-.prosemirror-flat-list[data-list-kind=ordered]:first-child,
-:not(.prosemirror-flat-list[data-list-kind=ordered]) + .prosemirror-flat-list[data-list-kind=ordered] {
-  counter-reset: prosemirror-flat-list-counter;
-}
-@supports (counter-set: prosemirror-flat-list-counter 1) {
-  [data-list-order]:is(.prosemirror-flat-list[data-list-kind=ordered]:first-child, :not(.prosemirror-flat-list[data-list-kind=ordered]) + .prosemirror-flat-list[data-list-kind=ordered]) {
-    counter-set: prosemirror-flat-list-counter var(--prosemirror-flat-list-order);
+
+.prosemirror-flat-list {
+  & {
+    position: relative;
+    margin: 0;
+    padding: 0;
+    list-style: none;
   }
-}
-@supports not (counter-set: prosemirror-flat-list-counter 1) {
-  [data-list-order]:is(.prosemirror-flat-list[data-list-kind=ordered]:first-child, :not(.prosemirror-flat-list[data-list-kind=ordered]) + .prosemirror-flat-list[data-list-kind=ordered]) {
-    counter-increment: prosemirror-flat-list-counter var(--prosemirror-flat-list-order);
+
+  & > .list-marker {
+    position: absolute;
+    left: 0;
+    width: 1.5em;
+    width: 1lh;
+    height: 1.5em;
+    height: 1lh;
+    text-align: center;
   }
-}
-.prosemirror-flat-list[data-list-kind=task] > .list-marker {
-  position: absolute;
-  right: 100%;
-  text-align: center;
-  width: 1.5em;
-  width: 1lh;
-}
-:is(.prosemirror-flat-list[data-list-kind=task] > .list-marker),
-:is(.prosemirror-flat-list[data-list-kind=task] > .list-marker) * {
-  cursor: pointer;
-}
-.prosemirror-flat-list[data-list-kind=toggle] > .list-marker {
-  position: absolute;
-  right: 100%;
-  text-align: center;
-  width: 1.5em;
-  width: 1lh;
-}
-.prosemirror-flat-list[data-list-kind=toggle] > .list-marker::before {
-  content: "\23f7";
-}
-.prosemirror-flat-list[data-list-kind=toggle][data-list-collapsable][data-list-collapsed] > .list-marker::before {
-  content: "\23f5";
-}
-.prosemirror-flat-list[data-list-kind=toggle][data-list-collapsable] > .list-marker {
-  cursor: pointer;
-}
-.prosemirror-flat-list[data-list-kind=toggle]:not([data-list-collapsable]) > .list-marker {
-  opacity: 40%;
-  pointer-events: none;
-}
-.prosemirror-flat-list[data-list-kind=toggle][data-list-collapsable][data-list-collapsed] > .list-content > *:nth-child(n+2) {
-  display: none;
-}
 
+  & > .list-content {
+    margin-left: 1.5em;
+    margin-left: 1lh;
+  }
+
+  &[data-list-kind="bullet"] > .list-marker,
+  &[data-list-kind="toggle"] > .list-marker {
+    background-color: currentColor;
+    mask-position: center;
+    mask-repeat: no-repeat;
+    mask-size: contain;
+  }
+
+  &[data-list-kind="bullet"] {
+    & > .list-marker {
+      mask-image: var(--prosekit-list-bullet-icon);
+    }
+  }
+
+  &[data-list-kind="toggle"] {
+    & > .list-marker {
+      mask-image: var(--prosekit-list-toggle-open-icon);
+    }
+
+    &[data-list-collapsable][data-list-collapsed] > .list-marker {
+      mask-image: var(--prosekit-list-toggle-closed-icon);
+    }
+  }
+
+  &[data-list-kind="ordered"] {
+    /*
+      Ensure that the counters in children don't escape, so that the sub lists
+      won't affect the counter of the parent list.
+  
+      See also https://github.com/ocavue/prosemirror-flat-list/issues/23
+      */
+    & > * {
+      contain: style;
+    }
+
+    &::before {
+      position: absolute;
+      right: calc(100% - 1.5em);
+      right: calc(100% - 1lh);
+      content: counter(prosemirror-flat-list-counter, decimal) ". ";
+      font-variant-numeric: tabular-nums;
+    }
+    counter-increment: prosemirror-flat-list-counter;
+
+    /* 
+      Reset the counter for the first list node in the sequence.
+      */
+    &:first-child,
+    :not(&) + & {
+      counter-reset: prosemirror-flat-list-counter;
+
+      /* 
+        If the first list node has a custom order number, set the counter to that value.
+        */
+      &[data-list-order] {
+        @supports (counter-set: prosemirror-flat-list-counter 1) {
+          counter-set: prosemirror-flat-list-counter var(--prosemirror-flat-list-order);
+        }
+
+        /* 
+          Safari older than version 17.2 doesn't support `counter-set` 
+          */
+        @supports not (counter-set: prosemirror-flat-list-counter 1) {
+          counter-increment: prosemirror-flat-list-counter var(--prosemirror-flat-list-order);
+        }
+      }
+    }
+  }
+
+  &[data-list-kind="task"] {
+    & > .list-marker {
+      &,
+      & * {
+        /* Make sure that the checkbox is at the center */
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin: 0;
+        padding: 0;
+        cursor: pointer;
+      }
+    }
+  }
+
+  &[data-list-kind="toggle"] {
+    &[data-list-collapsable] > .list-marker {
+      cursor: pointer;
+    }
+    &:not([data-list-collapsable]) > .list-marker {
+      opacity: 40%;
+      pointer-events: none;
+    }
+
+    /* If collapsed, hide the second and futher children */
+    &[data-list-collapsable][data-list-collapsed] > .list-content > *:nth-child(n+2) {
+      display: none;
+    }
+  }
+}
 

package/dist/prosekit-extensions-code-block.d.ts

@@ -1,4 +1,4 @@
-import { ShikiHighlighterOptions } from "./shiki-highlighter-chunk-CZGvZlhf.js";
+import { ShikiHighlighterOptions } from "./shiki-highlighter-chunk-NV2F_Qjl.js";
 import { Extension, PlainExtension, Union } from "@prosekit/core";
 import { Parser } from "prosemirror-highlight";
 import { BundledLanguage as ShikiBundledLanguage, BundledLanguageInfo as ShikiBundledLanguageInfo, BundledTheme as ShikiBundledTheme, BundledThemeInfo as ShikiBundledThemeInfo, SpecialLanguage, bundledLanguagesInfo as shikiBundledLanguagesInfo, bundledThemesInfo as shikiBundledThemesInfo } from "shiki";

package/dist/prosekit-extensions-drop-cursor.d.ts

@@ -28,6 +28,8 @@ type DropCursorExtension = PlainExtension;
 *
 * See [prosemirror-dropcursor](https://github.com/ProseMirror/prosemirror-dropcursor) for more information.
 *
+* You probably want to use `<DropIndicator />` component instead of this extension.
+*
 * @public
 */
 declare function defineDropCursor(options?: DropCursorOptions): DropCursorExtension;

package/dist/prosekit-extensions-drop-cursor.js

@@ -7,6 +7,8 @@ import { dropCursor } from "prosemirror-dropcursor";
 *
 * See [prosemirror-dropcursor](https://github.com/ProseMirror/prosemirror-dropcursor) for more information.
 *
+* You probably want to use `<DropIndicator />` component instead of this extension.
+*
 * @public
 */
 function defineDropCursor(options) {

package/dist/prosekit-extensions-drop-indicator.d.ts

@@ -0,0 +1,134 @@
+import { PlainExtension } from "@prosekit/core";
+import { NodeSelection } from "@prosekit/pm/state";
+import { EditorView } from "@prosekit/pm/view";
+import { Slice } from "@prosekit/pm/model";
+
+//#region src/drop-indicator/types.d.ts
+
+/**
+* A function that will be called when the `dragover` event is fired. You can
+* return `false` to disable the current drop point and thus hide the drop
+* indicator.
+*
+* @public
+*/
+type DragEventHandler = (options: DragEventHandlerOptions) => boolean;
+/**
+* Options for {@link DragEventHandler}.
+*
+* @public
+*/
+interface DragEventHandlerOptions {
+  /**
+  * The editor's view.
+  */
+  view: EditorView;
+  /**
+  * The drop position in current document.
+  */
+  pos: number;
+  /**
+  * The `dragover` event.
+  */
+  event: DragEvent;
+}
+/**
+* A function that will be called when the drop indicator should be shown.
+*
+* @public
+*/
+type ShowHandler = (options: ShowHandlerOptions) => void;
+/**
+* Options for {@link ShowHandler}.
+*
+* @public
+*/
+interface ShowHandlerOptions {
+  /**
+  * The editor's view.
+  */
+  view: EditorView;
+  /**
+  * The ProseMirror position that the drop indicator should be shown at.
+  */
+  pos: number;
+  /**
+  * The line that the drop indicator should be shown at.
+  */
+  line: Line;
+}
+/**
+* @internal
+*/
+interface Point {
+  readonly x: number;
+  readonly y: number;
+}
+/**
+* @internal
+*/
+interface Line {
+  readonly p1: Point;
+  readonly p2: Point;
+}
+/**
+* An interface matching the internal ProseMirror implementation.
+*
+* See https://github.com/ProseMirror/prosemirror-view/blob/1.38.1/src/input.ts#L657
+*
+* @internal
+*/
+interface ViewDragging {
+  readonly slice: Slice;
+  readonly move: boolean;
+  readonly node?: NodeSelection;
+}
+//#endregion
+//#region src/drop-indicator/drop-indicator-facet.d.ts
+/**
+* @internal
+*/
+interface DropIndicatorPayload {
+  /**
+  * A callback that is called when the drop indicator should be shown.
+  */
+  onShow?: ShowHandler;
+  /**
+  * A callback that is called when the drop indicator should be hidden.
+  */
+  onHide?: VoidFunction;
+  /**
+  * A callback that is called when the `dragover` event is fired. You can
+  * return `false` to disable the current drop point and thus hide the drop
+  * indicator.
+  */
+  onDrag?: DragEventHandler;
+}
+//#endregion
+//#region src/drop-indicator/drop-indicator.d.ts
+/**
+* @internal
+*/
+type DropIndicatorExtension = PlainExtension;
+/**
+* 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
+*/
+declare function defineDropIndicator(options?: DropIndicatorOptions): DropIndicatorExtension;
+/**
+* Options for {@link defineDropIndicator}.
+*
+* @public
+*/
+interface DropIndicatorOptions extends DropIndicatorPayload {}
+//#endregion
+export { type DragEventHandler, type DragEventHandlerOptions, type DropIndicatorExtension, type DropIndicatorOptions, type Line, type Point, type ShowHandler, type ShowHandlerOptions, type ViewDragging, defineDropIndicator };

package/dist/prosekit-extensions-drop-indicator.js

@@ -0,0 +1,3 @@
+import { defineDropIndicator } from "./drop-indicator-QKkPzJIx.js";
+
+export { defineDropIndicator };

package/dist/prosekit-extensions-link.js

@@ -1,6 +1,6 @@
 import { defineInputRule } from "./input-rule-Gji4N7Oe.js";
 import { defineEnterRule } from "./enter-rule-RdhEA900.js";
-import { defineMarkRule } from "./mark-rule-wEOcDt6i.js";
+import { defineMarkRule } from "./mark-rule-D7zaa32n.js";
 import { addMark, defineCommands, defineMarkSpec, expandMark, removeMark, toggleMark, union } from "@prosekit/core";
 import { InputRule } from "@prosekit/pm/inputrules";
 

package/dist/prosekit-extensions-list.js

@@ -1,9 +1,10 @@
 import { defineInputRule } from "./input-rule-Gji4N7Oe.js";
+import { defineDropIndicator } from "./drop-indicator-QKkPzJIx.js";
 import { defineClipboardSerializer, defineCommands, defineKeymap, defineNodeSpec, definePlugin, insertNode, union } from "@prosekit/core";
 import { Plugin } from "@prosekit/pm/state";
 import { chainCommands, deleteSelection } from "@prosekit/pm/commands";
-import { ListDOMSerializer, createDedentListCommand, createIndentListCommand, createListEventPlugin, createListRenderingPlugin, createListSpec, createMoveListCommand, createSafariInputMethodWorkaroundPlugin, createSplitListCommand, createToggleCollapsedCommand, createToggleListCommand, createUnwrapListCommand, createWrapInListCommand, deleteCommand, enterCommand, joinCollapsedListBackward, joinListElements, joinListUp, listInputRules, listToDOM, protectCollapsed, unwrapListSlice } from "prosemirror-flat-list";
 import { isElementLike } from "@ocavue/utils";
+import { ListDOMSerializer, createDedentListCommand, createIndentListCommand, createListEventPlugin, createListRenderingPlugin, createListSpec, createMoveListCommand, createSafariInputMethodWorkaroundPlugin, createSplitListCommand, createToggleCollapsedCommand, createToggleListCommand, createUnwrapListCommand, createWrapInListCommand, deleteCommand, enterCommand, joinCollapsedListBackward, joinListElements, joinListUp, listInputRules, listToDOM, protectCollapsed, unwrapListSlice } from "prosemirror-flat-list";
 
 //#region src/list/list-commands.ts
 function insertList(attrs) {
@@ -31,6 +32,31 @@ function defineListCommands() {
 	});
 }
 
+//#endregion
+//#region src/list/list-drop-indicator.ts
+/**
+* Configures drop indicator to avoid unexpected drop point.
+*
+* We don't want to drag a list node and drop it as the first
+* child of another list node.
+*
+* @internal
+*/
+function defineListDropIndicator() {
+	return defineDropIndicator({ onDrag });
+}
+const onDrag = ({ view, pos }) => {
+	const slice = view.dragging?.slice;
+	if (slice && slice.openStart === 0 && slice.openEnd === 0 && slice.content.childCount === 1) {
+		const node = slice.content.child(0);
+		if (node.type.name === "list") {
+			const $pos = view.state.doc.resolve(pos);
+			if ($pos.parent.type.name === "list" && $pos.index() === 0) return false;
+		}
+	}
+	return true;
+};
+
 //#endregion
 //#region src/list/list-input-rules.ts
 /**
@@ -120,12 +146,29 @@ function defineListSerializer() {
 
 //#endregion
 //#region src/list/list-spec.ts
+function getMarkers(node) {
+	const attrs = node.attrs;
+	switch (attrs.kind) {
+		case "task": return [["label", ["input", {
+			type: "checkbox",
+			checked: attrs.checked ? "" : void 0
+		}]]];
+		default: return [];
+	}
+}
 /**
 * @internal
 */
 function defineListSpec() {
+	const spec = createListSpec();
 	return defineNodeSpec({
-		...createListSpec(),
+		...spec,
+		toDOM: (node) => {
+			return listToDOM({
+				node,
+				getMarkers
+			});
+		},
 		name: "list"
 	});
 }
@@ -136,7 +179,7 @@ function defineListSpec() {
 * @public
 */
 function defineList() {
-	return union(defineListSpec(), defineListPlugins(), defineListKeymap(), defineListInputRules(), defineListCommands(), defineListSerializer());
+	return union(defineListSpec(), defineListPlugins(), defineListKeymap(), defineListInputRules(), defineListCommands(), defineListSerializer(), defineListDropIndicator());
 }
 
 //#endregion

package/dist/prosekit-extensions-mark-rule.js

@@ -1,3 +1,3 @@
-import { defineMarkRule } from "./mark-rule-wEOcDt6i.js";
+import { defineMarkRule } from "./mark-rule-D7zaa32n.js";
 
 export { defineMarkRule };

package/dist/prosekit-extensions-placeholder.js

@@ -1,4 +1,4 @@
-import { findTable } from "./table-dVQqzLlz.js";
+import { findTable } from "./table-3rDWFyBH.js";
 import { definePlugin, isInCodeBlock, maybeRun } from "@prosekit/core";
 import { Plugin, PluginKey } from "@prosekit/pm/state";
 import { Decoration, DecorationSet } from "@prosekit/pm/view";

package/dist/prosekit-extensions-table.js

@@ -1,3 +1,3 @@
-import { defineTable, defineTableCellSpec, defineTableCommands, defineTableHeaderCellSpec, defineTablePlugins, defineTableRowSpec, defineTableSpec, exitTable, findTable, insertTable, isCellSelection, moveTableColumn, moveTableRow, selectTable, selectTableCell, selectTableColumn, selectTableRow } from "./table-dVQqzLlz.js";
+import { defineTable, defineTableCellSpec, defineTableCommands, defineTableHeaderCellSpec, defineTablePlugins, defineTableRowSpec, defineTableSpec, exitTable, findTable, insertTable, isCellSelection, moveTableColumn, moveTableRow, selectTable, selectTableCell, selectTableColumn, selectTableRow } from "./table-3rDWFyBH.js";
 
 export { defineTable, defineTableCellSpec, defineTableCommands, defineTableHeaderCellSpec, defineTablePlugins, defineTableRowSpec, defineTableSpec, exitTable, findTable, insertTable, isCellSelection, moveTableColumn, moveTableRow, selectTable, selectTableCell, selectTableColumn, selectTableRow };

package/dist/prosekit-extensions-virtual-selection.js

@@ -48,7 +48,7 @@ const virtualSelectionPlugin = new ProseMirrorPlugin({
 		},
 		decorations: (state) => {
 			const { selection, doc } = state;
-			if (selection.empty || !getFocusState(state)) return null;
+			if (selection.empty || !getFocusState(state) || !selection.visible) return null;
 			return DecorationSet.create(doc, [Decoration.inline(selection.from, selection.to, { class: "prosekit-virtual-selection" })]);
 		}
 	}

package/dist/shiki-highlighter-chunk.d.ts

@@ -1,2 +1,2 @@
-import { HighlighterOptions, HighlighterResult, ShikiHighlighterOptions, createOrGetHighlighter } from "./shiki-highlighter-chunk-CZGvZlhf.js";
+import { HighlighterOptions, HighlighterResult, ShikiHighlighterOptions, createOrGetHighlighter } from "./shiki-highlighter-chunk-NV2F_Qjl.js";
 export { HighlighterOptions, HighlighterResult, ShikiHighlighterOptions, createOrGetHighlighter };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/extensions",
   "type": "module",
-  "version": "0.10.1",
+  "version": "0.11.1",
   "private": false,
   "description": "A collection of common extensions for ProseKit",
   "author": {
@@ -10,14 +10,14 @@
   },
   "license": "MIT",
   "funding": "https://github.com/sponsors/ocavue",
-  "homepage": "https://github.com/ocavue/prosekit#readme",
+  "homepage": "https://github.com/prosekit/prosekit#readme",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/ocavue/prosekit.git",
+    "url": "git+https://github.com/prosekit/prosekit.git",
     "directory": "packages/extensions"
   },
   "bugs": {
-    "url": "https://github.com/ocavue/prosekit/issues"
+    "url": "https://github.com/prosekit/prosekit/issues"
   },
   "keywords": [
     "ProseMirror"
@@ -65,6 +65,10 @@
       "types": "./dist/prosekit-extensions-drop-cursor.d.ts",
       "default": "./dist/prosekit-extensions-drop-cursor.js"
     },
+    "./drop-indicator": {
+      "types": "./dist/prosekit-extensions-drop-indicator.d.ts",
+      "default": "./dist/prosekit-extensions-drop-indicator.js"
+    },
     "./enter-rule": {
       "types": "./dist/prosekit-extensions-enter-rule.d.ts",
       "default": "./dist/prosekit-extensions-enter-rule.js"
@@ -198,7 +202,7 @@
     "dist"
   ],
   "dependencies": {
-    "@ocavue/utils": "^0.5.0",
+    "@ocavue/utils": "^0.6.0",
     "prosemirror-changeset": "^2.3.1",
     "prosemirror-dropcursor": "^1.8.2",
     "prosemirror-flat-list": "^0.5.5",
@@ -206,9 +210,9 @@
     "prosemirror-highlight": "^0.13.0",
     "prosemirror-search": "^1.1.0",
     "prosemirror-tables": "^1.7.1",
-    "shiki": "^3.8.1",
-    "@prosekit/core": "^0.8.3",
-    "@prosekit/pm": "^0.1.11"
+    "shiki": "^3.9.1",
+    "@prosekit/pm": "^0.1.11",
+    "@prosekit/core": "^0.8.3"
   },
   "peerDependencies": {
     "loro-crdt": ">= 0.16.7",
@@ -242,7 +246,7 @@
     "remark-html": "^16.0.1",
     "remark-parse": "^11.0.0",
     "remark-stringify": "^11.0.0",
-    "tsdown": "^0.13.0",
+    "tsdown": "^0.13.1",
     "type-fest": "^4.41.0",
     "typescript": "~5.8.3",
     "unified": "^11.0.5",
@@ -268,6 +272,7 @@
       "commit/style": "./src/commit/style.css",
       "prosekit-extensions-doc": "./src/doc/index.ts",
       "prosekit-extensions-drop-cursor": "./src/drop-cursor/index.ts",
+      "prosekit-extensions-drop-indicator": "./src/drop-indicator/index.ts",
       "prosekit-extensions-enter-rule": "./src/enter-rule/index.ts",
       "prosekit-extensions-file": "./src/file/index.ts",
       "prosekit-extensions-gap-cursor": "./src/gap-cursor/index.ts",
@@ -338,6 +343,9 @@
       "drop-cursor": [
         "./dist/prosekit-extensions-drop-cursor.d.ts"
       ],
+      "drop-indicator": [
+        "./dist/prosekit-extensions-drop-indicator.d.ts"
+      ],
       "enter-rule": [
         "./dist/prosekit-extensions-enter-rule.d.ts"
       ],