import { isInline, isBlock } from '../node/Category'; import { getPreviousBlock, getNextBlock } from '../node/Block'; import { getNodeBeforeOffset, getNodeAfterOffset } from '../node/Node'; import { notWS } from '../Constants'; import { isNodeContainedInRange } from './Boundaries'; import { TreeIterator, SHOW_ELEMENT_OR_TEXT } from '../node/TreeIterator'; // --- // Returns the first block at least partially contained by the range, // or null if no block is contained by the range. const getStartBlockOfRange = ( range: Range, root: Element | DocumentFragment, ): HTMLElement | null => { const container = range.startContainer; let block: HTMLElement | null; // If inline, get the containing block. if (isInline(container)) { block = getPreviousBlock(container, root); } else if ( container !== root && container instanceof HTMLElement && isBlock(container) ) { block = container; } else { const node = getNodeBeforeOffset(container, range.startOffset); block = getNextBlock(node, root); } // Check the block actually intersects the range return block && isNodeContainedInRange(range, block, true) ? block : null; }; // Returns the last block at least partially contained by the range, // or null if no block is contained by the range. const getEndBlockOfRange = ( range: Range, root: Element | DocumentFragment, ): HTMLElement | null => { const container = range.endContainer; let block: HTMLElement | null; // If inline, get the containing block. if (isInline(container)) { block = getPreviousBlock(container, root); } else if ( container !== root && container instanceof HTMLElement && isBlock(container) ) { block = container; } else { let node = getNodeAfterOffset(container, range.endOffset); if (!node || !root.contains(node)) { node = root; let child: Node | null; while ((child = node.lastChild)) { node = child; } } block = getPreviousBlock(node, root); } // Check the block actually intersects the range return block && isNodeContainedInRange(range, block, true) ? block : null; }; const isContent = (node: Element | Text): boolean => { return node instanceof Text ? notWS.test(node.data) : node.nodeName === 'IMG'; }; const rangeDoesStartAtBlockBoundary = ( range: Range, root: Element, ): boolean => { const startContainer = range.startContainer; const startOffset = range.startOffset; let nodeAfterCursor: Node | null; // If in the middle or end of a text node, we're not at the boundary. if (startContainer instanceof Text) { if (startOffset) { return false; } nodeAfterCursor = startContainer; } else { nodeAfterCursor = getNodeAfterOffset(startContainer, startOffset); if (nodeAfterCursor && !root.contains(nodeAfterCursor)) { nodeAfterCursor = null; } // The cursor was right at the end of the document if (!nodeAfterCursor) { nodeAfterCursor = getNodeBeforeOffset(startContainer, startOffset); if (nodeAfterCursor instanceof Text && nodeAfterCursor.length) { return false; } } } // Otherwise, look for any previous content in the same block. const block = getStartBlockOfRange(range, root); if (!block) { return false; } const contentWalker = new TreeIterator( block, SHOW_ELEMENT_OR_TEXT, isContent, ); contentWalker.currentNode = nodeAfterCursor; return !contentWalker.previousNode(); }; const rangeDoesEndAtBlockBoundary = (range: Range, root: Element): boolean => { const endContainer = range.endContainer; const endOffset = range.endOffset; let currentNode: Node; // If in a text node with content, and not at the end, we're not // at the boundary if (endContainer instanceof Text) { const length = endContainer.data.length; if (length && endOffset < length) { return false; } currentNode = endContainer; } else { currentNode = getNodeBeforeOffset(endContainer, endOffset); } // Otherwise, look for any further content in the same block. const block = getEndBlockOfRange(range, root); if (!block) { return false; } const contentWalker = new TreeIterator( block, SHOW_ELEMENT_OR_TEXT, isContent, ); contentWalker.currentNode = currentNode; return !contentWalker.nextNode(); }; const expandRangeToBlockBoundaries = (range: Range, root: Element): void => { const start = getStartBlockOfRange(range, root); const end = getEndBlockOfRange(range, root); let parent: Node; if (start && end) { parent = start.parentNode!; range.setStart(parent, Array.from(parent.childNodes).indexOf(start)); parent = end.parentNode!; range.setEnd(parent, Array.from(parent.childNodes).indexOf(end) + 1); } }; // --- export { getStartBlockOfRange, getEndBlockOfRange, rangeDoesStartAtBlockBoundary, rangeDoesEndAtBlockBoundary, expandRangeToBlockBoundaries, };