@parhelia/core 0.1.12903 → 0.1.12905

package/dist/editor/page-editor-chrome/SuggestionHighlighting.js

@@ -0,0 +1,224 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEditContext, useFieldsEditContext } from "../client/editContext";
+import { findFieldElement } from "../utils";
+import { useState } from "react";
+import { useEffect } from "react";
+import { cn } from "../../lib/utils";
+import { Lightbulb } from "lucide-react";
+import * as DiffLib from "diff";
+import { SuggestionDisplayPopover } from "../reviews/SuggestionDisplayPopover";
+export function SuggestionHighlighting({ suggestion, scale, iframe, }) {
+    const editContext = useEditContext();
+    const modifiedFields = useFieldsEditContext();
+    const [ranges, setRanges] = useState([]);
+    const [textContent, setTextContent] = useState("");
+    useEffect(() => {
+        const findRanges = async () => {
+            if (!editContext)
+                return;
+            const field = await editContext.itemsRepository.getField({
+                item: {
+                    id: suggestion.itemId,
+                    language: suggestion.mainItemLanguage,
+                    version: suggestion.mainItemVersion,
+                },
+                fieldId: suggestion.fieldId,
+            });
+            const modifiedField = modifiedFields?.modifiedFields.find((x) => x.fieldId === field?.id &&
+                x.item.id === suggestion.itemId &&
+                x.item.language === suggestion.mainItemLanguage &&
+                x.item.version === suggestion.mainItemVersion);
+            // Calculate the actual differences between oldValue and newValue
+            const oldValue = suggestion.oldValue || field?.rawValue || "";
+            const newValue = modifiedField?.value || suggestion.newValue || "";
+            // If values are identical, no need to highlight
+            if (oldValue === newValue) {
+                setRanges([]);
+                return;
+            }
+            // Save oldValue for use in the component
+            setTextContent(oldValue);
+            // Use the diff library to find the changed parts - using diffChars for more precise matching
+            const diffResult = DiffLib.diffChars(oldValue, newValue);
+            const changeRanges = [];
+            let positionInOld = 0;
+            // Process the diff result to find all change ranges
+            for (const part of diffResult) {
+                if (part.removed) {
+                    // If a part is removed, highlight it in the original text
+                    changeRanges.push([positionInOld, positionInOld + part.value.length]);
+                    positionInOld += part.value.length;
+                }
+                else if (part.added) {
+                    // For added parts, mark the insertion point
+                    if (changeRanges.length > 0) {
+                        const lastRange = changeRanges[changeRanges.length - 1];
+                        if (lastRange && lastRange[1] === positionInOld) {
+                            // If this addition comes right after a removal, the previous range already covers the position
+                            continue;
+                        }
+                    }
+                    // Mark the insertion point for new content
+                    changeRanges.push([positionInOld, positionInOld]);
+                }
+                else {
+                    // Unchanged part, just advance the position
+                    positionInOld += part.value.length;
+                }
+            }
+            // Merge adjacent or overlapping ranges
+            const mergedRanges = [];
+            if (changeRanges.length > 0) {
+                changeRanges.sort((a, b) => a[0] - b[0]);
+                // Start with the first range
+                const firstRange = changeRanges[0];
+                if (!firstRange) {
+                    setRanges([]);
+                    return;
+                }
+                let currentRange = [...firstRange];
+                // Process the rest of the ranges
+                for (let i = 1; i < changeRanges.length; i++) {
+                    const nextRange = changeRanges[i];
+                    // Skip undefined ranges
+                    if (!nextRange)
+                        continue;
+                    // If the next range starts very close to the end of the current range, merge them
+                    if (nextRange[0] <= currentRange[1] + 3) {
+                        // Allow slightly larger gaps (3 chars) for better highlighting
+                        // Extend the current range
+                        currentRange[1] = Math.max(currentRange[1], nextRange[1]);
+                    }
+                    else {
+                        // Save the current range and start a new one
+                        mergedRanges.push([currentRange[0], currentRange[1]]);
+                        currentRange = [...nextRange];
+                    }
+                }
+                // Add the last range
+                mergedRanges.push([currentRange[0], currentRange[1]]);
+            }
+            // Set ranges to highlight the changed parts
+            setRanges(mergedRanges);
+        };
+        findRanges();
+    }, [editContext, modifiedFields?.modifiedFields, suggestion]);
+    if (!editContext)
+        return null;
+    if (!suggestion.fieldId)
+        return null;
+    const fieldElement = findFieldElement(iframe, {
+        item: {
+            id: suggestion.itemId,
+            language: suggestion.mainItemLanguage,
+            version: suggestion.mainItemVersion,
+        },
+        fieldId: suggestion.fieldId,
+    });
+    if (!fieldElement)
+        return null;
+    // Process each range and collect all DOM rectangles
+    const allRects = [];
+    ranges.forEach((range) => {
+        if (range[0] !== undefined && range[1] !== undefined) {
+            // For insertion points (zero-length ranges), expand to include at least one character
+            // to make it visible
+            const start = range[0];
+            const end = range[0] === range[1]
+                ? Math.min(range[0] + 1, textContent.length)
+                : range[1];
+            if (start < end) {
+                const startData = getTextNodeAtPosition(fieldElement, start);
+                const endData = getTextNodeAtPosition(fieldElement, end);
+                if (startData && endData) {
+                    try {
+                        const textRange = document.createRange();
+                        textRange.setStart(startData.node, startData.offset);
+                        textRange.setEnd(endData.node, endData.offset);
+                        const rangeRects = textRange.getClientRects();
+                        // Convert DOMRectList to Array
+                        for (let i = 0; i < rangeRects.length; i++) {
+                            const rect = rangeRects[i];
+                            if (rect) {
+                                allRects.push(rect);
+                            }
+                        }
+                    }
+                    catch (e) {
+                        console.error("Error creating range", e);
+                    }
+                }
+            }
+        }
+    });
+    // If no rects were found, fall back to highlighting the entire field
+    if (allRects.length === 0 && ranges.length > 0) {
+        const fallbackRect = fieldElement.getBoundingClientRect();
+        allRects.push(fallbackRect);
+    }
+    const iframeRect = iframe.getBoundingClientRect();
+    return (_jsx(_Fragment, { children: allRects.map((rect, index) => (_jsx("div", { style: {
+                position: "absolute",
+                top: rect.top * scale,
+                left: rect.left * scale,
+                width: rect.width * scale,
+                height: rect.height * scale,
+                pointerEvents: "none",
+            }, children: index === 0 && (_jsx(SuggestionDisplayPopover, { suggestion: suggestion, onSuggestionUpdated: () => {
+                    // The suggestion updates will be reflected when the component re-renders
+                    // with the updated suggestedEdits from the edit context
+                }, children: _jsx("div", { className: cn("pointer-events-auto absolute h-5 w-5 cursor-pointer", rect.top * scale < 18 ? "top-0" : "top-[-18px]", (rect.left + rect.width) * scale > iframeRect.width - 18
+                        ? "right-0"
+                        : "right-[-18px]"), onClick: () => {
+                        editContext.select([suggestion.itemId]);
+                        const fieldsContext = modifiedFields; // alias to use setter
+                        fieldsContext?.setFocusedField({
+                            item: {
+                                id: suggestion.itemId,
+                                language: suggestion.mainItemLanguage,
+                                version: suggestion.mainItemVersion,
+                            },
+                            fieldId: suggestion.fieldId,
+                        }, true);
+                    }, children: _jsx(Lightbulb, { className: "rounded-full bg-emerald-400/70 p-1.5 text-white", size: 24, strokeWidth: 3 }) }) })) }, index))) }));
+}
+// Improved function to find text node at a given character position
+function getTextNodeAtPosition(root, targetOffset) {
+    // Handle edge cases
+    if (targetOffset < 0)
+        return null;
+    // Get all text nodes in order
+    const textNodes = [];
+    const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, null);
+    let node;
+    while ((node = walker.nextNode())) {
+        if (node)
+            textNodes.push(node);
+    }
+    let currentOffset = 0;
+    // Walk through all text nodes to find the one containing our target position
+    for (const node of textNodes) {
+        const nodeLength = node.textContent?.length || 0;
+        // If this node contains our target position
+        if (currentOffset + nodeLength >= targetOffset) {
+            return {
+                node: node,
+                offset: targetOffset - currentOffset,
+            };
+        }
+        currentOffset += nodeLength;
+    }
+    // If we've gone through all nodes and haven't found the position
+    // Return the last position in the last text node
+    if (textNodes.length > 0) {
+        const lastNode = textNodes[textNodes.length - 1];
+        if (lastNode) {
+            return {
+                node: lastNode,
+                offset: lastNode.textContent?.length || 0,
+            };
+        }
+    }
+    return null;
+}
+//# sourceMappingURL=SuggestionHighlighting.js.map

package/dist/editor/page-editor-chrome/SuggestionHighlighting.js.map

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

package/dist/editor/page-editor-chrome/SuggestionHighlightings.d.ts

@@ -1,6 +1,4 @@
-import { PageViewContext } from "../page-viewer/pageViewContext";
-import { type FeedbackHighlightVariant } from "./FeedbackHighlightBadge";
-export declare function SuggestionHighlightings({ pageViewContext, variant, }: {
-    pageViewContext: PageViewContext;
-    variant?: FeedbackHighlightVariant;
-}): import("react/jsx-runtime").JSX.Element | null;
+export declare function SuggestionHighlightings({ scale, iframe, }: {
+    scale: number;
+    iframe: HTMLIFrameElement;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/editor/page-editor-chrome/SuggestionHighlightings.js

@@ -1,308 +1,16 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect, useMemo, useRef, useState } from "react";
-import { useEditContext, useFieldsEditContext } from "../client/editContext";
-import { SuggestionDisplayPopover } from "../reviews/SuggestionDisplayPopover";
-import { measureBridgeTextRangeRects, rectListEquals, } from "./overlay/geometry";
-import { useOverlayMeasurement } from "./overlay/useOverlayMeasurement";
-import { dedupeFeedbackHighlightItems, FeedbackHighlightBadge, FeedbackHighlightBadgeTray, } from "./FeedbackHighlightBadge";
-import { getSuggestedEditScrollIntoViewTarget, getSuggestedEditTextRangeKey, getSuggestionRangeData, } from "../reviews/feedbackScrollTarget";
-const SUGGESTION_BRIDGE_SOURCE = "suggestions";
-function suggestionMeasurementsEqual(previous, next) {
-    const previousKeys = Object.keys(previous);
-    const nextKeys = Object.keys(next);
-    if (previousKeys.length !== nextKeys.length)
-        return false;
-    for (const key of previousKeys) {
-        const previousValue = previous[key];
-        const nextValue = next[key];
-        if (!previousValue || !nextValue)
-            return false;
-        if (previousValue.isTextRange !== nextValue.isTextRange)
-            return false;
-        if (!rectListEquals(previousValue.rects, nextValue.rects))
-            return false;
-    }
-    return true;
-}
-export function SuggestionHighlightings({ pageViewContext, variant = "default", }) {
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { useEditContext } from "../client/editContext";
+import { SuggestionHighlighting } from "./SuggestionHighlighting";
+export function SuggestionHighlightings({ scale, iframe, }) {
     const editContext = useEditContext();
-    const modifiedFields = useFieldsEditContext();
-    const lastMeasurementsRef = useRef({});
-    const bridgeTextRangeRequestRef = useRef({
-        signature: "",
-        requestedSignature: "",
-        hasSeenAnyTarget: false,
-    });
-    const [rangeDataBySuggestionId, setRangeDataBySuggestionId] = useState({});
-    const suggestions = useMemo(() => (editContext?.suggestedEdits || []).filter((suggestion) => suggestion.status !== "applied" && suggestion.status !== "rejected"), [editContext?.suggestedEdits]);
-    useEffect(() => {
-        if (!editContext) {
-            setRangeDataBySuggestionId({});
-            return;
-        }
-        let cancelled = false;
-        const resolveRanges = async () => {
-            const nextRangeData = {};
-            await Promise.all(suggestions.map(async (suggestion) => {
-                if (!suggestion.fieldId) {
-                    nextRangeData[suggestion.id] = {
-                        oldRanges: [],
-                        newRanges: [],
-                        oldText: "",
-                        newText: "",
-                    };
-                    return;
-                }
-                const field = await editContext.itemsRepository.getField({
-                    item: {
-                        id: suggestion.itemId,
-                        language: suggestion.mainItemLanguage,
-                        version: suggestion.mainItemVersion,
-                    },
-                    fieldId: suggestion.fieldId,
-                });
-                nextRangeData[suggestion.id] = getSuggestionRangeData(suggestion.oldValue ?? field?.rawValue ?? "", suggestion.newValue ?? "");
-            }));
-            if (!cancelled) {
-                setRangeDataBySuggestionId(nextRangeData);
-            }
-        };
-        resolveRanges();
-        return () => {
-            cancelled = true;
-        };
-    }, [editContext, suggestions]);
-    const bridgeTextRanges = useMemo(() => suggestions.flatMap((suggestion) => {
-        if (!suggestion.fieldId)
-            return [];
-        const rangeData = rangeDataBySuggestionId[suggestion.id];
-        if (!rangeData)
-            return [];
-        const ranges = rangeData.newRanges.length > 0
-            ? rangeData.newRanges
-            : rangeData.oldRanges;
-        return ranges.map(([start, end]) => ({
-            key: getSuggestedEditTextRangeKey(suggestion),
-            fieldId: suggestion.fieldId,
-            item: {
-                id: suggestion.itemId,
-                language: suggestion.mainItemLanguage,
-                version: suggestion.mainItemVersion,
-            },
-            start,
-            end,
-        }));
-    }), [rangeDataBySuggestionId, suggestions]);
-    const bridgeTextRangeSignature = useMemo(() => bridgeTextRanges
-        .map((range) => [
-        range.key,
-        range.fieldId,
-        range.item.id,
-        range.item.language,
-        range.item.version,
-        range.start,
-        range.end,
-    ].join(":"))
-        .join("|"), [bridgeTextRanges]);
+    const [suggestions, setSuggestions] = useState([]);
     useEffect(() => {
-        const requestState = bridgeTextRangeRequestRef.current;
-        if (!pageViewContext.bridgeReady || bridgeTextRanges.length === 0) {
-            if (pageViewContext.bridgeReady && requestState.signature !== "") {
-                // Drop our contribution from the shared union so the highlights clear
-                // instead of lingering as phantom geometry targets.
-                pageViewContext.requestBridgeGeometry?.({
-                    source: SUGGESTION_BRIDGE_SOURCE,
-                    textRanges: [],
-                });
-            }
-            requestState.signature = "";
-            requestState.requestedSignature = "";
-            requestState.hasSeenAnyTarget = false;
-            return;
-        }
-        const signatureChanged = requestState.signature !== bridgeTextRangeSignature;
-        if (signatureChanged) {
-            requestState.signature = bridgeTextRangeSignature;
-            requestState.requestedSignature = "";
-            requestState.hasSeenAnyTarget = false;
-        }
-        const bridgeGeometry = pageViewContext.bridgeGeometry;
-        const hasAnyTarget = hasAnyExpectedBridgeTextRange(bridgeGeometry, bridgeTextRanges);
-        const hasAllTargets = hasAllExpectedBridgeTextRanges(bridgeGeometry, bridgeTextRanges);
-        if (hasAnyTarget) {
-            requestState.hasSeenAnyTarget = true;
-        }
-        if (hasAllTargets && !signatureChanged) {
-            requestState.requestedSignature = "";
-            return;
-        }
-        const shouldRequest = signatureChanged ||
-            requestState.requestedSignature !== bridgeTextRangeSignature ||
-            (requestState.hasSeenAnyTarget && !hasAnyTarget);
-        if (!shouldRequest)
-            return;
-        requestState.requestedSignature = bridgeTextRangeSignature;
-        pageViewContext.requestBridgeGeometry?.({
-            source: SUGGESTION_BRIDGE_SOURCE,
-            textRanges: bridgeTextRanges,
-        });
-    }, [
-        pageViewContext,
-        pageViewContext.bridgeReady,
-        pageViewContext.bridgeGeometry,
-        bridgeTextRanges,
-        bridgeTextRangeSignature,
-    ]);
-    const measurements = useOverlayMeasurement((metrics, reasons) => {
-        const bridgeGeometry = pageViewContext.bridgeGeometry;
-        if (!bridgeGeometry)
-            return {};
-        const canReusePreviousMeasurement = !reasons.has("viewport") &&
-            !reasons.has("layout") &&
-            !reasons.has("text");
-        const nextMeasurements = {};
-        for (const suggestion of suggestions) {
-            if (!suggestion.fieldId)
-                continue;
-            if (!rangeDataBySuggestionId[suggestion.id])
-                continue;
-            const rects = measureBridgeTextRangeRects(bridgeGeometry, getSuggestedEditTextRangeKey(suggestion), metrics);
-            if (rects.length === 0) {
-                const previousMeasurement = lastMeasurementsRef.current[suggestion.id];
-                if (canReusePreviousMeasurement &&
-                    previousMeasurement?.isTextRange &&
-                    previousMeasurement.rects.length) {
-                    nextMeasurements[suggestion.id] = previousMeasurement;
-                }
-                continue;
-            }
-            nextMeasurements[suggestion.id] = {
-                rects,
-                isTextRange: true,
-            };
-        }
-        return nextMeasurements;
-    }, [pageViewContext.bridgeGeometry, suggestions, rangeDataBySuggestionId], {
-        initialValue: {},
-        equals: suggestionMeasurementsEqual,
-        interests: ["viewport", "layout", "text", "adornment-data"],
-    });
-    useEffect(() => {
-        lastMeasurementsRef.current = measurements;
-    }, [measurements]);
-    const overlayGroups = useMemo(() => {
-        const groups = new Map();
-        for (const suggestion of suggestions) {
-            const measurement = measurements[suggestion.id];
-            if (!measurement?.rects.length)
-                continue;
-            const key = getSuggestionMeasurementKey(measurement);
-            const existing = groups.get(key);
-            if (existing) {
-                existing.suggestions.push(suggestion);
-                continue;
-            }
-            groups.set(key, {
-                key,
-                suggestions: [suggestion],
-                rects: measurement.rects,
-                isTextRange: measurement.isTextRange,
-            });
-        }
-        return Array.from(groups.values());
-    }, [suggestions, measurements]);
-    if (!editContext)
-        return null;
-    const selectedCommentId = editContext.selectedComment?.id;
-    const selectedSuggestedEditId = editContext.selectedSuggestedEdit?.id;
-    const hasSelectedFeedback = !!selectedCommentId || !!selectedSuggestedEditId;
-    return (_jsx(_Fragment, { children: overlayGroups.flatMap((group) => {
-            const badgeSuggestions = dedupeFeedbackHighlightItems(group.suggestions);
-            return group.rects.map((rect, index) => (_jsxs("div", { style: {
-                    position: "absolute",
-                    top: rect.y,
-                    left: rect.x,
-                    width: rect.width,
-                    height: rect.height,
-                    zIndex: 20,
-                    pointerEvents: "none",
-                }, children: [index === 0 && (_jsx(FeedbackHighlightBadgeTray, { variant: variant, style: {
-                            top: variant === "minimap" ? -12 : -38,
-                            left: variant === "minimap"
-                                ? group.isTextRange
-                                    ? -4
-                                    : 4
-                                : group.isTextRange
-                                    ? -9
-                                    : 8,
-                        }, children: badgeSuggestions.map((suggestion, badgeIndex) => {
-                            const isSelected = suggestion.id === selectedSuggestedEditId;
-                            const isDimmed = hasSelectedFeedback && !isSelected;
-                            return (_jsx(SuggestionDisplayPopover, { suggestion: suggestion, onSuggestionUpdated: () => { }, children: _jsx(FeedbackHighlightBadge, { item: suggestion, isSelected: isSelected, isDimmed: isDimmed, variant: variant, minimapColorClassName: "bg-component-suggestions", zIndex: isSelected
-                                        ? badgeSuggestions.length + 101
-                                        : badgeSuggestions.length - badgeIndex + 100, testId: "suggestion-highlight-icon", ariaSubject: "suggestion", onClick: () => {
-                                        editContext.setSelectedComment(undefined);
-                                        editContext.setSelectedSuggestedEdit(suggestion);
-                                        editContext.setScrollIntoView(getSuggestedEditScrollIntoViewTarget(suggestion));
-                                        editContext.select([suggestion.itemId]);
-                                        modifiedFields?.setFocusedField({
-                                            item: {
-                                                id: suggestion.itemId,
-                                                language: suggestion.mainItemLanguage,
-                                                version: suggestion.mainItemVersion,
-                                            },
-                                            fieldId: suggestion.fieldId,
-                                        }, true);
-                                    } }) }, suggestion.id));
-                        }) })), (hasSelectedFeedback
-                        ? group.suggestions.map((suggestion) => [suggestion])
-                        : [group.suggestions]).map((suggestions, highlightIndex) => {
-                        const isSelected = suggestions.length === 1 &&
-                            suggestions[0]?.id === selectedSuggestedEditId;
-                        const isDimmed = hasSelectedFeedback && !isSelected;
-                        const highlightKey = suggestions
-                            .map((suggestion) => suggestion.id)
-                            .join("-");
-                        return (_jsx("div", { "data-testid": "suggested-edit-highlight", "data-feedback-selected": isSelected ? "true" : undefined, "data-feedback-dimmed": isDimmed ? "true" : undefined, className: group.isTextRange
-                                ? "absolute inset-0 rounded-sm"
-                                : "absolute inset-0 rounded-[3px]", style: {
-                                ...getSuggestionHighlightStyle(isSelected, isDimmed),
-                                zIndex: isSelected ? 2 : 0,
-                            } }, highlightKey || highlightIndex));
-                    })] }, `${group.key}-${index}`)));
-        }) }));
-}
-function hasAnyExpectedBridgeTextRange(geometry, textRanges) {
-    if (!geometry)
-        return false;
-    const expectedKeys = new Set(textRanges.map((range) => range.key));
-    return geometry.targets.some((target) => target.kind === "textRange" && expectedKeys.has(target.key));
-}
-function hasAllExpectedBridgeTextRanges(geometry, textRanges) {
-    if (!geometry)
-        return false;
-    const availableKeys = new Set(geometry.targets
-        .filter((target) => target.kind === "textRange")
-        .map((target) => target.key));
-    return textRanges.every((range) => availableKeys.has(range.key));
-}
-function getSuggestionMeasurementKey(measurement) {
-    const rectKey = measurement.rects
-        .map((rect) => `${roundMeasurement(rect.x)}:${roundMeasurement(rect.y)}:${roundMeasurement(rect.width)}:${roundMeasurement(rect.height)}`)
-        .join("|");
-    return `${measurement.isTextRange ? "text" : "box"}:${rectKey}`;
-}
-function roundMeasurement(value) {
-    return Math.round(value * 2) / 2;
-}
-function getSuggestionHighlightStyle(isSelected, isDimmed) {
-    const fillStrength = isDimmed ? 6 : isSelected ? 28 : 15;
-    return {
-        background: `color-mix(in srgb, var(--color-feedback-green) ${fillStrength}%, transparent)`,
-        opacity: isDimmed ? 0.42 : 1,
-        boxShadow: isSelected
-            ? "0 1px 5px color-mix(in srgb, var(--color-feedback-green) 22%, transparent)"
-            : undefined,
-    };
+        setSuggestions(editContext?.suggestedEdits.filter((x) => x.status === "pending") || []);
+    }, [editContext?.comments, editContext?.suggestedEdits]);
+    return (_jsx(_Fragment, { children: editContext?.showSuggestedEdits &&
+            suggestions
+                .filter((x) => x.status !== "applied" && x.status !== "rejected")
+                .map((suggestion) => (_jsx(SuggestionHighlighting, { iframe: iframe, scale: scale, suggestion: suggestion }, suggestion.id))) }));
 }
 //# sourceMappingURL=SuggestionHighlightings.js.map

package/dist/editor/page-editor-chrome/SuggestionHighlightings.js.map

@@ -1 +1 @@
-{"version":3,"file":"SuggestionHighlightings.js","sourceRoot":"","sources":["../../../src/editor/page-editor-chrome/SuggestionHighlightings.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SuggestionHighlightings.js","sourceRoot":"","sources":["../../../src/editor/page-editor-chrome/SuggestionHighlightings.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAIlE,MAAM,UAAU,uBAAuB,CAAC,EACtC,KAAK,EACL,MAAM,GAIP;IACC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAkB,EAAE,CAAC,CAAC;IAEpE,SAAS,CAAC,GAAG,EAAE;QACb,cAAc,CACZ,WAAW,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,SAAS,CAAC,IAAI,EAAE,CACxE,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,cAAc,CAAC,CAAC,CAAC;IAEzD,OAAO,CACL,4BACG,WAAW,EAAE,kBAAkB;YAC9B,WAAW;iBACR,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,SAAS,IAAI,CAAC,CAAC,MAAM,KAAK,UAAU,CAAC;iBAChE,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CACnB,KAAC,sBAAsB,IACrB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EAEZ,UAAU,EAAE,UAAU,IADjB,UAAU,CAAC,EAAE,CAElB,CACH,CAAC,GACL,CACJ,CAAC;AACJ,CAAC"}

package/dist/editor/page-editor-chrome/VersionDiffHighlightings.d.ts

@@ -1,7 +1,9 @@
 import type { PageViewContext } from "../page-viewer/pageViewContext";
 type VersionDiffHighlightingsProps = {
+    iframe: HTMLIFrameElement | null;
+    scale: number;
     pageViewContext: PageViewContext;
     variant?: "default" | "minimap";
 };
-export declare function VersionDiffHighlightings({ pageViewContext, variant, }: VersionDiffHighlightingsProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function VersionDiffHighlightings({ iframe, scale, pageViewContext, variant, }: VersionDiffHighlightingsProps): import("react/jsx-runtime").JSX.Element | null;
 export {};