@jhl548/duplicate-doc-core 0.1.2 → 0.1.4

package/README.md

@@ -7,6 +7,7 @@
 - Shared document, range, duplicate point, and editor snapshot types.
 - Similarity-based highlight color and CSS class helpers.
 - Range normalization and document filtering utilities.
+- Plain-text highlight resolution helpers for checking whether a range can still render after edits.
 - Tiptap duplicate highlight extension.
 - Shared highlight styles via `@jhl548/duplicate-doc-core/style.css`.
 
@@ -25,7 +26,10 @@ import {
   type DuplicateHighlight,
   type NormalizedDocument
 } from "@jhl548/duplicate-doc-core";
+import { hasResolvableHighlightInPlainText } from "@jhl548/duplicate-doc-core/highlight-resolution";
 import "@jhl548/duplicate-doc-core/style.css";
 ```
 
 This package is intended to be consumed directly by framework adapters such as `@jhl548/duplicate-doc-vue`, or by applications that need access to the shared duplicate document model.
+
+Use `hasResolvableHighlightInPlainText(plainText, highlight)` from the pure `highlight-resolution` subpath before switching documents when the app needs to know whether at least one highlight range can still be resolved in the current edited text.

package/dist/highlightResolution.d.ts

@@ -0,0 +1,10 @@
+import type { DuplicateHighlight, TextRange } from "./types.js";
+export interface ResolvedPlainTextRange {
+    start: number;
+    end: number;
+    matchedText: string;
+    source: "direct" | "fallback";
+}
+export declare function resolveTextRangeInPlainText(plainText: string, range: TextRange, expectedText?: string | undefined): ResolvedPlainTextRange | null;
+export declare function isTextRangeResolvableInPlainText(plainText: string, range: TextRange, expectedText?: string | undefined): boolean;
+export declare function hasResolvableHighlightInPlainText(plainText: string, highlight: DuplicateHighlight): boolean;

package/dist/highlightResolution.js

@@ -0,0 +1,54 @@
+import { normalizeRange, normalizeRanges } from "./ranges.js";
+function findClosestTextIndex(text, target, preferredIndex) {
+    if (!target) {
+        return -1;
+    }
+    let closestIndex = -1;
+    let closestDistance = Number.POSITIVE_INFINITY;
+    let searchIndex = text.indexOf(target);
+    while (searchIndex >= 0) {
+        const distance = Math.abs(searchIndex - preferredIndex);
+        if (distance < closestDistance) {
+            closestIndex = searchIndex;
+            closestDistance = distance;
+        }
+        searchIndex = text.indexOf(target, searchIndex + 1);
+    }
+    return closestIndex;
+}
+export function resolveTextRangeInPlainText(plainText, range, expectedText = range.matchedText) {
+    const normalizedRange = normalizeRange(range);
+    if (!normalizedRange) {
+        return null;
+    }
+    const directText = plainText.slice(normalizedRange.start, normalizedRange.end);
+    const isDirectRangeInBounds = normalizedRange.end <= plainText.length && directText.length > 0;
+    if (isDirectRangeInBounds && (!expectedText || directText === expectedText)) {
+        return {
+            start: normalizedRange.start,
+            end: normalizedRange.end,
+            matchedText: expectedText || directText,
+            source: "direct"
+        };
+    }
+    if (!expectedText) {
+        return null;
+    }
+    const fallbackStart = findClosestTextIndex(plainText, expectedText, normalizedRange.start);
+    if (fallbackStart < 0) {
+        return null;
+    }
+    return {
+        start: fallbackStart,
+        end: fallbackStart + expectedText.length,
+        matchedText: expectedText,
+        source: "fallback"
+    };
+}
+export function isTextRangeResolvableInPlainText(plainText, range, expectedText = range.matchedText) {
+    return Boolean(resolveTextRangeInPlainText(plainText, range, expectedText));
+}
+export function hasResolvableHighlightInPlainText(plainText, highlight) {
+    return normalizeRanges(highlight.ranges).some((range) => isTextRangeResolvableInPlainText(plainText, range, range.matchedText));
+}
+//# sourceMappingURL=highlightResolution.js.map

package/dist/highlightResolution.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"highlightResolution.js","sourceRoot":"","sources":["../src/highlightResolution.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAU9D,SAAS,oBAAoB,CAAC,IAAY,EAAE,MAAc,EAAE,cAAsB;IAChF,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,CAAC,CAAC,CAAC;IACZ,CAAC;IAED,IAAI,YAAY,GAAG,CAAC,CAAC,CAAC;IACtB,IAAI,eAAe,GAAG,MAAM,CAAC,iBAAiB,CAAC;IAC/C,IAAI,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAEvC,OAAO,WAAW,IAAI,CAAC,EAAE,CAAC;QACxB,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,WAAW,GAAG,cAAc,CAAC,CAAC;QACxD,IAAI,QAAQ,GAAG,eAAe,EAAE,CAAC;YAC/B,YAAY,GAAG,WAAW,CAAC;YAC3B,eAAe,GAAG,QAAQ,CAAC;QAC7B,CAAC;QAED,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,WAAW,GAAG,CAAC,CAAC,CAAC;IACtD,CAAC;IAED,OAAO,YAAY,CAAC;AACtB,CAAC;AAED,MAAM,UAAU,2BAA2B,CACzC,SAAiB,EACjB,KAAgB,EAChB,YAAY,GAAG,KAAK,CAAC,WAAW;IAEhC,MAAM,eAAe,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IAC9C,IAAI,CAAC,eAAe,EAAE,CAAC;QACrB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,eAAe,CAAC,KAAK,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;IAC/E,MAAM,qBAAqB,GAAG,eAAe,CAAC,GAAG,IAAI,SAAS,CAAC,MAAM,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC;IAC/F,IAAI,qBAAqB,IAAI,CAAC,CAAC,YAAY,IAAI,UAAU,KAAK,YAAY,CAAC,EAAE,CAAC;QAC5E,OAAO;YACL,KAAK,EAAE,eAAe,CAAC,KAAK;YAC5B,GAAG,EAAE,eAAe,CAAC,GAAG;YACxB,WAAW,EAAE,YAAY,IAAI,UAAU;YACvC,MAAM,EAAE,QAAQ;SACjB,CAAC;IACJ,CAAC;IAED,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,aAAa,GAAG,oBAAoB,CAAC,SAAS,EAAE,YAAY,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC;IAC3F,IAAI,aAAa,GAAG,CAAC,EAAE,CAAC;QACtB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO;QACL,KAAK,EAAE,aAAa;QACpB,GAAG,EAAE,aAAa,GAAG,YAAY,CAAC,MAAM;QACxC,WAAW,EAAE,YAAY;QACzB,MAAM,EAAE,UAAU;KACnB,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gCAAgC,CAC9C,SAAiB,EACjB,KAAgB,EAChB,YAAY,GAAG,KAAK,CAAC,WAAW;IAEhC,OAAO,OAAO,CAAC,2BAA2B,CAAC,SAAS,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC;AAC9E,CAAC;AAED,MAAM,UAAU,iCAAiC,CAC/C,SAAiB,EACjB,SAA6B;IAE7B,OAAO,eAAe,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CACtD,gCAAgC,CAAC,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,CACtE,CAAC;AACJ,CAAC"}

package/dist/index.d.ts

@@ -1,5 +1,8 @@
 export * from "./colors.js";
+export * from "./highlightResolution.js";
+export * from "./position.js";
 export * from "./ranges.js";
 export * from "./scroll.js";
+export * from "./selection.js";
 export * from "./tiptapDuplicateHighlight.js";
 export * from "./types.js";

package/dist/index.js

@@ -1,6 +1,9 @@
 export * from "./colors.js";
+export * from "./highlightResolution.js";
+export * from "./position.js";
 export * from "./ranges.js";
 export * from "./scroll.js";
+export * from "./selection.js";
 export * from "./tiptapDuplicateHighlight.js";
 export * from "./types.js";
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,+BAA+B,CAAC;AAC9C,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,+BAA+B,CAAC;AAC9C,cAAc,YAAY,CAAC"}

package/dist/position.d.ts

@@ -0,0 +1,29 @@
+import type { DocumentSelectionChangePayload, RangeMapEntry } from "./types.js";
+export interface PopupPosition {
+    top: number;
+    left: number;
+    placement: "above" | "below";
+}
+export interface SelectionPopupData {
+    documentId: string;
+    selection: DocumentSelectionChangePayload;
+    overlappingEntries: RangeMapEntry[];
+}
+export declare function calcSelectionPopupPosition(selRect: {
+    top: number;
+    bottom: number;
+    left: number;
+    right: number;
+    height: number;
+}, viewportWidth: number, viewportHeight: number, popupRect?: {
+    width: number;
+    height: number;
+}): PopupPosition;
+export declare function getDomSelectionRect(): {
+    top: number;
+    bottom: number;
+    left: number;
+    right: number;
+    height: number;
+} | null;
+export declare function isDomSelectionInsideContainer(containerElement: HTMLElement): boolean;

package/dist/position.js

@@ -0,0 +1,63 @@
+export function calcSelectionPopupPosition(selRect, viewportWidth, viewportHeight, popupRect) {
+    const GAP = 8;
+    const popupWidth = popupRect?.width ?? 360;
+    const popupHeight = popupRect?.height ?? 200;
+    let left = selRect.left + (selRect.right - selRect.left) / 2 - popupWidth / 2;
+    left = Math.max(8, Math.min(left, viewportWidth - popupWidth - 8));
+    let top;
+    let placement;
+    const spaceBelow = viewportHeight - selRect.bottom;
+    const spaceAbove = selRect.top;
+    if (spaceBelow >= popupHeight + GAP || spaceBelow >= spaceAbove) {
+        placement = "below";
+        top = selRect.bottom + GAP;
+    }
+    else {
+        placement = "above";
+        top = selRect.top - popupHeight - GAP;
+    }
+    return { top, left, placement };
+}
+export function getDomSelectionRect() {
+    const domSelection = window.getSelection();
+    if (!domSelection || domSelection.isCollapsed || domSelection.rangeCount === 0) {
+        return null;
+    }
+    const domRange = domSelection.getRangeAt(0);
+    const rect = domRange.getBoundingClientRect();
+    if (rect.width === 0 && rect.height === 0) {
+        return null;
+    }
+    return {
+        top: rect.top,
+        bottom: rect.bottom,
+        left: rect.left,
+        right: rect.right,
+        height: rect.height
+    };
+}
+export function isDomSelectionInsideContainer(containerElement) {
+    const domSelection = window.getSelection();
+    if (!domSelection || domSelection.isCollapsed || domSelection.rangeCount === 0) {
+        return false;
+    }
+    const domRange = domSelection.getRangeAt(0);
+    const containerRect = containerElement.getBoundingClientRect();
+    if (domRange.startContainer) {
+        const node = domRange.startContainer;
+        if (!containerElement.contains(node.nodeType === Node.TEXT_NODE ? node.parentNode : node)) {
+            return false;
+        }
+    }
+    else {
+        return false;
+    }
+    const rect = domRange.getBoundingClientRect();
+    if (rect.width === 0 && rect.height === 0) {
+        return false;
+    }
+    const isHorizontallyVisible = rect.right > containerRect.left && rect.left < containerRect.right;
+    const isVerticallyVisible = rect.bottom > containerRect.top && rect.top < containerRect.bottom;
+    return isHorizontallyVisible && isVerticallyVisible;
+}
+//# sourceMappingURL=position.js.map

package/dist/position.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"position.js","sourceRoot":"","sources":["../src/position.ts"],"names":[],"mappings":"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"}

package/dist/selection.d.ts

@@ -0,0 +1,28 @@
+import type { RangeMapEntry, TextRange } from "./types.js";
+export interface SelectionRangeInfo {
+    selectedText: string;
+    from: number;
+    to: number;
+    empty: boolean;
+    plainTextOffset: {
+        start: number;
+        end: number;
+    } | null;
+    selectedRange: TextRange | null;
+}
+export declare function getSelectionRangeInfo(editor: {
+    state: {
+        selection: {
+            from: number;
+            to: number;
+            empty: boolean;
+        };
+        doc: {
+            textBetween: (from: number, to: number, separator: string | null, leafText?: string | null | ((leafNode: unknown) => string)) => string;
+        };
+    };
+}): SelectionRangeInfo;
+export declare function findOverlappingRangeMapEntries(rangeMap: RangeMapEntry[], plainTextOffset: {
+    start: number;
+    end: number;
+}): RangeMapEntry[];

package/dist/selection.js

@@ -0,0 +1,39 @@
+import { buildPlainTextPositionMap } from "./tiptapDuplicateHighlight.js";
+export function getSelectionRangeInfo(editor) {
+    const { from, to, empty } = editor.state.selection;
+    const selectedText = editor.state.doc.textBetween(from, to, "\n");
+    let plainTextOffset = null;
+    let selectedRange = null;
+    if (!empty) {
+        const positions = buildPlainTextPositionMap(editor.state.doc);
+        const startIdx = positions.indexOf(from);
+        const lastIdx = positions.lastIndexOf(to - 1);
+        if (startIdx !== -1 && lastIdx !== -1 && lastIdx >= startIdx) {
+            const endIdx = lastIdx + 1;
+            plainTextOffset = { start: startIdx, end: endIdx };
+            selectedRange = {
+                start: startIdx,
+                end: endIdx,
+                matchedText: selectedText
+            };
+        }
+    }
+    return {
+        selectedText,
+        from,
+        to,
+        empty,
+        plainTextOffset,
+        selectedRange
+    };
+}
+export function findOverlappingRangeMapEntries(rangeMap, plainTextOffset) {
+    return rangeMap.filter((entry) => {
+        const entryStart = entry.textStart;
+        const entryEnd = entry.textEnd;
+        const selStart = plainTextOffset.start;
+        const selEnd = plainTextOffset.end;
+        return selStart < entryEnd && selEnd > entryStart;
+    });
+}
+//# sourceMappingURL=selection.js.map

package/dist/selection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection.js","sourceRoot":"","sources":["../src/selection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAC;AAY1E,MAAM,UAAU,qBAAqB,CAAC,MAKrC;IACC,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC;IACnD,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,IAAI,EAAE,EAAE,EAAE,IAAI,CAAC,CAAC;IAElE,IAAI,eAAe,GAA0C,IAAI,CAAC;IAClE,IAAI,aAAa,GAAqB,IAAI,CAAC;IAE3C,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,SAAS,GAAG,yBAAyB,CAAC,MAAM,CAAC,KAAK,CAAC,GAAU,CAAC,CAAC;QAErE,MAAM,QAAQ,GAAG,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACzC,MAAM,OAAO,GAAG,SAAS,CAAC,WAAW,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;QAE9C,IAAI,QAAQ,KAAK,CAAC,CAAC,IAAI,OAAO,KAAK,CAAC,CAAC,IAAI,OAAO,IAAI,QAAQ,EAAE,CAAC;YAC7D,MAAM,MAAM,GAAG,OAAO,GAAG,CAAC,CAAC;YAC3B,eAAe,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC;YAEnD,aAAa,GAAG;gBACd,KAAK,EAAE,QAAQ;gBACf,GAAG,EAAE,MAAM;gBACX,WAAW,EAAE,YAAY;aAC1B,CAAC;QACJ,CAAC;IACH,CAAC;IAED,OAAO;QACL,YAAY;QACZ,IAAI;QACJ,EAAE;QACF,KAAK;QACL,eAAe;QACf,aAAa;KACd,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,8BAA8B,CAC5C,QAAyB,EACzB,eAA+C;IAE/C,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE;QAC/B,MAAM,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC;QACnC,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC;QAC/B,MAAM,QAAQ,GAAG,eAAe,CAAC,KAAK,CAAC;QACvC,MAAM,MAAM,GAAG,eAAe,CAAC,GAAG,CAAC;QAEnC,OAAO,QAAQ,GAAG,QAAQ,IAAI,MAAM,GAAG,UAAU,CAAC;IACpD,CAAC,CAAC,CAAC;AACL,CAAC"}

package/dist/types.d.ts

@@ -89,3 +89,15 @@ export interface EditorChangePayload {
     plainText: string;
     json?: unknown;
 }
+export interface DocumentSelectionChangePayload {
+    documentId: string;
+    selectedText: string;
+    from: number;
+    to: number;
+    empty: boolean;
+    plainTextOffset: {
+        start: number;
+        end: number;
+    } | null;
+    selectedRange: TextRange | null;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jhl548/duplicate-doc-core",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "license": "MIT",
   "type": "module",
   "main": "./dist/index.js",
@@ -11,6 +11,10 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
     },
+    "./highlight-resolution": {
+      "types": "./dist/highlightResolution.d.ts",
+      "import": "./dist/highlightResolution.js"
+    },
     "./style.css": "./src/style.css"
   },
   "files": [

package/src/style.css

@@ -29,3 +29,53 @@
   opacity: 0.62;
   border-bottom-style: dashed;
 }
+
+.dupdoc-selection-popup {
+  position: fixed;
+  z-index: 1000;
+  background: #ffffff;
+  border: 1px solid rgba(15, 23, 42, 0.12);
+  border-radius: 12px;
+  box-shadow: 0 12px 40px rgba(15, 23, 42, 0.14);
+  overflow: auto;
+}
+
+.dupdoc-selection-popup__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 10px 14px;
+  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
+  font-size: 13px;
+  font-weight: 600;
+  color: #344054;
+  background: #f9fafb;
+}
+
+.dupdoc-selection-popup__close {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  border: 0;
+  border-radius: 4px;
+  color: #667085;
+  background: transparent;
+  cursor: pointer;
+  font-size: 14px;
+}
+
+.dupdoc-selection-popup__close:hover {
+  background: rgba(15, 23, 42, 0.06);
+  color: #1f2937;
+}
+
+.dupdoc-selection-popup__body {
+  padding: 12px 14px;
+  font-size: 13px;
+  line-height: 1.6;
+  color: #475467;
+  max-height: 60vh;
+  overflow: auto;
+}