@parhelia/core 0.1.12836 → 0.1.12839

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

@@ -5,7 +5,7 @@ import { findFieldElement } from "../utils";
 import { cn } from "../../lib/utils";
 import { CommentIcon } from "../ui/Icons";
 import { CommentDisplayPopover } from "../reviews/CommentDisplayPopover";
-import { measureElementRect, measureTextRangeRects, rectListEquals, } from "./overlay/geometry";
+import { measureElementRect, rectListEquals, toOverlayRect, } from "./overlay/geometry";
 import { getAccessibleIframeDocument } from "./overlay/iframeAccess";
 import { useOverlayMeasurement } from "./overlay/useOverlayMeasurement";
 function commentMeasurementsEqual(previous, next) {
@@ -52,7 +52,7 @@ export function CommentHighlightings({ iframe, }) {
             let rects = [];
             let isTextRange = false;
             if (fieldElement && range) {
-                rects = measureTextRangeRects(iframeDocument, fieldElement, range[0], range[1], metrics);
+                rects = measureVisibleTextRangeRects(iframeDocument, fieldElement, range[0], range[1], metrics);
                 isTextRange = rects.length > 0;
             }
             if (rects.length === 0) {
@@ -80,49 +80,185 @@ export function CommentHighlightings({ iframe, }) {
     });
     if (!editContext)
         return null;
-    return (_jsx(_Fragment, { children: visibleComments.flatMap((comment) => {
-            const measurement = measurements[comment.id];
-            if (!measurement?.rects.length)
-                return [];
-            const isSelected = comment.id === editContext.selectedComment?.id;
-            return measurement.rects.map((rect, index) => (_jsxs("div", { style: {
-                    position: "absolute",
-                    top: rect.y,
-                    left: rect.x,
-                    width: rect.width,
-                    height: rect.height,
-                    pointerEvents: "none",
-                }, children: [index === 0 && (_jsx(CommentDisplayPopover, { comment: comment, onCommentUpdated: () => {
-                            editContext?.loadComments?.();
-                        }, children: _jsx("div", { className: "pointer-events-auto absolute top-0 right-0 h-5 w-5 cursor-pointer", "data-testid": "comment-highlight-icon", onClick: () => {
-                                editContext?.setSelectedComment(comment);
-                                editContext?.setScrollIntoView(comment.itemId);
-                                editContext?.select([comment.itemId]);
-                                if (comment.fieldId) {
-                                    modifiedFields?.setFocusedField({
-                                        fieldId: comment.fieldId,
-                                        item: {
-                                            id: comment.itemId,
-                                            language: comment.language,
-                                            version: comment.version,
-                                        },
-                                    }, false);
-                                }
-                            }, children: _jsx(CommentIcon, { className: cn(comment.isResolved
-                                    ? "text-feedback-green hover:text-feedback-green"
-                                    : isSelected
-                                        ? "text-feedback-red hover:text-feedback-red"
-                                        : "text-feedback-blue hover:text-feedback-blue") }) }) })), measurement.isTextRange && (_jsx("div", { className: "opacity-45", style: {
-                            width: "100%",
-                            height: "100%",
-                            backgroundColor: isSelected
-                                ? "var(--color-feedback-red)"
-                                : comment.isResolved
-                                    ? "color-mix(in srgb, var(--color-feedback-green) 45%, transparent)"
-                                    : "color-mix(in srgb, var(--color-feedback-blue) 45%, transparent)",
-                        } }))] }, `${comment.id}-${index}`)));
-        }) }));
+    return (_jsxs(_Fragment, { children: [_jsx("style", { children: commentHighlightingStyles }), visibleComments.flatMap((comment) => {
+                const measurement = measurements[comment.id];
+                if (!measurement?.rects.length)
+                    return [];
+                const isSelected = comment.id === editContext.selectedComment?.id;
+                return measurement.rects.map((rect, index) => (_jsxs("div", { style: {
+                        position: "absolute",
+                        top: rect.y,
+                        left: rect.x,
+                        width: rect.width,
+                        height: rect.height,
+                        pointerEvents: "none",
+                    }, children: [index === 0 && (_jsx(CommentDisplayPopover, { comment: comment, onCommentUpdated: () => {
+                                editContext?.loadComments?.();
+                            }, children: _jsx("div", { className: "pointer-events-auto absolute -top-5 right-0 h-5 w-5 cursor-pointer", "data-testid": "comment-highlight-icon", onClick: () => {
+                                    editContext?.setSelectedComment(comment);
+                                    editContext?.setScrollIntoView(comment.itemId);
+                                    editContext?.select([comment.itemId]);
+                                    if (comment.fieldId) {
+                                        modifiedFields?.setFocusedField({
+                                            fieldId: comment.fieldId,
+                                            item: {
+                                                id: comment.itemId,
+                                                language: comment.language,
+                                                version: comment.version,
+                                            },
+                                        }, false);
+                                    }
+                                }, children: _jsx(CommentIcon, { className: cn(comment.isResolved
+                                        ? "text-feedback-green hover:text-feedback-green"
+                                        : isSelected
+                                            ? "text-feedback-red hover:text-feedback-red"
+                                            : "text-feedback-blue hover:text-feedback-blue") }) }) })), measurement.isTextRange && (_jsx("div", { className: "absolute right-0 -bottom-0.5 left-0 h-2", style: {
+                                ...getCommentUnderlineStyle(comment, isSelected, index),
+                            } }))] }, `${comment.id}-${index}`)));
+            })] }));
 }
+function measureVisibleTextRangeRects(iframeDocument, root, start, end, metrics) {
+    const text = root.textContent || "";
+    const boundedStart = Math.max(0, Math.min(start, text.length));
+    const boundedEnd = Math.max(boundedStart, Math.min(end, text.length));
+    if (boundedStart >= boundedEnd)
+        return [];
+    const rects = [];
+    const walker = iframeDocument.createTreeWalker(root, NodeFilter.SHOW_TEXT);
+    let absoluteOffset = 0;
+    let textNode;
+    while ((textNode = walker.nextNode())) {
+        const nodeText = textNode.textContent || "";
+        const nodeStart = absoluteOffset;
+        const nodeEnd = nodeStart + nodeText.length;
+        if (nodeEnd > boundedStart && nodeStart < boundedEnd) {
+            const localStart = Math.max(0, boundedStart - nodeStart);
+            const localEnd = Math.min(nodeText.length, boundedEnd - nodeStart);
+            rects.push(...measureVisibleTextNodeRects(iframeDocument, textNode, nodeText, localStart, localEnd, metrics));
+        }
+        absoluteOffset = nodeEnd;
+        if (absoluteOffset >= boundedEnd)
+            break;
+    }
+    return rects;
+}
+function measureVisibleTextNodeRects(iframeDocument, textNode, nodeText, start, end, metrics) {
+    const rects = [];
+    let cursor = start;
+    while (cursor < end) {
+        let lineEnd = cursor;
+        while (lineEnd < end && !isLineBreak(nodeText[lineEnd])) {
+            lineEnd++;
+        }
+        let visibleStart = cursor;
+        while (visibleStart < lineEnd &&
+            isHorizontalWhitespace(nodeText[visibleStart])) {
+            visibleStart++;
+        }
+        let visibleEnd = lineEnd;
+        while (visibleEnd > visibleStart &&
+            isHorizontalWhitespace(nodeText[visibleEnd - 1])) {
+            visibleEnd--;
+        }
+        if (visibleStart < visibleEnd) {
+            try {
+                const textRange = iframeDocument.createRange();
+                textRange.setStart(textNode, visibleStart);
+                textRange.setEnd(textNode, visibleEnd);
+                rects.push(...Array.from(textRange.getClientRects())
+                    .filter((rect) => rect.width > 1 && rect.height > 1)
+                    .map((rect) => toOverlayRect(rect, metrics)));
+            }
+            catch {
+                // Ignore detached or otherwise invalid text nodes while the iframe mutates.
+            }
+        }
+        cursor = lineEnd;
+        if (nodeText[cursor] === "\r" && nodeText[cursor + 1] === "\n") {
+            cursor += 2;
+        }
+        else {
+            cursor++;
+        }
+    }
+    return rects;
+}
+function isLineBreak(value) {
+    return value === "\n" || value === "\r";
+}
+function isHorizontalWhitespace(value) {
+    return value === " " || value === "\t" || value === "\f" || value === "\v";
+}
+function getCommentUnderlineStyle(comment, isSelected, index) {
+    const color = comment.isResolved
+        ? "var(--color-feedback-green)"
+        : isSelected
+            ? "var(--color-feedback-red)"
+            : "var(--color-feedback-blue)";
+    const strength = isSelected ? 62 : 48;
+    const textureStrength = isSelected ? 20 : 14;
+    const shadowStrength = isSelected ? 24 : 14;
+    const offset = (hashString(comment.id) + index * 17) % 64;
+    const style = {
+        "--comment-squiggle-offset": `${offset}px`,
+        background: [
+            `radial-gradient(circle at 18% 45%, color-mix(in srgb, ${color} ${textureStrength}%, transparent) 0 1px, transparent 1.5px)`,
+            `radial-gradient(circle at 68% 55%, color-mix(in srgb, ${color} ${textureStrength}%, transparent) 0 1px, transparent 1.5px)`,
+            `linear-gradient(90deg, color-mix(in srgb, ${color} ${strength}%, transparent), color-mix(in srgb, ${color} ${Math.max(strength - 10, 0)}%, transparent) 45%, color-mix(in srgb, ${color} ${strength}%, transparent))`,
+        ].join(", "),
+        backgroundSize: "15px 8px, 21px 8px, 100% 100%",
+        backgroundPosition: `${offset % 15}px 0, -${offset % 21}px 0, 0 0`,
+        filter: `drop-shadow(0 1px 1px color-mix(in srgb, ${color} ${shadowStrength}%, transparent))`,
+        maskImage: `url("${squiggleUnderlineMask}")`,
+        maskRepeat: "repeat-x",
+        maskSize: "64px 8px",
+        maskPosition: `var(--comment-squiggle-offset) 0`,
+        WebkitMaskImage: `url("${squiggleUnderlineMask}")`,
+        WebkitMaskRepeat: "repeat-x",
+        WebkitMaskSize: "64px 8px",
+        WebkitMaskPosition: `var(--comment-squiggle-offset) 0`,
+        ...(isSelected
+            ? {
+                animation: "parhelia-comment-squiggle-pulse 3.2s ease-in-out infinite, parhelia-comment-squiggle-drift 8s linear infinite",
+                willChange: "background-position, mask-position, -webkit-mask-position, filter, opacity",
+            }
+            : {}),
+    };
+    return style;
+}
+function hashString(value) {
+    let hash = 0;
+    for (let i = 0; i < value.length; i++) {
+        hash = (hash * 31 + value.charCodeAt(i)) | 0;
+    }
+    return Math.abs(hash);
+}
+const squiggleUnderlineMask = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='8' viewBox='0 0 64 8'%3E%3Cpath d='M0 4.8 C 2.5 1.4 5.8 1.9 8.7 4.7 C 11.1 7 13.8 6.7 16.2 3.7 C 18.3 1 21.9 1.7 24.4 4.9 C 27.2 8.3 30.1 6 32.7 3.5 C 35 1.2 38 2.4 40.8 5.2 C 43.4 7.8 46.4 6.4 48.9 3.4 C 51.5 0.4 54.6 2.2 56.8 4.6 C 59.3 7.2 62 6.8 64 3.9' fill='none' stroke='black' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M0 5.7 C 6 4.3 10 5.9 15 4.9 C 20.5 3.8 26 5.6 31 4.7 C 36.5 3.7 41.5 5.4 47 4.6 C 52.5 3.8 58 5.6 64 4.4' fill='none' stroke='black' stroke-opacity='.45' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E";
+const commentHighlightingStyles = `
+@keyframes parhelia-comment-squiggle-pulse {
+  0%, 100% {
+    opacity: 0.86;
+    filter: saturate(1);
+  }
+  50% {
+    opacity: 0.96;
+    filter: saturate(1.12) brightness(1.03);
+  }
+}
+
+@keyframes parhelia-comment-squiggle-drift {
+  from {
+    background-position: 0 0, 0 0, 0 0;
+    mask-position: var(--comment-squiggle-offset) 0;
+    -webkit-mask-position: var(--comment-squiggle-offset) 0;
+  }
+  to {
+    background-position: 15px 0, -21px 0, 0 0;
+    mask-position: calc(var(--comment-squiggle-offset) + 64px) 0;
+    -webkit-mask-position: calc(var(--comment-squiggle-offset) + 64px) 0;
+  }
+}
+`;
 function resolveCommentRange(comment, fieldElement, iframeDocument) {
     if (comment.rangeStart === undefined || comment.rangeEnd === undefined) {
         return null;

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

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

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

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
 import { createPortal } from "react-dom";
 import { useEditContext, useFieldsEditContext, useEditContextRef, } from "../client/editContext";
-import { getFieldDescriptorFromElement, hasFieldLock, getSessionWithFieldLock, } from "../utils";
+import { findFieldElement, getFieldDescriptorFromElement, hasFieldLock, getSessionWithFieldLock, } from "../utils";
 import { applyPatch, diffWords } from "diff";
 import { createPatch } from "diff";
 // import { useDebouncedCallback } from "use-debounce";
@@ -188,6 +188,8 @@ function InlineEditorContent({ pageViewContext, compareView, context, }) {
     const inlineFormatCommandsCacheRef = useRef(new Map());
     const inlineFormatCommandsLoadingRef = useRef(new Set());
     const inlineFormatPointerDownRef = useRef(false);
+    const caretUpdateFrameRef = useRef(null);
+    const lastSentCaretRef = useRef(null);
     const refreshCompletion = useInlineAiCompletion({
         pageViewContext,
         cursorSpanId,
@@ -469,6 +471,55 @@ function InlineEditorContent({ pageViewContext, compareView, context, }) {
             element.contains(selection.focusNode));
     };
     const isElementActiveOrSelectedInIframe = (doc, element) => isElementActiveInIframe(doc, element) || isSelectionInsideElement(element);
+    const clearRemoteCaretPosition = () => {
+        if (caretUpdateFrameRef.current != null) {
+            window.cancelAnimationFrame(caretUpdateFrameRef.current);
+            caretUpdateFrameRef.current = null;
+        }
+        if (lastSentCaretRef.current === "clear")
+            return;
+        context.sendSocketMessage({
+            type: "caret-position",
+            payload: { offset: null },
+        });
+        lastSentCaretRef.current = "clear";
+    };
+    const scheduleCaretPositionUpdate = (element, fieldDescriptor) => {
+        if (caretUpdateFrameRef.current != null)
+            return;
+        caretUpdateFrameRef.current = window.requestAnimationFrame(() => {
+            caretUpdateFrameRef.current = null;
+            const iframeDocument = getAccessibleIframeDocument(pageViewContext.editorIframe);
+            if (!isElementActiveOrSelectedInIframe(iframeDocument, element)) {
+                clearRemoteCaretPosition();
+                return;
+            }
+            const selection = getAccessibleIframeSelection(pageViewContext.editorIframe);
+            if (!selection || selection.rangeCount === 0 || !selection.isCollapsed) {
+                clearRemoteCaretPosition();
+                return;
+            }
+            const caret = saveCaretPosition(element);
+            if (!caret || caret.startOffset !== caret.endOffset) {
+                clearRemoteCaretPosition();
+                return;
+            }
+            const value = sanitizeEditableValue(element, element.getAttribute("data-is-richtext") === "true");
+            const nextKey = `${fieldDescriptor.fieldId}:${fieldDescriptor.item.id}:${fieldDescriptor.item.language}:${fieldDescriptor.item.version}:${caret.startOffset}:${value}`;
+            if (lastSentCaretRef.current === nextKey)
+                return;
+            context.sendSocketMessage({
+                type: "caret-position",
+                payload: {
+                    fieldId: fieldDescriptor.fieldId,
+                    item: fieldDescriptor.item,
+                    offset: caret.startOffset,
+                    value,
+                },
+            });
+            lastSentCaretRef.current = nextKey;
+        });
+    };
     const isInlineFieldBeingEdited = (doc, element) => {
         if (!doc || !element)
             return false;
@@ -490,11 +541,32 @@ function InlineEditorContent({ pageViewContext, compareView, context, }) {
         selection.removeAllRanges();
         selection.addRange(range);
     };
+    function hasRemoteCaretForField({ fieldId, itemId, language, version, }) {
+        if (!fieldId || !itemId || !language || version == null)
+            return false;
+        return Object.values(contextRef.current?.remoteCarets ?? context.remoteCarets).some((caret) => caret.offset != null &&
+            caret.fieldId === fieldId &&
+            caret.item?.id === itemId &&
+            caret.item?.language === language &&
+            caret.item?.version === version);
+    }
     // Helper: set innerHTML when content changes
     function setInnerHTMLWithStackTrace(element, nextHTML, meta) {
         const prevHTML = element.innerHTML ?? "";
         if (prevHTML === nextHTML)
             return false;
+        if (meta.source !== "remote-caret:value" &&
+            hasRemoteCaretForField({
+                fieldId: meta.fieldId ?? element.getAttribute("data-fieldid"),
+                itemId: meta.itemId ?? element.getAttribute("data-itemid"),
+                language: meta.language ?? element.getAttribute("data-language"),
+                version: meta.version ??
+                    (element.getAttribute("data-version")
+                        ? parseInt(element.getAttribute("data-version"), 10)
+                        : null),
+            })) {
+            return false;
+        }
         if (contextRef.current?.mode === "suggestions") {
             const iframeDocument = getAccessibleIframeDocument(pageViewContext.editorIframe);
             const iframeHasFocus = pageViewContext.editorIframe?.ownerDocument.activeElement ===
@@ -558,6 +630,19 @@ function InlineEditorContent({ pageViewContext, compareView, context, }) {
         // }
         return true;
     }
+    function setEditableElementValue(element, nextValue, isRichText, meta) {
+        if (isRichText) {
+            return setInnerHTMLWithStackTrace(element, nextValue, meta);
+        }
+        if ((element.innerText ?? "") === nextValue)
+            return false;
+        isUpdatingRef.current = true;
+        element.innerText = nextValue;
+        setTimeout(() => {
+            isUpdatingRef.current = false;
+        }, 0);
+        return true;
+    }
     function isCurrentInlineEditSource(sourceElement, key) {
         if (!sourceElement.isConnected)
             return false;
@@ -649,6 +734,41 @@ function InlineEditorContent({ pageViewContext, compareView, context, }) {
         }
         return currentValue;
     };
+    useEffect(() => {
+        const editorIframe = pageViewContext.editorIframe;
+        if (compareView || !editorIframe)
+            return;
+        context.activeSessions.forEach((session) => {
+            if (session.sessionId === context.sessionId || !session.fieldLock)
+                return;
+            const remoteCaret = context.remoteCarets[session.sessionId];
+            if (remoteCaret?.value == null)
+                return;
+            const caretMatchesLock = remoteCaret.fieldId === session.fieldLock.fieldId &&
+                remoteCaret.item?.id === session.fieldLock.item.id &&
+                remoteCaret.item?.language === session.fieldLock.item.language &&
+                remoteCaret.item?.version === session.fieldLock.item.version;
+            if (!caretMatchesLock)
+                return;
+            const element = findFieldElement(editorIframe, session.fieldLock);
+            if (!element || element === modifiedFieldsContext?.inlineEditingFieldElement)
+                return;
+            setEditableElementValue(element, remoteCaret.value, element.getAttribute("data-is-richtext") === "true", {
+                source: "remote-caret:value",
+                fieldId: session.fieldLock.fieldId,
+                itemId: session.fieldLock.item.id,
+                language: session.fieldLock.item.language,
+                version: session.fieldLock.item.version,
+            });
+        });
+    }, [
+        compareView,
+        context.activeSessions,
+        context.remoteCarets,
+        context.sessionId,
+        modifiedFieldsContext?.inlineEditingFieldElement,
+        pageViewContext.editorIframe,
+    ]);
     useEffect(() => {
         if (compareView || context.mode === "preview")
             return;
@@ -835,6 +955,7 @@ function InlineEditorContent({ pageViewContext, compareView, context, }) {
                     fromUserInput: true,
                     source: "input",
                 });
+                scheduleCaretPositionUpdate(element, fieldDescriptor);
             };
             element.addEventListener("input", inputHandler);
             // Setup a more robust mutation observer
@@ -904,19 +1025,29 @@ function InlineEditorContent({ pageViewContext, compareView, context, }) {
             };
             focusIfNeeded();
             setTimeout(focusIfNeeded, 50);
+            scheduleCaretPositionUpdate(element, fieldDescriptor);
             // Initial cursor placement
             // setTimeout(updateCursorSpan, 10);
             // Add listener for selection changes
             if (iframeWindow) {
                 const selectionChangeHandler = () => {
-                    // Only update if we're not already updating
-                    // if (!isUpdatingRef.current) {
-                    //   setTimeout(updateCursorSpan, 0);
-                    // }
+                    scheduleCaretPositionUpdate(element, fieldDescriptor);
+                };
+                const keyOrMouseHandler = () => {
+                    scheduleCaretPositionUpdate(element, fieldDescriptor);
+                };
+                const blurHandler = () => {
+                    clearRemoteCaretPosition();
                 };
                 iframeWindow.document.addEventListener("selectionchange", selectionChangeHandler);
+                iframeWindow.document.addEventListener("keyup", keyOrMouseHandler);
+                iframeWindow.document.addEventListener("mouseup", keyOrMouseHandler);
+                element.addEventListener("blur", blurHandler);
                 selectionChangeListenerRef.current = () => {
                     iframeWindow.document.removeEventListener("selectionchange", selectionChangeHandler);
+                    iframeWindow.document.removeEventListener("keyup", keyOrMouseHandler);
+                    iframeWindow.document.removeEventListener("mouseup", keyOrMouseHandler);
+                    element.removeEventListener("blur", blurHandler);
                 };
                 mutationObserverRef.current.observe(element, {
                     childList: true, // observe direct children changes
@@ -940,6 +1071,7 @@ function InlineEditorContent({ pageViewContext, compareView, context, }) {
                     if (cursorElement) {
                         cursorElement.parentNode?.removeChild(cursorElement);
                     }
+                    clearRemoteCaretPosition();
                 };
             }
         }
@@ -1053,6 +1185,7 @@ function InlineEditorContent({ pageViewContext, compareView, context, }) {
             if (cursorElement) {
                 cursorElement.parentNode?.removeChild(cursorElement);
             }
+            clearRemoteCaretPosition();
         };
     }, [context.mode, modifiedFieldsContext?.inlineEditingFieldElement]);
     function saveCaretPosition(editableElement) {
@@ -1376,6 +1509,7 @@ function InlineEditorContent({ pageViewContext, compareView, context, }) {
         pageViewContext.page,
         context.showSuggestedEditsDiff,
         context.showSuggestedEdits,
+        context.remoteCarets,
     ]);
     useEffect(() => {
         if (!context || compareView)
@@ -1466,7 +1600,12 @@ function InlineEditorContent({ pageViewContext, compareView, context, }) {
                 });
             }
         });
-    }, [context.mode, context.showSuggestedEdits, context.suggestedEdits]);
+    }, [
+        context.mode,
+        context.showSuggestedEdits,
+        context.suggestedEdits,
+        context.remoteCarets,
+    ]);
     useEffect(() => {
         if (compareView || context.mode === "preview") {
             hideInlineFormatOverlay();