@lofcz/platejs-cursor 52.0.11

package/LICENSE

@@ -0,0 +1,24 @@
+The MIT License (MIT)
+
+Copyright (c) Ziad Beyens, Dylan Schiemann, Joe Anderson, Felix Feng
+
+Unless otherwise specified in a LICENSE file within an individual package directory,
+this license applies to all files in this repository outside of those package directories.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/README.md

@@ -0,0 +1,12 @@
+# Plate Cursor Overlay
+
+This package implements a cursor overlay for Plate.
+
+## Documentation
+
+Check out
+[Cursor Overlay](https://platejs.org/docs/components/cursor-overlay).
+
+## License
+
+[MIT](../../LICENSE)

package/dist/index.d.ts

@@ -0,0 +1,130 @@
+import React from "react";
+import { Editor, TRange, UnknownObject } from "platejs";
+
+//#region src/types.d.ts
+type CaretPosition = {
+  height: number;
+  left: number;
+  top: number;
+};
+type CursorData = {
+  selectionStyle?: React.CSSProperties;
+  style?: React.CSSProperties;
+};
+interface CursorOverlayState<TCursorData extends Record<string, unknown>> extends CursorState<TCursorData> {
+  caretPosition: CaretPosition | null;
+  selectionRects: SelectionRect[];
+}
+type CursorState<TCursorData extends UnknownObject = UnknownObject> = {
+  selection: TRange | null;
+  key?: any;
+  data?: TCursorData;
+};
+type SelectionRect = {
+  height: number;
+  left: number;
+  top: number;
+  width: number;
+};
+//#endregion
+//#region src/components/CursorOverlay.d.ts
+interface CursorOverlayProps<TCursorData extends UnknownObject = UnknownObject> extends Pick<CursorProps<CursorData>, 'classNames' | 'disableCaret' | 'disableSelection' | 'onRenderCaret' | 'onRenderSelectionRect'> {
+  /**
+   * Container the overlay will be rendered in. If set, all returned overlay
+   * positions will be relative to this container.
+   */
+  containerRef?: React.RefObject<HTMLElement | null>;
+  /** Cursor states to use for calculating the overlay positions, by key. */
+  cursors?: Record<string, CursorState<TCursorData>>;
+  /** Overrides `Cursor` component. */
+  onRenderCursor?: React.FC<CursorProps>;
+  /**
+   * Whether to refresh the cursor overlay positions on container resize.
+   *
+   * @default true
+   */
+  refreshOnResize?: boolean;
+}
+type CursorProps<TCursorData extends UnknownObject = UnknownObject> = CursorOverlayState<TCursorData> & {
+  id: string;
+  classNames?: Partial<{
+    caret: string;
+    selectionRect: string;
+  }>;
+  /** Whether to disable the caret. */
+  disableCaret?: boolean;
+  /** Whether to disable the selection rects. */
+  disableSelection?: boolean;
+  /**
+   * Custom caret component. For example, you could display a label next to
+   * the caret.
+   *
+   * @default styled div
+   */
+  onRenderCaret?: React.FC<Pick<CursorProps<TCursorData>, 'caretPosition' | 'data'>>;
+  /** Overrides `Caret` component */
+  onRenderSelectionRect?: React.FC<{
+    selectionRect: SelectionRect;
+  } & Pick<CursorProps<TCursorData>, 'data'>>;
+};
+declare function CursorOverlayContent<TCursorData extends UnknownObject = UnknownObject>({
+  classNames,
+  onRenderCaret,
+  onRenderCursor: CursorComponent,
+  onRenderSelectionRect,
+  ...props
+}: CursorOverlayProps<TCursorData>): React.JSX.Element | null;
+declare function CursorOverlay<TCursorData extends UnknownObject = UnknownObject>(props: CursorOverlayProps<TCursorData>): React.JSX.Element | null;
+//#endregion
+//#region src/hooks/useCursorOverlayPositions.d.ts
+declare const FROZEN_EMPTY_ARRAY: SelectionRect[];
+declare const useCursorOverlayPositions: <TCursorData extends UnknownObject>({
+  containerRef,
+  cursors: cursorStates,
+  refreshOnResize
+}?: CursorOverlayProps<TCursorData>) => {
+  cursors: CursorOverlayState<TCursorData>[];
+  refresh: (sync?: boolean) => void;
+};
+//#endregion
+//#region src/hooks/useRefreshOnResize.d.ts
+interface useRefreshOnResizeOptions extends Pick<CursorOverlayProps, 'containerRef' | 'refreshOnResize'> {
+  selectionRectCache: React.MutableRefObject<WeakMap<TRange, SelectionRect[]>>;
+}
+declare const useRefreshOnResize: ({
+  containerRef,
+  refreshOnResize,
+  selectionRectCache: selectionRectCacheRef
+}: useRefreshOnResizeOptions) => {
+  refresh: (sync?: boolean) => void;
+};
+//#endregion
+//#region src/hooks/useRequestReRender.d.ts
+declare const useRequestReRender: () => (immediate?: boolean) => void;
+//#endregion
+//#region src/queries/getCaretPosition.d.ts
+/** Get the caret position of a range from selectionRects. */
+declare const getCaretPosition: (selectionRects: SelectionRect[], range: TRange) => CaretPosition | null;
+//#endregion
+//#region src/queries/getCursorOverlayState.d.ts
+/** Get cursor overlay state from selection rects. */
+declare const getCursorOverlayState: <TCursorData extends UnknownObject = UnknownObject>({
+  cursors: cursorStates,
+  selectionRects
+}: {
+  selectionRects: Record<string, SelectionRect[]>;
+} & Pick<CursorOverlayProps<TCursorData>, "cursors">) => CursorOverlayState<TCursorData>[];
+//#endregion
+//#region src/queries/getSelectionRects.d.ts
+declare const getSelectionRects: (editor: Editor, {
+  range,
+  xOffset,
+  yOffset
+}: {
+  range: TRange;
+  xOffset: number;
+  yOffset: number;
+}) => SelectionRect[];
+//#endregion
+export { CaretPosition, CursorData, CursorOverlay, CursorOverlayContent, CursorOverlayProps, CursorOverlayState, CursorProps, CursorState, FROZEN_EMPTY_ARRAY, SelectionRect, getCaretPosition, getCursorOverlayState, getSelectionRects, useCursorOverlayPositions, useRefreshOnResize, useRefreshOnResizeOptions, useRequestReRender };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../src/types.ts","../src/components/CursorOverlay.tsx","../src/hooks/useCursorOverlayPositions.ts","../src/hooks/useRefreshOnResize.ts","../src/hooks/useRequestReRender.ts","../src/queries/getCaretPosition.ts","../src/queries/getCursorOverlayState.ts","../src/queries/getSelectionRects.ts"],"sourcesContent":[],"mappings":";;;;KAIY,aAAA;;EAAA,IAAA,EAAA,MAAA;EAMA,GAAA,EAAA,MAAA;AAKZ,CAAA;AAAwD,KAL5C,UAAA,GAK4C;EAClC,cAAA,CAAA,EALH,KAAA,CAAM,aAKH;EACL,KAAA,CAAA,EALP,KAAA,CAAM,aAKC;CACC;AAFR,UADO,kBACP,CAAA,oBAD8C,MAC9C,CAAA,MAAA,EAAA,OAAA,CAAA,CAAA,SAAA,WAAA,CAAY,WAAZ,CAAA,CAAA;EAAW,aAAA,EACJ,aADI,GAAA,IAAA;EAKT,cAAW,EAHL,aAGK,EAAA;;AAAqC,KAAhD,WAAgD,CAAA,oBAAhB,aAAgB,GAAA,aAAA,CAAA,GAAA;EAC/C,SAAA,EAAA,MAAA,GAAA,IAAA;EAEJ,GAAA,CAAA,EAAA,GAAA;EAAW,IAAA,CAAA,EAAX,WAAW;AAGpB,CAAA;KAAY,aAAA;;;ECZK,GAAA,EAAA,MAAA;EACK,KAAA,EAAA,MAAA;CAAgB;;;UADrB,uCACK,gBAAgB,uBAC5B,KACN,YAAY;EDdJ;AAMZ;AAKA;;EACsB,YAAA,CAAA,ECaL,KAAA,CAAM,SDbD,CCaW,WDbX,GAAA,IAAA,CAAA;EACL;EACC,OAAA,CAAA,ECcN,MDdM,CAAA,MAAA,ECcS,WDdT,CCcqB,WDdrB,CAAA,CAAA;EAFR;EAAW,cAAA,CAAA,ECmBF,KAAA,CAAM,EDnBJ,CCmBO,WDnBP,CAAA;EAKT;;;;;EAGQ,eAAA,CAAA,EAAA,OAAA;AAGpB;KCkBY,gCAAgC,gBAAgB,iBAC1D,mBAAmB;;eAEJ;IAjCA,KAAA,EAAA,MAAA;IACK,aAAA,EAAA,MAAA;EAAgB,CAAA,CAAA;EAEtB;EAAZ,YAAA,CAAA,EAAA,OAAA;EAW6B;EAAhB,gBAAM,CAAA,EAAA,OAAA;EAGgB;;;;;;EAfzB,aAAA,CAAA,EA6CM,KAAA,CAAM,EA7CZ,CA8CR,IA9CQ,CA8CH,WA9CG,CA8CS,WA9CT,CAAA,EAAA,eAAA,GAAA,MAAA,CAAA,CAAA;EA4BF;EAAgC,qBAAA,CAAA,EAqBhB,KAAA,CAAM,EArBU,CAAA;IAAgB,aAAA,EAuBrC,aAvBqC;EACvC,CAAA,GAuBX,IAvBW,CAuBN,WAvBM,CAuBM,WAvBN,CAAA,EAAA,MAAA,CAAA,CAAA;CAAnB;AAEe,iBAyBD,oBAzBC,CAAA,oBA0BK,aA1BL,GA0BqB,aA1BrB,CAAA,CAAA;EAAA,UAAA;EAAA,aAAA;EAAA,cAAA,EA8BC,eA9BD;EAAA,qBAAA;EAAA,GAAA;AAAA,CAAA,EAiCd,kBAjCc,CAiCK,WAjCL,CAAA,CAAA,EAiCiB,KAAA,CAAA,GAAA,CAAA,OAjCjB,GAAA,IAAA;AAeM,iBA+CP,aA/CO,CAAA,oBAgDD,aAhDC,GAgDe,aAhDf,CAAA,CAAA,KAAA,EAiDd,kBAjDc,CAiDK,WAjDL,CAAA,CAAA,EAiDiB,KAAA,CAAA,GAAA,CAAA,OAjDjB,GAAA,IAAA;;;cClDV,oBAEG;AFXJ,cEaC,yBFbY,EAAA,CAAA,oBEaqC,aFbrC,CAAA,CAAA;EAAA,YAAA;EAAA,OAAA,EEaoD,YFbpD;EAAA;AAAA,CAAA,CAAA,EEiBtB,kBFjBsB,CEiBH,WFjBG,CAAA,EAAA,GAAA;EAMb,OAAA,oBACa,YACT,CAAA,EAAA;EAGC,OAAA,EAAA,CAAA,IAAkB,CAAlB,EAAA,OAAkB,EAAA,GAAA,IAAA;CAAqB;;;AAX5C,UGKK,yBAAA,SACP,IHNe,CGMV,kBHNU,EAAA,cAAA,GAAA,iBAAA,CAAA,CAAA;EAMb,kBAAU,EGCA,KAAA,CAAM,gBHAH,CGAoB,OHCnC,CGD2C,MHCrC,EGD6C,aHChC,EAAA,CAAA,CAAA;AAG7B;AAAwD,cGD3C,kBHC2C,EAAA,CAAA;EAAA,YAAA;EAAA,eAAA;EAAA,kBAAA,EGDrB;AHCqB,CAAA,EGGrD,yBHHqD,EAAA,GAAA;EAClC,OAAA,EAAA,CAAA,IAAA,CAAA,EAAA,OAAA,EAAA,GAAA,IAAA;CACL;;;cIfJ;;;;cCKA,mCACK,wBACT,WACN;;;;ALNS,cMKC,qBNLY,EAAA,CAAA,oBMMH,aNNG,GMMa,aNNb,CAAA,CAAA;EAAA,OAAA,EMOvB,YNPuB;EAAA;AAWU,CAXV,EAAA;EAMb,cAAU,EMKJ,MNLI,CAAA,MACH,EMIc,aNJR,EACf,CAAA;AAGV,CAAA,GMCI,INDa,CMEf,kBNFiC,CMEd,WNFc,CAAA,EAAA,SAAA,CAAA,EAAA,GMI/B,kBNJ+B,CMIZ,WNJY,CAAA,EAAA;;;cOXtB,4BACH;;;;APUV;SOJW;EPPC,OAAA,EAAA,MAAA;EAMA,OAAA,EAAA,MAAU;AAKtB,CAAA,EAAA,GOAG,aPAc,EAAA"}

package/dist/index.js

@@ -0,0 +1,358 @@
+import { c } from "react-compiler-runtime";
+import React from "react";
+import { useEditorMounted, useEditorRef, useIsomorphicLayoutEffect } from "platejs/react";
+import { PathApi, RangeApi, TextApi } from "platejs";
+
+//#region src/hooks/useRequestReRender.ts
+const useRequestReRender = () => {
+	const [, setUpdateCounter] = React.useState(0);
+	const animationFrameRef = React.useRef(null);
+	const requestReRender = React.useCallback((immediate = false) => {
+		if (animationFrameRef.current && !immediate) return;
+		if (!immediate) {
+			animationFrameRef.current = requestAnimationFrame(() => {
+				setUpdateCounter((state) => state + 1);
+				animationFrameRef.current = null;
+			});
+			return;
+		}
+		if (animationFrameRef.current) {
+			cancelAnimationFrame(animationFrameRef.current);
+			animationFrameRef.current = null;
+		}
+		setUpdateCounter((state_0) => state_0 + 1);
+	}, []);
+	React.useEffect(() => {
+		if (animationFrameRef.current) {
+			cancelAnimationFrame(animationFrameRef.current);
+			animationFrameRef.current = null;
+		}
+	});
+	React.useEffect(() => () => {
+		if (animationFrameRef.current) cancelAnimationFrame(animationFrameRef.current);
+	}, []);
+	return requestReRender;
+};
+
+//#endregion
+//#region src/hooks/useRefreshOnResize.ts
+const useRefreshOnResize = (t0) => {
+	const $ = c(10);
+	const { containerRef, refreshOnResize, selectionRectCache: selectionRectCacheRef } = t0;
+	const requestReRender = useRequestReRender();
+	let t1;
+	if ($[0] !== requestReRender || $[1] !== selectionRectCacheRef) {
+		t1 = (t2$1) => {
+			const sync = t2$1 === void 0 ? false : t2$1;
+			selectionRectCacheRef.current = /* @__PURE__ */ new WeakMap();
+			requestReRender(sync);
+		};
+		$[0] = requestReRender;
+		$[1] = selectionRectCacheRef;
+		$[2] = t1;
+	} else t1 = $[2];
+	const refresh = t1;
+	let t2;
+	let t3;
+	if ($[3] !== containerRef || $[4] !== refresh || $[5] !== refreshOnResize) {
+		t2 = () => {
+			if (!refreshOnResize || !containerRef?.current) return;
+			const resizeObserver = new ResizeObserver(() => refresh());
+			resizeObserver.observe(containerRef.current);
+			return () => resizeObserver.disconnect();
+		};
+		t3 = [
+			containerRef,
+			refresh,
+			refreshOnResize
+		];
+		$[3] = containerRef;
+		$[4] = refresh;
+		$[5] = refreshOnResize;
+		$[6] = t2;
+		$[7] = t3;
+	} else {
+		t2 = $[6];
+		t3 = $[7];
+	}
+	React.useEffect(t2, t3);
+	let t4;
+	if ($[8] !== refresh) {
+		t4 = { refresh };
+		$[8] = refresh;
+		$[9] = t4;
+	} else t4 = $[9];
+	return t4;
+};
+
+//#endregion
+//#region src/queries/getCaretPosition.ts
+/** Get the caret position of a range from selectionRects. */
+const getCaretPosition = (selectionRects, range) => {
+	const isCollapsed = range && RangeApi.isCollapsed(range);
+	const isBackward = range && RangeApi.isBackward(range);
+	const anchorRect = selectionRects[isBackward ? 0 : selectionRects.length - 1];
+	if (!anchorRect) return null;
+	return {
+		height: anchorRect.height,
+		left: anchorRect.left + (isBackward || isCollapsed ? 0 : anchorRect.width),
+		top: anchorRect.top
+	};
+};
+
+//#endregion
+//#region src/queries/getCursorOverlayState.ts
+/** Get cursor overlay state from selection rects. */
+const getCursorOverlayState = ({ cursors: cursorStates, selectionRects }) => {
+	if (!cursorStates) return [];
+	return Object.entries(cursorStates).map(([key, cursorState]) => {
+		const selection = cursorState?.selection ?? null;
+		const rects = selectionRects[key] ?? FROZEN_EMPTY_ARRAY;
+		const caretPosition = selection ? getCaretPosition(rects, selection) : null;
+		return {
+			...cursorState,
+			caretPosition,
+			selection,
+			selectionRects: rects
+		};
+	});
+};
+
+//#endregion
+//#region src/queries/getSelectionRects.ts
+const getSelectionRects = (editor, { range, xOffset, yOffset }) => {
+	const [start, end] = RangeApi.edges(range);
+	const domRange = editor.api.toDOMRange(range);
+	if (!domRange) return [];
+	const selectionRects = [];
+	const textEntries = editor.api.nodes({
+		at: range,
+		match: TextApi.isText
+	});
+	for (const [textNode, textPath] of textEntries) {
+		const domNode = editor.api.toDOMNode(textNode);
+		if (!domNode?.parentElement) return [];
+		const isStartNode = PathApi.equals(textPath, start.path);
+		const isEndNode = PathApi.equals(textPath, end.path);
+		let clientRects = null;
+		if (isStartNode || isEndNode) {
+			const nodeRange = document.createRange();
+			nodeRange.selectNode(domNode);
+			if (isStartNode) nodeRange.setStart(domRange.startContainer, domRange.startOffset);
+			if (isEndNode) nodeRange.setEnd(domRange.endContainer, domRange.endOffset);
+			clientRects = nodeRange.getClientRects();
+		} else clientRects = domNode.getClientRects();
+		for (let i = 0; i < clientRects.length; i++) {
+			const clientRect = clientRects.item(i);
+			if (!clientRect) continue;
+			selectionRects.push({
+				height: clientRect.height,
+				left: clientRect.left - xOffset,
+				top: clientRect.top - yOffset,
+				width: clientRect.width
+			});
+		}
+	}
+	return selectionRects;
+};
+
+//#endregion
+//#region src/hooks/useCursorOverlayPositions.ts
+const FROZEN_EMPTY_ARRAY = Object.freeze([]);
+const useCursorOverlayPositions = (t0) => {
+	const $ = c(20);
+	let t1;
+	if ($[0] !== t0) {
+		t1 = t0 === void 0 ? {} : t0;
+		$[0] = t0;
+		$[1] = t1;
+	} else t1 = $[1];
+	const { containerRef, cursors: cursorStates, refreshOnResize: t2 } = t1;
+	const refreshOnResize = t2 === void 0 ? true : t2;
+	const editor = useEditorRef();
+	let t3;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ new WeakMap();
+		$[2] = t3;
+	} else t3 = $[2];
+	const selectionRectCache = React.useRef(t3);
+	let t4;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = {};
+		$[3] = t4;
+	} else t4 = $[3];
+	const [selectionRects, setSelectionRects] = React.useState(t4);
+	let t5;
+	if ($[4] !== containerRef || $[5] !== cursorStates || $[6] !== editor || $[7] !== selectionRects) {
+		t5 = () => {
+			if (!containerRef?.current) return;
+			if (!cursorStates) return;
+			let xOffset = 0;
+			let yOffset = 0;
+			if (containerRef) {
+				const contentRect = containerRef.current.getBoundingClientRect();
+				xOffset = contentRect.x;
+				yOffset = contentRect.y;
+				yOffset = yOffset - containerRef.current.scrollTop;
+			}
+			let selectionRectsChanged = Object.keys(selectionRects).length !== Object.keys(cursorStates).length;
+			const getCachedSelectionRects = (t6$1) => {
+				const { cursor } = t6$1;
+				const range = cursor.selection;
+				if (!range) return FROZEN_EMPTY_ARRAY;
+				const cached = selectionRectCache.current.get(range);
+				if (cached) return cached;
+				const rects = getSelectionRects(editor, {
+					range,
+					xOffset,
+					yOffset
+				});
+				selectionRectsChanged = true;
+				selectionRectCache.current.set(range, rects);
+				return rects;
+			};
+			const updated = Object.fromEntries(Object.entries(cursorStates).map((t7$1) => {
+				const [key, cursor_0] = t7$1;
+				return [key, getCachedSelectionRects({ cursor: cursor_0 })];
+			}));
+			if (selectionRectsChanged) setSelectionRects(updated);
+		};
+		$[4] = containerRef;
+		$[5] = cursorStates;
+		$[6] = editor;
+		$[7] = selectionRects;
+		$[8] = t5;
+	} else t5 = $[8];
+	const updateSelectionRects = t5;
+	let t6;
+	if ($[9] !== updateSelectionRects) {
+		t6 = () => {
+			updateSelectionRects();
+		};
+		$[9] = updateSelectionRects;
+		$[10] = t6;
+	} else t6 = $[10];
+	useIsomorphicLayoutEffect(t6);
+	let t7;
+	if ($[11] !== cursorStates || $[12] !== selectionRects) {
+		t7 = getCursorOverlayState({
+			cursors: cursorStates,
+			selectionRects
+		});
+		$[11] = cursorStates;
+		$[12] = selectionRects;
+		$[13] = t7;
+	} else t7 = $[13];
+	const cursors = t7;
+	let t8;
+	if ($[14] !== containerRef || $[15] !== refreshOnResize) {
+		t8 = {
+			containerRef,
+			refreshOnResize,
+			selectionRectCache
+		};
+		$[14] = containerRef;
+		$[15] = refreshOnResize;
+		$[16] = t8;
+	} else t8 = $[16];
+	const { refresh } = useRefreshOnResize(t8);
+	let t9;
+	if ($[17] !== cursors || $[18] !== refresh) {
+		t9 = {
+			cursors,
+			refresh
+		};
+		$[17] = cursors;
+		$[18] = refresh;
+		$[19] = t9;
+	} else t9 = $[19];
+	return t9;
+};
+
+//#endregion
+//#region src/components/CursorOverlay.tsx
+function CursorOverlayContent(t0) {
+	const $ = c(21);
+	let CursorComponent;
+	let classNames;
+	let onRenderCaret;
+	let onRenderSelectionRect;
+	let props;
+	if ($[0] !== t0) {
+		({classNames, onRenderCaret, onRenderCursor: CursorComponent, onRenderSelectionRect, ...props} = t0);
+		$[0] = t0;
+		$[1] = CursorComponent;
+		$[2] = classNames;
+		$[3] = onRenderCaret;
+		$[4] = onRenderSelectionRect;
+		$[5] = props;
+	} else {
+		CursorComponent = $[1];
+		classNames = $[2];
+		onRenderCaret = $[3];
+		onRenderSelectionRect = $[4];
+		props = $[5];
+	}
+	const { disableCaret, disableSelection } = props;
+	const { cursors } = useCursorOverlayPositions(props);
+	let t1;
+	if ($[6] !== classNames || $[7] !== disableCaret || $[8] !== disableSelection || $[9] !== onRenderCaret || $[10] !== onRenderSelectionRect) {
+		t1 = {
+			classNames,
+			disableCaret,
+			disableSelection,
+			onRenderCaret,
+			onRenderSelectionRect
+		};
+		$[6] = classNames;
+		$[7] = disableCaret;
+		$[8] = disableSelection;
+		$[9] = onRenderCaret;
+		$[10] = onRenderSelectionRect;
+		$[11] = t1;
+	} else t1 = $[11];
+	const cursorProps = t1;
+	if (!CursorComponent) return null;
+	let t2;
+	if ($[12] !== CursorComponent || $[13] !== cursorProps || $[14] !== cursors) {
+		let t3$1;
+		if ($[16] !== CursorComponent || $[17] !== cursorProps) {
+			t3$1 = (cursor) => /* @__PURE__ */ React.createElement(CursorComponent, {
+				id: cursor.key,
+				key: cursor.key,
+				...cursorProps,
+				...cursor
+			});
+			$[16] = CursorComponent;
+			$[17] = cursorProps;
+			$[18] = t3$1;
+		} else t3$1 = $[18];
+		t2 = cursors.map(t3$1);
+		$[12] = CursorComponent;
+		$[13] = cursorProps;
+		$[14] = cursors;
+		$[15] = t2;
+	} else t2 = $[15];
+	let t3;
+	if ($[19] !== t2) {
+		t3 = /* @__PURE__ */ React.createElement(React.Fragment, null, t2);
+		$[19] = t2;
+		$[20] = t3;
+	} else t3 = $[20];
+	return t3;
+}
+function CursorOverlay(props) {
+	const $ = c(2);
+	if (!useEditorMounted()) return null;
+	let t0;
+	if ($[0] !== props) {
+		t0 = /* @__PURE__ */ React.createElement(CursorOverlayContent, props);
+		$[0] = props;
+		$[1] = t0;
+	} else t0 = $[1];
+	return t0;
+}
+
+//#endregion
+export { CursorOverlay, CursorOverlayContent, FROZEN_EMPTY_ARRAY, getCaretPosition, getCursorOverlayState, getSelectionRects, useCursorOverlayPositions, useRefreshOnResize, useRequestReRender };
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","useRequestReRender","setUpdateCounter","useState","animationFrameRef","useRef","requestReRender","useCallback","immediate","current","requestAnimationFrame","state","cancelAnimationFrame","useEffect","React","TRange","CursorOverlayProps","SelectionRect","useRequestReRender","useRefreshOnResizeOptions","Pick","selectionRectCache","MutableRefObject","WeakMap","useRefreshOnResize","t0","$","_c","containerRef","refreshOnResize","selectionRectCacheRef","requestReRender","t1","t2","sync","undefined","current","refresh","t3","resizeObserver","ResizeObserver","observe","disconnect","useEffect","t4","TRange","RangeApi","CaretPosition","SelectionRect","getCaretPosition","selectionRects","range","isCollapsed","isBackward","anchorRect","length","height","left","width","top","UnknownObject","CursorOverlayProps","CursorOverlayState","SelectionRect","FROZEN_EMPTY_ARRAY","getCaretPosition","getCursorOverlayState","cursors","cursorStates","selectionRects","Record","Pick","TCursorData","Object","entries","map","key","cursorState","selection","rects","caretPosition","Editor","TRange","PathApi","RangeApi","TextApi","SelectionRect","getSelectionRects","editor","range","xOffset","yOffset","start","end","edges","domRange","api","toDOMRange","selectionRects","textEntries","nodes","at","match","isText","textNode","textPath","domNode","toDOMNode","parentElement","isStartNode","equals","path","isEndNode","clientRects","DOMRectList","nodeRange","document","createRange","selectNode","setStart","startContainer","startOffset","setEnd","endContainer","endOffset","getClientRects","i","length","clientRect","item","push","height","left","top","width","React","TRange","UnknownObject","useEditorRef","useIsomorphicLayoutEffect","CursorOverlayProps","CursorState","SelectionRect","getCursorOverlayState","getSelectionRects","useRefreshOnResize","FROZEN_EMPTY_ARRAY","Object","freeze","useCursorOverlayPositions","t0","$","_c","t1","undefined","containerRef","cursors","cursorStates","refreshOnResize","t2","editor","t3","Symbol","for","WeakMap","selectionRectCache","useRef","t4","selectionRects","setSelectionRects","useState","t5","current","xOffset","yOffset","contentRect","getBoundingClientRect","x","y","scrollTop","selectionRectsChanged","keys","length","getCachedSelectionRects","t6","cursor","range","selection","cached","get","rects","set","updated","fromEntries","entries","map","t7","key","cursor_0","updateSelectionRects","t8","refresh","t9","React","UnknownObject","useEditorMounted","CursorData","CursorOverlayState","CursorState","SelectionRect","useCursorOverlayPositions","CursorOverlayProps","Pick","CursorProps","containerRef","RefObject","HTMLElement","cursors","Record","TCursorData","onRenderCursor","FC","refreshOnResize","id","classNames","Partial","caret","selectionRect","disableCaret","disableSelection","onRenderCaret","onRenderSelectionRect","CursorOverlayContent","t0","$","_c","CursorComponent","props","t1","cursorProps","t2","t3","cursor","key","map","CursorOverlay","isMounted"],"sources":["../src/hooks/useRequestReRender.ts","../src/hooks/useRefreshOnResize.ts","../src/queries/getCaretPosition.ts","../src/queries/getCursorOverlayState.ts","../src/queries/getSelectionRects.ts","../src/hooks/useCursorOverlayPositions.ts","../src/components/CursorOverlay.tsx"],"sourcesContent":["import React from 'react';\n\nexport const useRequestReRender = () => {\n  const [, setUpdateCounter] = React.useState(0);\n  const animationFrameRef = React.useRef<number | null>(null);\n\n  const requestReRender = React.useCallback((immediate = false) => {\n    if (animationFrameRef.current && !immediate) {\n      return;\n    }\n    if (!immediate) {\n      animationFrameRef.current = requestAnimationFrame(() => {\n        setUpdateCounter((state) => state + 1);\n        animationFrameRef.current = null;\n      });\n\n      return;\n    }\n    if (animationFrameRef.current) {\n      cancelAnimationFrame(animationFrameRef.current);\n      animationFrameRef.current = null;\n    }\n\n    setUpdateCounter((state) => state + 1);\n  }, []);\n\n  React.useEffect(() => {\n    if (animationFrameRef.current) {\n      cancelAnimationFrame(animationFrameRef.current);\n      animationFrameRef.current = null;\n    }\n  });\n\n  React.useEffect(\n    () => () => {\n      if (animationFrameRef.current) {\n        cancelAnimationFrame(animationFrameRef.current);\n      }\n    },\n    []\n  );\n\n  return requestReRender;\n};\n","import React from 'react';\n\nimport type { TRange } from 'platejs';\n\nimport type { CursorOverlayProps } from '../components';\nimport type { SelectionRect } from '../types';\n\nimport { useRequestReRender } from './useRequestReRender';\n\nexport interface useRefreshOnResizeOptions\n  extends Pick<CursorOverlayProps, 'containerRef' | 'refreshOnResize'> {\n  selectionRectCache: React.MutableRefObject<WeakMap<TRange, SelectionRect[]>>;\n}\n\nexport const useRefreshOnResize = ({\n  containerRef,\n  refreshOnResize,\n  selectionRectCache: selectionRectCacheRef,\n}: useRefreshOnResizeOptions) => {\n  const requestReRender = useRequestReRender();\n\n  // Reset the selection rect cache and request re-render.\n  // ✅ Mutating ref inside callback is OK - callbacks run in response to events, not during render\n  const refresh = React.useCallback(\n    (sync = false) => {\n      selectionRectCacheRef.current = new WeakMap();\n      requestReRender(sync);\n    },\n    [requestReRender, selectionRectCacheRef]\n  );\n\n  // Refresh on container resize\n  React.useEffect(() => {\n    if (!refreshOnResize || !containerRef?.current) {\n      return;\n    }\n\n    const resizeObserver = new ResizeObserver(() => refresh());\n    resizeObserver.observe(containerRef.current);\n\n    return () => resizeObserver.disconnect();\n  }, [containerRef, refresh, refreshOnResize]);\n\n  return {\n    refresh,\n  };\n};\n","import type { TRange } from 'platejs';\n\nimport { RangeApi } from 'platejs';\n\nimport type { CaretPosition, SelectionRect } from '../types';\n\n/** Get the caret position of a range from selectionRects. */\nexport const getCaretPosition = (\n  selectionRects: SelectionRect[],\n  range: TRange\n): CaretPosition | null => {\n  const isCollapsed = range && RangeApi.isCollapsed(range);\n  const isBackward = range && RangeApi.isBackward(range);\n  const anchorRect = selectionRects[isBackward ? 0 : selectionRects.length - 1];\n\n  if (!anchorRect) {\n    return null;\n  }\n\n  return {\n    height: anchorRect.height,\n    left: anchorRect.left + (isBackward || isCollapsed ? 0 : anchorRect.width),\n    top: anchorRect.top,\n  };\n};\n","import type { UnknownObject } from 'platejs';\n\nimport type { CursorOverlayProps } from '../components';\nimport type { CursorOverlayState, SelectionRect } from '../types';\n\nimport { FROZEN_EMPTY_ARRAY } from '../hooks';\nimport { getCaretPosition } from './getCaretPosition';\n\n/** Get cursor overlay state from selection rects. */\nexport const getCursorOverlayState = <\n  TCursorData extends UnknownObject = UnknownObject,\n>({\n  cursors: cursorStates,\n  selectionRects,\n}: {\n  selectionRects: Record<string, SelectionRect[]>;\n} & Pick<\n  CursorOverlayProps<TCursorData>,\n  'cursors'\n>): CursorOverlayState<TCursorData>[] => {\n  if (!cursorStates) return [];\n\n  return Object.entries(cursorStates).map(([key, cursorState]) => {\n    const selection = cursorState?.selection ?? null;\n    const rects = selectionRects[key] ?? FROZEN_EMPTY_ARRAY;\n\n    const caretPosition = selection ? getCaretPosition(rects, selection) : null;\n\n    return {\n      ...cursorState,\n      caretPosition,\n      selection,\n      selectionRects: rects,\n    };\n  });\n};\n","import { type Editor, type TRange, PathApi, RangeApi, TextApi } from 'platejs';\n\nimport type { SelectionRect } from '../types';\n\nexport const getSelectionRects = (\n  editor: Editor,\n  {\n    range,\n    xOffset,\n    yOffset,\n  }: {\n    range: TRange;\n    xOffset: number;\n    yOffset: number;\n  }\n): SelectionRect[] => {\n  const [start, end] = RangeApi.edges(range);\n  const domRange = editor.api.toDOMRange(range);\n\n  if (!domRange) {\n    return [];\n  }\n\n  const selectionRects: SelectionRect[] = [];\n  const textEntries = editor.api.nodes({\n    at: range,\n    match: TextApi.isText,\n  });\n\n  for (const [textNode, textPath] of textEntries) {\n    const domNode = editor.api.toDOMNode(textNode);\n\n    // Fix: failed to execute 'selectNode' on 'Range': the given Node has no parent\n    if (!domNode?.parentElement) {\n      return [];\n    }\n\n    const isStartNode = PathApi.equals(textPath, start.path);\n    const isEndNode = PathApi.equals(textPath, end.path);\n\n    let clientRects: DOMRectList | null = null;\n\n    if (isStartNode || isEndNode) {\n      const nodeRange = document.createRange();\n\n      nodeRange.selectNode(domNode);\n\n      if (isStartNode) {\n        nodeRange.setStart(domRange.startContainer, domRange.startOffset);\n      }\n      if (isEndNode) {\n        nodeRange.setEnd(domRange.endContainer, domRange.endOffset);\n      }\n\n      clientRects = nodeRange.getClientRects();\n    } else {\n      clientRects = domNode.getClientRects();\n    }\n\n    for (let i = 0; i < clientRects.length; i++) {\n      const clientRect = clientRects.item(i);\n\n      if (!clientRect) {\n        continue;\n      }\n\n      selectionRects.push({\n        height: clientRect.height,\n        left: clientRect.left - xOffset,\n        top: clientRect.top - yOffset,\n        width: clientRect.width,\n      });\n    }\n  }\n\n  return selectionRects;\n};\n","import React from 'react';\n\nimport type { TRange, UnknownObject } from 'platejs';\n\nimport { useEditorRef, useIsomorphicLayoutEffect } from 'platejs/react';\n\nimport type { CursorOverlayProps } from '../components/CursorOverlay';\nimport type { CursorState, SelectionRect } from '../types';\n\nimport { getCursorOverlayState } from '../queries/getCursorOverlayState';\nimport { getSelectionRects } from '../queries/getSelectionRects';\nimport { useRefreshOnResize } from './useRefreshOnResize';\n\nexport const FROZEN_EMPTY_ARRAY = Object.freeze(\n  []\n) as unknown as SelectionRect[];\n\nexport const useCursorOverlayPositions = <TCursorData extends UnknownObject>({\n  containerRef,\n  cursors: cursorStates,\n  refreshOnResize = true,\n}: CursorOverlayProps<TCursorData> = {}) => {\n  const editor = useEditorRef();\n\n  const selectionRectCache = React.useRef<WeakMap<TRange, SelectionRect[]>>(\n    new WeakMap()\n  );\n\n  const [selectionRects, setSelectionRects] = React.useState<\n    Record<string, SelectionRect[]>\n  >({});\n\n  const updateSelectionRects = React.useCallback(() => {\n    // We have a container ref but the ref is null => container\n    // isn't mounted to we can't calculate the selection rects.\n    if (!containerRef?.current) return;\n    if (!cursorStates) return;\n\n    let xOffset = 0;\n    let yOffset = 0;\n\n    if (containerRef) {\n      const contentRect = containerRef.current!.getBoundingClientRect();\n      xOffset = contentRect.x;\n      yOffset = contentRect.y;\n      yOffset -= containerRef.current.scrollTop;\n    }\n\n    let selectionRectsChanged =\n      Object.keys(selectionRects).length !== Object.keys(cursorStates).length;\n\n    const getCachedSelectionRects = ({\n      cursor,\n    }: {\n      cursor: CursorState<TCursorData>;\n    }) => {\n      const range = cursor.selection;\n\n      if (!range) {\n        return FROZEN_EMPTY_ARRAY;\n      }\n\n      const cached = selectionRectCache.current.get(range);\n\n      if (cached) {\n        return cached;\n      }\n\n      const rects = getSelectionRects(editor, { range, xOffset, yOffset });\n      selectionRectsChanged = true;\n      selectionRectCache.current.set(range, rects);\n\n      return rects;\n    };\n\n    const updated: Record<string, SelectionRect[]> = Object.fromEntries(\n      Object.entries(cursorStates).map(([key, cursor]) => [\n        key,\n        getCachedSelectionRects({\n          cursor,\n        }),\n      ])\n    );\n\n    if (selectionRectsChanged) {\n      setSelectionRects(updated);\n    }\n  }, [containerRef, cursorStates, editor, selectionRects]);\n\n  // Update selection rects after paint\n\n  useIsomorphicLayoutEffect(() => {\n    updateSelectionRects();\n  });\n\n  const cursors = React.useMemo(\n    () =>\n      getCursorOverlayState({\n        cursors: cursorStates,\n        selectionRects,\n      }),\n    [cursorStates, selectionRects]\n  );\n\n  const { refresh } = useRefreshOnResize({\n    containerRef,\n    refreshOnResize,\n    selectionRectCache,\n  });\n\n  return { cursors, refresh };\n};\n","import React from 'react';\n\nimport type { UnknownObject } from 'platejs';\n\nimport { useEditorMounted } from 'platejs/react';\n\nimport type {\n  CursorData,\n  CursorOverlayState,\n  CursorState,\n  SelectionRect,\n} from '../types';\n\nimport { useCursorOverlayPositions } from '../hooks/useCursorOverlayPositions';\n\nexport interface CursorOverlayProps<\n  TCursorData extends UnknownObject = UnknownObject,\n> extends Pick<\n    CursorProps<CursorData>,\n    | 'classNames'\n    | 'disableCaret'\n    | 'disableSelection'\n    | 'onRenderCaret'\n    | 'onRenderSelectionRect'\n  > {\n  /**\n   * Container the overlay will be rendered in. If set, all returned overlay\n   * positions will be relative to this container.\n   */\n  containerRef?: React.RefObject<HTMLElement | null>;\n\n  /** Cursor states to use for calculating the overlay positions, by key. */\n  cursors?: Record<string, CursorState<TCursorData>>;\n\n  /** Overrides `Cursor` component. */\n  onRenderCursor?: React.FC<CursorProps>;\n\n  /**\n   * Whether to refresh the cursor overlay positions on container resize.\n   *\n   * @default true\n   */\n  refreshOnResize?: boolean;\n}\n\nexport type CursorProps<TCursorData extends UnknownObject = UnknownObject> =\n  CursorOverlayState<TCursorData> & {\n    id: string;\n    classNames?: Partial<{\n      caret: string;\n      selectionRect: string;\n    }>;\n    /** Whether to disable the caret. */\n    disableCaret?: boolean;\n    /** Whether to disable the selection rects. */\n    disableSelection?: boolean;\n    /**\n     * Custom caret component. For example, you could display a label next to\n     * the caret.\n     *\n     * @default styled div\n     */\n    onRenderCaret?: React.FC<\n      Pick<CursorProps<TCursorData>, 'caretPosition' | 'data'>\n    >;\n    /** Overrides `Caret` component */\n    onRenderSelectionRect?: React.FC<\n      {\n        selectionRect: SelectionRect;\n      } & Pick<CursorProps<TCursorData>, 'data'>\n    >;\n  };\n\nexport function CursorOverlayContent<\n  TCursorData extends UnknownObject = UnknownObject,\n>({\n  classNames,\n  onRenderCaret,\n  onRenderCursor: CursorComponent,\n  onRenderSelectionRect,\n  ...props\n}: CursorOverlayProps<TCursorData>) {\n  const { disableCaret, disableSelection } = props;\n\n  const { cursors } = useCursorOverlayPositions(props);\n\n  const cursorProps = {\n    classNames,\n    disableCaret,\n    disableSelection,\n    onRenderCaret,\n    onRenderSelectionRect,\n  };\n\n  if (!CursorComponent) return null;\n\n  return (\n    <>\n      {cursors.map((cursor) => (\n        <CursorComponent\n          id={cursor.key}\n          key={cursor.key}\n          {...cursorProps}\n          {...cursor}\n        />\n      ))}\n    </>\n  );\n}\n\nexport function CursorOverlay<\n  TCursorData extends UnknownObject = UnknownObject,\n>(props: CursorOverlayProps<TCursorData>) {\n  const isMounted = useEditorMounted();\n\n  if (!isMounted) return null;\n\n  return <CursorOverlayContent {...props} />;\n}\n"],"mappings":";;;;;;AAEA,MAAaC,2BAA2B;CACtC,MAAM,GAAGC,oBAAoBF,MAAMG,SAAS,EAAE;CAC9C,MAAMC,oBAAoBJ,MAAMK,OAAsB,KAAK;CAE3D,MAAMC,kBAAkBN,MAAMO,aAAaC,YAAY,UAAU;AAC/D,MAAIJ,kBAAkBK,WAAW,CAACD,UAChC;AAEF,MAAI,CAACA,WAAW;AACdJ,qBAAkBK,UAAUC,4BAA4B;AACtDR,sBAAkBS,UAAUA,QAAQ,EAAE;AACtCP,sBAAkBK,UAAU;KAC5B;AAEF;;AAEF,MAAIL,kBAAkBK,SAAS;AAC7BG,wBAAqBR,kBAAkBK,QAAQ;AAC/CL,qBAAkBK,UAAU;;AAG9BP,oBAAkBS,YAAUA,UAAQ,EAAE;IACrC,EAAE,CAAC;AAENX,OAAMa,gBAAgB;AACpB,MAAIT,kBAAkBK,SAAS;AAC7BG,wBAAqBR,kBAAkBK,QAAQ;AAC/CL,qBAAkBK,UAAU;;GAE9B;AAEFT,OAAMa,sBACQ;AACV,MAAIT,kBAAkBK,QACpBG,sBAAqBR,kBAAkBK,QAAQ;IAGnD,EACF,CAAC;AAED,QAAOH;;;;;AC5BT,MAAakB,sBAAqBC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAC,MAAA,EAAAC,cAAAC,iBAAAR,oBAAAS,0BAAAL;CAKjC,MAAAM,kBAAwBb,oBAAoB;CAAC,IAAAc;AAAA,KAAAN,EAAA,OAAAK,mBAAAL,EAAA,OAAAI,uBAAA;AAK3CE,QAAAC,SAAA;GAAC,MAAAC,OAAAD,SAAAE,SAAA,QAAAF;AACCH,yBAAqBM,0BAAW,IAAIb,SAAP;AAC7BQ,mBAAgBG,KAAK;;AACtBR,IAAA,KAAAK;AAAAL,IAAA,KAAAI;AAAAJ,IAAA,KAAAM;OAAAA,MAAAN,EAAA;CAJH,MAAAW,UAAgBL;CAMd,IAAAC;CAAA,IAAAK;AAAA,KAAAZ,EAAA,OAAAE,gBAAAF,EAAA,OAAAW,WAAAX,EAAA,OAAAG,iBAAA;AAGcI,aAAA;AACd,OAAI,CAACJ,mBAAD,CAAqBD,cAAYQ,QAAS;GAI9C,MAAAG,iBAAuB,IAAIC,qBAAqBH,SAAS,CAAC;AAC1DE,kBAAcE,QAASb,aAAYQ,QAAS;AAAA,gBAE/BG,eAAcG,YAAa;;AACvCJ,OAAA;GAACV;GAAcS;GAASR;GAAgB;AAAAH,IAAA,KAAAE;AAAAF,IAAA,KAAAW;AAAAX,IAAA,KAAAG;AAAAH,IAAA,KAAAO;AAAAP,IAAA,KAAAY;QAAA;AAAAL,OAAAP,EAAA;AAAAY,OAAAZ,EAAA;;AAT3CZ,OAAK6B,UAAWV,IASbK,GAAyC;CAAA,IAAAM;AAAA,KAAAlB,EAAA,OAAAW,SAAA;AAErCO,OAAA,EAAAP,SAEN;AAAAX,IAAA,KAAAW;AAAAX,IAAA,KAAAkB;OAAAA,MAAAlB,EAAA;AAAA,QAFMkB;;;;;;ACpCT,MAAaK,oBACXC,gBACAC,UACyB;CACzB,MAAMC,cAAcD,SAASL,SAASM,YAAYD,MAAM;CACxD,MAAME,aAAaF,SAASL,SAASO,WAAWF,MAAM;CACtD,MAAMG,aAAaJ,eAAeG,aAAa,IAAIH,eAAeK,SAAS;AAE3E,KAAI,CAACD,WACH,QAAO;AAGT,QAAO;EACLE,QAAQF,WAAWE;EACnBC,MAAMH,WAAWG,QAAQJ,cAAcD,cAAc,IAAIE,WAAWI;EACpEC,KAAKL,WAAWK;EACjB;;;;;;ACdH,MAAaO,yBAEX,EACAC,SAASC,cACTC,qBAMuC;AACvC,KAAI,CAACD,aAAc,QAAO,EAAE;AAE5B,QAAOK,OAAOC,QAAQN,aAAa,CAACO,KAAK,CAACC,KAAKC,iBAAiB;EAC9D,MAAMC,YAAYD,aAAaC,aAAa;EAC5C,MAAMC,QAAQV,eAAeO,QAAQZ;EAErC,MAAMgB,gBAAgBF,YAAYb,iBAAiBc,OAAOD,UAAU,GAAG;AAEvE,SAAO;GACL,GAAGD;GACHG;GACAF;GACAT,gBAAgBU;GACjB;GACD;;;;;AC9BJ,MAAaQ,qBACXC,QACA,EACEC,OACAC,SACAC,cAMkB;CACpB,MAAM,CAACC,OAAOC,OAAOT,SAASU,MAAML,MAAM;CAC1C,MAAMM,WAAWP,OAAOQ,IAAIC,WAAWR,MAAM;AAE7C,KAAI,CAACM,SACH,QAAO,EAAE;CAGX,MAAMG,iBAAkC,EAAE;CAC1C,MAAMC,cAAcX,OAAOQ,IAAII,MAAM;EACnCC,IAAIZ;EACJa,OAAOjB,QAAQkB;EAChB,CAAC;AAEF,MAAK,MAAM,CAACC,UAAUC,aAAaN,aAAa;EAC9C,MAAMO,UAAUlB,OAAOQ,IAAIW,UAAUH,SAAS;AAG9C,MAAI,CAACE,SAASE,cACZ,QAAO,EAAE;EAGX,MAAMC,cAAc1B,QAAQ2B,OAAOL,UAAUb,MAAMmB,KAAK;EACxD,MAAMC,YAAY7B,QAAQ2B,OAAOL,UAAUZ,IAAIkB,KAAK;EAEpD,IAAIE,cAAkC;AAEtC,MAAIJ,eAAeG,WAAW;GAC5B,MAAMG,YAAYC,SAASC,aAAa;AAExCF,aAAUG,WAAWZ,QAAQ;AAE7B,OAAIG,YACFM,WAAUI,SAASxB,SAASyB,gBAAgBzB,SAAS0B,YAAY;AAEnE,OAAIT,UACFG,WAAUO,OAAO3B,SAAS4B,cAAc5B,SAAS6B,UAAU;AAG7DX,iBAAcE,UAAUU,gBAAgB;QAExCZ,eAAcP,QAAQmB,gBAAgB;AAGxC,OAAK,IAAIC,IAAI,GAAGA,IAAIb,YAAYc,QAAQD,KAAK;GAC3C,MAAME,aAAaf,YAAYgB,KAAKH,EAAE;AAEtC,OAAI,CAACE,WACH;AAGF9B,kBAAegC,KAAK;IAClBC,QAAQH,WAAWG;IACnBC,MAAMJ,WAAWI,OAAO1C;IACxB2C,KAAKL,WAAWK,MAAM1C;IACtB2C,OAAON,WAAWM;IACnB,CAAC;;;AAIN,QAAOpC;;;;;AC9DT,MAAagD,qBAAqBC,OAAOC,OACvC,EACF,CAAC;AAED,MAAaC,6BAA4BC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAC;AAAA,KAAAF,EAAA,OAAAD,IAAA;AAAoCG,OAAAH,OAAAI,SAAA,EAItC,GAJsCJ;AAItCC,IAAA,KAAAD;AAAAC,IAAA,KAAAE;OAAAA,MAAAF,EAAA;CAJsC,MAAA,EAAAI,cAAAC,SAAAC,cAAAC,iBAAAC,OAAAN;CAG3E,MAAAK,kBAAAC,OAAAL,SAAA,OAAAK;CAEA,MAAAC,SAAetB,cAAc;CAAC,IAAAuB;AAAA,KAAAV,EAAA,OAAAW,OAAAC,IAAA,4BAAA,EAAA;AAG5BF,uBAAA,IAAIG,SAAS;AAAAb,IAAA,KAAAU;OAAAA,MAAAV,EAAA;CADf,MAAAc,qBAA2B9B,MAAK+B,OAC9BL,GACD;CAAC,IAAAM;AAAA,KAAAhB,EAAA,OAAAW,OAAAC,IAAA,4BAAA,EAAA;AAIAI,OAAA,EAAE;AAAAhB,IAAA,KAAAgB;OAAAA,MAAAhB,EAAA;CAFJ,MAAA,CAAAiB,gBAAAC,qBAA4ClC,MAAKmC,SAE/CH,GAAG;CAAC,IAAAI;AAAA,KAAApB,EAAA,OAAAI,gBAAAJ,EAAA,OAAAM,gBAAAN,EAAA,OAAAS,UAAAT,EAAA,OAAAiB,gBAAA;AAEyCG,aAAA;AAG7C,OAAI,CAAChB,cAAYiB,QAAS;AAC1B,OAAI,CAACf,aAAY;GAEjB,IAAAgB,UAAc;GACd,IAAAC,UAAc;AAEd,OAAInB,cAAY;IACd,MAAAoB,cAAoBpB,aAAYiB,QAAQI,uBAAyB;AACjEH,cAAUE,YAAWE;AACrBH,cAAUC,YAAWG;AACrBJ,cAAAA,UAAWnB,aAAYiB,QAAQO;;GAGjC,IAAAC,wBACEjC,OAAMkC,KAAMb,eAAe,CAAAc,WAAYnC,OAAMkC,KAAMxB,aAAa,CAAAyB;GAElE,MAAAC,2BAAgCC,SAAA;IAAC,MAAA,EAAAC,WAAAD;IAK/B,MAAAE,QAAcD,OAAME;AAEpB,QAAI,CAACD,MAAK,QACDxC;IAGT,MAAA0C,SAAevB,mBAAkBO,QAAQiB,IAAKH,MAAM;AAEpD,QAAIE,OAAM,QACDA;IAGT,MAAAE,QAAc9C,kBAAkBgB,QAAQ;KAAA0B;KAAAb;KAAAC;KAA2B,CAAC;AACpEM,4BAAwBA;AACxBf,uBAAkBO,QAAQmB,IAAKL,OAAOI,MAAM;AAAA,WAErCA;;GAGT,MAAAE,UAAiD7C,OAAM8C,YACrD9C,OAAM+C,QAASrC,aAAa,CAAAsC,KAAKC,SAAA;IAAC,MAAA,CAAAC,KAAAC,YAAAF;AAAa,WAAK,CAClDC,KACAd,wBAAwB,EAAAE,QACtBA,UACD,CAAC,CACH;KACH,CAAC;AAED,OAAIL,sBACFX,mBAAkBuB,QAAQ;;AAE7BzC,IAAA,KAAAI;AAAAJ,IAAA,KAAAM;AAAAN,IAAA,KAAAS;AAAAT,IAAA,KAAAiB;AAAAjB,IAAA,KAAAoB;OAAAA,MAAApB,EAAA;CAvDD,MAAAgD,uBAA6B5B;CAuD4B,IAAAa;AAAA,KAAAjC,EAAA,OAAAgD,sBAAA;AAI/Bf,aAAA;AACxBe,yBAAsB;;AACvBhD,IAAA,KAAAgD;AAAAhD,IAAA,MAAAiC;OAAAA,MAAAjC,EAAA;AAFDZ,2BAA0B6C,GAExB;CAAA,IAAAY;AAAA,KAAA7C,EAAA,QAAAM,gBAAAN,EAAA,QAAAiB,gBAAA;AAIE4B,OAAArD,sBAAsB;GAAAa,SACXC;GAAYW;GAEtB,CAAC;AAAAjB,IAAA,MAAAM;AAAAN,IAAA,MAAAiB;AAAAjB,IAAA,MAAA6C;OAAAA,MAAA7C,EAAA;CALN,MAAAK,UAEIwC;CAKF,IAAAI;AAAA,KAAAjD,EAAA,QAAAI,gBAAAJ,EAAA,QAAAO,iBAAA;AAEqC0C,OAAA;GAAA7C;GAAAG;GAAAO;GAItC;AAAAd,IAAA,MAAAI;AAAAJ,IAAA,MAAAO;AAAAP,IAAA,MAAAiD;OAAAA,MAAAjD,EAAA;CAJD,MAAA,EAAAkD,YAAoBxD,mBAAmBuD,GAIrC;CAAC,IAAAE;AAAA,KAAAnD,EAAA,QAAAK,WAAAL,EAAA,QAAAkD,SAAA;AAEIC,OAAA;GAAA9C;GAAA6C;GAAoB;AAAAlD,IAAA,MAAAK;AAAAL,IAAA,MAAAkD;AAAAlD,IAAA,MAAAmD;OAAAA,MAAAnD,EAAA;AAAA,QAApBmD;;;;;ACrCT,SAAO8B,qBAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAC;CAAA,IAAAZ;CAAA,IAAAM;CAAA,IAAAC;CAAA,IAAAM;AAAA,KAAAH,EAAA,OAAAD,IAAA;AAEL,GAAA,CAAAT,YAAAM,eAAAV,gBAAAgB,iBAAAL,0BAAAM,SAAAJ;AAMgCC,IAAA,KAAAD;AAAAC,IAAA,KAAAE;AAAAF,IAAA,KAAAV;AAAAU,IAAA,KAAAJ;AAAAI,IAAA,KAAAH;AAAAG,IAAA,KAAAG;QAAA;AAAAD,oBAAAF,EAAA;AAAAV,eAAAU,EAAA;AAAAJ,kBAAAI,EAAA;AAAAH,0BAAAG,EAAA;AAAAG,UAAAH,EAAA;;CAChC,MAAA,EAAAN,cAAAC,qBAA2CQ;CAE3C,MAAA,EAAApB,YAAoBP,0BAA0B2B,MAAM;CAAC,IAAAC;AAAA,KAAAJ,EAAA,OAAAV,cAAAU,EAAA,OAAAN,gBAAAM,EAAA,OAAAL,oBAAAK,EAAA,OAAAJ,iBAAAI,EAAA,QAAAH,uBAAA;AAEjCO,OAAA;GAAAd;GAAAI;GAAAC;GAAAC;GAAAC;GAMnB;AAAAG,IAAA,KAAAV;AAAAU,IAAA,KAAAN;AAAAM,IAAA,KAAAL;AAAAK,IAAA,KAAAJ;AAAAI,IAAA,MAAAH;AAAAG,IAAA,MAAAI;OAAAA,MAAAJ,EAAA;CAND,MAAAK,cAAoBD;AAQpB,KAAI,CAACF,gBAAe,QAAS;CAAK,IAAAI;AAAA,KAAAN,EAAA,QAAAE,mBAAAF,EAAA,QAAAK,eAAAL,EAAA,QAAAjB,SAAA;EAAA,IAAAwB;AAAA,MAAAP,EAAA,QAAAE,mBAAAF,EAAA,QAAAK,aAAA;AAIjBE,WAAAC,WACX,oCAAC;IACK,IAAAA,OAAMC;IACL,KAAAD,OAAMC;IAAI,GACXJ;IAAW,GACXG;KAEP;AAAAR,KAAA,MAAAE;AAAAF,KAAA,MAAAK;AAAAL,KAAA,MAAAO;QAAAA,QAAAP,EAAA;AAPAM,OAAAvB,QAAO2B,IAAKH,KAOX;AAAAP,IAAA,MAAAE;AAAAF,IAAA,MAAAK;AAAAL,IAAA,MAAAjB;AAAAiB,IAAA,MAAAM;OAAAA,MAAAN,EAAA;CAAA,IAAAO;AAAA,KAAAP,EAAA,QAAAM,IAAA;AARJC,OAAA,0DACGD,GAQA;AAAAN,IAAA,MAAAM;AAAAN,IAAA,MAAAO;OAAAA,MAAAP,EAAA;AAAA,QATHO;;AAaJ,SAAOI,cAAAR,OAAA;CAAA,MAAAH,IAAAC,EAAA,EAAA;AAKL,KAAI,CAFc9B,kBAAkB,CAEtB,QAAS;CAAK,IAAA4B;AAAA,KAAAC,EAAA,OAAAG,OAAA;AAErBJ,OAAA,oCAAC,sBAAyBI,MAAS;AAAAH,IAAA,KAAAG;AAAAH,IAAA,KAAAD;OAAAA,MAAAC,EAAA;AAAA,QAAnCD"}

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "@lofcz/platejs-cursor",
+  "version": "52.0.11",
+  "description": "Cursor for Plate React",
+  "keywords": [
+    "plate",
+    "plugin",
+    "slate"
+  ],
+  "homepage": "https://platejs.org",
+  "bugs": {
+    "url": "https://github.com/udecode/plate/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/lofcz/plate.git",
+    "directory": "packages/cursor"
+  },
+  "license": "MIT",
+  "sideEffects": false,
+  "exports": {
+    ".": "./dist/index.js",
+    "./package.json": "./package.json"
+  },
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist/**/*"
+  ],
+  "devDependencies": {
+    "@plate/scripts": "1.0.0"
+  },
+  "peerDependencies": {
+    "platejs": ">=52.0.11",
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "type": "module",
+  "module": "./dist/index.js",
+  "dependencies": {
+    "react-compiler-runtime": "^1.0.0"
+  },
+  "scripts": {
+    "brl": "plate-pkg p:brl",
+    "build": "plate-pkg p:build",
+    "build:watch": "plate-pkg p:build:watch",
+    "clean": "plate-pkg p:clean",
+    "lint": "plate-pkg p:lint",
+    "lint:fix": "plate-pkg p:lint:fix",
+    "test": "plate-pkg p:test",
+    "test:watch": "plate-pkg p:test:watch",
+    "typecheck": "plate-pkg p:typecheck"
+  }
+}