aswi20220x00-gitlab/webapp/utils/selectionUtils.ts @ 4bc99591

import { AnnotationInfo } from '../api';

export interface SelectionInfo {
    startElementId: number;
    endElementId: number;
    startPositionOriginalDocument: number;
    endPositionOriginalDocument: number;
    selectionLengthOriginalDocument: number;
}
export function GetSelectionInfo(annotation: AnnotationInfo): SelectionInfo | null {
    const selection = window.getSelection();
    if (!selection) {
        return null;
    }
    if (!annotation?.tagStartPositions || !annotation.tagLengths) {
        console.log('start or lengths not found');
        return null;
    }

    let startTag = selection.anchorNode;
    let endTag = selection.focusNode;

    if (!startTag || !endTag) {
        console.log('Selection not found');
        return null;
    }

    if (startTag.nodeName.includes('#')) {
        startTag = startTag.parentNode;
    }
    if (endTag.nodeName.includes('#')) {
        endTag = endTag.parentNode;
    }
    if (!startTag || !endTag) {
        console.log('Selection element not found');
        return null;
    }

    if (!(startTag instanceof Element)) {
        console.log('StartTag is not instance of Element');
        return null;
    }
    if (!(endTag instanceof Element)) {
        console.log('EndTag is not instance of Element');
        return null;
    }

    let startElement = startTag as Element;
    let endElement = endTag as Element;

    let startId: number = Number(startElement.getAttribute('aswi-tag-id')) ?? -1;
    let endId: number = Number(endElement.getAttribute('aswi-tag-id')) ?? -1;

    let startPosition =
        annotation.tagStartPositions[startId] +
        annotation.tagLengths[startId] +
        selection.anchorOffset;
    let endPosition =
        annotation.tagStartPositions[endId] +
        annotation.tagLengths[endId] +
        selection.focusOffset -
        1;

    // need to switch start and end elements (selection was in the opposite way then expected)
    if (startPosition > endPosition) {
        let temp = startPosition;
        startPosition = endPosition;
        endPosition = temp;

        temp = startId;
        startId = endId;
        endId = temp;

        const tempElement = startElement;
        startElement = endElement;
        endElement = tempElement;
    }

    const length = endPosition - startPosition + 1;

    return {
        endElementId: endId,
        startElementId: startId,
        startPositionOriginalDocument: startPosition,
        endPositionOriginalDocument: endPosition,
        selectionLengthOriginalDocument: length,
    };
}