@parhelia/core 0.1.12907 → 0.1.12910

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

@@ -1,10 +1,28 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { useEditContext } from "../client/editContext";
-import { fieldKey, findComponentRectById, findFieldElements, getTextNodeAtOffset, resolveVersionDiffTargets, } from "../version-diff/versionDiffTargets";
+import { fieldKey, resolveVersionDiffTargets, } from "../version-diff/versionDiffTargets";
 import { versionDiffHighlightClasses } from "../version-diff/versionDiffHighlightStyles";
 import { useSlotContext } from "../views/editorSlotContext";
-export function VersionDiffHighlightings({ iframe, scale, pageViewContext, variant = "default", }) {
+import { bridgeRectToOverlayRect, measureBridgeFieldRect, measureBridgeTextRangeRects, rectListEquals, } from "./overlay/geometry";
+import { useOverlayMeasurement } from "./overlay/useOverlayMeasurement";
+import { normalizeMarkerId } from "../utils";
+const VERSION_DIFF_BRIDGE_SOURCE = "version-diff";
+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 ||
+            !rectListEquals(previousItem.rects, nextItem.rects)) {
+            return false;
+        }
+    }
+    return true;
+}
+export function VersionDiffHighlightings({ pageViewContext, variant = "default", }) {
     const editContext = useEditContext();
     const slotContext = useSlotContext();
     const itemsRepository = editContext?.itemsRepository;
@@ -17,7 +35,7 @@ export function VersionDiffHighlightings({ iframe, scale, pageViewContext, varia
         slotContext?.compareTo?.version,
     ].join("|");
     useEffect(() => {
-        if (!itemsRepository || !iframe || !pageViewContext.page) {
+        if (!itemsRepository || !pageViewContext.page) {
             setTargets([]);
             setComponentTargets([]);
             return;
@@ -25,10 +43,10 @@ export function VersionDiffHighlightings({ iframe, scale, pageViewContext, varia
         let cancelled = false;
         const resolveTargets = async () => {
             const nextTargets = await resolveVersionDiffTargets({
-                iframe,
+                bridgeStructure: pageViewContext.bridgeStructure,
                 pageItem: pageViewContext.page.item.descriptor,
                 getItem: itemsRepository.getItem,
-                baseline: slotContext?.compareMode
+                baseline: slotContext?.compareMode && slotContext.compareTo
                     ? { type: "compare", compareTo: slotContext.compareTo }
                     : { type: "previous" },
                 previousVersionCache: previousVersionCache.current,
@@ -44,141 +62,160 @@ export function VersionDiffHighlightings({ iframe, scale, pageViewContext, varia
         };
     }, [
         itemsRepository,
-        iframe,
         pageViewContext.page?.editRevision,
         pageViewContext.page?.item.id,
         pageViewContext.page?.item.language,
         pageViewContext.page?.item.version,
+        pageViewContext.bridgeStructure,
         itemsRepository?.revision,
         slotContext?.compareMode,
         compareToKey,
     ]);
-    if (!iframe || (targets.length === 0 && componentTargets.length === 0))
-        return null;
-    return (_jsxs(_Fragment, { children: [componentTargets.map((target) => (_jsx(ComponentDiffHighlighting, { iframe: iframe, scale: scale, target: target, variant: variant }, target.id))), targets.map((target) => (_jsx(VersionDiffHighlighting, { iframe: iframe, scale: scale, target: target, variant: variant }, fieldKey(target.descriptor))))] }));
-}
-function ComponentDiffHighlighting({ iframe, scale, target, variant, }) {
-    const [rect, setRect] = useState(null);
+    const rangesByTargetKey = useMemo(() => new Map(targets.map((target) => [
+        fieldKey(target.descriptor),
+        target.hasDeletionOnlyChange
+            ? []
+            : target.ranges.filter(([start, end]) => start < end),
+    ])), [targets]);
+    const lastBridgeTextRangeSignatureRef = useRef("");
     useEffect(() => {
-        const iframeDoc = iframe.contentWindow?.document;
-        if (!iframeDoc?.body) {
-            setRect(null);
+        if (!pageViewContext.bridgeReady) {
+            lastBridgeTextRangeSignatureRef.current = "";
             return;
         }
-        let rafId = null;
-        const calculateRect = () => {
-            setRect(findComponentRectById(iframe, target.visualId));
-        };
-        const scheduleUpdate = () => {
-            if (rafId != null)
-                window.cancelAnimationFrame(rafId);
-            rafId = window.requestAnimationFrame(() => {
-                rafId = null;
-                calculateRect();
-            });
-        };
-        calculateRect();
-        const scrollContainer = iframeDoc.scrollingElement || iframeDoc.body;
-        const iframeWindow = iframe.contentWindow;
-        scrollContainer?.addEventListener("scroll", scheduleUpdate, {
-            passive: true,
+        const textRanges = targets.flatMap((target) => {
+            if (target.hasDeletionOnlyChange)
+                return [];
+            const targetKey = fieldKey(target.descriptor);
+            const ranges = rangesByTargetKey.get(targetKey) || [];
+            return ranges.map(([start, end], index) => ({
+                key: getVersionDiffTextRangeKey(targetKey, index),
+                fieldId: target.descriptor.fieldId,
+                item: target.descriptor.item,
+                start,
+                end,
+            }));
         });
-        iframeWindow?.addEventListener("scroll", scheduleUpdate, { passive: true });
-        iframeWindow?.addEventListener("resize", scheduleUpdate);
-        return () => {
-            if (rafId != null)
-                window.cancelAnimationFrame(rafId);
-            scrollContainer?.removeEventListener("scroll", scheduleUpdate);
-            iframeWindow?.removeEventListener("scroll", scheduleUpdate);
-            iframeWindow?.removeEventListener("resize", scheduleUpdate);
-        };
-    }, [iframe, target.visualId]);
-    if (!rect)
-        return null;
-    return (_jsx("div", { className: variant === "minimap"
-            ? versionDiffHighlightClasses.componentMini
-            : versionDiffHighlightClasses.component, style: {
-            top: rect.top * scale,
-            left: rect.left * scale,
-            width: Math.max(rect.width * scale, 2),
-            height: Math.max(rect.height * scale, 2),
-        } }));
-}
-function VersionDiffHighlighting({ iframe, scale, target, variant, }) {
-    const [rects, setRects] = useState([]);
-    const ranges = useMemo(() => target.hasDeletionOnlyChange
-        ? []
-        : target.ranges.filter(([start, end]) => start < end), [target.hasDeletionOnlyChange, target.ranges]);
-    useEffect(() => {
-        const iframeDoc = iframe.contentWindow?.document;
-        if (!iframeDoc?.body) {
-            setRects([]);
+        // 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 ranges merge with
+        // comments/suggestions/locks instead of clobbering them, and so highlights
+        // clear when the diff goes away.
+        pageViewContext.requestBridgeGeometry?.({
+            source: VERSION_DIFF_BRIDGE_SOURCE,
+            textRanges,
+        });
+    }, [
+        pageViewContext,
+        pageViewContext.bridgeReady,
+        rangesByTargetKey,
+        targets,
+    ]);
+    const highlights = useOverlayMeasurement((metrics) => {
+        const bridgeGeometry = pageViewContext.bridgeGeometry;
+        const bridgeStructure = pageViewContext.bridgeStructure;
+        if (!bridgeGeometry)
+            return [];
+        const measured = [];
+        for (const target of componentTargets) {
+            const overlayRect = measureBridgeComponentDiffRect(bridgeGeometry, target, metrics);
+            if (!overlayRect)
+                continue;
+            measured.push({
+                key: `component-${target.id}`,
+                className: variant === "minimap"
+                    ? versionDiffHighlightClasses.componentMini
+                    : versionDiffHighlightClasses.component,
+                rects: [overlayRect],
+            });
         }
-        let rafId = null;
-        const calculateRects = () => {
-            const elements = findFieldElements(iframe, target.descriptor);
-            const nextRects = [];
-            elements.forEach((element) => {
-                if (target.hasDeletionOnlyChange) {
-                    nextRects.push(element.getBoundingClientRect());
-                    return;
-                }
-                ranges.forEach(([start, end]) => {
-                    const startData = getTextNodeAtOffset(element, start);
-                    const endData = getTextNodeAtOffset(element, end);
-                    if (!startData || !endData)
+        for (const target of targets) {
+            const targetKey = fieldKey(target.descriptor);
+            const rects = [];
+            if (target.hasDeletionOnlyChange) {
+                const rect = measureBridgeFieldRect(bridgeGeometry, bridgeStructure, target.descriptor, metrics);
+                if (rect)
+                    rects.push(rect);
+            }
+            else {
+                const ranges = rangesByTargetKey.get(targetKey) || [];
+                ranges.forEach((_, index) => {
+                    const rangeRects = measureBridgeTextRangeRects(bridgeGeometry, getVersionDiffTextRangeKey(targetKey, index), metrics);
+                    if (rangeRects.length > 0) {
+                        rects.push(...rangeRects);
                         return;
-                    try {
-                        const textRange = iframeDoc.createRange();
-                        textRange.setStart(startData.node, startData.offset);
-                        textRange.setEnd(endData.node, endData.offset);
-                        nextRects.push(...Array.from(textRange.getClientRects()));
-                    }
-                    catch {
-                        nextRects.push(element.getBoundingClientRect());
                     }
+                    const fallbackRect = measureBridgeFieldRect(bridgeGeometry, bridgeStructure, target.descriptor, metrics);
+                    if (fallbackRect)
+                        rects.push(fallbackRect);
                 });
+            }
+            if (rects.length === 0)
+                continue;
+            measured.push({
+                key: targetKey,
+                className: target.hasDeletionOnlyChange
+                    ? variant === "minimap"
+                        ? versionDiffHighlightClasses.deletionOnlyMini
+                        : versionDiffHighlightClasses.deletionOnly
+                    : variant === "minimap"
+                        ? versionDiffHighlightClasses.textMini
+                        : versionDiffHighlightClasses.text,
+                rects,
             });
-            setRects(nextRects);
-        };
-        const scheduleUpdate = () => {
-            if (rafId != null)
-                window.cancelAnimationFrame(rafId);
-            rafId = window.requestAnimationFrame(() => {
-                rafId = null;
-                calculateRects();
-            });
-        };
-        calculateRects();
-        const scrollContainer = iframeDoc.scrollingElement || iframeDoc.body;
-        const iframeWindow = iframe.contentWindow;
-        scrollContainer?.addEventListener("scroll", scheduleUpdate, {
-            passive: true,
-        });
-        iframeWindow?.addEventListener("scroll", scheduleUpdate, { passive: true });
-        iframeWindow?.addEventListener("resize", scheduleUpdate);
-        return () => {
-            if (rafId != null)
-                window.cancelAnimationFrame(rafId);
-            scrollContainer?.removeEventListener("scroll", scheduleUpdate);
-            iframeWindow?.removeEventListener("scroll", scheduleUpdate);
-            iframeWindow?.removeEventListener("resize", scheduleUpdate);
-        };
-    }, [iframe, ranges, target]);
-    if (rects.length === 0)
+        }
+        return measured;
+    }, [
+        pageViewContext.bridgeGeometry,
+        pageViewContext.bridgeStructure,
+        targets,
+        componentTargets,
+        rangesByTargetKey,
+        variant,
+    ], {
+        initialValue: [],
+        equals: measuredDiffHighlightsEqual,
+        interests: ["viewport", "layout", "text", "adornment-data"],
+    });
+    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": "version-diff-highlight", style: {
+                top: rect.y,
+                left: rect.x,
+                width: Math.max(rect.width, 2),
+                height: Math.max(rect.height, 2),
+            } }, `${highlight.key}-${index}`)))) }));
+}
+function getVersionDiffTextRangeKey(targetKey, rangeIndex) {
+    return `version-diff:${targetKey}:${rangeIndex}`;
+}
+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 (_jsx(_Fragment, { children: rects.map((rect, index) => (_jsx("div", { className: target.hasDeletionOnlyChange
-                ? variant === "minimap"
-                    ? versionDiffHighlightClasses.deletionOnlyMini
-                    : versionDiffHighlightClasses.deletionOnly
-                : variant === "minimap"
-                    ? versionDiffHighlightClasses.textMini
-                    : versionDiffHighlightClasses.text, style: {
-                top: rect.top * scale,
-                left: rect.left * scale,
-                width: Math.max(rect.width * scale, 2),
-                height: Math.max(rect.height * scale, 2),
-            } }, index))) }));
+    return bridgeRectToOverlayRect(geometry, geometryTarget.rect, metrics);
 }
 //# sourceMappingURL=VersionDiffHighlightings.js.map

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

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

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

@@ -0,0 +1,24 @@
+import type { SelectionRange } from "../client/editContext";
+export type InlineAiDialogAnchor = {
+    x: number;
+    y: number;
+    align?: "center" | "start";
+    origin?: "trigger" | "caret" | "toolbar";
+};
+export type BridgeInlineFormatToolbarRect = {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+};
+export declare const BRIDGE_INLINE_FORMAT_TOOLBAR_SELECTOR = "[data-bridge-inline-format-toolbar=\"true\"]";
+export declare const BRIDGE_INLINE_FORMAT_AI_BUTTON_SELECTOR = "[data-bridge-inline-format-ai-button=\"true\"]";
+export declare function calculateBridgeInlineFormatToolbarLayout(clientRect: Pick<DOMRect, "left" | "top" | "width" | "height" | "bottom">, options?: {
+    toolbarWidth?: number;
+    toolbarHeight?: number;
+}): BridgeInlineFormatToolbarRect;
+export declare function getInlineAiAnchorBelowToolbar(toolbarRect: Pick<DOMRect, "left" | "bottom">, aiButtonRect?: Pick<DOMRect, "left"> | null): InlineAiDialogAnchor;
+export declare function getInlineAiAnchorFromBridgeToolbar(selectedRange: SelectionRange | null | undefined, measuredToolbarRect?: DOMRect | null): InlineAiDialogAnchor | undefined;
+export declare function getVisibleBridgeToolbarRect(): DOMRect | undefined;
+export declare function getVisibleBridgeToolbarAiButtonRect(): DOMRect | undefined;
+export declare function waitForVisibleBridgeToolbarRect(maxFrames?: number): Promise<DOMRect | undefined>;

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

@@ -0,0 +1,90 @@
+export const BRIDGE_INLINE_FORMAT_TOOLBAR_SELECTOR = '[data-bridge-inline-format-toolbar="true"]';
+export const BRIDGE_INLINE_FORMAT_AI_BUTTON_SELECTOR = '[data-bridge-inline-format-ai-button="true"]';
+const DEFAULT_TOOLBAR_WIDTH = 300;
+// Matches the rendered toolbar box: h-8 buttons + p-2 chrome + 1px border.
+const DEFAULT_TOOLBAR_HEIGHT = 50;
+const VIEWPORT_PADDING = 8;
+const SELECTION_GAP = 8;
+export function calculateBridgeInlineFormatToolbarLayout(clientRect, options) {
+    const toolbarWidth = options?.toolbarWidth ?? DEFAULT_TOOLBAR_WIDTH;
+    const toolbarHeight = options?.toolbarHeight ?? DEFAULT_TOOLBAR_HEIGHT;
+    const anchorCenter = clientRect.left + Math.min(clientRect.width, toolbarWidth) / 2;
+    let top = clientRect.top - toolbarHeight - SELECTION_GAP;
+    if (top < VIEWPORT_PADDING) {
+        top = clientRect.bottom + SELECTION_GAP + 36;
+    }
+    top = Math.max(VIEWPORT_PADDING, Math.min(top, window.innerHeight - toolbarHeight - VIEWPORT_PADDING));
+    const left = Math.max(VIEWPORT_PADDING, Math.min(anchorCenter - toolbarWidth / 2, window.innerWidth - toolbarWidth - VIEWPORT_PADDING));
+    return {
+        left,
+        top,
+        width: toolbarWidth,
+        height: toolbarHeight,
+    };
+}
+export function getInlineAiAnchorBelowToolbar(toolbarRect, aiButtonRect) {
+    return {
+        x: aiButtonRect?.left ?? toolbarRect.left,
+        y: toolbarRect.bottom,
+        align: "start",
+        origin: "toolbar",
+    };
+}
+export function getInlineAiAnchorFromBridgeToolbar(selectedRange, measuredToolbarRect) {
+    if (!selectedRange?.elementKey ||
+        !selectedRange.text?.trim() ||
+        !selectedRange.clientRect) {
+        return undefined;
+    }
+    if (measuredToolbarRect) {
+        return getInlineAiAnchorBelowToolbar(measuredToolbarRect, getVisibleBridgeToolbarAiButtonRect());
+    }
+    const layout = calculateBridgeInlineFormatToolbarLayout(selectedRange.clientRect);
+    return getInlineAiAnchorBelowToolbar({
+        left: layout.left,
+        bottom: layout.top + layout.height,
+    });
+}
+export function getVisibleBridgeToolbarRect() {
+    if (typeof document === "undefined") {
+        return undefined;
+    }
+    const toolbar = document.querySelector(BRIDGE_INLINE_FORMAT_TOOLBAR_SELECTOR);
+    if (!toolbar) {
+        return undefined;
+    }
+    return toolbar.getBoundingClientRect();
+}
+export function getVisibleBridgeToolbarAiButtonRect() {
+    if (typeof document === "undefined") {
+        return undefined;
+    }
+    const button = document.querySelector(BRIDGE_INLINE_FORMAT_AI_BUTTON_SELECTOR);
+    if (!button) {
+        return undefined;
+    }
+    return button.getBoundingClientRect();
+}
+export function waitForVisibleBridgeToolbarRect(maxFrames = 3) {
+    if (typeof window === "undefined") {
+        return Promise.resolve(undefined);
+    }
+    const current = getVisibleBridgeToolbarRect();
+    if (current) {
+        return Promise.resolve(current);
+    }
+    return new Promise((resolve) => {
+        let frame = 0;
+        const check = () => {
+            const rect = getVisibleBridgeToolbarRect();
+            if (rect || frame >= maxFrames) {
+                resolve(rect);
+                return;
+            }
+            frame += 1;
+            window.requestAnimationFrame(check);
+        };
+        window.requestAnimationFrame(check);
+    });
+}
+//# sourceMappingURL=bridgeInlineFormatToolbarLayout.js.map

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

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

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

@@ -0,0 +1,10 @@
+import type { DragObject } from "../client/editContext";
+import type { Component, Page } from "../pageModel";
+/**
+ * Build the `DragObject` for moving one or more components, mirroring the shape
+ * produced by the frame-menu native drag. Returns null when the component has no
+ * datasource (and therefore cannot be dragged). `selectedIds` is the set of
+ * component ids to move (the grabbed component, or the whole selection when it
+ * is part of a multi-selection).
+ */
+export declare function buildComponentDragObject(component: Component, selectedIds: string[], page: Page): DragObject | null;

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

@@ -0,0 +1,22 @@
+/**
+ * Build the `DragObject` for moving one or more components, mirroring the shape
+ * produced by the frame-menu native drag. Returns null when the component has no
+ * datasource (and therefore cannot be dragged). `selectedIds` is the set of
+ * component ids to move (the grabbed component, or the whole selection when it
+ * is part of a multi-selection).
+ */
+export function buildComponentDragObject(component, selectedIds, page) {
+    if (!component.datasourceItem)
+        return null;
+    const language = page.item.language;
+    const version = page.item.version;
+    const components = selectedIds.map((id) => ({ id, language, version }));
+    return {
+        type: "component",
+        typeId: component.typeId,
+        templateId: component.datasourceItem.templateId,
+        name: component.name,
+        components,
+    };
+}
+//# sourceMappingURL=componentDragObject.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"componentDragObject.js","sourceRoot":"","sources":["../../../src/editor/page-editor-chrome/componentDragObject.ts"],"names":[],"mappings":"AAGA;;;;;;GAMG;AACH,MAAM,UAAU,wBAAwB,CACtC,SAAoB,EACpB,WAAqB,EACrB,IAAU;IAEV,IAAI,CAAC,SAAS,CAAC,cAAc;QAAE,OAAO,IAAI,CAAC;IAE3C,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;IACpC,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;IAClC,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC;IAExE,OAAO;QACL,IAAI,EAAE,WAAW;QACjB,MAAM,EAAE,SAAS,CAAC,MAAM;QACxB,UAAU,EAAE,SAAS,CAAC,cAAc,CAAC,UAAU;QAC/C,IAAI,EAAE,SAAS,CAAC,IAAI;QACpB,UAAU;KACX,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,6 @@
+import type { Placeholder } from "../pageModel";
+export declare function buildInsertTargetLabel({ placeholder, description, index, }: {
+    placeholder: Placeholder;
+    description?: string | null;
+    index: number;
+}): string;

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

@@ -0,0 +1,21 @@
+const PATH_SEPARATOR = " \u25b8 ";
+const POSITION_SEPARATOR = " \u00b7 ";
+export function buildInsertTargetLabel({ placeholder, description, index, }) {
+    const segments = getAncestorComponentSegments(placeholder.parentComponent);
+    segments.push(description || placeholder.name);
+    return `${segments.join(PATH_SEPARATOR)}${POSITION_SEPARATOR}${index + 1}`;
+}
+function getAncestorComponentSegments(parentComponent) {
+    const segments = [];
+    let component = parentComponent;
+    while (component) {
+        const parentPlaceholder = component.parentPlaceholder;
+        if (!parentPlaceholder)
+            break;
+        segments.unshift(component.name);
+        component = parentPlaceholder.parentComponent;
+    }
+    segments.unshift("Page");
+    return segments;
+}
+//# sourceMappingURL=insertTargetLabel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"insertTargetLabel.js","sourceRoot":"","sources":["../../../src/editor/page-editor-chrome/insertTargetLabel.ts"],"names":[],"mappings":"AAEA,MAAM,cAAc,GAAG,UAAU,CAAC;AAClC,MAAM,kBAAkB,GAAG,UAAU,CAAC;AAEtC,MAAM,UAAU,sBAAsB,CAAC,EACrC,WAAW,EACX,WAAW,EACX,KAAK,GAKN;IACC,MAAM,QAAQ,GAAG,4BAA4B,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;IAC3E,QAAQ,CAAC,IAAI,CAAC,WAAW,IAAI,WAAW,CAAC,IAAI,CAAC,CAAC;IAE/C,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,cAAc,CAAC,GAAG,kBAAkB,GAAG,KAAK,GAAG,CAAC,EAAE,CAAC;AAC7E,CAAC;AAED,SAAS,4BAA4B,CAAC,eAA2B;IAC/D,MAAM,QAAQ,GAAa,EAAE,CAAC;IAC9B,IAAI,SAAS,GAAG,eAAe,CAAC;IAEhC,OAAO,SAAS,EAAE,CAAC;QACjB,MAAM,iBAAiB,GAAG,SAAS,CAAC,iBAAiB,CAAC;QACtD,IAAI,CAAC,iBAAiB;YAAE,MAAM;QAE9B,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;QACjC,SAAS,GAAG,iBAAiB,CAAC,eAAe,CAAC;IAChD,CAAC;IAED,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IACzB,OAAO,QAAQ,CAAC;AAClB,CAAC"}