@fivepixels-js/react 0.1.0

package/dist/utils/coordinates.js

@@ -0,0 +1,236 @@
+import { DOT_SIZE } from "../constants/report.js";
+import { getFeedbackTargetSelector } from "./dom.js";
+export function clampRatio(value) {
+    if (Number.isNaN(value)) {
+        return 0;
+    }
+    return Math.min(1, Math.max(0, value));
+}
+export function getMarkerFromReport(report, currentScrollY) {
+    const selector = getFeedbackTargetSelector(report.report_id, report.report_type);
+    const targetElement = document.querySelector(selector);
+    const pointLeft = window.innerWidth * report.x_ratio - DOT_SIZE / 2;
+    const pointTop = report.document_y - currentScrollY - DOT_SIZE / 2;
+    if (targetElement) {
+        const rect = targetElement.getBoundingClientRect();
+        return {
+            id: report.id,
+            report,
+            left: rect.left + rect.width * (report.element_x_ratio ?? report.x_ratio) - DOT_SIZE / 2,
+            top: rect.top + rect.height * (report.element_y_ratio ?? report.y_ratio) - DOT_SIZE / 2,
+            rect,
+        };
+    }
+    return {
+        id: report.id,
+        report,
+        left: pointLeft,
+        top: pointTop,
+        rect: null,
+    };
+}
+export function getDraftMarkerPosition(draft, selectedTarget) {
+    if (selectedTarget) {
+        return {
+            left: selectedTarget.rect.left + selectedTarget.rect.width * draft.elementXRatio - DOT_SIZE / 2,
+            top: selectedTarget.rect.top + selectedTarget.rect.height * draft.elementYRatio - DOT_SIZE / 2,
+        };
+    }
+    return {
+        left: draft.clientX - DOT_SIZE / 2,
+        top: draft.clientY - DOT_SIZE / 2,
+    };
+}
+export function resolveTooltipAnchor(markers, reportId) {
+    if (!reportId) {
+        return null;
+    }
+    return markers.find((marker) => marker.report.id === reportId) ?? null;
+}
+const TOOLTIP_PREVIEW_WIDTH = 260;
+const TOOLTIP_EXPANDED_WIDTH = 320;
+export const TOOLTIP_MARGIN = 16;
+const TOOLTIP_PREVIEW_HEIGHT_ESTIMATE = 140;
+const TOOLTIP_EXPANDED_HEIGHT_ESTIMATE = 320;
+function getTooltipHeightEstimate(expanded) {
+    return expanded ? TOOLTIP_EXPANDED_HEIGHT_ESTIMATE : TOOLTIP_PREVIEW_HEIGHT_ESTIMATE;
+}
+function getTooltipAboveTop(anchor) {
+    return anchor.top - DOT_SIZE / 2 - TOOLTIP_MARGIN;
+}
+function getTooltipBelowTop(anchor) {
+    return anchor.top + DOT_SIZE / 2 + TOOLTIP_MARGIN;
+}
+export function resolveTooltipPlacement(anchor, height, viewportHeight = window.innerHeight) {
+    const aboveAnchorTop = getTooltipAboveTop(anchor);
+    const belowTop = getTooltipBelowTop(anchor);
+    const spaceAbove = aboveAnchorTop - TOOLTIP_MARGIN;
+    const spaceBelow = viewportHeight - TOOLTIP_MARGIN - belowTop;
+    const aboveFits = height <= spaceAbove;
+    const belowFits = height <= spaceBelow;
+    if (aboveFits) {
+        return "above";
+    }
+    if (belowFits) {
+        return "below";
+    }
+    return spaceAbove >= spaceBelow ? "above" : "below";
+}
+function clampTooltipTop(top, height, placement, viewportHeight) {
+    if (placement === "above") {
+        const visualTop = top - height;
+        if (visualTop < TOOLTIP_MARGIN) {
+            return TOOLTIP_MARGIN + height;
+        }
+        return top;
+    }
+    const maxTop = Math.max(TOOLTIP_MARGIN, viewportHeight - TOOLTIP_MARGIN - height);
+    return Math.min(Math.max(top, TOOLTIP_MARGIN), maxTop);
+}
+export function getTooltipAnchorStyle(placement) {
+    if (placement === "above") {
+        return {
+            transform: "translateY(-100%)",
+            transformOrigin: "bottom left",
+        };
+    }
+    return {
+        transformOrigin: "top left",
+    };
+}
+export function getTooltipPosition(anchor, expanded, options) {
+    const width = expanded ? TOOLTIP_EXPANDED_WIDTH : TOOLTIP_PREVIEW_WIDTH;
+    const viewportWidth = options?.viewportWidth ?? window.innerWidth;
+    const viewportHeight = options?.viewportHeight ?? window.innerHeight;
+    const hasMeasuredHeight = options?.height !== undefined;
+    const height = options?.height ?? getTooltipHeightEstimate(expanded);
+    const preferredLeft = anchor.left - 12;
+    const left = Math.min(Math.max(preferredLeft, TOOLTIP_MARGIN), viewportWidth - width - TOOLTIP_MARGIN);
+    const aboveAnchorTop = getTooltipAboveTop(anchor);
+    let placement;
+    if (options?.placement) {
+        placement = options.placement;
+    }
+    else if (!hasMeasuredHeight) {
+        // Before measurement, keep the default above placement unless the marker hugs the top edge.
+        placement = aboveAnchorTop <= TOOLTIP_MARGIN ? "below" : "above";
+    }
+    else {
+        placement = resolveTooltipPlacement(anchor, height, viewportHeight);
+    }
+    const anchorTop = placement === "above" ? aboveAnchorTop : getTooltipBelowTop(anchor);
+    const top = hasMeasuredHeight ? clampTooltipTop(anchorTop, height, placement, viewportHeight) : anchorTop;
+    return { left, top, width, placement };
+}
+export const DRAFT_POPOVER_WIDTH = 280;
+export const DRAFT_POPOVER_HEIGHT = 260;
+export const DRAFT_POPOVER_GAP = 10;
+export const DRAFT_POPOVER_MARGIN = 16;
+/** Horizontal line from bubble edge to marker center. */
+export const DRAFT_POPOVER_CONNECTOR_WIDTH = DRAFT_POPOVER_GAP + DOT_SIZE / 2;
+/** Nudge popover upward when vertically centered on the marker. */
+export const DRAFT_POPOVER_VERTICAL_NUDGE = 6;
+const DRAFT_POPOVER_PLACEMENTS = ["right", "left", "bottom", "top"];
+function getDraftPopoverWidth(viewportWidth) {
+    return Math.min(DRAFT_POPOVER_WIDTH, viewportWidth - DRAFT_POPOVER_MARGIN * 2);
+}
+function getAnchorCenter(anchor) {
+    return {
+        x: anchor.left + DOT_SIZE / 2,
+        y: anchor.top + DOT_SIZE / 2,
+    };
+}
+function getTailCornerForPlacement(placement) {
+    switch (placement) {
+        case "right":
+            return "bottom-left";
+        case "left":
+            return "bottom-right";
+        case "bottom":
+            return "top-left";
+        case "top":
+            return "bottom-left";
+    }
+}
+function isHorizontallyAlignedPlacement(placement) {
+    return placement === "right" || placement === "left";
+}
+function computeDraftPopoverCandidate(placement, center, width, height) {
+    const markerRadius = DOT_SIZE / 2;
+    switch (placement) {
+        case "right":
+            return {
+                left: center.x + markerRadius + DRAFT_POPOVER_GAP,
+                anchorCenterY: center.y - DRAFT_POPOVER_VERTICAL_NUDGE,
+            };
+        case "left":
+            return {
+                left: center.x - markerRadius - DRAFT_POPOVER_GAP - width,
+                anchorCenterY: center.y - DRAFT_POPOVER_VERTICAL_NUDGE,
+            };
+        case "bottom":
+            return {
+                left: center.x - width / 2,
+                top: center.y + markerRadius + DRAFT_POPOVER_GAP,
+            };
+        case "top":
+            return {
+                left: center.x - width / 2,
+                top: center.y - markerRadius - DRAFT_POPOVER_GAP - height,
+            };
+    }
+}
+function draftPopoverFitsInViewport(placement, left, width, height, viewportWidth, viewportHeight, anchorCenterY, top) {
+    const horizontalFits = left >= DRAFT_POPOVER_MARGIN && left + width <= viewportWidth - DRAFT_POPOVER_MARGIN;
+    if (isHorizontallyAlignedPlacement(placement) && anchorCenterY !== undefined) {
+        return horizontalFits && anchorCenterY - height / 2 >= DRAFT_POPOVER_MARGIN && anchorCenterY + height / 2 <= viewportHeight - DRAFT_POPOVER_MARGIN;
+    }
+    return horizontalFits && top !== undefined && top >= DRAFT_POPOVER_MARGIN && top + height <= viewportHeight - DRAFT_POPOVER_MARGIN;
+}
+function clampAnchorCenterY(anchorCenterY, height, viewportHeight) {
+    const halfHeight = height / 2;
+    const minCenterY = DRAFT_POPOVER_MARGIN + halfHeight;
+    const maxCenterY = Math.max(minCenterY, viewportHeight - DRAFT_POPOVER_MARGIN - halfHeight);
+    return Math.min(Math.max(anchorCenterY, minCenterY), maxCenterY);
+}
+function clampDraftPopoverPosition(placement, left, width, height, viewportWidth, viewportHeight, anchorCenterY, top) {
+    const maxLeft = Math.max(DRAFT_POPOVER_MARGIN, viewportWidth - width - DRAFT_POPOVER_MARGIN);
+    const clampedLeft = Math.min(Math.max(left, DRAFT_POPOVER_MARGIN), maxLeft);
+    if (isHorizontallyAlignedPlacement(placement) && anchorCenterY !== undefined) {
+        return {
+            left: clampedLeft,
+            anchorCenterY: clampAnchorCenterY(anchorCenterY, height, viewportHeight),
+        };
+    }
+    const maxTop = Math.max(DRAFT_POPOVER_MARGIN, viewportHeight - height - DRAFT_POPOVER_MARGIN);
+    return {
+        left: clampedLeft,
+        top: Math.min(Math.max(top ?? DRAFT_POPOVER_MARGIN, DRAFT_POPOVER_MARGIN), maxTop),
+    };
+}
+export function getDraftPopoverPosition(anchor, options) {
+    const viewportWidth = options?.viewportWidth ?? window.innerWidth;
+    const viewportHeight = options?.viewportHeight ?? window.innerHeight;
+    const width = options?.width ?? getDraftPopoverWidth(viewportWidth);
+    const height = options?.height ?? DRAFT_POPOVER_HEIGHT;
+    const center = getAnchorCenter(anchor);
+    let placement = "right";
+    let position = computeDraftPopoverCandidate("right", center, width, height);
+    for (const candidate of DRAFT_POPOVER_PLACEMENTS) {
+        const nextPosition = computeDraftPopoverCandidate(candidate, center, width, height);
+        if (draftPopoverFitsInViewport(candidate, nextPosition.left, width, height, viewportWidth, viewportHeight, nextPosition.anchorCenterY, nextPosition.top)) {
+            placement = candidate;
+            position = nextPosition;
+            break;
+        }
+    }
+    const clamped = clampDraftPopoverPosition(placement, position.left, width, height, viewportWidth, viewportHeight, position.anchorCenterY, position.top);
+    return {
+        ...clamped,
+        width,
+        placement,
+        centerVertically: isHorizontallyAlignedPlacement(placement),
+        tailCorner: getTailCornerForPlacement(placement),
+    };
+}
+//# sourceMappingURL=coordinates.js.map

package/dist/utils/coordinates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"coordinates.js","sourceRoot":"","sources":["../../src/utils/coordinates.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,OAAO,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AAErD,MAAM,UAAU,UAAU,CAAC,KAAa;IACpC,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;QACtB,OAAO,CAAC,CAAC;IACb,CAAC;IAED,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;AAC3C,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,MAAsB,EAAE,cAAsB;IAC9E,MAAM,QAAQ,GAAG,yBAAyB,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC;IACjF,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAc,QAAQ,CAAC,CAAC;IACpE,MAAM,SAAS,GAAG,MAAM,CAAC,UAAU,GAAG,MAAM,CAAC,OAAO,GAAG,QAAQ,GAAG,CAAC,CAAC;IACpE,MAAM,QAAQ,GAAG,MAAM,CAAC,UAAU,GAAG,cAAc,GAAG,QAAQ,GAAG,CAAC,CAAC;IAEnE,IAAI,aAAa,EAAE,CAAC;QAChB,MAAM,IAAI,GAAG,aAAa,CAAC,qBAAqB,EAAE,CAAC;QAEnD,OAAO;YACH,EAAE,EAAE,MAAM,CAAC,EAAE;YACb,MAAM;YACN,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,MAAM,CAAC,eAAe,IAAI,MAAM,CAAC,OAAO,CAAC,GAAG,QAAQ,GAAG,CAAC;YACxF,GAAG,EAAE,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,MAAM,CAAC,eAAe,IAAI,MAAM,CAAC,OAAO,CAAC,GAAG,QAAQ,GAAG,CAAC;YACvF,IAAI;SACP,CAAC;IACN,CAAC;IAED,OAAO;QACH,EAAE,EAAE,MAAM,CAAC,EAAE;QACb,MAAM;QACN,IAAI,EAAE,SAAS;QACf,GAAG,EAAE,QAAQ;QACb,IAAI,EAAE,IAAI;KACb,CAAC;AACN,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,KAAmF,EAAE,cAAqC;IAC7J,IAAI,cAAc,EAAE,CAAC;QACjB,OAAO;YACH,IAAI,EAAE,cAAc,CAAC,IAAI,CAAC,IAAI,GAAG,cAAc,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,aAAa,GAAG,QAAQ,GAAG,CAAC;YAC/F,GAAG,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,GAAG,cAAc,CAAC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,aAAa,GAAG,QAAQ,GAAG,CAAC;SACjG,CAAC;IACN,CAAC;IAED,OAAO;QACH,IAAI,EAAE,KAAK,CAAC,OAAO,GAAG,QAAQ,GAAG,CAAC;QAClC,GAAG,EAAE,KAAK,CAAC,OAAO,GAAG,QAAQ,GAAG,CAAC;KACpC,CAAC;AACN,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,OAAiB,EAAE,QAAuB;IAC3E,IAAI,CAAC,QAAQ,EAAE,CAAC;QACZ,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,KAAK,QAAQ,CAAC,IAAI,IAAI,CAAC;AAC3E,CAAC;AAED,MAAM,qBAAqB,GAAG,GAAG,CAAC;AAClC,MAAM,sBAAsB,GAAG,GAAG,CAAC;AACnC,MAAM,CAAC,MAAM,cAAc,GAAG,EAAE,CAAC;AACjC,MAAM,+BAA+B,GAAG,GAAG,CAAC;AAC5C,MAAM,gCAAgC,GAAG,GAAG,CAAC;AAI7C,SAAS,wBAAwB,CAAC,QAAiB;IAC/C,OAAO,QAAQ,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,+BAA+B,CAAC;AACzF,CAAC;AAED,SAAS,kBAAkB,CAAC,MAA2B;IACnD,OAAO,MAAM,CAAC,GAAG,GAAG,QAAQ,GAAG,CAAC,GAAG,cAAc,CAAC;AACtD,CAAC;AAED,SAAS,kBAAkB,CAAC,MAA2B;IACnD,OAAO,MAAM,CAAC,GAAG,GAAG,QAAQ,GAAG,CAAC,GAAG,cAAc,CAAC;AACtD,CAAC;AAED,MAAM,UAAU,uBAAuB,CAAC,MAA2B,EAAE,MAAc,EAAE,cAAc,GAAG,MAAM,CAAC,WAAW;IACpH,MAAM,cAAc,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAClD,MAAM,QAAQ,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAC5C,MAAM,UAAU,GAAG,cAAc,GAAG,cAAc,CAAC;IACnD,MAAM,UAAU,GAAG,cAAc,GAAG,cAAc,GAAG,QAAQ,CAAC;IAC9D,MAAM,SAAS,GAAG,MAAM,IAAI,UAAU,CAAC;IACvC,MAAM,SAAS,GAAG,MAAM,IAAI,UAAU,CAAC;IAEvC,IAAI,SAAS,EAAE,CAAC;QACZ,OAAO,OAAO,CAAC;IACnB,CAAC;IAED,IAAI,SAAS,EAAE,CAAC;QACZ,OAAO,OAAO,CAAC;IACnB,CAAC;IAED,OAAO,UAAU,IAAI,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;AACxD,CAAC;AAED,SAAS,eAAe,CAAC,GAAW,EAAE,MAAc,EAAE,SAA2B,EAAE,cAAsB;IACrG,IAAI,SAAS,KAAK,OAAO,EAAE,CAAC;QACxB,MAAM,SAAS,GAAG,GAAG,GAAG,MAAM,CAAC;QAE/B,IAAI,SAAS,GAAG,cAAc,EAAE,CAAC;YAC7B,OAAO,cAAc,GAAG,MAAM,CAAC;QACnC,CAAC;QAED,OAAO,GAAG,CAAC;IACf,CAAC;IAED,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,cAAc,EAAE,cAAc,GAAG,cAAc,GAAG,MAAM,CAAC,CAAC;IAElF,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,cAAc,CAAC,EAAE,MAAM,CAAC,CAAC;AAC3D,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAC,SAA2B;IAC7D,IAAI,SAAS,KAAK,OAAO,EAAE,CAAC;QACxB,OAAO;YACH,SAAS,EAAE,mBAAmB;YAC9B,eAAe,EAAE,aAAa;SACxB,CAAC;IACf,CAAC;IAED,OAAO;QACH,eAAe,EAAE,UAAU;KACrB,CAAC;AACf,CAAC;AAED,MAAM,UAAU,kBAAkB,CAC9B,MAAoC,EACpC,QAAiB,EACjB,OAKC;IAED,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,qBAAqB,CAAC;IACxE,MAAM,aAAa,GAAG,OAAO,EAAE,aAAa,IAAI,MAAM,CAAC,UAAU,CAAC;IAClE,MAAM,cAAc,GAAG,OAAO,EAAE,cAAc,IAAI,MAAM,CAAC,WAAW,CAAC;IACrE,MAAM,iBAAiB,GAAG,OAAO,EAAE,MAAM,KAAK,SAAS,CAAC;IACxD,MAAM,MAAM,GAAG,OAAO,EAAE,MAAM,IAAI,wBAAwB,CAAC,QAAQ,CAAC,CAAC;IACrE,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,GAAG,EAAE,CAAC;IACvC,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,cAAc,CAAC,EAAE,aAAa,GAAG,KAAK,GAAG,cAAc,CAAC,CAAC;IACvG,MAAM,cAAc,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAElD,IAAI,SAA2B,CAAC;IAEhC,IAAI,OAAO,EAAE,SAAS,EAAE,CAAC;QACrB,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC;IAClC,CAAC;SAAM,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAC5B,4FAA4F;QAC5F,SAAS,GAAG,cAAc,IAAI,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;IACrE,CAAC;SAAM,CAAC;QACJ,SAAS,GAAG,uBAAuB,CAAC,MAAM,EAAE,MAAM,EAAE,cAAc,CAAC,CAAC;IACxE,CAAC;IAED,MAAM,SAAS,GAAG,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC;IACtF,MAAM,GAAG,GAAG,iBAAiB,CAAC,CAAC,CAAC,eAAe,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAE1G,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;AAC3C,CAAC;AAKD,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAC;AACvC,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAC;AACxC,MAAM,CAAC,MAAM,iBAAiB,GAAG,EAAE,CAAC;AACpC,MAAM,CAAC,MAAM,oBAAoB,GAAG,EAAE,CAAC;AACvC,yDAAyD;AACzD,MAAM,CAAC,MAAM,6BAA6B,GAAG,iBAAiB,GAAG,QAAQ,GAAG,CAAC,CAAC;AAC9E,mEAAmE;AACnE,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,CAAC;AAE9C,MAAM,wBAAwB,GAA4B,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC;AAE7F,SAAS,oBAAoB,CAAC,aAAqB;IAC/C,OAAO,IAAI,CAAC,GAAG,CAAC,mBAAmB,EAAE,aAAa,GAAG,oBAAoB,GAAG,CAAC,CAAC,CAAC;AACnF,CAAC;AAED,SAAS,eAAe,CAAC,MAAoC;IACzD,OAAO;QACH,CAAC,EAAE,MAAM,CAAC,IAAI,GAAG,QAAQ,GAAG,CAAC;QAC7B,CAAC,EAAE,MAAM,CAAC,GAAG,GAAG,QAAQ,GAAG,CAAC;KAC/B,CAAC;AACN,CAAC;AAED,SAAS,yBAAyB,CAAC,SAAgC;IAC/D,QAAQ,SAAS,EAAE,CAAC;QAChB,KAAK,OAAO;YACR,OAAO,aAAa,CAAC;QACzB,KAAK,MAAM;YACP,OAAO,cAAc,CAAC;QAC1B,KAAK,QAAQ;YACT,OAAO,UAAU,CAAC;QACtB,KAAK,KAAK;YACN,OAAO,aAAa,CAAC;IAC7B,CAAC;AACL,CAAC;AAED,SAAS,8BAA8B,CAAC,SAAgC;IACpE,OAAO,SAAS,KAAK,OAAO,IAAI,SAAS,KAAK,MAAM,CAAC;AACzD,CAAC;AAED,SAAS,4BAA4B,CAAC,SAAgC,EAAE,MAAgC,EAAE,KAAa,EAAE,MAAc;IACnI,MAAM,YAAY,GAAG,QAAQ,GAAG,CAAC,CAAC;IAElC,QAAQ,SAAS,EAAE,CAAC;QAChB,KAAK,OAAO;YACR,OAAO;gBACH,IAAI,EAAE,MAAM,CAAC,CAAC,GAAG,YAAY,GAAG,iBAAiB;gBACjD,aAAa,EAAE,MAAM,CAAC,CAAC,GAAG,4BAA4B;aACzD,CAAC;QACN,KAAK,MAAM;YACP,OAAO;gBACH,IAAI,EAAE,MAAM,CAAC,CAAC,GAAG,YAAY,GAAG,iBAAiB,GAAG,KAAK;gBACzD,aAAa,EAAE,MAAM,CAAC,CAAC,GAAG,4BAA4B;aACzD,CAAC;QACN,KAAK,QAAQ;YACT,OAAO;gBACH,IAAI,EAAE,MAAM,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC;gBAC1B,GAAG,EAAE,MAAM,CAAC,CAAC,GAAG,YAAY,GAAG,iBAAiB;aACnD,CAAC;QACN,KAAK,KAAK;YACN,OAAO;gBACH,IAAI,EAAE,MAAM,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC;gBAC1B,GAAG,EAAE,MAAM,CAAC,CAAC,GAAG,YAAY,GAAG,iBAAiB,GAAG,MAAM;aAC5D,CAAC;IACV,CAAC;AACL,CAAC;AAED,SAAS,0BAA0B,CAC/B,SAAgC,EAChC,IAAY,EACZ,KAAa,EACb,MAAc,EACd,aAAqB,EACrB,cAAsB,EACtB,aAAsB,EACtB,GAAY;IAEZ,MAAM,cAAc,GAAG,IAAI,IAAI,oBAAoB,IAAI,IAAI,GAAG,KAAK,IAAI,aAAa,GAAG,oBAAoB,CAAC;IAE5G,IAAI,8BAA8B,CAAC,SAAS,CAAC,IAAI,aAAa,KAAK,SAAS,EAAE,CAAC;QAC3E,OAAO,cAAc,IAAI,aAAa,GAAG,MAAM,GAAG,CAAC,IAAI,oBAAoB,IAAI,aAAa,GAAG,MAAM,GAAG,CAAC,IAAI,cAAc,GAAG,oBAAoB,CAAC;IACvJ,CAAC;IAED,OAAO,cAAc,IAAI,GAAG,KAAK,SAAS,IAAI,GAAG,IAAI,oBAAoB,IAAI,GAAG,GAAG,MAAM,IAAI,cAAc,GAAG,oBAAoB,CAAC;AACvI,CAAC;AAED,SAAS,kBAAkB,CAAC,aAAqB,EAAE,MAAc,EAAE,cAAsB;IACrF,MAAM,UAAU,GAAG,MAAM,GAAG,CAAC,CAAC;IAC9B,MAAM,UAAU,GAAG,oBAAoB,GAAG,UAAU,CAAC;IACrD,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,cAAc,GAAG,oBAAoB,GAAG,UAAU,CAAC,CAAC;IAE5F,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,UAAU,CAAC,EAAE,UAAU,CAAC,CAAC;AACrE,CAAC;AAED,SAAS,yBAAyB,CAAC,SAAgC,EAAE,IAAY,EAAE,KAAa,EAAE,MAAc,EAAE,aAAqB,EAAE,cAAsB,EAAE,aAAsB,EAAE,GAAY;IACjM,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,oBAAoB,EAAE,aAAa,GAAG,KAAK,GAAG,oBAAoB,CAAC,CAAC;IAC7F,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,oBAAoB,CAAC,EAAE,OAAO,CAAC,CAAC;IAE5E,IAAI,8BAA8B,CAAC,SAAS,CAAC,IAAI,aAAa,KAAK,SAAS,EAAE,CAAC;QAC3E,OAAO;YACH,IAAI,EAAE,WAAW;YACjB,aAAa,EAAE,kBAAkB,CAAC,aAAa,EAAE,MAAM,EAAE,cAAc,CAAC;SAC3E,CAAC;IACN,CAAC;IAED,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,oBAAoB,EAAE,cAAc,GAAG,MAAM,GAAG,oBAAoB,CAAC,CAAC;IAE9F,OAAO;QACH,IAAI,EAAE,WAAW;QACjB,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,oBAAoB,EAAE,oBAAoB,CAAC,EAAE,MAAM,CAAC;KACrF,CAAC;AACN,CAAC;AAED,MAAM,UAAU,uBAAuB,CACnC,MAAoC,EACpC,OAKC;IAED,MAAM,aAAa,GAAG,OAAO,EAAE,aAAa,IAAI,MAAM,CAAC,UAAU,CAAC;IAClE,MAAM,cAAc,GAAG,OAAO,EAAE,cAAc,IAAI,MAAM,CAAC,WAAW,CAAC;IACrE,MAAM,KAAK,GAAG,OAAO,EAAE,KAAK,IAAI,oBAAoB,CAAC,aAAa,CAAC,CAAC;IACpE,MAAM,MAAM,GAAG,OAAO,EAAE,MAAM,IAAI,oBAAoB,CAAC;IACvD,MAAM,MAAM,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC;IAEvC,IAAI,SAAS,GAA0B,OAAO,CAAC;IAC/C,IAAI,QAAQ,GAAG,4BAA4B,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;IAE5E,KAAK,MAAM,SAAS,IAAI,wBAAwB,EAAE,CAAC;QAC/C,MAAM,YAAY,GAAG,4BAA4B,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;QAEpF,IAAI,0BAA0B,CAAC,SAAS,EAAE,YAAY,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,YAAY,CAAC,aAAa,EAAE,YAAY,CAAC,GAAG,CAAC,EAAE,CAAC;YACvJ,SAAS,GAAG,SAAS,CAAC;YACtB,QAAQ,GAAG,YAAY,CAAC;YACxB,MAAM;QACV,CAAC;IACL,CAAC;IAED,MAAM,OAAO,GAAG,yBAAyB,CAAC,SAAS,EAAE,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,QAAQ,CAAC,aAAa,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IAExJ,OAAO;QACH,GAAG,OAAO;QACV,KAAK;QACL,SAAS;QACT,gBAAgB,EAAE,8BAA8B,CAAC,SAAS,CAAC;QAC3D,UAAU,EAAE,yBAAyB,CAAC,SAAS,CAAC;KACnD,CAAC;AACN,CAAC"}

package/dist/utils/dom.d.ts

@@ -0,0 +1,14 @@
+import type { ReportTargetType } from "../types/report.js";
+import type { TargetSnapshot } from "../types/report-ui.js";
+export declare function escapeAttribute(value: string): string;
+export declare function resolveReportType(element: HTMLElement): ReportTargetType;
+export declare function getFeedbackTargetSelector(reportId: string, reportType: ReportTargetType): string;
+export declare function isSameHoverTarget(previous: TargetSnapshot | null, next: TargetSnapshot | null): boolean;
+export declare function toSnapshot(element: HTMLElement | null): TargetSnapshot | null;
+export declare function findTargetElement(baseElement: HTMLElement | null): HTMLElement | null;
+export declare function getSelectableTargets(): TargetSnapshot[];
+export declare function findTargetByPoint(overlay: HTMLDivElement | null, clientX: number, clientY: number): HTMLElement | null;
+export declare function getReportPortalRoot(): HTMLElement;
+export declare function ensureReportTooltipLayer(): HTMLElement;
+export declare function getReportTooltipRoot(): HTMLElement;
+//# sourceMappingURL=dom.d.ts.map

package/dist/utils/dom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../src/utils/dom.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,UAE5C;AAED,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,WAAW,GAAG,gBAAgB,CAExE;AAED,wBAAgB,yBAAyB,CAAC,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,gBAAgB,UAQvF;AAED,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,cAAc,GAAG,IAAI,EAAE,IAAI,EAAE,cAAc,GAAG,IAAI,WAU7F;AAED,wBAAgB,UAAU,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,GAAG,cAAc,GAAG,IAAI,CAgB7E;AAED,wBAAgB,iBAAiB,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI,sBAyBhE;AAED,wBAAgB,oBAAoB,qBAInC;AAED,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,sBAWjG;AAMD,wBAAgB,mBAAmB,IAAI,WAAW,CAQjD;AAED,wBAAgB,wBAAwB,IAAI,WAAW,CAsBtD;AAED,wBAAgB,oBAAoB,IAAI,WAAW,CAElD"}

package/dist/utils/dom.js

@@ -0,0 +1,104 @@
+import { TARGET_SELECTOR } from "../constants/report.js";
+export function escapeAttribute(value) {
+    return value.split("\\").join("\\\\").split('"').join('\\"');
+}
+export function resolveReportType(element) {
+    return element.dataset.reportType === "group" ? "group" : "item";
+}
+export function getFeedbackTargetSelector(reportId, reportType) {
+    const escapedId = escapeAttribute(reportId);
+    if (reportType === "group") {
+        return `[data-report-id="${escapedId}"][data-report-type="group"]`;
+    }
+    return `[data-report-id="${escapedId}"]:not([data-report-type="group"])`;
+}
+export function isSameHoverTarget(previous, next) {
+    if (previous === next) {
+        return true;
+    }
+    if (!previous || !next) {
+        return false;
+    }
+    return previous.id === next.id && previous.type === next.type;
+}
+export function toSnapshot(element) {
+    if (!element) {
+        return null;
+    }
+    const reportId = element.dataset.reportId?.trim();
+    if (!reportId) {
+        return null;
+    }
+    return {
+        id: reportId,
+        type: resolveReportType(element),
+        rect: element.getBoundingClientRect(),
+    };
+}
+export function findTargetElement(baseElement) {
+    if (!baseElement) {
+        return null;
+    }
+    let groupFallback = null;
+    let node = baseElement;
+    while (node) {
+        const reportId = node.dataset.reportId?.trim();
+        if (reportId) {
+            if (resolveReportType(node) === "item") {
+                return node;
+            }
+            if (!groupFallback) {
+                groupFallback = node;
+            }
+        }
+        node = node.parentElement;
+    }
+    return groupFallback;
+}
+export function getSelectableTargets() {
+    return Array.from(document.querySelectorAll(TARGET_SELECTOR))
+        .map((element) => toSnapshot(element))
+        .filter((snapshot) => snapshot !== null);
+}
+export function findTargetByPoint(overlay, clientX, clientY) {
+    if (!overlay) {
+        return null;
+    }
+    const previousPointerEvents = overlay.style.pointerEvents;
+    overlay.style.pointerEvents = "none";
+    const hitElement = document.elementFromPoint(clientX, clientY);
+    overlay.style.pointerEvents = previousPointerEvents;
+    return findTargetElement(hitElement);
+}
+const REPORT_HOST_ID = "fivepixels-root";
+const REPORT_MOUNT_ATTR = "data-fivepixels-mount";
+const REPORT_TOOLTIP_LAYER_ATTR = "data-fivepixels-tooltip-layer";
+export function getReportPortalRoot() {
+    const mount = document.getElementById(REPORT_HOST_ID)?.shadowRoot?.querySelector(`[${REPORT_MOUNT_ATTR}]`);
+    if (mount instanceof HTMLElement) {
+        return mount;
+    }
+    return document.body;
+}
+export function ensureReportTooltipLayer() {
+    const shadowRoot = document.getElementById(REPORT_HOST_ID)?.shadowRoot;
+    if (!shadowRoot) {
+        return document.body;
+    }
+    let layer = shadowRoot.querySelector(`[${REPORT_TOOLTIP_LAYER_ATTR}]`);
+    if (!(layer instanceof HTMLElement)) {
+        const newLayer = document.createElement("div");
+        newLayer.setAttribute(REPORT_TOOLTIP_LAYER_ATTR, "");
+        newLayer.style.cssText = "position:fixed;inset:0;z-index:2147483647;pointer-events:none;overflow:visible;";
+        shadowRoot.append(newLayer);
+        return newLayer;
+    }
+    if (layer !== shadowRoot.lastElementChild) {
+        shadowRoot.append(layer);
+    }
+    return layer;
+}
+export function getReportTooltipRoot() {
+    return ensureReportTooltipLayer();
+}
+//# sourceMappingURL=dom.js.map

package/dist/utils/dom.js.map

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

package/dist/utils/env.d.ts

@@ -0,0 +1,6 @@
+export declare function isProductionEnv(): boolean;
+export declare function resolveReportEnabled(options?: {
+    enabled?: boolean;
+    devOnly?: boolean;
+}): boolean;
+//# sourceMappingURL=env.d.ts.map

package/dist/utils/env.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"env.d.ts","sourceRoot":"","sources":["../../src/utils/env.ts"],"names":[],"mappings":"AAMA,wBAAgB,eAAe,IAAI,OAAO,CAEzC;AAED,wBAAgB,oBAAoB,CAAC,OAAO,GAAE;IAAE,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAO,GAAG,OAAO,CAYpG"}

package/dist/utils/env.js

@@ -0,0 +1,18 @@
+function readNodeEnv() {
+    const runtimeProcess = globalThis.process;
+    return runtimeProcess?.env?.NODE_ENV;
+}
+export function isProductionEnv() {
+    return readNodeEnv() === "production";
+}
+export function resolveReportEnabled(options = {}) {
+    const { enabled = true, devOnly = false } = options;
+    if (!enabled) {
+        return false;
+    }
+    if (devOnly && isProductionEnv()) {
+        return false;
+    }
+    return true;
+}
+//# sourceMappingURL=env.js.map

package/dist/utils/env.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"env.js","sourceRoot":"","sources":["../../src/utils/env.ts"],"names":[],"mappings":"AAAA,SAAS,WAAW;IAChB,MAAM,cAAc,GAAI,UAA4D,CAAC,OAAO,CAAC;IAE7F,OAAO,cAAc,EAAE,GAAG,EAAE,QAAQ,CAAC;AACzC,CAAC;AAED,MAAM,UAAU,eAAe;IAC3B,OAAO,WAAW,EAAE,KAAK,YAAY,CAAC;AAC1C,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,UAAoD,EAAE;IACvF,MAAM,EAAE,OAAO,GAAG,IAAI,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,OAAO,CAAC;IAEpD,IAAI,CAAC,OAAO,EAAE,CAAC;QACX,OAAO,KAAK,CAAC;IACjB,CAAC;IAED,IAAI,OAAO,IAAI,eAAe,EAAE,EAAE,CAAC;QAC/B,OAAO,KAAK,CAAC;IACjB,CAAC;IAED,OAAO,IAAI,CAAC;AAChB,CAAC"}

package/dist/utils/feedbackDataTransfer.d.ts

@@ -0,0 +1,31 @@
+import type { ReportFeedback, ReportProject } from "../types/report.js";
+import { type FeedbackImportPayload } from "./feedbackTransferSchema.js";
+export type FeedbackTransferScope = {
+    projectId: string;
+    environment?: string;
+    appVersion?: string;
+};
+export type { FeedbackImportPayload } from "./feedbackTransferSchema.js";
+export { buildProjectComparisonLines, isImportProjectCompatible, parseFeedbackCommandJson, parseFeedbackImportJson, serializeFeedbackExport, serializeFeedbackItem, toReportProject, } from "./feedbackTransferSchema.js";
+export type FeedbackDownloadResult = "saved" | "downloaded" | "cancelled" | "failed";
+export declare function getFeedbackStorageKey({ projectId, environment, appVersion }: FeedbackTransferScope): string;
+export declare function readAllFeedback({ projectId, environment, appVersion }: FeedbackTransferScope): ReportFeedback[];
+export declare function writeAllFeedback(scope: FeedbackTransferScope, items: ReportFeedback[]): void;
+export type FeedbackInsertResult = {
+    inserted: number;
+    replaced: number;
+};
+export type FeedbackInsertConflict = {
+    id: string;
+    existing: ReportFeedback;
+    incoming: ReportFeedback;
+};
+export declare function findFeedbackInsertConflicts(scope: FeedbackTransferScope, incoming: ReportFeedback[]): FeedbackInsertConflict[];
+export declare function insertFeedbackItems(scope: FeedbackTransferScope, incoming: ReportFeedback[]): FeedbackInsertResult;
+export declare function upsertFeedbackItems(scope: FeedbackTransferScope, incoming: ReportFeedback[]): FeedbackInsertResult;
+export declare function copyTextToClipboard(text: string): Promise<void>;
+export declare function createFeedbackBackupFilename(projectId: string, environment?: string, appVersion?: string): string;
+export declare function pickFeedbackJsonFile(): Promise<File | null>;
+export declare function downloadFeedbackJson(filename: string, project: ReportProject, items: ReportFeedback[]): Promise<FeedbackDownloadResult>;
+export declare function readFeedbackJsonFile(file: File): Promise<FeedbackImportPayload>;
+//# sourceMappingURL=feedbackDataTransfer.d.ts.map

package/dist/utils/feedbackDataTransfer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feedbackDataTransfer.d.ts","sourceRoot":"","sources":["../../src/utils/feedbackDataTransfer.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACvE,OAAO,EAMH,KAAK,qBAAqB,EAC7B,MAAM,6BAA6B,CAAC;AAErC,MAAM,MAAM,qBAAqB,GAAG;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,YAAY,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACzE,OAAO,EACH,2BAA2B,EAC3B,yBAAyB,EACzB,wBAAwB,EACxB,uBAAuB,EACvB,uBAAuB,EACvB,qBAAqB,EACrB,eAAe,GAClB,MAAM,6BAA6B,CAAC;AAErC,MAAM,MAAM,sBAAsB,GAAG,OAAO,GAAG,YAAY,GAAG,WAAW,GAAG,QAAQ,CAAC;AA0BrF,wBAAgB,qBAAqB,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,EAAE,qBAAqB,UAElG;AAED,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,EAAE,qBAAqB,oBAE5F;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,EAAE,KAAK,EAAE,cAAc,EAAE,QAErF;AAED,MAAM,MAAM,oBAAoB,GAAG;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,cAAc,CAAC;IACzB,QAAQ,EAAE,cAAc,CAAC;CAC5B,CAAC;AAEF,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,qBAAqB,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,sBAAsB,EAAE,CAY9H;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,qBAAqB,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,oBAAoB,CAclH;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,qBAAqB,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,oBAAoB,CAuBlH;AAED,wBAAsB,mBAAmB,CAAC,IAAI,EAAE,MAAM,iBAqBrD;AAED,wBAAgB,4BAA4B,CAAC,SAAS,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,UAMxG;AA8DD,wBAAgB,oBAAoB,IAAI,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,CAwB3D;AAED,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,cAAc,EAAE,GAAG,OAAO,CAAC,sBAAsB,CAAC,CAyCvI;AAED,wBAAsB,oBAAoB,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC,qBAAqB,CAAC,CAGrF"}

package/dist/utils/feedbackDataTransfer.js

@@ -0,0 +1,195 @@
+import { getActiveReportMessages } from "../i18n/index.js";
+import { getReportsStorageKey } from "../constants/storageKeys.js";
+import { readAllReportsFromStorage, writeAllReportsToStorage } from "../storage/local/localStorageAdapter.js";
+import { parseFeedbackImportJson, serializeFeedbackExport, toReportProject, } from "./feedbackTransferSchema.js";
+export { buildProjectComparisonLines, isImportProjectCompatible, parseFeedbackCommandJson, parseFeedbackImportJson, serializeFeedbackExport, serializeFeedbackItem, toReportProject, } from "./feedbackTransferSchema.js";
+const JSON_FILE_TYPES = [
+    {
+        description: "JSON",
+        accept: { "application/json": [".json"] },
+    },
+];
+export function getFeedbackStorageKey({ projectId, environment, appVersion }) {
+    return getReportsStorageKey(projectId, environment, appVersion);
+}
+export function readAllFeedback({ projectId, environment, appVersion }) {
+    return readAllReportsFromStorage(getFeedbackStorageKey({ projectId, environment, appVersion }));
+}
+export function writeAllFeedback(scope, items) {
+    writeAllReportsToStorage(getFeedbackStorageKey(scope), items, toReportProject(scope));
+}
+export function findFeedbackInsertConflicts(scope, incoming) {
+    const existingById = new Map(readAllFeedback(scope).map((item) => [item.id, item]));
+    return incoming.flatMap((item) => {
+        const existing = existingById.get(item.id);
+        if (!existing) {
+            return [];
+        }
+        return [{ id: item.id, existing, incoming: item }];
+    });
+}
+export function insertFeedbackItems(scope, incoming) {
+    const existing = readAllFeedback(scope);
+    const existingIds = new Set(existing.map((item) => item.id));
+    if (incoming.some((item) => existingIds.has(item.id))) {
+        throw new Error(getActiveReportMessages().errors.duplicateIdIncluded);
+    }
+    writeAllFeedback(scope, [...existing, ...incoming]);
+    return {
+        inserted: incoming.length,
+        replaced: 0,
+    };
+}
+export function upsertFeedbackItems(scope, incoming) {
+    const existing = readAllFeedback(scope);
+    const existingIds = new Set(existing.map((item) => item.id));
+    const incomingById = new Map(incoming.map((item) => [item.id, item]));
+    let replaced = 0;
+    let inserted = 0;
+    for (const item of incoming) {
+        if (existingIds.has(item.id)) {
+            replaced += 1;
+        }
+        else {
+            inserted += 1;
+        }
+    }
+    const kept = existing.filter((item) => !incomingById.has(item.id));
+    writeAllFeedback(scope, [...kept, ...incoming]);
+    return {
+        inserted,
+        replaced,
+    };
+}
+export async function copyTextToClipboard(text) {
+    if (typeof navigator !== "undefined" && navigator.clipboard?.writeText) {
+        await navigator.clipboard.writeText(text);
+        return;
+    }
+    const textarea = document.createElement("textarea");
+    textarea.value = text;
+    textarea.style.cssText = "position:fixed;top:0;left:0;width:1px;height:1px;opacity:0;pointer-events:none;";
+    getFileTransferParent().appendChild(textarea);
+    textarea.focus();
+    textarea.select();
+    const copied = document.execCommand("copy");
+    textarea.remove();
+    if (!copied) {
+        throw new Error(getActiveReportMessages().errors.clipboardCopyFailed);
+    }
+}
+export function createFeedbackBackupFilename(projectId, environment, appVersion) {
+    const timestamp = new Date().toISOString().replace(/[:.]/g, "-");
+    const envSuffix = environment ? `-${environment}` : "";
+    const versionSuffix = appVersion ? `-${appVersion}` : "";
+    return `fivepixels-feedback-backup-${projectId}${envSuffix}${versionSuffix}-${timestamp}.json`;
+}
+function isAbortError(error) {
+    return error instanceof DOMException && error.name === "AbortError";
+}
+const SHADOW_HOST_ID = "fivepixels-root";
+const SHADOW_MOUNT_ATTR = "data-fivepixels-mount";
+function getShadowDomMount() {
+    const host = document.getElementById(SHADOW_HOST_ID);
+    const mount = host?.shadowRoot?.querySelector(`[${SHADOW_MOUNT_ATTR}]`);
+    return mount instanceof HTMLElement ? mount : null;
+}
+function getFileTransferParent() {
+    return getShadowDomMount() ?? document.body;
+}
+function downloadFeedbackJsonWithAnchor(filename, json) {
+    const blob = new Blob([json], { type: "application/json" });
+    const url = URL.createObjectURL(blob);
+    const anchor = document.createElement("a");
+    anchor.href = url;
+    anchor.download = filename;
+    anchor.rel = "noopener";
+    getFileTransferParent().appendChild(anchor);
+    anchor.click();
+    anchor.remove();
+    URL.revokeObjectURL(url);
+}
+function pickFeedbackJsonFileWithBodyInput() {
+    return new Promise((resolve) => {
+        const input = document.createElement("input");
+        input.type = "file";
+        input.accept = ".json,application/json";
+        input.multiple = false;
+        input.style.cssText = "position:fixed;top:0;left:0;width:1px;height:1px;opacity:0;pointer-events:none;";
+        const cleanup = () => {
+            input.remove();
+        };
+        input.addEventListener("change", () => {
+            const file = input.files?.[0] ?? null;
+            cleanup();
+            resolve(file);
+        }, { once: true });
+        getFileTransferParent().appendChild(input);
+        input.click();
+    });
+}
+export function pickFeedbackJsonFile() {
+    if (typeof window === "undefined") {
+        return Promise.resolve(null);
+    }
+    const pickerWindow = window;
+    if (typeof pickerWindow.showOpenFilePicker === "function") {
+        return pickerWindow
+            .showOpenFilePicker({
+            multiple: false,
+            types: JSON_FILE_TYPES,
+        })
+            .then(async ([handle]) => handle.getFile())
+            .catch((error) => {
+            if (isAbortError(error)) {
+                return null;
+            }
+            return pickFeedbackJsonFileWithBodyInput();
+        });
+    }
+    return pickFeedbackJsonFileWithBodyInput();
+}
+export function downloadFeedbackJson(filename, project, items) {
+    if (typeof window === "undefined") {
+        return Promise.resolve("failed");
+    }
+    const json = serializeFeedbackExport(project, items);
+    const pickerWindow = window;
+    if (typeof pickerWindow.showSaveFilePicker === "function") {
+        return pickerWindow
+            .showSaveFilePicker({
+            suggestedName: filename,
+            types: JSON_FILE_TYPES,
+        })
+            .then(async (handle) => {
+            const writable = await handle.createWritable();
+            await writable.write(json);
+            await writable.close();
+            return "saved";
+        })
+            .catch((error) => {
+            if (isAbortError(error)) {
+                return "cancelled";
+            }
+            try {
+                downloadFeedbackJsonWithAnchor(filename, json);
+                return "downloaded";
+            }
+            catch {
+                return "failed";
+            }
+        });
+    }
+    try {
+        downloadFeedbackJsonWithAnchor(filename, json);
+        return Promise.resolve("downloaded");
+    }
+    catch {
+        return Promise.resolve("failed");
+    }
+}
+export async function readFeedbackJsonFile(file) {
+    const raw = await file.text();
+    return parseFeedbackImportJson(raw);
+}
+//# sourceMappingURL=feedbackDataTransfer.js.map