@parhelia/core 0.3.12831 → 0.3.12833

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

@@ -0,0 +1,295 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef } from "react";
+import { usePageViewState, } from "../page-viewer/pageViewContext";
+import { fieldKey, } from "../version-diff/versionDiffTargets";
+import { versionDiffHighlightClasses } from "../version-diff/versionDiffHighlightStyles";
+import { getDiffBridgeSource, getDiffInnerRangeKey, getDiffTextRangeKey, } from "../version-diff/versionDiffGeometryKeys";
+import { bridgeRectToOverlayRect, measureBridgeFieldRect, measureBridgeTextRangeRects, rectListEquals, } from "./overlay/geometry";
+import { useOverlayMeasurement } from "./overlay/useOverlayMeasurement";
+import { normalizeMarkerId } from "../utils";
+import { buildOverviewRulerMarks, usePublishOverviewRulerMarks, } from "../page-viewer/overviewRuler";
+function measuredDiffHighlightsEqual(previous, next) {
+    if (previous.length !== next.length)
+        return false;
+    for (let i = 0; i < previous.length; i++) {
+        const previousItem = previous[i];
+        const nextItem = next[i];
+        if (previousItem.key !== nextItem.key ||
+            previousItem.className !== nextItem.className ||
+            previousItem.kind !== nextItem.kind ||
+            previousItem.tier !== nextItem.tier ||
+            !rectListEquals(previousItem.rects, nextItem.rects)) {
+            return false;
+        }
+    }
+    return true;
+}
+/**
+ * Publishes diff targets to the bridge geometry union and paints the measured
+ * rects: shared by the version-diff (compare) highlights and the agent-change
+ * highlights, which only differ in how they resolve their targets.
+ */
+export function DiffHighlightOverlay({ pageViewContext, variant = "default", scope, targets, componentTargets, testId = "version-diff-highlight", rulerSource, }) {
+    const bridgeSource = getDiffBridgeSource(scope);
+    const bridgeReady = usePageViewState(pageViewContext, (state) => state.bridgeReady);
+    const bridgeGeometry = usePageViewState(pageViewContext, (state) => state.bridgeGeometry);
+    const bridgeStructure = usePageViewState(pageViewContext, (state) => state.bridgeStructure);
+    const rangesByTargetKey = useMemo(() => new Map(targets.map((target) => [
+        fieldKey(target.descriptor),
+        target.hasDeletionOnlyChange
+            ? []
+            : target.ranges.filter((range) => range.start < range.end),
+    ])), [targets]);
+    const lastBridgeTextRangeSignatureRef = useRef("");
+    useEffect(() => {
+        if (!bridgeReady) {
+            lastBridgeTextRangeSignatureRef.current = "";
+            return;
+        }
+        const textRanges = targets.flatMap((target) => {
+            if (target.hasDeletionOnlyChange)
+                return [];
+            const targetKey = fieldKey(target.descriptor);
+            const ranges = rangesByTargetKey.get(targetKey) || [];
+            return ranges.flatMap((range, index) => {
+                const entries = [
+                    {
+                        key: getDiffTextRangeKey(scope, targetKey, index),
+                        fieldId: target.descriptor.fieldId,
+                        item: target.descriptor.item,
+                        start: range.start,
+                        end: range.end,
+                    },
+                ];
+                // Char-tier detail is invisible at minimap scale; a uniform range's
+                // inner span would just re-measure the outer rect.
+                if (variant !== "minimap" && !isUniformRange(range)) {
+                    range.innerRanges.forEach(([start, end], innerIndex) => {
+                        entries.push({
+                            key: getDiffInnerRangeKey(scope, targetKey, index, innerIndex),
+                            fieldId: target.descriptor.fieldId,
+                            item: target.descriptor.item,
+                            start,
+                            end,
+                        });
+                    });
+                }
+                return entries;
+            });
+        });
+        // Empty maps to "" so an initial empty set is a no-op, while going from
+        // ranges back to empty still emits a clearing update.
+        const signature = textRanges.length > 0 ? JSON.stringify(textRanges) : "";
+        if (signature === lastBridgeTextRangeSignatureRef.current)
+            return;
+        let cancelled = false;
+        let retryTimer;
+        let retryCount = 0;
+        const publishTextRanges = () => {
+            if (cancelled)
+                return;
+            // Contribute to the shared geometry union so our ranges merge with
+            // comments/suggestions/locks instead of clobbering them, and so highlights
+            // clear when the diff goes away. Child effects can run before the frame has
+            // installed its bridge request function, and a reconnect can briefly reject
+            // commands. Only remember a signature after the bridge accepted it; otherwise
+            // an unchanged diff would never be published for that iframe.
+            const accepted = pageViewContext.requestBridgeGeometry?.({
+                source: bridgeSource,
+                textRanges,
+            });
+            if (accepted) {
+                lastBridgeTextRangeSignatureRef.current = signature;
+                return;
+            }
+            const delay = Math.min(50 * 2 ** retryCount, 500);
+            retryCount += 1;
+            retryTimer = window.setTimeout(publishTextRanges, delay);
+        };
+        publishTextRanges();
+        return () => {
+            cancelled = true;
+            if (retryTimer !== undefined)
+                window.clearTimeout(retryTimer);
+        };
+    }, [
+        pageViewContext,
+        bridgeReady,
+        rangesByTargetKey,
+        targets,
+        variant,
+        scope,
+        bridgeSource,
+    ]);
+    useEffect(() => {
+        return () => {
+            // Drop this instance's entry from the geometry union on unmount so a
+            // departing overlay doesn't leave stale ranges behind.
+            pageViewContext.requestBridgeGeometry?.({
+                source: bridgeSource,
+                textRanges: [],
+            });
+        };
+    }, [pageViewContext, bridgeSource]);
+    const highlights = useOverlayMeasurement((metrics) => {
+        if (!bridgeGeometry)
+            return [];
+        const isMini = variant === "minimap";
+        const measured = [];
+        for (const target of componentTargets) {
+            const overlayRect = measureBridgeComponentDiffRect(bridgeGeometry, target, metrics);
+            if (!overlayRect)
+                continue;
+            measured.push({
+                key: `component-${target.id}`,
+                className: target.kind === "removed"
+                    ? isMini
+                        ? versionDiffHighlightClasses.componentRemovedMini
+                        : versionDiffHighlightClasses.componentRemoved
+                    : isMini
+                        ? versionDiffHighlightClasses.componentMini
+                        : versionDiffHighlightClasses.component,
+                kind: target.kind,
+                rects: [overlayRect],
+            });
+        }
+        for (const target of targets) {
+            const targetKey = fieldKey(target.descriptor);
+            const strongClass = target.rangeKind === "removed"
+                ? isMini
+                    ? versionDiffHighlightClasses.removedTextMini
+                    : versionDiffHighlightClasses.removedText
+                : isMini
+                    ? versionDiffHighlightClasses.textMini
+                    : versionDiffHighlightClasses.text;
+            const softClass = target.rangeKind === "removed"
+                ? versionDiffHighlightClasses.removedTextSoft
+                : versionDiffHighlightClasses.textSoft;
+            if (target.hasDeletionOnlyChange) {
+                const rect = measureBridgeFieldRect(bridgeGeometry, bridgeStructure, target.descriptor, metrics);
+                if (!rect)
+                    continue;
+                measured.push({
+                    key: targetKey,
+                    className: isMini
+                        ? versionDiffHighlightClasses.deletionOnlyMini
+                        : versionDiffHighlightClasses.deletionOnly,
+                    kind: target.rangeKind,
+                    rects: [rect],
+                });
+                continue;
+            }
+            const wordRects = [];
+            const softRects = [];
+            const charRects = [];
+            const ranges = rangesByTargetKey.get(targetKey) || [];
+            ranges.forEach((range, index) => {
+                const rangeRects = measureBridgeTextRangeRects(bridgeGeometry, getDiffTextRangeKey(scope, targetKey, index), metrics);
+                if (rangeRects.length === 0) {
+                    const fallbackRect = measureBridgeFieldRect(bridgeGeometry, bridgeStructure, target.descriptor, metrics);
+                    if (fallbackRect)
+                        wordRects.push(fallbackRect);
+                    return;
+                }
+                if (isMini || isUniformRange(range)) {
+                    wordRects.push(...rangeRects);
+                    return;
+                }
+                softRects.push(...rangeRects);
+                range.innerRanges.forEach((_, innerIndex) => {
+                    charRects.push(...measureBridgeTextRangeRects(bridgeGeometry, getDiffInnerRangeKey(scope, targetKey, index, innerIndex), metrics));
+                });
+            });
+            if (softRects.length > 0) {
+                measured.push({
+                    key: `${targetKey}:soft`,
+                    className: softClass,
+                    kind: target.rangeKind,
+                    tier: "word",
+                    rects: softRects,
+                });
+            }
+            if (charRects.length > 0) {
+                measured.push({
+                    key: `${targetKey}:char`,
+                    className: strongClass,
+                    kind: target.rangeKind,
+                    tier: "char",
+                    rects: charRects,
+                });
+            }
+            if (wordRects.length > 0) {
+                measured.push({
+                    key: targetKey,
+                    className: strongClass,
+                    kind: target.rangeKind,
+                    tier: "word",
+                    rects: wordRects,
+                });
+            }
+        }
+        return measured;
+    }, [
+        bridgeGeometry,
+        bridgeStructure,
+        targets,
+        componentTargets,
+        rangesByTargetKey,
+        variant,
+        scope,
+    ], {
+        initialValue: [],
+        equals: measuredDiffHighlightsEqual,
+        interests: ["viewport", "layout", "text", "adornment-data"],
+    });
+    const rulerMarks = useMemo(() => rulerSource
+        ? buildOverviewRulerMarks(highlights.map((highlight) => ({
+            tone: highlight.kind === "removed" ? "removed" : "added",
+            rects: highlight.rects,
+        })))
+        : null, [rulerSource, highlights]);
+    usePublishOverviewRulerMarks(rulerSource, rulerMarks);
+    if (highlights.length === 0)
+        return null;
+    return (_jsx(_Fragment, { children: highlights.flatMap((highlight) => highlight.rects.map((rect, index) => (_jsx("div", { className: highlight.className, "data-testid": testId, "data-diff-kind": highlight.kind, "data-diff-tier": highlight.tier, style: {
+                top: rect.y,
+                left: rect.x,
+                width: Math.max(rect.width, 2),
+                height: Math.max(rect.height, 2),
+            } }, `${highlight.key}-${index}`)))) }));
+}
+function isUniformRange(range) {
+    return (range.innerRanges.length === 1 &&
+        range.innerRanges[0][0] === range.start &&
+        range.innerRanges[0][1] === range.end);
+}
+function measureBridgeComponentDiffRect(geometry, target, metrics) {
+    if (!geometry)
+        return null;
+    const candidateIds = [
+        target.visualId,
+        target.id,
+        target.dataItemId,
+        target.dataLayoutId,
+        target.dataTypeId,
+        target.providerRenderingItemId,
+    ]
+        .filter((id) => !!id)
+        .map(normalizeMarkerId);
+    const geometryTarget = geometry.targets.find((candidate) => {
+        if (candidate.kind !== "component")
+            return false;
+        const candidateKeys = [
+            candidate.componentId,
+            candidate.key,
+            candidate.elementKey,
+        ]
+            .filter((id) => !!id)
+            .map(normalizeMarkerId);
+        return candidateKeys.some((key) => candidateIds.includes(key));
+    });
+    if (!geometryTarget?.rect)
+        return null;
+    return bridgeRectToOverlayRect(geometry, geometryTarget.rect, metrics);
+}
+//# sourceMappingURL=DiffHighlightOverlay.js.map

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

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

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

@@ -0,0 +1,15 @@
+import type { FeedbackAnchor } from "./overlay/feedbackAnchorMeasurements";
+/**
+ * The canvas half of a Word-style leader line: a tick at the start of the
+ * anchored text and a dashed rule from the end of its first line to the right
+ * edge of the visible viewport, where the comment margin's half continues to
+ * the card. Both halves derive their y from the same measured rect, so they
+ * meet at the iframe edge.
+ */
+export declare function FeedbackLeaderCanvasSegment({ anchor, viewportRight, color, emphasis, testId, }: {
+    anchor: FeedbackAnchor;
+    viewportRight: number;
+    color: string;
+    emphasis: "selected" | "hovered";
+    testId?: string;
+}): import("react").JSX.Element;

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

@@ -0,0 +1,31 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The canvas half of a Word-style leader line: a tick at the start of the
+ * anchored text and a dashed rule from the end of its first line to the right
+ * edge of the visible viewport, where the comment margin's half continues to
+ * the card. Both halves derive their y from the same measured rect, so they
+ * meet at the iframe edge.
+ */
+export function FeedbackLeaderCanvasSegment({ anchor, viewportRight, color, emphasis, testId = "feedback-leader-canvas", }) {
+    const left = anchor.xEnd + 2;
+    const width = viewportRight - left;
+    const opacity = emphasis === "selected" ? 0.9 : 0.5;
+    return (_jsxs(_Fragment, { children: [_jsx("div", { "data-testid": `${testId}-tick`, className: "pointer-events-none absolute", style: {
+                    top: anchor.y,
+                    left: anchor.xStart - 4,
+                    width: 2,
+                    height: Math.max(anchor.height, 10),
+                    background: color,
+                    opacity,
+                    zIndex: 3,
+                } }), width > 0 && (_jsx("div", { "data-testid": testId, "data-feedback-leader": emphasis, className: "pointer-events-none absolute", style: {
+                    top: anchor.lineMidY,
+                    left,
+                    width,
+                    height: 0,
+                    borderTop: `1.5px dashed ${color}`,
+                    opacity,
+                    zIndex: 3,
+                } }))] }));
+}
+//# sourceMappingURL=FeedbackLeaderCanvasSegment.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FeedbackLeaderCanvasSegment.js","sourceRoot":"","sources":["../../../src/editor/page-editor-chrome/FeedbackLeaderCanvasSegment.tsx"],"names":[],"mappings":";AAEA;;;;;;GAMG;AACH,MAAM,UAAU,2BAA2B,CAAC,EAC1C,MAAM,EACN,aAAa,EACb,KAAK,EACL,QAAQ,EACR,MAAM,GAAG,wBAAwB,GAOlC;IACC,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,GAAG,CAAC,CAAC;IAC7B,MAAM,KAAK,GAAG,aAAa,GAAG,IAAI,CAAC;IACnC,MAAM,OAAO,GAAG,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IAEpD,OAAO,CACL,8BACE,6BACe,GAAG,MAAM,OAAO,EAC7B,SAAS,EAAC,8BAA8B,EACxC,KAAK,EAAE;oBACL,GAAG,EAAE,MAAM,CAAC,CAAC;oBACb,IAAI,EAAE,MAAM,CAAC,MAAM,GAAG,CAAC;oBACvB,KAAK,EAAE,CAAC;oBACR,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,CAAC;oBACnC,UAAU,EAAE,KAAK;oBACjB,OAAO;oBACP,MAAM,EAAE,CAAC;iBACV,GACD,EACD,KAAK,GAAG,CAAC,IAAI,CACZ,6BACe,MAAM,0BACG,QAAQ,EAC9B,SAAS,EAAC,8BAA8B,EACxC,KAAK,EAAE;oBACL,GAAG,EAAE,MAAM,CAAC,QAAQ;oBACpB,IAAI;oBACJ,KAAK;oBACL,MAAM,EAAE,CAAC;oBACT,SAAS,EAAE,gBAAgB,KAAK,EAAE;oBAClC,OAAO;oBACP,MAAM,EAAE,CAAC;iBACV,GACD,CACH,IACA,CACJ,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,11 @@
+import { type PageViewContext } from "../page-viewer/pageViewContext";
+export declare const FIND_REPLACE_HIGHLIGHT_TEST_ID = "find-replace-highlight";
+/**
+ * Paints every match of the open "Find and replace" panel on the canvas, the
+ * current one stronger. The bridge measures the text ranges (same primitive
+ * as comments, suggestions and version diff); this component only publishes
+ * the ranges into the per-source geometry union and draws the reported rects.
+ */
+export declare function FindReplaceHighlightings({ pageViewContext, }: {
+    pageViewContext: PageViewContext;
+}): import("react").JSX.Element | null;

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

@@ -0,0 +1,120 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef } from "react";
+import { usePageViewState, } from "../page-viewer/pageViewContext";
+import { FIND_REPLACE_BRIDGE_SOURCE, toBridgeTextRange, } from "../find-replace/findReplaceMatches";
+import { useFindReplaceState } from "../find-replace/findReplaceStore";
+import { measureBridgeTextRangeRects, rectListEquals, } from "./overlay/geometry";
+import { useOverlayMeasurement } from "./overlay/useOverlayMeasurement";
+export const FIND_REPLACE_HIGHLIGHT_TEST_ID = "find-replace-highlight";
+const EMPTY_MATCHES = [];
+function measuredMatchesEqual(previous, next) {
+    if (previous.length !== next.length)
+        return false;
+    for (let i = 0; i < previous.length; i++) {
+        const a = previous[i];
+        const b = next[i];
+        if (a.key !== b.key || a.active !== b.active)
+            return false;
+        if (!rectListEquals(a.rects, b.rects))
+            return false;
+    }
+    return true;
+}
+/**
+ * Paints every match of the open "Find and replace" panel on the canvas, the
+ * current one stronger. The bridge measures the text ranges (same primitive
+ * as comments, suggestions and version diff); this component only publishes
+ * the ranges into the per-source geometry union and draws the reported rects.
+ */
+export function FindReplaceHighlightings({ pageViewContext, }) {
+    const { highlighting } = useFindReplaceState();
+    const matches = highlighting?.matches ?? EMPTY_MATCHES;
+    const activeIndex = highlighting?.activeIndex ?? -1;
+    const bridgeReady = usePageViewState(pageViewContext, (state) => state.bridgeReady);
+    const bridgeGeometry = usePageViewState(pageViewContext, (state) => state.bridgeGeometry);
+    const textRanges = useMemo(() => matches.map(toBridgeTextRange), [matches]);
+    const lastPublishedSignatureRef = useRef("");
+    useEffect(() => {
+        if (!bridgeReady) {
+            lastPublishedSignatureRef.current = "";
+            return;
+        }
+        // Empty maps to "" so the initial empty set is a no-op, while going from
+        // matches back to none still publishes the clearing update.
+        const signature = textRanges.length > 0 ? JSON.stringify(textRanges) : "";
+        if (signature === lastPublishedSignatureRef.current)
+            return;
+        let cancelled = false;
+        let retryTimer;
+        let retryCount = 0;
+        const publish = () => {
+            if (cancelled)
+                return;
+            // The frame installs requestBridgeGeometry after its children mounted
+            // and a reconnect can briefly reject commands; only remember the
+            // signature once the bridge accepted it.
+            const accepted = pageViewContext.requestBridgeGeometry?.({
+                source: FIND_REPLACE_BRIDGE_SOURCE,
+                textRanges,
+            });
+            if (accepted) {
+                lastPublishedSignatureRef.current = signature;
+                return;
+            }
+            const delay = Math.min(50 * 2 ** retryCount, 500);
+            retryCount += 1;
+            retryTimer = window.setTimeout(publish, delay);
+        };
+        publish();
+        return () => {
+            cancelled = true;
+            if (retryTimer !== undefined)
+                window.clearTimeout(retryTimer);
+        };
+    }, [pageViewContext, bridgeReady, textRanges]);
+    useEffect(() => () => {
+        // Drop this feature's entry from the geometry union on unmount.
+        pageViewContext.requestBridgeGeometry?.({
+            source: FIND_REPLACE_BRIDGE_SOURCE,
+            textRanges: [],
+        });
+    }, [pageViewContext]);
+    const measured = useOverlayMeasurement((metrics) => {
+        const geometry = bridgeGeometry;
+        if (!geometry || matches.length === 0)
+            return [];
+        const result = [];
+        matches.forEach((match, index) => {
+            // Scrolling to a match queries the same key under the
+            // "scroll-into-view" source, so the bridge can report each line box
+            // twice until that request is cleared. Paint every box once.
+            const seen = new Set();
+            const rects = measureBridgeTextRangeRects(geometry, match.key, metrics).filter((rect) => {
+                const rectKey = `${Math.round(rect.x)}:${Math.round(rect.y)}:${Math.round(rect.width)}:${Math.round(rect.height)}`;
+                if (seen.has(rectKey))
+                    return false;
+                seen.add(rectKey);
+                return true;
+            });
+            if (rects.length === 0)
+                return;
+            result.push({ key: match.key, active: index === activeIndex, rects });
+        });
+        return result;
+    }, [bridgeGeometry, matches, activeIndex], {
+        initialValue: [],
+        equals: measuredMatchesEqual,
+        interests: ["viewport", "layout", "text", "adornment-data"],
+    });
+    if (measured.length === 0)
+        return null;
+    return (_jsx(_Fragment, { children: measured.flatMap((match) => match.rects.map((rect, index) => (_jsx("div", { className: match.active
+                ? "bg-feedback-orange/45 pointer-events-none absolute rounded-sm shadow-[0_0_0_2px_color-mix(in_srgb,var(--color-feedback-orange)_60%,transparent)]"
+                : "bg-feedback-orange/25 pointer-events-none absolute rounded-sm", "data-testid": FIND_REPLACE_HIGHLIGHT_TEST_ID, "data-active": match.active ? "true" : undefined, style: {
+                top: rect.y,
+                left: rect.x,
+                width: Math.max(rect.width, 2),
+                height: Math.max(rect.height, 2),
+            } }, `${match.key}-${index}`)))) }));
+}
+//# sourceMappingURL=FindReplaceHighlightings.js.map

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

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

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

@@ -0,0 +1,12 @@
+import { type PageViewContext } from "../page-viewer/pageViewContext";
+export declare const SPELLCHECK_HIGHLIGHT_TEST_ID = "spellcheck-highlight";
+/**
+ * Underlines misspelled words on the canvas without touching the site DOM:
+ * the writable text fields of the page's items are checked through the shared
+ * client, every misspelling is published as a bridge text range (the same
+ * primitive find-and-replace, comments and version diff use), and the rects
+ * the bridge reports get a wavy strip along their bottom edge.
+ */
+export declare function SpellCheckHighlightings({ pageViewContext, }: {
+    pageViewContext: PageViewContext;
+}): import("react").JSX.Element | null;