@parhelia/core 0.1.12907 → 0.1.12909

package/dist/editor/page-editor-chrome/overlay/placeholderZones.js

@@ -0,0 +1,279 @@
+import { getVisibleInsertOptions } from "../../insertMenuItems";
+import { measureBridgeComponentRect, measureBridgePlaceholderRect, rectEquals, } from "./geometry";
+import { normalizeMarkerId } from "../../utils";
+/**
+ * Convert a raw zone index (over all DOM children) into the layout-excluded
+ * index that `MoveComponentOperation` / `addComponent` expect. Shared by the
+ * drop-zone dots, the insertion line, and keyboard reordering so all three
+ * agree around hidden layout components.
+ */
+export function layoutAwareIndex(components, rawIndex) {
+    return components.slice(0, rawIndex).filter((c) => !c.layoutId).length;
+}
+/**
+ * Compute the set of insertion gaps for the current drag/insert context, at
+ * their TRUE positions (no overlap-avoidance shuffling). This is the single
+ * source of truth consumed by both the drop-zone dots (which then apply
+ * presentation-only overlap avoidance) and the live insertion zone.
+ */
+export function computePlaceholderZones(input) {
+    const { placeholders, geometry, metrics, dragObject, selectedForInsertion, insertMode, showLayoutComponents, hoveredComponentId, scopeInsertModeToHoveredComponent = true, } = input;
+    if (!geometry)
+        return [];
+    if (!dragObject && !selectedForInsertion && !insertMode)
+        return [];
+    const selectedForInsertionScope = getInsertModeScopeForComponent(placeholders, selectedForInsertion);
+    const selectedForInsertionIsComponent = !!selectedForInsertion && hasInsertModeScope(selectedForInsertionScope);
+    const scopedInsertModeScope = !dragObject && selectedForInsertionIsComponent
+        ? directPlaceholderScope(selectedForInsertionScope)
+        : scopeInsertModeToHoveredComponent &&
+            !dragObject &&
+            (insertMode || selectedForInsertion)
+            ? getInsertModeScopeForComponent(placeholders, hoveredComponentId)
+            : undefined;
+    const matchingPlaceholders = placeholders
+        .filter((x) => showLayoutComponents === true ||
+        !isInsideLayoutComponent(x.parentComponent))
+        .filter((x) => {
+        if (!scopedInsertModeScope)
+            return true;
+        return (scopedInsertModeScope.directPlaceholderKeys.has(x.key) ||
+            scopedInsertModeScope.siblingGaps.has(x.key));
+    })
+        .filter((x) => {
+        return placeholderAcceptsInsertContext(x, {
+            dragObject,
+            selectedForInsertion,
+            insertMode,
+            selectedForInsertionIsComponent,
+        });
+    });
+    const measuredZones = [];
+    matchingPlaceholders.forEach((placeholder) => {
+        measuredZones.push(...measureBridgePlaceholderZones(placeholder, geometry, metrics));
+    });
+    const scopedMeasuredZones = scopedInsertModeScope
+        ? measuredZones.filter((z) => scopedInsertModeScope.directPlaceholderKeys.has(z.placeholder.key) ||
+            scopedInsertModeScope.siblingGaps
+                .get(z.placeholder.key)
+                ?.has(z.index))
+        : measuredZones;
+    const zonesWithoutBeforeFirstLayout = scopedMeasuredZones.filter((z) => {
+        const components = z.placeholder.components;
+        const firstLayoutIndex = components.findIndex((c) => !!c.layoutId);
+        if (firstLayoutIndex >= 0 && z.index <= firstLayoutIndex) {
+            return false;
+        }
+        return true;
+    });
+    return showLayoutComponents === false
+        ? zonesWithoutBeforeFirstLayout.filter((z) => {
+            const components = z.placeholder.components;
+            if (z.index >= 1 && z.index < components.length) {
+                const prev = components[z.index - 1];
+                const next = components[z.index];
+                if (prev?.layoutId && next?.layoutId)
+                    return false;
+            }
+            return true;
+        })
+        : zonesWithoutBeforeFirstLayout;
+}
+export function placeholderAcceptsInsertContext(placeholder, { dragObject, selectedForInsertion, insertMode, selectedForInsertionIsComponent, }) {
+    const visibleInsertOptions = getVisibleInsertOptions(placeholder.insertOptions);
+    if (!placeholder.editable || visibleInsertOptions.length === 0) {
+        return false;
+    }
+    if (!!insertMode && !dragObject && !selectedForInsertion)
+        return true;
+    if (!dragObject && selectedForInsertionIsComponent)
+        return true;
+    return !!visibleInsertOptions.find((y) => y.typeId === selectedForInsertion ||
+        y.compatibleTypeIds?.find((z) => z == selectedForInsertion) !==
+            undefined ||
+        y.typeId === dragObject?.typeId ||
+        y.typeId === dragObject?.templateId ||
+        y.compatibleTypeIds?.find((z) => z == dragObject?.typeId) !== undefined ||
+        y.typeId === dragObject?.templateId ||
+        y.compatibleTypeIds?.find((z) => z == dragObject?.templateId) !==
+            undefined);
+}
+// Pull the cross-axis distance toward the cursor harder than the main axis so
+// the cursor prefers a gap in the column/row it is actually hovering before
+// snapping to the nearest gap within it.
+const CROSS_AXIS_WEIGHT = 2.5;
+/**
+ * Pick the insertion gap nearest the cursor (in overlay/document space),
+ * weighting the placeholder's cross axis so the cursor stays within the
+ * hovered column/row.
+ */
+export function resolveNearestGap(point, zones) {
+    let best = null;
+    let bestScore = Infinity;
+    for (const zone of zones) {
+        const dx = zone.position.x - point.x;
+        const dy = zone.position.y - point.y;
+        const mainDelta = zone.orientation === "horizontal" ? dx : dy;
+        const crossDelta = zone.orientation === "horizontal" ? dy : dx;
+        const score = mainDelta * mainDelta + crossDelta * crossDelta * CROSS_AXIS_WEIGHT;
+        if (score < bestScore) {
+            bestScore = score;
+            best = zone;
+        }
+    }
+    return best;
+}
+export function placeholderZonesEqual(previous, next) {
+    if (previous.length !== next.length)
+        return false;
+    for (let i = 0; i < previous.length; i++) {
+        const previousZone = previous[i];
+        const nextZone = next[i];
+        if (previousZone.placeholder.key !== nextZone.placeholder.key ||
+            previousZone.index !== nextZone.index ||
+            (previousZone.element ?? null) !== (nextZone.element ?? null) ||
+            previousZone.anchor !== nextZone.anchor ||
+            previousZone.description !== nextZone.description ||
+            !rectEquals(previousZone.targetRect, nextZone.targetRect) ||
+            !rectEquals({ ...previousZone.position, width: 0, height: 0 }, { ...nextZone.position, width: 0, height: 0 })) {
+            return false;
+        }
+    }
+    return true;
+}
+function getPositionFromRect(rect, orientation) {
+    return orientation === "horizontal"
+        ? {
+            x: rect.x + rect.width,
+            y: rect.y + rect.height / 2,
+        }
+        : {
+            x: rect.x + rect.width / 2,
+            y: rect.y + rect.height,
+        };
+}
+export function measureBridgePlaceholderZones(placeholder, geometry, metrics) {
+    const zones = [];
+    const placeholderMeasurement = measureBridgePlaceholderRect(geometry, placeholder.key, metrics);
+    const orientation = getBridgePlaceholderOrientation(placeholder, geometry, metrics, placeholderMeasurement?.target.orientation);
+    const firstComponent = placeholder.components[0];
+    const firstComponentMeasurement = firstComponent
+        ? measureBridgeComponentRect(geometry, firstComponent, metrics)
+        : null;
+    const parentMeasurement = placeholder.parentComponent
+        ? measureBridgeComponentRect(geometry, placeholder.parentComponent, metrics)
+        : null;
+    const referenceRect = placeholderMeasurement?.rect ??
+        firstComponentMeasurement?.rect ??
+        parentMeasurement?.rect;
+    if (!referenceRect)
+        return zones;
+    const isUsingParentBounds = !placeholderMeasurement?.rect &&
+        !firstComponentMeasurement?.rect &&
+        !!parentMeasurement?.rect;
+    const position = isUsingParentBounds || placeholder.components.length === 0
+        ? {
+            x: referenceRect.x + referenceRect.width / 2,
+            y: referenceRect.y + referenceRect.height / 2,
+        }
+        : getBeforePositionFromRect(referenceRect, orientation);
+    zones.push({
+        placeholder,
+        position,
+        index: 0,
+        targetRect: isUsingParentBounds || placeholder.components.length === 0
+            ? referenceRect
+            : (firstComponentMeasurement?.rect ?? referenceRect),
+        element: null,
+        anchor: isUsingParentBounds || orientation !== "horizontal" ? "top" : "left",
+        orientation,
+        description: placeholderMeasurement?.target.description,
+    });
+    placeholder.components.forEach((component, index) => {
+        const componentMeasurement = measureBridgeComponentRect(geometry, component, metrics);
+        if (!componentMeasurement?.rect)
+            return;
+        zones.push({
+            placeholder,
+            position: getPositionFromRect(componentMeasurement.rect, orientation),
+            index: index + 1,
+            targetRect: componentMeasurement.rect,
+            element: null,
+            anchor: orientation === "horizontal" ? "right" : "bottom",
+            orientation,
+            description: placeholderMeasurement?.target.description,
+        });
+    });
+    return zones;
+}
+function componentMatchesId(component, id) {
+    const normalizedId = normalizeMarkerId(id);
+    if (!component || !normalizedId)
+        return false;
+    return (normalizeMarkerId(component.id) === normalizedId ||
+        normalizeMarkerId(component.datasourceItem?.id) === normalizedId);
+}
+function hasInsertModeScope(scope) {
+    return scope.directPlaceholderKeys.size > 0 || scope.siblingGaps.size > 0;
+}
+function directPlaceholderScope(scope) {
+    return {
+        directPlaceholderKeys: new Set(scope.directPlaceholderKeys),
+        siblingGaps: new Map(),
+    };
+}
+function getInsertModeScopeForComponent(placeholders, componentId) {
+    const scope = {
+        directPlaceholderKeys: new Set(),
+        siblingGaps: new Map(),
+    };
+    if (!componentId)
+        return scope;
+    for (const placeholder of placeholders) {
+        if (componentMatchesId(placeholder.parentComponent, componentId)) {
+            scope.directPlaceholderKeys.add(placeholder.key);
+        }
+        const componentIndex = placeholder.components.findIndex((component) => componentMatchesId(component, componentId));
+        if (componentIndex >= 0) {
+            scope.siblingGaps.set(placeholder.key, new Set([componentIndex, componentIndex + 1]));
+        }
+    }
+    return scope;
+}
+function getBeforePositionFromRect(rect, orientation) {
+    return orientation === "horizontal"
+        ? {
+            x: rect.x,
+            y: rect.y + rect.height / 2,
+        }
+        : {
+            x: rect.x + rect.width / 2,
+            y: rect.y,
+        };
+}
+function getBridgePlaceholderOrientation(placeholder, geometry, metrics, explicitOrientation) {
+    if (explicitOrientation === "horizontal" ||
+        explicitOrientation === "vertical") {
+        return explicitOrientation;
+    }
+    if (placeholder.components.length > 1) {
+        const first = measureBridgeComponentRect(geometry, placeholder.components[0], metrics);
+        const second = measureBridgeComponentRect(geometry, placeholder.components[1], metrics);
+        if (first?.rect && second?.rect) {
+            const horizontalDiff = Math.abs(second.rect.x - first.rect.x);
+            const verticalDiff = Math.abs(second.rect.y - first.rect.y);
+            return horizontalDiff > verticalDiff ? "horizontal" : "vertical";
+        }
+    }
+    return "vertical";
+}
+export function isInsideLayoutComponent(component) {
+    let current = component;
+    while (current) {
+        if (current.layoutId)
+            return true;
+        current = current.parentPlaceholder?.parentComponent;
+    }
+    return false;
+}
+//# sourceMappingURL=placeholderZones.js.map

package/dist/editor/page-editor-chrome/overlay/placeholderZones.js.map

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

package/dist/editor/page-editor-chrome/overlay/useOverlayMeasurement.d.ts

@@ -0,0 +1,10 @@
+import { DependencyList } from "react";
+import { OverlayInvalidationReason } from "./IframeOverlayProvider";
+import { OverlayMetrics } from "./geometry";
+export type OverlayMeasurementOptions<T> = {
+    interests?: OverlayInvalidationReason[];
+    initialValue: T;
+    equals: (previous: T, next: T) => boolean;
+    validateBeforePaint?: boolean;
+};
+export declare function useOverlayMeasurement<T>(measure: (metrics: OverlayMetrics, reasons: ReadonlySet<OverlayInvalidationReason>) => T, deps: DependencyList, options: OverlayMeasurementOptions<T>): T;

package/dist/editor/page-editor-chrome/overlay/useOverlayMeasurement.js

@@ -0,0 +1,28 @@
+import { useCallback, useEffect, useLayoutEffect, useRef, useState, } from "react";
+import { useIframeOverlay, } from "./IframeOverlayProvider";
+export function useOverlayMeasurement(measure, deps, options) {
+    const overlay = useIframeOverlay();
+    const measureRef = useRef(measure);
+    const equalsRef = useRef(options.equals);
+    const [value, setValue] = useState(options.initialValue);
+    useEffect(() => {
+        measureRef.current = measure;
+        equalsRef.current = options.equals;
+    }, [measure, options.equals]);
+    const runMeasurement = useCallback((metrics, reasons) => {
+        const next = measureRef.current(metrics, reasons);
+        setValue((previous) => equalsRef.current(previous, next) ? previous : next);
+    }, []);
+    useLayoutEffect(() => {
+        if (!options.validateBeforePaint)
+            return;
+        runMeasurement(overlay.getMetrics(), new Set(options.interests));
+    });
+    useEffect(() => {
+        runMeasurement(overlay.getMetrics(), new Set(options.interests));
+        return overlay.subscribeMeasurement(runMeasurement, options.interests);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [overlay, runMeasurement, ...deps]);
+    return value;
+}
+//# sourceMappingURL=useOverlayMeasurement.js.map

package/dist/editor/page-editor-chrome/overlay/useOverlayMeasurement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOverlayMeasurement.js","sourceRoot":"","sources":["../../../../src/editor/page-editor-chrome/overlay/useOverlayMeasurement.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,WAAW,EACX,SAAS,EACT,eAAe,EACf,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAEL,gBAAgB,GACjB,MAAM,yBAAyB,CAAC;AAUjC,MAAM,UAAU,qBAAqB,CACnC,OAGM,EACN,IAAoB,EACpB,OAAqC;IAErC,MAAM,OAAO,GAAG,gBAAgB,EAAE,CAAC;IACnC,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IACnC,MAAM,SAAS,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IACzC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAI,OAAO,CAAC,YAAY,CAAC,CAAC;IAE5D,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,OAAO,GAAG,OAAO,CAAC;QAC7B,SAAS,CAAC,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC;IACrC,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;IAE9B,MAAM,cAAc,GAAG,WAAW,CAChC,CACE,OAAuB,EACvB,OAA+C,EAC/C,EAAE;QACF,MAAM,IAAI,GAAG,UAAU,CAAC,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QAClD,QAAQ,CAAC,CAAC,QAAQ,EAAE,EAAE,CACpB,SAAS,CAAC,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CACpD,CAAC;IACJ,CAAC,EACD,EAAE,CACH,CAAC;IAEF,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,OAAO,CAAC,mBAAmB;YAAE,OAAO;QACzC,cAAc,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,IAAI,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC;IACnE,CAAC,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,cAAc,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,IAAI,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC;QACjE,OAAO,OAAO,CAAC,oBAAoB,CAAC,cAAc,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;QACvE,uDAAuD;IACzD,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC;IAEvC,OAAO,KAAK,CAAC;AACf,CAAC"}

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

@@ -0,0 +1,29 @@
+import type { MutableRefObject } from "react";
+import type { EditorMode } from "../client/editContext";
+import type { FieldDescriptor } from "../pageModel";
+import type { PageViewContext } from "../page-viewer/pageViewContext";
+import type { ApplyFieldPatchCommandPayload, BeginInlineEditCommandPayload, CancelInlineEditCommandPayload, FieldValueChangedEventPayload, InlineEditEndedEventPayload, InteractionEventPayload } from "../bridge/protocol";
+export type BridgeInlineEditInteraction = InteractionEventPayload & Pick<BeginInlineEditCommandPayload, "selectedText" | "selectionStartOffset" | "selectionEndOffset">;
+type UseBridgeInlineEditingOptions = {
+    pageViewContextRef: MutableRefObject<PageViewContext | undefined>;
+    activeBridgeInlineEditRef: MutableRefObject<BridgeInlineEditState | null>;
+    blockIframeBlurUntil: (timestamp: number) => void;
+    sendBeginInlineEdit: (payload: BeginInlineEditCommandPayload) => boolean;
+    sendCancelInlineEdit: (payload: CancelInlineEditCommandPayload) => boolean;
+    sendApplyFieldPatch: (payload: ApplyFieldPatchCommandPayload) => boolean;
+};
+export type BridgeInlineEditState = {
+    elementKey: string;
+    fieldId: string;
+    item?: FieldDescriptor["item"];
+    modeAtStart: EditorMode;
+    value?: string;
+};
+export declare function useBridgeInlineEditing({ pageViewContextRef, activeBridgeInlineEditRef, blockIframeBlurUntil, sendBeginInlineEdit, sendCancelInlineEdit, sendApplyFieldPatch, }: UseBridgeInlineEditingOptions): {
+    beginInlineEdit: (interaction: BridgeInlineEditInteraction) => Promise<boolean>;
+    clearInlineDedupe: () => void;
+    endFieldFocus: () => void;
+    handleFieldValueChanged: (payload: FieldValueChangedEventPayload) => Promise<void>;
+    handleInlineEditEnded: (payload: InlineEditEndedEventPayload) => void;
+};
+export {};