@parhelia/core 0.1.12882 → 0.1.12883

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

@@ -1,73 +1,162 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
+import { useEffect, useMemo, useRef, useState } from "react";
 import { useEditContext } from "../client/editContext";
-import { findFieldElement } from "../utils";
 import { Tooltip, TooltipContent, TooltipTrigger, } from "../../components/ui/tooltip";
 import { Avatar } from "../../components/ui/avatar";
 import { useResolvedUser } from "../services/userResolution";
-import { measureCollapsedTextOffsetRect, measureElementRect, rectEquals, } from "./overlay/geometry";
+import { measureBridgeFieldRect, measureBridgeTextRangeRects, rectEquals, } from "./overlay/geometry";
 import { useIframeOverlay } from "./overlay/IframeOverlayProvider";
 import { useOverlayMeasurement } from "./overlay/useOverlayMeasurement";
+const LOCKED_FIELD_BRIDGE_SOURCE = "locked-fields";
 function useResolvedSessionUser(session) {
     return useResolvedUser(session.user.name, {
         fullName: session.user.fullName,
         avatarUrl: session.user.avatarUrl,
     });
 }
-export function LockedFieldIndicator({ iframe, }) {
+export function LockedFieldIndicator({ pageViewContext, }) {
     const editContext = useEditContext();
+    const sessionsWithFieldLock = useMemo(() => editContext?.activeSessions.filter((session) => {
+        if (!session.fieldLock)
+            return false;
+        if (session.sessionId !== editContext.sessionId)
+            return true;
+        const caret = editContext.remoteCarets[session.sessionId];
+        return remoteCaretMatchesFieldLock(caret, session.fieldLock);
+    }) ?? [], [
+        editContext?.activeSessions,
+        editContext?.remoteCarets,
+        editContext?.sessionId,
+    ]);
+    const effectivePageViewContext = pageViewContext ??
+        editContext?.getActiveSlotContext()?.primaryPageViewContext;
+    const lastBridgeTextRangeSignatureRef = useRef("");
+    useEffect(() => {
+        if (!editContext || !effectivePageViewContext?.bridgeReady) {
+            lastBridgeTextRangeSignatureRef.current = "";
+            return;
+        }
+        const textRanges = sessionsWithFieldLock.flatMap((session) => {
+            const fieldLock = session.fieldLock;
+            const caret = editContext.remoteCarets[session.sessionId];
+            if (!fieldLock ||
+                caret?.offset == null ||
+                !remoteCaretMatchesFieldLock(caret, fieldLock)) {
+                return [];
+            }
+            return [
+                {
+                    key: getRemoteCaretTextRangeKey(session.sessionId, caret.offset),
+                    fieldId: fieldLock.fieldId,
+                    item: fieldLock.item,
+                    start: Math.max(0, caret.offset),
+                    end: Math.max(0, caret.offset),
+                },
+            ];
+        });
+        // 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;
+        lastBridgeTextRangeSignatureRef.current = signature;
+        // Contribute to the shared geometry union so our caret ranges merge with
+        // comments/suggestions instead of clobbering them. Replacing the whole
+        // source each time also drops stale offset-keyed ranges as the caret moves.
+        effectivePageViewContext.requestBridgeGeometry?.({
+            source: LOCKED_FIELD_BRIDGE_SOURCE,
+            textRanges,
+        });
+    }, [
+        editContext,
+        editContext?.remoteCarets,
+        effectivePageViewContext,
+        effectivePageViewContext?.bridgeReady,
+        sessionsWithFieldLock,
+    ]);
     if (!editContext)
         return;
-    const sessionsWithFieldLock = editContext.activeSessions.filter((x) => x.fieldLock && x.sessionId !== editContext.sessionId);
-    const effectiveIframe = iframe ??
-        editContext.getActiveSlotContext()?.primaryPageViewContext.editorIframe;
     return (_jsx(_Fragment, { children: sessionsWithFieldLock.map((session) => {
             if (!session.fieldLock)
                 return;
-            if (!effectiveIframe)
-                return;
-            const element = findFieldElement(effectiveIframe, session.fieldLock);
-            if (!element)
-                return;
             const caret = editContext.remoteCarets[session.sessionId];
-            const caretMatchesLock = caret?.offset != null &&
-                caret.fieldId === session.fieldLock.fieldId &&
-                caret.item?.id === session.fieldLock.item.id &&
-                caret.item?.language === session.fieldLock.item.language &&
-                caret.item?.version === session.fieldLock.item.version;
-            return (_jsxs("div", { children: [!caretMatchesLock && (_jsx(FieldLock, { element: element, session: session })), caretMatchesLock && (_jsx(FieldCaret, { element: element, session: session, offset: caret.offset }))] }, session.sessionId));
+            const caretMatchesLock = remoteCaretMatchesFieldLock(caret, session.fieldLock);
+            const isLocalSession = session.sessionId === editContext.sessionId;
+            if (!effectivePageViewContext?.bridgeGeometry)
+                return;
+            return (_jsxs("div", { children: [!caretMatchesLock && (_jsx(BridgeFieldLock, { pageViewContext: effectivePageViewContext, session: session })), caretMatchesLock && caret?.offset != null && (_jsx(BridgeFieldCaret, { pageViewContext: effectivePageViewContext, session: session, offset: caret.offset, isLocalSession: isLocalSession }))] }, session.sessionId));
         }) }));
 }
-function FieldCaret({ element, session, offset, }) {
-    const { displayName, avatarUrl } = useResolvedSessionUser(session);
-    const rect = useOverlayMeasurement((metrics) => measureCollapsedTextOffsetRect(element.ownerDocument, element, offset, metrics) ?? measureElementRect(element, metrics), [element, offset, session.sessionId], {
+function remoteCaretMatchesFieldLock(caret, fieldLock) {
+    return (caret?.offset != null &&
+        caret.fieldId === fieldLock.fieldId &&
+        caret.item?.id === fieldLock.item.id &&
+        caret.item?.language === fieldLock.item.language &&
+        caret.item?.version === fieldLock.item.version);
+}
+function getRemoteCaretTextRangeKey(sessionId, offset) {
+    return `remote-caret:${sessionId}:${offset ?? "none"}`;
+}
+function BridgeFieldCaret({ pageViewContext, session, offset, isLocalSession, }) {
+    const lastMeasuredRectRef = useRef(null);
+    useEffect(() => {
+        lastMeasuredRectRef.current = null;
+    }, [
+        session.sessionId,
+        session.fieldLock?.fieldId,
+        session.fieldLock?.item.id,
+        session.fieldLock?.item.language,
+        session.fieldLock?.item.version,
+    ]);
+    const rect = useOverlayMeasurement((metrics) => {
+        const caretRect = measureBridgeTextRangeRects(pageViewContext.bridgeGeometry, getRemoteCaretTextRangeKey(session.sessionId, offset), metrics)[0];
+        if (caretRect) {
+            lastMeasuredRectRef.current = caretRect;
+            return caretRect;
+        }
+        return lastMeasuredRectRef.current;
+    }, [
+        pageViewContext.bridgeGeometry,
+        pageViewContext.bridgeStructure,
+        offset,
+        session.sessionId,
+        session.fieldLock?.fieldId,
+        session.fieldLock?.item.id,
+        session.fieldLock?.item.language,
+        session.fieldLock?.item.version,
+    ], {
         initialValue: null,
         equals: rectEquals,
         interests: ["viewport", "layout", "text", "adornment-data"],
     });
     if (!rect)
         return null;
-    return (_jsxs("div", { className: "pointer-events-none absolute z-[1]", style: {
-            left: rect.x,
-            top: rect.y,
-            height: Math.max(rect.height, 14),
-        }, children: [_jsx("style", { children: `@keyframes parheliaRemoteCaretBlink {
-          0%, 49% { opacity: 1; }
-          50%, 100% { opacity: 0; }
-        }` }), _jsx("div", { className: "h-full w-0.5 rounded-full", style: {
-                    background: session.color,
-                    animation: "parheliaRemoteCaretBlink 1s steps(1, end) infinite",
-                } }), _jsxs("div", { className: "badge-pad-sm absolute top-0 left-1.5 flex max-w-40 -translate-y-full items-center gap-1 rounded text-xs text-white shadow", style: { background: session.color }, children: [avatarUrl && (_jsx(Avatar, { src: avatarUrl, name: displayName, className: "size-4 border border-white/40" })), _jsx("span", { className: "truncate", children: displayName })] })] }));
+    return (_jsx(RemoteCaretAdornment, { rect: rect, session: session, hideLabel: isLocalSession }));
 }
-function FieldLock({ element, session, }) {
-    const { displayName, avatarUrl } = useResolvedSessionUser(session);
-    const [tooltipOpen, setTooltipOpen] = useState(false);
-    const overlay = useIframeOverlay();
-    const rect = useOverlayMeasurement((metrics) => measureElementRect(element, metrics), [element, session.sessionId], {
+function BridgeFieldLock({ pageViewContext, session, }) {
+    const rect = useOverlayMeasurement((metrics) => {
+        if (!session.fieldLock)
+            return null;
+        return measureBridgeFieldRect(pageViewContext.bridgeGeometry, pageViewContext.bridgeStructure, session.fieldLock, metrics);
+    }, [
+        pageViewContext.bridgeGeometry,
+        pageViewContext.bridgeStructure,
+        session.sessionId,
+        session.fieldLock?.fieldId,
+        session.fieldLock?.item.id,
+        session.fieldLock?.item.language,
+        session.fieldLock?.item.version,
+    ], {
         initialValue: null,
         equals: rectEquals,
         interests: ["viewport", "layout", "text", "adornment-data"],
     });
+    return rect ? _jsx(FieldLockBadge, { rect: rect, session: session }) : null;
+}
+function FieldLockBadge({ rect, session, }) {
+    const { displayName, avatarUrl } = useResolvedSessionUser(session);
+    const [tooltipOpen, setTooltipOpen] = useState(false);
+    const overlay = useIframeOverlay();
     useEffect(() => {
         setTooltipOpen(false);
     }, [
@@ -88,13 +177,27 @@ function FieldLock({ element, session, }) {
             unsubscribeScroll();
         };
     }, [overlay, tooltipOpen]);
-    if (rect) {
-        return (_jsxs(Tooltip, { open: tooltipOpen, onOpenChange: setTooltipOpen, delayDuration: 250, disableHoverableContent: true, children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs("div", { className: "badge-pad-sm absolute flex max-w-40 items-center gap-1 rounded text-xs text-white opacity-90 hover:opacity-100", onPointerEnter: () => setTooltipOpen(true), onPointerLeave: () => setTooltipOpen(false), onPointerDown: () => setTooltipOpen(false), onBlur: () => setTooltipOpen(false), style: {
-                            left: rect.x + "px",
-                            top: rect.y + "px",
-                            background: session.color,
-                        }, children: [avatarUrl && (_jsx(Avatar, { src: avatarUrl, name: displayName, className: "size-4 border border-white/40" })), _jsx("span", { className: "truncate", children: displayName })] }) }), _jsx(TooltipContent, { side: "top", className: "pointer-events-none max-w-xs", children: _jsxs("div", { className: "space-y-1 text-xs", children: [_jsxs("div", { className: "font-medium", children: ["Field locked by ", displayName] }), _jsx("div", { children: "This field is currently being edited by another user, so editing is blocked until their field lock is released." }), _jsxs("div", { className: "text-neutral-grey-50", children: ["Username: ", session.user.name] })] }) })] }));
-    }
-    return null;
+    return (_jsxs(Tooltip, { open: tooltipOpen, onOpenChange: setTooltipOpen, delayDuration: 250, disableHoverableContent: true, children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs("div", { className: "badge-pad-sm absolute flex max-w-40 items-center gap-1 rounded text-xs text-white opacity-90 hover:opacity-100", onPointerEnter: () => setTooltipOpen(true), onPointerLeave: () => setTooltipOpen(false), onPointerDown: () => setTooltipOpen(false), onBlur: () => setTooltipOpen(false), style: {
+                        left: rect.x + "px",
+                        top: rect.y + "px",
+                        background: session.color,
+                    }, children: [avatarUrl && (_jsx(Avatar, { src: avatarUrl, name: displayName, className: "size-4 border border-white/40" })), _jsx("span", { className: "truncate", children: displayName })] }) }), _jsx(TooltipContent, { side: "top", className: "pointer-events-none max-w-xs", children: _jsxs("div", { className: "space-y-1 text-xs", children: [_jsxs("div", { className: "font-medium", children: ["Field locked by ", displayName] }), _jsx("div", { children: "This field is currently being edited by another user, so editing is blocked until their field lock is released." }), _jsxs("div", { className: "text-neutral-grey-50", children: ["Username: ", session.user.name] })] }) })] }));
+}
+function RemoteCaretAdornment({ rect, session, hideLabel, }) {
+    const { displayName, avatarUrl } = useResolvedSessionUser(session);
+    return (_jsxs("div", { className: "pointer-events-none absolute z-[1]", style: {
+            left: rect.x,
+            top: rect.y,
+            height: Math.max(rect.height, 14),
+        }, children: [_jsx(RemoteCaretBlinkStyle, {}), _jsx("div", { className: "h-full w-0.5 rounded-full", style: {
+                    background: session.color,
+                    animation: "parheliaRemoteCaretBlink 1s steps(1, end) infinite",
+                } }), !hideLabel && (_jsxs("div", { className: "badge-pad-sm absolute top-0 left-1.5 flex max-w-40 -translate-y-full items-center gap-1 rounded text-xs text-white shadow", style: { background: session.color }, children: [avatarUrl && (_jsx(Avatar, { src: avatarUrl, name: displayName, className: "size-4 border border-white/40" })), _jsx("span", { className: "truncate", children: displayName })] }))] }));
+}
+function RemoteCaretBlinkStyle() {
+    return (_jsx("style", { children: `@keyframes parheliaRemoteCaretBlink {
+          0%, 49% { opacity: 1; }
+          50%, 100% { opacity: 0; }
+        }` }));
 }
 //# sourceMappingURL=LockedFieldIndicator.js.map

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

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

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

@@ -1,8 +1,10 @@
 import { PageViewContext } from "../page-viewer/pageViewContext";
+import type { ApplyRichTextCommandPayload } from "@parhelia/editor-bridge-head";
 type PageEditorChromeProps = {
     iframe: HTMLIFrameElement;
     compareView: boolean;
     pageViewContext: PageViewContext;
+    onBridgeRichTextCommand?: (payload: ApplyRichTextCommandPayload) => boolean;
 };
 export declare function PageEditorChrome(props: PageEditorChromeProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

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

@@ -1,6 +1,5 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEditContext } from "../client/editContext";
-import { InlineEditor } from "./InlineEditor";
 import { FieldActionsIndicators } from "./FieldActionIndicators";
 import { PlaceholderDropZones } from "./PlaceholderDropZones";
 import { PictureEditorOverlay } from "./PictureEditorOverlay";
@@ -12,26 +11,21 @@ import { SuggestionHighlightings } from "./SuggestionHighlightings";
 import { VersionDiffHighlightings } from "./VersionDiffHighlightings";
 import { useSlotContext } from "../views/editorSlotContext";
 import { useOverlayMeasurement } from "./overlay/useOverlayMeasurement";
+import { BridgeInlineFormatOverlay } from "./BridgeInlineFormatOverlay";
 import { measureElementRect, rectEquals, } from "./overlay/geometry";
-function canAccessIframeDocument(iframe) {
-    if (!iframe)
-        return false;
-    try {
-        return !!iframe.contentDocument;
-    }
-    catch {
-        return false;
-    }
-}
 export function PageEditorChrome(props) {
     const editContext = useEditContext();
-    if (!editContext || !canAccessIframeDocument(props.iframe))
+    const hasBridgeChromeData = props.pageViewContext.bridgeReady ||
+        !!props.pageViewContext.bridgeGeometry ||
+        !!props.pageViewContext.bridgeStructure;
+    if (!editContext || !hasBridgeChromeData) {
         return null;
+    }
     return _jsx(PageEditorChromeContent, { ...props, editContext: editContext });
 }
-function PageEditorChromeContent({ iframe, compareView, pageViewContext, editContext, }) {
+function PageEditorChromeContent({ compareView, pageViewContext, editContext, onBridgeRichTextCommand, }) {
     const slotContext = useSlotContext();
-    return (_jsxs(_Fragment, { children: [_jsx(FrameMenus, { pageViewContext: pageViewContext, compareView: compareView }), _jsx(InlineEditor, { pageViewContext: pageViewContext, compareView: compareView }), _jsx(LockedFieldIndicator, { iframe: pageViewContext?.editorIframe }), _jsx(FieldActionsIndicators, { pageViewContext: pageViewContext }), editContext.showComments && (_jsx(CommentHighlightings, { iframe: pageViewContext?.editorIframe })), editContext.showSuggestedEdits && (_jsx(SuggestionHighlightings, { iframe: pageViewContext?.editorIframe })), editContext.showVersionDiffHighlighting && !compareView && (_jsx(VersionDiffHighlightings, { iframe: pageViewContext?.editorIframe, pageViewContext: pageViewContext })), _jsx(FieldEditedIndicators, { pageViewContext: pageViewContext }), editContext.mode === "edit" && (_jsxs(_Fragment, { children: [_jsx(PlaceholderDropZones, { iframe: pageViewContext?.editorIframe, size: "large", pageViewContext: pageViewContext }), _jsx(PictureEditorOverlay, { pageViewContext: pageViewContext }), slotContext?.isActive && _jsx(InsertingIndicator, {})] }))] }));
+    return (_jsxs(_Fragment, { children: [_jsx(FrameMenus, { pageViewContext: pageViewContext, compareView: compareView }), _jsx(BridgeInlineFormatOverlay, { onCommand: onBridgeRichTextCommand, pageViewContext: pageViewContext }), editContext.mode === "edit" && (_jsxs(_Fragment, { children: [_jsx(PlaceholderDropZones, { size: "large", pageViewContext: pageViewContext }), slotContext?.isActive && _jsx(InsertingIndicator, {})] })), editContext.showComments && (_jsx(CommentHighlightings, { pageViewContext: pageViewContext })), editContext.showSuggestedEdits && (_jsx(SuggestionHighlightings, { pageViewContext: pageViewContext })), _jsx(LockedFieldIndicator, { pageViewContext: pageViewContext }), editContext.mode === "edit" && (_jsx(PictureEditorOverlay, { pageViewContext: pageViewContext })), editContext.showVersionDiffHighlighting && (_jsx(VersionDiffHighlightings, { pageViewContext: pageViewContext })), _jsx(FieldActionsIndicators, { pageViewContext: pageViewContext }), _jsx(FieldEditedIndicators, { pageViewContext: pageViewContext })] }));
 }
 function InsertingIndicator() {
     const editContext = useEditContext();
@@ -39,6 +33,11 @@ function InsertingIndicator() {
     const position = useOverlayMeasurement((metrics) => {
         if (!inserting)
             return null;
+        if (inserting.position) {
+            return clampInsertionPosition(inserting.position, metrics);
+        }
+        if (!inserting.positionElement)
+            return null;
         const rect = measureElementRect(inserting.positionElement, metrics);
         if (!rect)
             return null;
@@ -55,12 +54,7 @@ function InsertingIndicator() {
             x = rect.x + rect.width;
             y = rect.y + rect.height / 2;
         }
-        return {
-            x: Math.min(metrics.scrollWidth - 20, Math.max(20, x)),
-            y: Math.min(metrics.scrollHeight - 20, Math.max(20, y)),
-            width: 0,
-            height: 0,
-        };
+        return clampInsertionPosition({ x, y }, metrics);
     }, [inserting], {
         initialValue: null,
         equals: rectEquals,
@@ -68,6 +62,16 @@ function InsertingIndicator() {
     });
     if (!position)
         return null;
-    return (_jsxs("div", { className: "absolute flex h-8 w-8", style: { top: position.y - 16, left: position.x - 16, zIndex: 1000 }, children: [_jsx("span", { className: "bg-feedback-blue absolute inline-flex h-full w-full animate-ping rounded-full opacity-75" }), _jsx("span", { className: "bg-feedback-blue relative inline-flex h-8 w-8 rounded-full" })] }));
+    return (_jsxs("div", { className: "pointer-events-none absolute flex h-8 w-8", style: { top: position.y - 16, left: position.x - 16, zIndex: 1000 }, children: [_jsx("span", { className: "bg-feedback-blue absolute inline-flex h-full w-full animate-ping rounded-full opacity-75" }), _jsx("span", { className: "bg-feedback-blue relative inline-flex h-8 w-8 rounded-full" })] }));
+}
+function clampInsertionPosition(position, metrics) {
+    const maxX = Math.max(20, metrics.scrollWidth * metrics.visualScale - 20);
+    const maxY = Math.max(20, metrics.scrollHeight * metrics.visualScale - 20);
+    return {
+        x: Math.min(maxX, Math.max(20, position.x)),
+        y: Math.min(maxY, Math.max(20, position.y)),
+        width: 0,
+        height: 0,
+    };
 }
 //# sourceMappingURL=PageEditorChrome.js.map

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

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