@parhelia/core 0.1.10745

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

@@ -0,0 +1,346 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { useEditContext } from "../client/editContext";
+import { findComponentRect } from "../utils";
+import { useThrottledCallback } from "use-debounce";
+import { cn } from "../../lib/utils";
+import { PlaceholderDropZone } from "./PlaceholderDropZone";
+import { showComponentContextMenu } from "../ContextMenu";
+import { getComponentById } from "../componentTreeHelper";
+import { Tooltip, TooltipContent, TooltipTrigger, } from "../../components/ui/tooltip";
+import { GripVertical, ArrowUpFromDot } from "lucide-react";
+import { setMultiDragImage } from "../ui/DragPreview";
+export function FrameMenu({ component, compareView, pageViewContext, }) {
+    const editContext = useEditContext();
+    const resizeObserverRef = useRef(null);
+    const mutationObserverRef = useRef(null);
+    const headerRef = useRef(null);
+    const pendingDragStartTimeoutRef = useRef(null);
+    const [commands, setCommands] = useState([]);
+    const [componentRect, setComponentRect] = useState();
+    const [isHeaderWiderThanComponent, setIsHeaderWiderThanComponent] = useState(false);
+    const updatePosition = () => {
+        if (!component || !editContext || !pageViewContext)
+            return;
+        const iframe = pageViewContext.editorIframe;
+        if (!iframe)
+            return;
+        const resetSelection = () => {
+            setComponentRect(undefined);
+        };
+        const componentRect = findComponentRect(iframe, component)?.rect;
+        if (!componentRect) {
+            resetSelection();
+            return;
+        }
+        setComponentRect(componentRect);
+    };
+    const updatePositionThrottled = useThrottledCallback(updatePosition, 10, {
+        leading: true,
+        trailing: true,
+    });
+    // Cleanup effect to prevent memory leaks and state updates after unmount
+    useEffect(() => {
+        return () => {
+            updatePositionThrottled.cancel?.();
+            if (pendingDragStartTimeoutRef.current) {
+                clearTimeout(pendingDragStartTimeoutRef.current);
+                pendingDragStartTimeoutRef.current = null;
+            }
+        };
+    }, []);
+    // Effect to handle changes in the observed element
+    useEffect(() => {
+        if (component) {
+            const iframe = pageViewContext.editorIframe;
+            if (!iframe)
+                return;
+            mutationObserverRef.current = new MutationObserver(() => {
+                updatePositionThrottled();
+            });
+            if (!iframe.contentDocument)
+                return;
+            mutationObserverRef.current.observe(iframe.contentDocument, {
+                childList: true, // observe direct children changes
+                subtree: true, // observe all descendants changes
+                characterData: true, // observe text changes
+                //attributes: true, // observe attribute changes (like style or class)
+            });
+            // Create a new ResizeObserver instance
+            resizeObserverRef.current = new ResizeObserver(() => {
+                updatePositionThrottled();
+            });
+            const scrollContainer = iframe.contentWindow?.document.scrollingElement ||
+                iframe.contentWindow?.document.body;
+            scrollContainer?.addEventListener("scroll", updatePositionThrottled);
+            iframe.contentWindow?.addEventListener("scroll", updatePositionThrottled);
+            const componentRect = findComponentRect(iframe, component);
+            if (!componentRect) {
+                updatePositionThrottled();
+                return;
+            }
+            componentRect.elements.forEach((componentElement) => {
+                resizeObserverRef.current.observe(componentElement);
+            });
+            // Store references for cleanup
+            const scrollContainerRef = scrollContainer;
+            const iframeWindowRef = iframe.contentWindow;
+            return () => {
+                if (mutationObserverRef.current) {
+                    mutationObserverRef.current.disconnect();
+                    mutationObserverRef.current = null;
+                }
+                if (resizeObserverRef.current) {
+                    resizeObserverRef.current.disconnect();
+                    resizeObserverRef.current = null;
+                }
+                // Clean up scroll event listeners
+                scrollContainerRef?.removeEventListener("scroll", updatePositionThrottled);
+                iframeWindowRef?.removeEventListener("scroll", updatePositionThrottled);
+            };
+        }
+    }, [component]);
+    // Effect to measure header width and compare with componentRect
+    useEffect(() => {
+        if (!headerRef.current || !componentRect)
+            return;
+        const headerResizeObserver = new ResizeObserver((entries) => {
+            for (const entry of entries) {
+                const headerWidth = entry.contentRect.width;
+                setIsHeaderWiderThanComponent(headerWidth > componentRect.width);
+            }
+        });
+        headerResizeObserver.observe(headerRef.current);
+        return () => {
+            headerResizeObserver.disconnect();
+        };
+    }, [componentRect]);
+    useEffect(() => {
+        const timeoutId = setTimeout(() => {
+            updatePositionThrottled();
+        }, 100);
+        return () => clearTimeout(timeoutId);
+    }, [
+        pageViewContext?.scroll,
+        pageViewContext?.viewport,
+        pageViewContext?.device,
+        pageViewContext?.fullscreen,
+        pageViewContext?.zoom,
+    ]);
+    if (!component || !editContext)
+        return null;
+    // const commands = editContext.getComponentCommands([component]);
+    useEffect(() => {
+        async function loadCommands() {
+            const commands = await editContext.getComponentCommands([component]);
+            setCommands(commands);
+        }
+        loadCommands();
+    }, [component]);
+    // Determine if draggable - layout components should not be draggable when showLayoutComponents is disabled
+    const isLayoutReadonlyCheck = component.layoutId && !editContext.showLayoutComponents;
+    const isDraggable = component.canBeMoved && !isLayoutReadonlyCheck;
+    const commandButtons = commands
+        .filter((x) => !editContext.isCommandDisabled({ command: x }) &&
+        x.visibilityScopes.indexOf("editFrame") >= 0)
+        .map((x) => ({
+        id: x.id + "_button",
+        icon: x.icon,
+        label: x.label,
+        onClick: (ev) => {
+            ev.stopPropagation();
+            ev.preventDefault();
+            editContext.executeCommand({
+                command: x,
+                event: ev,
+            });
+        },
+    }));
+    const customButtons = []; // TODO
+    const buttons = [...customButtons, ...commandButtons];
+    function handleDragStart(event) {
+        if (!component?.datasourceItem)
+            return;
+        // For multi-select, show a custom drag image indicating the number of items
+        const selectedCount = editContext?.selection?.length || 0;
+        if (selectedCount > 1)
+            setMultiDragImage(event, selectedCount, "components");
+        // Allow both copy and move from component drag origins
+        try {
+            event.dataTransfer.effectAllowed = "copyMove";
+        }
+        catch { }
+        event.dataTransfer.setData("componentId", component.id);
+        pendingDragStartTimeoutRef.current = setTimeout(() => {
+            if (!component?.datasourceItem)
+                return;
+            const language = pageViewContext.page.item.language;
+            const version = pageViewContext.page.item.version;
+            const selectedIds = (editContext?.selection?.length || 0) > 1
+                ? editContext.selection
+                : [component.id];
+            const componentsToDrag = selectedIds.map((id) => ({
+                id,
+                language,
+                version,
+            }));
+            editContext.dragStart({
+                type: "component",
+                typeId: component.typeId,
+                templateId: component.datasourceItem?.templateId,
+                name: component.name,
+                components: componentsToDrag,
+            });
+        }, 50);
+        event.stopPropagation();
+    }
+    function handleDragEnd() {
+        if (pendingDragStartTimeoutRef.current) {
+            clearTimeout(pendingDragStartTimeoutRef.current);
+            pendingDragStartTimeoutRef.current = null;
+        }
+        editContext.dragEnd();
+    }
+    const isShared = component.isShared;
+    const isLayout = component.layoutId;
+    // Layout components should be read-only when showLayoutComponents is disabled
+    const isLayoutReadonly = isLayout && !editContext.showLayoutComponents;
+    const isReadonly = editContext.mode === "preview" || compareView || isLayoutReadonly;
+    function getColor() {
+        if (isReadonly && !isLayoutReadonly)
+            return "readonly";
+        if (editContext?.mode === "suggestions")
+            return "suggestions";
+        if (isLayout)
+            return "layout";
+        if (isShared)
+            return "shared";
+        if (component.canBeMoved)
+            return "default";
+        return "nonMovable";
+    }
+    const color = getColor();
+    const colorVariants = {
+        shared: "border-orange-400",
+        readonly: "border-gray-400",
+        layout: "border-purple-400",
+        default: "border-component-blue",
+        nonMovable: "border-red-400",
+        suggestions: "border-teal-400",
+    };
+    const bgColorVariants = {
+        shared: "bg-orange-400",
+        readonly: "bg-gray-400",
+        layout: "bg-purple-400",
+        default: "bg-component-blue",
+        nonMovable: "bg-red-400",
+        suggestions: "bg-teal-400",
+    };
+    const dropzoneColorVariants = {
+        shared: "bg-orange-400/40 hover:bg-orange-400",
+        readonly: "bg-gray-400/40 hover:bg-gray-400",
+        layout: "bg-purple-400/40 hover:bg-purple-400",
+        default: "bg-component-blue/40 hover:bg-component-blue",
+        nonMovable: "bg-red-400/40 hover:bg-red-400",
+        suggestions: "bg-teal-400/40 hover:bg-teal-400",
+    };
+    // Calculate initial estimation for the header width
+    const estimatedHeaderWidth = buttons.length * 30 + component.name.length * 8; // Approximate width calculation
+    const initialIsHeaderWiderThanComponent = estimatedHeaderWidth > (componentRect?.width || 0);
+    useEffect(() => {
+        setIsHeaderWiderThanComponent(initialIsHeaderWiderThanComponent);
+    }, [initialIsHeaderWiderThanComponent]);
+    const isMultiSelected = editContext.selection.length > 1;
+    if (!componentRect)
+        return null;
+    // Check if the component's placeholder can accept more components
+    const placeholder = component.parentPlaceholder;
+    const canAppend = !isMultiSelected &&
+        placeholder?.editable &&
+        placeholder?.insertOptions?.some((option) => !option.isHidden && !option.isInvalid);
+    // Calculate position for the append dropzone (bottom center of component)
+    const appendPosition = canAppend
+        ? {
+            x: componentRect.x + componentRect.width / 2,
+            y: componentRect.y + componentRect.height,
+        }
+        : null;
+    // Calculate the index after the current component
+    const appendIndex = placeholder
+        ? placeholder.components.findIndex((c) => c.id === component.id) + 1
+        : 0;
+    // Determine a real element to anchor the insertion animation (bottom of component)
+    const appendAnchorElement = pageViewContext.editorIframe
+        ? findComponentRect(pageViewContext.editorIframe, component)?.elements[findComponentRect(pageViewContext.editorIframe, component).elements
+            .length - 1]
+        : null;
+    if (componentRect.width === 0 && componentRect.height === 0) {
+        return null;
+    }
+    const handleHeaderContextMenu = async (e) => {
+        if (!editContext)
+            return;
+        if (e.ctrlKey)
+            return;
+        e.preventDefault();
+        e.stopPropagation();
+        const clientX = e.clientX;
+        const clientY = e.clientY;
+        const { shiftKey, altKey, ctrlKey } = e;
+        const selectedComponents = (editContext.selection?.length || 0) > 0
+            ? editContext.selection
+                .map((id) => pageViewContext.page
+                ? getComponentById(id, pageViewContext.page)
+                : undefined)
+                .filter((x) => x)
+            : [component];
+        const showMenu = await showComponentContextMenu(selectedComponents, editContext);
+        if (showMenu) {
+            const syntheticEvent = new MouseEvent("contextmenu", {
+                bubbles: true,
+                cancelable: true,
+                view: window,
+                clientX,
+                clientY,
+                shiftKey,
+                altKey,
+                ctrlKey,
+            });
+            showMenu(syntheticEvent);
+        }
+    };
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: cn("pointer-events-none absolute inset-0 rounded-b-xs border-2", colorVariants[color], "tour-frame-menu opacity-70 hover:opacity-100", !isMultiSelected && isHeaderWiderThanComponent && "border-t-0", !isMultiSelected && !isHeaderWiderThanComponent && "rounded-tl-xs", isMultiSelected && "rounded-t-xs"), style: {
+                    left: componentRect.x - 1,
+                    top: componentRect.y - 1,
+                    width: (componentRect.width ?? 0) + 2,
+                    height: componentRect.height + 2,
+                    zIndex: 8,
+                }, "data-testid": "frame-menu", children: _jsxs("div", { ref: headerRef, className: `editframe-menu pointer-events-auto absolute z-1000 flex items-center pr-4 text-base text-white ${bgColorVariants[color]} ` +
+                        (isMultiSelected || componentRect.y - 36 < 0
+                            ? "rounded-bl"
+                            : "rounded-t") +
+                        (isHeaderWiderThanComponent ? " rounded-bl" : ""), style: {
+                        right: "-1px",
+                        top: isMultiSelected || componentRect.y - 36 < 0 ? "0" : undefined,
+                        bottom: isMultiSelected
+                            ? undefined
+                            : componentRect.y - 36 >= 0
+                                ? componentRect.height
+                                : undefined,
+                        zIndex: 800,
+                        height: "36px",
+                    }, onContextMenu: handleHeaderContextMenu, children: [_jsxs("div", { draggable: isDraggable, onDragStart: handleDragStart, onDragEnd: handleDragEnd, className: `group flex items-center gap-1 p-2 text-sm text-nowrap ${isDraggable ? "cursor-move" : "cursor-default"} ${!isDraggable ? "pl-6" : ""}`, children: [isDraggable && (_jsx(GripVertical, { strokeWidth: 1, className: "h-4 w-4" })), component.name, component.parentPlaceholder?.parentComponent && (_jsxs(Tooltip, { delayDuration: 500, children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { className: "cursor-pointer opacity-0 transition-opacity group-hover:opacity-100", onClick: () => {
+                                                    editContext.select([
+                                                        component.parentPlaceholder?.parentComponent.id || "",
+                                                    ]);
+                                                }, children: _jsx(ArrowUpFromDot, { height: 14, width: 14 }) }) }), _jsx(TooltipContent, { children: "Select parent" })] }))] }), editContext.mode === "edit" && !isMultiSelected && (_jsx("div", { className: "flex items-center gap-2.5 text-sm", children: buttons.map((b, i) => (_jsxs(Tooltip, { delayDuration: 500, children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("div", { className: "cursor-pointer hover:text-gray-200", onClick: (ev) => {
+                                                ev.stopPropagation();
+                                                b.onClick(ev);
+                                            }, "data-testid": `frame-menu-${b.id}`, children: typeof b.icon === "string" ? (_jsx("i", { className: b.icon + " cursor-pointer text-sm" })) : (b.icon) }) }), _jsx(TooltipContent, { children: b.label })] }, i))) }))] }) }), canAppend &&
+                !isReadonly &&
+                editContext.mode === "edit" &&
+                placeholder &&
+                appendPosition &&
+                appendAnchorElement && (_jsx(PlaceholderDropZone, { className: `${dropzoneColorVariants[color]} rounded-md`, insertMenuTitle: "Append", placeholder: placeholder, description: `Append to ${placeholder.name}`, index: appendIndex, parentName: component.name, spotPosition: appendPosition, spotPositionElement: appendAnchorElement, spotPositionAnchor: "bottom", size: "small", typeIdOnCtrlClick: component.typeId }))] }));
+}
+//# sourceMappingURL=FrameMenu.js.map

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

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

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

@@ -0,0 +1,5 @@
+import { PageViewContext } from "../page-viewer/pageViewContext";
+export declare function FrameMenus({ compareView, pageViewContext, }: {
+    compareView: boolean;
+    pageViewContext: PageViewContext;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,22 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { getAllComponentInstances } from "../componentTreeHelper";
+import { useEditContext } from "../client/editContext";
+import { FrameMenu } from "./FrameMenu";
+export function FrameMenus({ compareView, pageViewContext, }) {
+    const editContext = useEditContext();
+    const selection = editContext?.selection;
+    const [components, setComponents] = useState([]);
+    useEffect(() => {
+        if (!pageViewContext.page)
+            return;
+        const comps = selection
+            ? selection
+                .flatMap((id) => getAllComponentInstances(id, pageViewContext.page))
+                .filter((c) => c !== undefined)
+            : [];
+        setComponents(comps);
+    }, [selection, pageViewContext.page]);
+    return (_jsxs(_Fragment, { children: [components.map((c, index) => (_jsx(FrameMenu, { component: c, compareView: compareView, pageViewContext: pageViewContext }, c.id + index))), " "] }));
+}
+//# sourceMappingURL=FrameMenus.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FrameMenus.js","sourceRoot":"","sources":["../../../src/editor/page-editor-chrome/FrameMenus.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,MAAM,UAAU,UAAU,CAAC,EACzB,WAAW,EACX,eAAe,GAIhB;IACC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,SAAS,GAAG,WAAW,EAAE,SAAS,CAAC;IAEzC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAc,EAAE,CAAC,CAAC;IAE9D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,eAAe,CAAC,IAAI;YAAE,OAAO;QAElC,MAAM,KAAK,GAAgB,SAAS;YAClC,CAAC,CAAC,SAAS;iBACN,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,wBAAwB,CAAC,EAAE,EAAE,eAAe,CAAC,IAAK,CAAC,CAAC;iBACpE,MAAM,CAAC,CAAC,CAAC,EAA8B,EAAE,CAAC,CAAC,KAAK,SAAS,CAAC;YAC/D,CAAC,CAAC,EAAE,CAAC;QAEP,aAAa,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,SAAS,EAAE,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC;IAEtC,OAAO,CACL,8BACG,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5B,KAAC,SAAS,IAER,SAAS,EAAE,CAAC,EACZ,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,eAAe,IAH3B,CAAC,CAAC,EAAE,GAAG,KAAK,CAIjB,CACH,CAAC,EAAE,GAAG,IACN,CACJ,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,5 @@
+import { PageViewContext } from "../page-viewer/pageViewContext";
+export declare function InlineEditor({ pageViewContext, compareView, }: {
+    pageViewContext: PageViewContext;
+    compareView: boolean;
+}): null | undefined;