@parhelia/core 0.1.12844 → 0.1.12868

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

@@ -2,12 +2,12 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useEffect, useMemo, useState } from "react";
 import { useEditContext, useFieldsEditContext } from "../client/editContext";
 import { findFieldElement } from "../utils";
-import { Lightbulb } from "lucide-react";
 import * as DiffLib from "diff";
 import { SuggestionDisplayPopover } from "../reviews/SuggestionDisplayPopover";
 import { measureElementRect, measureTextRangeRects, rectListEquals, } from "./overlay/geometry";
 import { getAccessibleIframeDocument } from "./overlay/iframeAccess";
 import { useOverlayMeasurement } from "./overlay/useOverlayMeasurement";
+import { dedupeFeedbackHighlightItems, FeedbackHighlightBadge, FeedbackHighlightBadgeTray, } from "./FeedbackHighlightBadge";
 function suggestionMeasurementsEqual(previous, next) {
     const previousKeys = Object.keys(previous);
     const nextKeys = Object.keys(next);
@@ -150,30 +150,54 @@ export function SuggestionHighlightings({ iframe, }) {
         equals: suggestionMeasurementsEqual,
         interests: ["viewport", "layout", "text", "adornment-data"],
     });
-    if (!editContext)
-        return null;
-    return (_jsx(_Fragment, { children: suggestions.flatMap((suggestion) => {
+    const overlayGroups = useMemo(() => {
+        const groups = new Map();
+        for (const suggestion of suggestions) {
             const measurement = measurements[suggestion.id];
             if (!measurement?.rects.length)
-                return [];
-            return measurement.rects.map((rect, index) => (_jsxs("div", { style: {
+                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;
+    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,
                     pointerEvents: "none",
-                }, children: [index === 0 && (_jsx(SuggestionDisplayPopover, { suggestion: suggestion, onSuggestionUpdated: () => { }, children: _jsx("div", { className: "pointer-events-auto absolute top-0 right-0 h-5 w-5 cursor-pointer", onClick: () => {
-                                editContext.select([suggestion.itemId]);
-                                modifiedFields?.setFocusedField({
-                                    item: {
-                                        id: suggestion.itemId,
-                                        language: suggestion.mainItemLanguage,
-                                        version: suggestion.mainItemVersion,
-                                    },
-                                    fieldId: suggestion.fieldId,
-                                }, true);
-                            }, children: _jsx(Lightbulb, { className: "bg-feedback-green/70 rounded-full p-1.5 text-white", size: 24, strokeWidth: 3 }) }) })), measurement.isTextRange && (_jsx("div", { "data-testid": "suggested-edit-highlight", className: "bg-feedback-green/15 rounded-sm", style: { width: "100%", height: "100%" } }))] }, `${suggestion.id}-${index}`)));
+                }, children: [index === 0 && (_jsx(FeedbackHighlightBadgeTray, { style: {
+                            top: -38,
+                            left: group.isTextRange ? -9 : 8,
+                        }, children: badgeSuggestions.map((suggestion, badgeIndex) => (_jsx(SuggestionDisplayPopover, { suggestion: suggestion, onSuggestionUpdated: () => { }, children: _jsx(FeedbackHighlightBadge, { item: suggestion, zIndex: badgeSuggestions.length - badgeIndex + 100, testId: "suggestion-highlight-icon", ariaSubject: "suggestion", onClick: () => {
+                                    editContext.select([suggestion.itemId]);
+                                    modifiedFields?.setFocusedField({
+                                        item: {
+                                            id: suggestion.itemId,
+                                            language: suggestion.mainItemLanguage,
+                                            version: suggestion.mainItemVersion,
+                                        },
+                                        fieldId: suggestion.fieldId,
+                                    }, true);
+                                } }) }, suggestion.id))) })), _jsx("div", { "data-testid": "suggested-edit-highlight", className: group.isTextRange
+                            ? "bg-feedback-green/15 absolute inset-0 rounded-sm"
+                            : "bg-feedback-green/10 absolute inset-0 rounded-[3px]" })] }, `${group.key}-${index}`)));
         }) }));
 }
 function toPlainSuggestionText(value) {
@@ -204,6 +228,15 @@ function getRangesForRenderedSuggestionText(rangeData, renderedText) {
         renderedText.length >= rangeData.newText.length;
     return preferNew ? rangeData.newRanges : rangeData.oldRanges;
 }
+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 offsetRanges(ranges, offset) {
     return ranges.map(([start, end]) => [start + offset, end + offset]);
 }

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":"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"}

package/dist/editor/page-viewer/PageViewer.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { EditorForm } from "./EditorForm";
 import { PageViewerFrame } from "./PageViewerFrame";
 import { ComponentTree } from "../sidebar/ComponentTree";
-import { useCallback, useEffect, useState } from "react";
+import { useCallback, useEffect, useRef, useState } from "react";
 import { SimpleIconButton } from "../ui/SimpleIconButton";
 import { CloseButton } from "../../components/ui/close-button";
 import { useEditContext, useFieldsEditContext } from "../client/editContext";
@@ -12,6 +12,7 @@ import { Splitter } from "../ui/Splitter";
 import { useSlotContext } from "../views/editorSlotContext";
 import { localStorageService } from "../services/localStorageService";
 export const SLOT_COMPONENT_NAVIGATOR_DEFAULT_WIDTH = 320;
+const COMPONENT_NAVIGATOR_COLLAPSE_ANIMATION_MS = 200;
 const EDITOR_FORM_DEFAULT_WIDTH = 320;
 const EDITOR_FORM_MIN_WIDTH = 240;
 const EDITOR_FORM_MIN_VIEWER_WIDTH = 320;
@@ -96,6 +97,38 @@ function PageViewerContent({ pageViewContext, showFormEditor, compareView, name,
     const showComponentNavigator = !!editContext?.isComponentNavigatorOpenForSlot?.(slotContext?.slotId ?? null) &&
         !editContext?.isMobile &&
         (pageViewContext.page?.item?.hasLayout ?? treeItem?.hasLayout ?? false);
+    const [renderComponentNavigator, setRenderComponentNavigator] = useState(showComponentNavigator);
+    const [componentNavigatorOpening, setComponentNavigatorOpening] = useState(false);
+    const componentNavigatorWasOpenRef = useRef(showComponentNavigator);
+    useEffect(() => {
+        const wasOpen = componentNavigatorWasOpenRef.current;
+        componentNavigatorWasOpenRef.current = showComponentNavigator;
+        if (showComponentNavigator) {
+            setRenderComponentNavigator(true);
+            if (wasOpen) {
+                setComponentNavigatorOpening(false);
+                return;
+            }
+            setComponentNavigatorOpening(true);
+            const frame = window.requestAnimationFrame(() => {
+                setComponentNavigatorOpening(false);
+            });
+            return () => {
+                window.cancelAnimationFrame(frame);
+            };
+        }
+        setComponentNavigatorOpening(false);
+        if (!wasOpen) {
+            setRenderComponentNavigator(false);
+            return;
+        }
+        const timeout = window.setTimeout(() => {
+            setRenderComponentNavigator(false);
+        }, COMPONENT_NAVIGATOR_COLLAPSE_ANIMATION_MS);
+        return () => {
+            window.clearTimeout(timeout);
+        };
+    }, [showComponentNavigator]);
     const hasOuterRightPanel = !!editContext?.showAgentsPanel ||
         !!(editContext?.showHelpTerminal && editContext?.currentItemDescriptor);
     const isVertical = !!editContext?.isMobile;
@@ -115,13 +148,19 @@ function PageViewerContent({ pageViewContext, showFormEditor, compareView, name,
         name: "frame",
         defaultSize: "auto",
         minSize: EDITOR_FORM_MIN_VIEWER_WIDTH,
-        content: (_jsx(PageViewerFrame, { compareView: compareView || false, pageViewContext: pageViewContext, slotCloseButton: slotCloseButton, className: cn("py-2", noMargins ? "pr-0" : showComponentNavigator ? "pr-0 pl-2" : "px-2", noMargins && formPanelOpen && "ml-2") })),
+        content: (_jsx(PageViewerFrame, { compareView: compareView || false, pageViewContext: pageViewContext, slotCloseButton: slotCloseButton, className: cn("py-2", noMargins ? "pr-0" : renderComponentNavigator ? "pr-0 pl-2" : "px-2", noMargins && formPanelOpen && "ml-2") })),
     });
-    if (showComponentNavigator) {
+    if (renderComponentNavigator) {
         viewerPanels.push({
             name: "componentNavigator",
             defaultSize: SLOT_COMPONENT_NAVIGATOR_DEFAULT_WIDTH,
-            content: (_jsx("div", { className: cn("h-full w-full py-2 pl-2", !hasOuterRightPanel && "pr-2"), children: _jsxs("div", { className: "border-border-default flex h-full w-full flex-col rounded-md border bg-white", "data-testid": "slot-component-navigator", children: [_jsxs("div", { className: "border-border-default text-neutral-grey-100 flex items-center border-b py-2 pr-2 pl-3 text-sm font-medium", children: [_jsx("div", { className: "mr-2", children: _jsx(Layers, { className: "h-4 w-4", strokeWidth: 1 }) }), _jsx("div", { className: "mr-auto truncate", children: "Component Navigator" }), _jsx(CloseButton, { onClick: () => editContext?.setComponentNavigatorOpenForSlot?.(slotContext?.slotId ?? null, false), label: "Close", className: "ml-2" })] }), _jsx("div", { className: "min-h-0 flex-1 overflow-hidden", children: _jsx(ComponentTree, { pageViewContext: pageViewContext, itemDescriptor: treeItemDescriptor, item: treeItem, isLoading: treeIsLoading }) })] }) })),
+            collapsed: !showComponentNavigator || componentNavigatorOpening,
+            animatedCollapse: true,
+            preserveVisibilityOnCollapse: true,
+            minSize: 260,
+            content: (_jsx("div", { "aria-hidden": !showComponentNavigator, className: cn("h-full w-full py-2 pl-2 transition-[opacity,transform] duration-200 ease-in-out motion-reduce:transition-none", showComponentNavigator && !componentNavigatorOpening
+                    ? "translate-x-0 opacity-100"
+                    : "translate-x-4 opacity-0", !hasOuterRightPanel && "pr-2"), children: _jsxs("div", { className: "border-border-default flex h-full w-full flex-col rounded-md border bg-white", "data-testid": "slot-component-navigator", children: [_jsxs("div", { className: "border-border-default text-neutral-grey-100 flex items-center border-b py-2 pr-2 pl-3 text-sm font-medium", children: [_jsx("div", { className: "mr-2", children: _jsx(Layers, { className: "h-4 w-4", strokeWidth: 1 }) }), _jsx("div", { className: "mr-auto truncate", children: "Component Navigator" }), _jsx(CloseButton, { onClick: () => editContext?.setComponentNavigatorOpenForSlot?.(slotContext?.slotId ?? null, false), label: "Close", className: "ml-2" })] }), _jsx("div", { className: "min-h-0 flex-1 overflow-hidden", children: _jsx(ComponentTree, { pageViewContext: pageViewContext, itemDescriptor: treeItemDescriptor, item: treeItem, isLoading: treeIsLoading }) })] }) })),
         });
     }
     return (_jsx("div", { className: cn("h-full w-full", className), children: _jsx(Splitter, { panels: viewerPanels, splitterClassName: "bg-transparent -mr-2 md:w-[6px]", direction: isVertical ? "vertical" : "horizontal", localStorageKey: "editor.pageViewer.panels.v2" }) }));

package/dist/editor/page-viewer/PageViewer.js.map

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

package/dist/editor/page-viewer/PageViewerFrame.js

@@ -28,6 +28,8 @@ const EDITOR_CSS_STYLE_ID = "parhelia-editor-css";
 const ZOOM_MIN = 0.25;
 const ZOOM_MAX = 2;
 const ZOOM_STEP = 0.25;
+const ZOOM_TRANSITION_MS = 300;
+const zoomAnimationFrames = new WeakMap();
 function getAccessibleIframeDocument(iframe, location) {
     if (!iframe)
         return null;
@@ -58,17 +60,84 @@ function applyIframeZoom(iframe, zoom, location) {
     const documentElement = getAccessibleIframeDocument(iframe, location)?.documentElement;
     if (!documentElement)
         return;
-    if (zoom === 1) {
-        documentElement.style.removeProperty("zoom");
+    const ownerWindow = documentElement.ownerDocument.defaultView ?? window;
+    let reduceMotion = false;
+    try {
+        reduceMotion =
+            iframe?.contentWindow?.matchMedia?.("(prefers-reduced-motion: reduce)")
+                .matches ?? false;
+    }
+    catch { }
+    const animationFrame = zoomAnimationFrames.get(documentElement);
+    if (animationFrame !== undefined) {
+        ownerWindow.cancelAnimationFrame(animationFrame);
+        zoomAnimationFrames.delete(documentElement);
+    }
+    documentElement.style.removeProperty("transition");
+    const getCurrentZoom = () => {
+        const inlineZoom = Number.parseFloat(documentElement.style.zoom);
+        if (Number.isFinite(inlineZoom) && inlineZoom > 0)
+            return inlineZoom;
+        const computedZoom = Number.parseFloat(ownerWindow.getComputedStyle(documentElement).zoom);
+        if (Number.isFinite(computedZoom) && computedZoom > 0) {
+            return computedZoom;
+        }
+        return 1;
+    };
+    const applyFinalZoom = () => {
+        if (zoom === 1) {
+            documentElement.style.removeProperty("zoom");
+            documentElement.style.removeProperty("transform");
+            documentElement.style.removeProperty("transform-origin");
+            documentElement.style.removeProperty("overflow");
+            documentElement.style.removeProperty("will-change");
+            return;
+        }
+        documentElement.style.zoom = String(zoom);
         documentElement.style.removeProperty("transform");
         documentElement.style.removeProperty("transform-origin");
-        documentElement.style.removeProperty("overflow");
+        documentElement.style.overflow = "auto";
+        documentElement.style.removeProperty("will-change");
+    };
+    if (reduceMotion) {
+        applyFinalZoom();
+        return;
+    }
+    const startZoom = getCurrentZoom();
+    const targetZoom = zoom;
+    if (Math.abs(startZoom - targetZoom) < 0.001) {
+        applyFinalZoom();
         return;
     }
-    documentElement.style.zoom = String(zoom);
+    documentElement.style.willChange = "zoom";
+    documentElement.style.zoom = String(startZoom);
+    if (targetZoom !== 1) {
+        documentElement.style.overflow = "auto";
+    }
     documentElement.style.removeProperty("transform");
     documentElement.style.removeProperty("transform-origin");
-    documentElement.style.overflow = "auto";
+    const startedAt = ownerWindow.performance.now();
+    const easeInOut = (value) => value < 0.5
+        ? 4 * value * value * value
+        : 1 - Math.pow(-2 * value + 2, 3) / 2;
+    const step = (now) => {
+        const progress = Math.min(1, (now - startedAt) / ZOOM_TRANSITION_MS);
+        const easedProgress = easeInOut(progress);
+        const currentZoom = startZoom + (targetZoom - startZoom) * easedProgress;
+        documentElement.style.zoom = String(currentZoom);
+        documentElement.style.removeProperty("transform");
+        documentElement.style.removeProperty("transform-origin");
+        if (targetZoom !== 1) {
+            documentElement.style.overflow = "auto";
+        }
+        if (progress < 1) {
+            zoomAnimationFrames.set(documentElement, ownerWindow.requestAnimationFrame(step));
+            return;
+        }
+        zoomAnimationFrames.delete(documentElement);
+        applyFinalZoom();
+    };
+    zoomAnimationFrames.set(documentElement, ownerWindow.requestAnimationFrame(step));
 }
 function clampEditorZoom(value) {
     return Math.min(ZOOM_MAX, Math.max(ZOOM_MIN, value));
@@ -1387,17 +1456,19 @@ function PageViewerFrameContent({ compareView, pageViewContext, editContext, cla
     if (pageViewContext.page?.item && !pageViewContext.page?.item.hasLayout) {
         return _jsx(NoLayout, {});
     }
+    const isResponsiveDevice = pageViewContext.device === "desktop" ||
+        pageViewContext.device === "Responsive";
     const deviceHeight = pageViewContext.device === "desktop" || !pageViewContext.deviceHeight
         ? "100%"
         : pageViewContext.deviceHeight || 640;
-    return (_jsxs("div", { className: cn("relative flex h-full w-full flex-col items-center select-none", className, editContext.showAgentsPanel && !editContext.currentWizardId && "pr-0"), children: [!pageViewContext.fullscreen && (_jsx(EditorWarnings, { item: pageViewContext.page?.item })), slotCloseButton && (_jsx("div", { className: "absolute top-3 right-3 z-50", children: slotCloseButton })), pageViewContext.device !== "desktop" && (_jsx(DeviceToolbar, { pageViewContext: pageViewContext, configuration: editContext.configuration })), _jsxs("div", { className: "relative flex flex-1 select-none", "data-testid": "page-viewer-viewport", style: {
-                    width: pageViewContext.device === "desktop" ||
-                        pageViewContext.device === "Responsive"
-                        ? "100%"
-                        : (pageViewContext.deviceWidth || 640) +
-                            editContext.configuration.outline.width +
-                            "px",
-                }, children: [_jsxs("div", { className: "relative h-full w-full overflow-hidden", children: [_jsx("iframe", { ref: iframeRef, className: "page-iframe h-full w-full bg-white", style: { height: deviceHeight }, src: iframeSrc, "data-testid": "pageEditoriframe", onLoad: () => {
+    const deviceWidth = isResponsiveDevice
+        ? "100%"
+        : (pageViewContext.deviceWidth || 640) +
+            editContext.configuration.outline.width +
+            "px";
+    return (_jsxs("div", { className: cn("relative flex h-full w-full flex-col items-center select-none", className, editContext.showAgentsPanel && !editContext.currentWizardId && "pr-0"), children: [!pageViewContext.fullscreen && (_jsx(EditorWarnings, { item: pageViewContext.page?.item })), slotCloseButton && (_jsx("div", { className: "absolute top-3 right-3 z-50", children: slotCloseButton })), pageViewContext.device !== "desktop" && (_jsx(DeviceToolbar, { pageViewContext: pageViewContext, configuration: editContext.configuration })), _jsxs("div", { className: "relative flex flex-1 transition-[width] duration-300 ease-in-out select-none motion-reduce:transition-none", "data-testid": "page-viewer-viewport", style: {
+                    width: deviceWidth,
+                }, children: [_jsxs("div", { className: "relative h-full w-full overflow-hidden", children: [_jsx("iframe", { ref: iframeRef, className: "page-iframe h-full w-full bg-white transition-[height] duration-300 ease-in-out motion-reduce:transition-none", style: { height: deviceHeight }, src: iframeSrc, "data-testid": "pageEditoriframe", onLoad: () => {
                                     // Handle iframe load when using src attribute (initial load)
                                     const doc = getAccessibleIframeDocument(iframeRef.current, "PageViewerFrame.tsx:onLoad-doc");
                                     if (doc && iframeSrc) {