@parhelia/core 0.1.10745

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

@@ -0,0 +1,289 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { useEditContext } from "../client/editContext";
+import { getAllPlaceholders } from "../componentTreeHelper";
+import { findComponentRect } from "../utils";
+import { PlaceholderDropZone } from "./PlaceholderDropZone";
+export function PlaceholderDropZones({ scale, iframe, size, }) {
+    const [placeholders, setPlaceholders] = useState([]);
+    const editContext = useEditContext();
+    const pageViewContext = editContext?.pageView;
+    useEffect(() => {
+        if (!pageViewContext?.page)
+            return;
+        setPlaceholders(getAllPlaceholders(pageViewContext.page));
+    }, [pageViewContext?.page]);
+    if (!pageViewContext ||
+        (!editContext?.dragObject &&
+            !editContext?.selectedForInsertion &&
+            !editContext?.insertMode) ||
+        !placeholders)
+        return null;
+    const showAllDueToInsertMode = !!editContext?.insertMode &&
+        !editContext?.dragObject &&
+        !editContext?.selectedForInsertion;
+    const matchingPlaceholders = (showAllDueToInsertMode ? placeholders : placeholders)
+        // When layout components are hidden/disabled, exclude placeholders inside layout components
+        .filter((x) => editContext?.showLayoutComponents === true ||
+        !isInsideLayoutComponent(x.parentComponent))
+        .filter((x) => 
+    // Only include editable placeholders
+    x.editable &&
+        (showAllDueToInsertMode ||
+            x.parentComponent?.id === editContext.selectedForInsertion ||
+            x.insertOptions?.find((y) => y.typeId === editContext.selectedForInsertion ||
+                y.typeId === editContext.dragObject?.typeId ||
+                y.typeId === editContext.dragObject?.templateId ||
+                y.compatibleTypeIds?.find((z) => z == editContext.dragObject?.typeId) !== undefined ||
+                y.typeId === editContext.dragObject?.templateId ||
+                y.compatibleTypeIds?.find((z) => z == editContext.dragObject?.templateId) !== undefined)));
+    if (!iframe)
+        return;
+    const zones = [];
+    const scrollHeight = editContext.pageView.editorIframe?.contentWindow?.document.documentElement
+        .scrollHeight || 0;
+    matchingPlaceholders.forEach((placeholder) => {
+        let placeholderElement = iframe.contentWindow?.document.body.querySelector("[data-placeholder-start='" + placeholder.key + "']");
+        let isUsingParentBounds = false;
+        if (!placeholderElement && placeholder.components.length > 0) {
+            placeholderElement = placeholder.components[0]?.firstDOMElement;
+        }
+        // For empty placeholders, use parent component bounds as last resort
+        if (!placeholderElement && placeholder.parentComponent) {
+            placeholderElement = placeholder.parentComponent.firstDOMElement;
+            isUsingParentBounds = true;
+        }
+        if (!placeholderElement)
+            return;
+        const zoom = pageViewContext.zoom;
+        let position;
+        let anchor = "top";
+        let index = 0;
+        const description = placeholderElement.getAttribute("data-description");
+        let referenceElement;
+        let orientation = null;
+        // Special handling for empty placeholders using parent bounds
+        if (isUsingParentBounds) {
+            const rect = placeholderElement.getBoundingClientRect();
+            // Center the drop zone in the middle of the parent
+            position = {
+                x: (rect.x + rect.width / 2) * zoom,
+                y: (rect.y + rect.height / 2) * zoom,
+            };
+            anchor = "top"; // Default anchor for centered position
+            referenceElement = placeholderElement;
+            orientation = "vertical"; // Default for centered placeholders
+        }
+        else {
+            // Original positioning logic for normal placeholders
+            const prev = getPreviousElement(placeholderElement);
+            const nextOrParent = getNextElement(placeholderElement) || placeholderElement.parentElement;
+            orientation = placeholderElement?.getAttribute("data-orientation");
+            if (!orientation)
+                orientation = detectOrientation(placeholderElement, placeholder.components);
+            const rect = (prev ?? nextOrParent).getBoundingClientRect();
+            position =
+                orientation === "horizontal"
+                    ? {
+                        x: (prev ? rect.x + rect.width : rect.x) * zoom,
+                        y: (rect.y + rect.height / 2) * zoom,
+                    }
+                    : {
+                        x: (rect.x + rect.width / 2) * zoom,
+                        y: (prev ? rect.y + rect.height : rect.y) * zoom,
+                    };
+            if (prev && orientation === "horizontal") {
+                anchor = "right";
+            }
+            if (prev && orientation !== "horizontal") {
+                anchor = "bottom";
+            }
+            if (!prev && orientation === "horizontal") {
+                anchor = "left";
+            }
+            if (!prev && orientation !== "horizontal") {
+                anchor = "top";
+            }
+            referenceElement = prev ?? nextOrParent;
+        }
+        zones.push({
+            placeholder,
+            position,
+            index,
+            element: referenceElement,
+            anchor,
+            description,
+        });
+        placeholder.components.forEach((component) => {
+            const componentRect = findComponentRect(iframe, component);
+            if (!componentRect)
+                return;
+            const position = getPositionFromRect(componentRect.rect, pageViewContext.zoom, orientation);
+            index++;
+            zones.push({
+                placeholder,
+                position,
+                index,
+                anchor: orientation === "horizontal" ? "right" : "bottom",
+                element: componentRect.elements[componentRect.elements.length - 1],
+            });
+        });
+        //   let nextElement = placeholderElement?.nextElementSibling;
+        //   while (nextElement) {
+        //     nextElement = nextElement?.nextElementSibling;
+        //     if (nextElement) {
+        //       if (
+        //         nextElement.getAttribute("data-placeholder-end") === placeholder.key
+        //       ) {
+        //         break;
+        //       }
+        //       if (nextElement.getAttribute("data-component-end")) {
+        //         const componentRect = findComponentRect(
+        //           iframe,
+        //           (nextElement.getAttribute("data-component-end") ||
+        //             nextElement.getAttribute("data-dropzone"))!,
+        //         );
+        //         if (!componentRect) continue;
+        //         const position = getPositionFromRect(
+        //           componentRect.rect,
+        //           pageViewContext.zoom,
+        //           orientation,
+        //         );
+        //         index++;
+        //         zones.push({
+        //           placeholder,
+        //           position,
+        //           index,
+        //           anchor: orientation === "horizontal" ? "right" : "bottom",
+        //           element: componentRect.elements[componentRect.elements.length - 1]!,
+        //         });
+        //       } else if (nextElement.getAttribute("data-dropzone")) {
+        //         const rect = nextElement.getBoundingClientRect();
+        //         const position = getPositionFromRect(rect, pageViewContext.zoom);
+        //         index++;
+        //         zones.push({
+        //           placeholder,
+        //           position,
+        //           index,
+        //           anchor: orientation === "horizontal" ? "left" : "top",
+        //           element: nextElement,
+        //         });
+        //       }
+        //     }
+        //   }
+    });
+    // Always hide zones before the first layout component in a placeholder
+    const zonesWithoutBeforeFirstLayout = zones.filter((z) => {
+        const components = z.placeholder.components;
+        const firstLayoutIndex = components.findIndex((c) => !!c.layoutId);
+        if (firstLayoutIndex >= 0 && z.index <= firstLayoutIndex) {
+            return false;
+        }
+        return true;
+    });
+    // When layout components are hidden, remove zones that are between two layout components
+    const filteredZones = editContext?.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;
+    return filteredZones.map((zone, index) => {
+        const x = Math.min(pageViewContext.viewport.width - 20, Math.max(20, zone.position.x * (scale || 1)));
+        const y = Math.min(scrollHeight - 20, Math.max(20 - pageViewContext.scroll, zone.position.y * (scale || 1)));
+        const components = zone.placeholder.components;
+        const prevComponent = zone.index >= 1 ? components[zone.index - 1] : null;
+        const nextComponent = zone.index < components.length ? components[zone.index] : null;
+        const isAdjacentToLayout = !!prevComponent?.layoutId || !!nextComponent?.layoutId;
+        const isInsideLayout = isInsideLayoutComponent(zone.placeholder.parentComponent);
+        const isLayoutZone = isInsideLayout || isAdjacentToLayout;
+        return (_jsx(PlaceholderDropZone, { placeholder: zone.placeholder, spotPosition: {
+                x,
+                y,
+            }, index: zone.index, size: size, spotPositionElement: zone.element, spotPositionAnchor: zone.anchor, parentName: zone.placeholder.parentComponent?.name, description: zone.description || undefined, isLayoutZone: isLayoutZone }, index));
+    });
+}
+function getPreviousElement(element) {
+    let prev = element.previousElementSibling;
+    while (prev && prev.tagName === "SCRIPT") {
+        prev = prev.previousElementSibling;
+    }
+    return prev;
+}
+function getNextElement(element) {
+    let next = element.nextElementSibling;
+    while (next && next.tagName === "SCRIPT") {
+        next = next.nextElementSibling;
+    }
+    return next;
+}
+function getPositionFromRect(rect, zoom, orientation) {
+    const position = orientation === "horizontal"
+        ? {
+            x: rect.x + rect.width * zoom,
+            y: (rect.y + rect.height / 2) * zoom,
+        }
+        : {
+            x: (rect.x + rect.width / 2) * zoom,
+            y: rect.y + rect.height * zoom,
+        };
+    return position;
+}
+function detectOrientation(placeholderElement, components) {
+    // Check parent element for flex/grid direction
+    const parentElement = placeholderElement.parentElement;
+    if (parentElement) {
+        const parentStyle = window.getComputedStyle(parentElement);
+        const display = parentStyle.getPropertyValue("display");
+        // Check for flex direction
+        if (display === "flex" || display === "inline-flex") {
+            const flexDirection = parentStyle.getPropertyValue("flex-direction");
+            if (flexDirection === "row" || flexDirection === "row-reverse") {
+                return "horizontal";
+            }
+            if (flexDirection === "column" || flexDirection === "column-reverse") {
+                return "vertical";
+            }
+        }
+        // Check for grid layout
+        if (display === "grid" || display === "inline-grid") {
+            const gridAutoFlow = parentStyle.getPropertyValue("grid-auto-flow");
+            if (gridAutoFlow.includes("column")) {
+                return "horizontal";
+            }
+            if (gridAutoFlow.includes("row")) {
+                return "vertical";
+            }
+        }
+    }
+    // Analyze sibling positions if available
+    if (components.length > 1) {
+        const prevRect = components[0]?.firstDOMElement?.getBoundingClientRect();
+        const nextRect = components[1]?.firstDOMElement?.getBoundingClientRect();
+        if (!prevRect || !nextRect)
+            return "horizontal";
+        // Compare the position differences
+        const horizontalDiff = Math.abs(nextRect.x - prevRect.x);
+        const verticalDiff = Math.abs(nextRect.y - prevRect.y);
+        // If horizontal difference is greater, it's likely a horizontal layout
+        return horizontalDiff > verticalDiff ? "horizontal" : "vertical";
+    }
+    // Default to vertical if we can't determine
+    return "vertical";
+}
+function isInsideLayoutComponent(component) {
+    let current = component;
+    while (current) {
+        if (current.layoutId)
+            return true;
+        current = current.parentPlaceholder?.parentComponent;
+    }
+    return false;
+}
+//# sourceMappingURL=PlaceholderDropZones.js.map

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

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

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

@@ -0,0 +1,6 @@
+import { SuggestedEdit } from "../../types";
+export declare function SuggestionHighlighting({ suggestion, scale, iframe, }: {
+    suggestion: SuggestedEdit;
+    scale: number;
+    iframe: HTMLIFrameElement;
+}): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,224 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEditContext, useFieldsEditContext } from "../client/editContext";
+import { findFieldElement } from "../utils";
+import { useState } from "react";
+import { useEffect } from "react";
+import { cn } from "../../lib/utils";
+import { Lightbulb } from "lucide-react";
+import * as DiffLib from "diff";
+import { SuggestionDisplayPopover } from "../reviews/SuggestionDisplayPopover";
+export function SuggestionHighlighting({ suggestion, scale, iframe, }) {
+    const editContext = useEditContext();
+    const modifiedFields = useFieldsEditContext();
+    const [ranges, setRanges] = useState([]);
+    const [textContent, setTextContent] = useState("");
+    useEffect(() => {
+        const findRanges = async () => {
+            if (!editContext)
+                return;
+            const field = await editContext.itemsRepository.getField({
+                item: {
+                    id: suggestion.itemId,
+                    language: suggestion.mainItemLanguage,
+                    version: suggestion.mainItemVersion,
+                },
+                fieldId: suggestion.fieldId,
+            });
+            const modifiedField = modifiedFields?.modifiedFields.find((x) => x.fieldId === field?.id &&
+                x.item.id === suggestion.itemId &&
+                x.item.language === suggestion.mainItemLanguage &&
+                x.item.version === suggestion.mainItemVersion);
+            // Calculate the actual differences between oldValue and newValue
+            const oldValue = suggestion.oldValue || field?.rawValue || "";
+            const newValue = modifiedField?.value || suggestion.newValue || "";
+            // If values are identical, no need to highlight
+            if (oldValue === newValue) {
+                setRanges([]);
+                return;
+            }
+            // Save oldValue for use in the component
+            setTextContent(oldValue);
+            // Use the diff library to find the changed parts - using diffChars for more precise matching
+            const diffResult = DiffLib.diffChars(oldValue, newValue);
+            const changeRanges = [];
+            let positionInOld = 0;
+            // Process the diff result to find all change ranges
+            for (const part of diffResult) {
+                if (part.removed) {
+                    // If a part is removed, highlight it in the original text
+                    changeRanges.push([positionInOld, positionInOld + part.value.length]);
+                    positionInOld += part.value.length;
+                }
+                else if (part.added) {
+                    // For added parts, mark the insertion point
+                    if (changeRanges.length > 0) {
+                        const lastRange = changeRanges[changeRanges.length - 1];
+                        if (lastRange && lastRange[1] === positionInOld) {
+                            // If this addition comes right after a removal, the previous range already covers the position
+                            continue;
+                        }
+                    }
+                    // Mark the insertion point for new content
+                    changeRanges.push([positionInOld, positionInOld]);
+                }
+                else {
+                    // Unchanged part, just advance the position
+                    positionInOld += part.value.length;
+                }
+            }
+            // Merge adjacent or overlapping ranges
+            const mergedRanges = [];
+            if (changeRanges.length > 0) {
+                changeRanges.sort((a, b) => a[0] - b[0]);
+                // Start with the first range
+                const firstRange = changeRanges[0];
+                if (!firstRange) {
+                    setRanges([]);
+                    return;
+                }
+                let currentRange = [...firstRange];
+                // Process the rest of the ranges
+                for (let i = 1; i < changeRanges.length; i++) {
+                    const nextRange = changeRanges[i];
+                    // Skip undefined ranges
+                    if (!nextRange)
+                        continue;
+                    // If the next range starts very close to the end of the current range, merge them
+                    if (nextRange[0] <= currentRange[1] + 3) {
+                        // Allow slightly larger gaps (3 chars) for better highlighting
+                        // Extend the current range
+                        currentRange[1] = Math.max(currentRange[1], nextRange[1]);
+                    }
+                    else {
+                        // Save the current range and start a new one
+                        mergedRanges.push([currentRange[0], currentRange[1]]);
+                        currentRange = [...nextRange];
+                    }
+                }
+                // Add the last range
+                mergedRanges.push([currentRange[0], currentRange[1]]);
+            }
+            // Set ranges to highlight the changed parts
+            setRanges(mergedRanges);
+        };
+        findRanges();
+    }, [editContext, modifiedFields?.modifiedFields, suggestion]);
+    if (!editContext)
+        return null;
+    if (!suggestion.fieldId)
+        return null;
+    const fieldElement = findFieldElement(iframe, {
+        item: {
+            id: suggestion.itemId,
+            language: suggestion.mainItemLanguage,
+            version: suggestion.mainItemVersion,
+        },
+        fieldId: suggestion.fieldId,
+    });
+    if (!fieldElement)
+        return null;
+    // Process each range and collect all DOM rectangles
+    const allRects = [];
+    ranges.forEach((range) => {
+        if (range[0] !== undefined && range[1] !== undefined) {
+            // For insertion points (zero-length ranges), expand to include at least one character
+            // to make it visible
+            const start = range[0];
+            const end = range[0] === range[1]
+                ? Math.min(range[0] + 1, textContent.length)
+                : range[1];
+            if (start < end) {
+                const startData = getTextNodeAtPosition(fieldElement, start);
+                const endData = getTextNodeAtPosition(fieldElement, end);
+                if (startData && endData) {
+                    try {
+                        const textRange = document.createRange();
+                        textRange.setStart(startData.node, startData.offset);
+                        textRange.setEnd(endData.node, endData.offset);
+                        const rangeRects = textRange.getClientRects();
+                        // Convert DOMRectList to Array
+                        for (let i = 0; i < rangeRects.length; i++) {
+                            const rect = rangeRects[i];
+                            if (rect) {
+                                allRects.push(rect);
+                            }
+                        }
+                    }
+                    catch (e) {
+                        console.error("Error creating range", e);
+                    }
+                }
+            }
+        }
+    });
+    // If no rects were found, fall back to highlighting the entire field
+    if (allRects.length === 0 && ranges.length > 0) {
+        const fallbackRect = fieldElement.getBoundingClientRect();
+        allRects.push(fallbackRect);
+    }
+    const iframeRect = iframe.getBoundingClientRect();
+    return (_jsx(_Fragment, { children: allRects.map((rect, index) => (_jsx("div", { style: {
+                position: "absolute",
+                top: rect.top * scale,
+                left: rect.left * scale,
+                width: rect.width * scale,
+                height: rect.height * scale,
+                pointerEvents: "none",
+            }, children: index === 0 && (_jsx(SuggestionDisplayPopover, { suggestion: suggestion, onSuggestionUpdated: () => {
+                    // The suggestion updates will be reflected when the component re-renders
+                    // with the updated suggestedEdits from the edit context
+                }, children: _jsx("div", { className: cn("pointer-events-auto absolute h-5 w-5 cursor-pointer", rect.top * scale < 18 ? "top-0" : "top-[-18px]", (rect.left + rect.width) * scale > iframeRect.width - 18
+                        ? "right-0"
+                        : "right-[-18px]"), onClick: () => {
+                        editContext.select([suggestion.itemId]);
+                        const fieldsContext = modifiedFields; // alias to use setter
+                        fieldsContext?.setFocusedField({
+                            item: {
+                                id: suggestion.itemId,
+                                language: suggestion.mainItemLanguage,
+                                version: suggestion.mainItemVersion,
+                            },
+                            fieldId: suggestion.fieldId,
+                        }, true);
+                    }, children: _jsx(Lightbulb, { className: "rounded-full bg-emerald-400/70 p-1.5 text-white", size: 24, strokeWidth: 3 }) }) })) }, index))) }));
+}
+// Improved function to find text node at a given character position
+function getTextNodeAtPosition(root, targetOffset) {
+    // Handle edge cases
+    if (targetOffset < 0)
+        return null;
+    // Get all text nodes in order
+    const textNodes = [];
+    const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, null);
+    let node;
+    while ((node = walker.nextNode())) {
+        if (node)
+            textNodes.push(node);
+    }
+    let currentOffset = 0;
+    // Walk through all text nodes to find the one containing our target position
+    for (const node of textNodes) {
+        const nodeLength = node.textContent?.length || 0;
+        // If this node contains our target position
+        if (currentOffset + nodeLength >= targetOffset) {
+            return {
+                node: node,
+                offset: targetOffset - currentOffset,
+            };
+        }
+        currentOffset += nodeLength;
+    }
+    // If we've gone through all nodes and haven't found the position
+    // Return the last position in the last text node
+    if (textNodes.length > 0) {
+        const lastNode = textNodes[textNodes.length - 1];
+        if (lastNode) {
+            return {
+                node: lastNode,
+                offset: lastNode.textContent?.length || 0,
+            };
+        }
+    }
+    return null;
+}
+//# sourceMappingURL=SuggestionHighlighting.js.map

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

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

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

@@ -0,0 +1,4 @@
+export declare function SuggestionHighlightings({ scale, iframe, }: {
+    scale: number;
+    iframe: HTMLIFrameElement;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,16 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { useEditContext } from "../client/editContext";
+import { SuggestionHighlighting } from "./SuggestionHighlighting";
+export function SuggestionHighlightings({ scale, iframe, }) {
+    const editContext = useEditContext();
+    const [suggestions, setSuggestions] = useState([]);
+    useEffect(() => {
+        setSuggestions(editContext?.suggestedEdits.filter((x) => x.status === "pending") || []);
+    }, [editContext?.comments, editContext?.suggestedEdits]);
+    return (_jsx(_Fragment, { children: editContext?.showSuggestedEdits &&
+            suggestions
+                .filter((x) => x.status !== "applied" && x.status !== "rejected")
+                .map((suggestion) => (_jsx(SuggestionHighlighting, { iframe: iframe, scale: scale, suggestion: suggestion }, suggestion.id))) }));
+}
+//# sourceMappingURL=SuggestionHighlightings.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SuggestionHighlightings.js","sourceRoot":"","sources":["../../../src/editor/page-editor-chrome/SuggestionHighlightings.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAIlE,MAAM,UAAU,uBAAuB,CAAC,EACtC,KAAK,EACL,MAAM,GAIP;IACC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAkB,EAAE,CAAC,CAAC;IAEpE,SAAS,CAAC,GAAG,EAAE;QACb,cAAc,CACZ,WAAW,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,SAAS,CAAC,IAAI,EAAE,CACxE,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,cAAc,CAAC,CAAC,CAAC;IAEzD,OAAO,CACL,4BACG,WAAW,EAAE,kBAAkB;YAC9B,WAAW;iBACR,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,SAAS,IAAI,CAAC,CAAC,MAAM,KAAK,UAAU,CAAC;iBAChE,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CACnB,KAAC,sBAAsB,IACrB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EAEZ,UAAU,EAAE,UAAU,IADjB,UAAU,CAAC,EAAE,CAElB,CACH,CAAC,GACL,CACJ,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,7 @@
+import { MutableRefObject } from "react";
+import { PageViewContext } from "../page-viewer/pageViewContext";
+export declare function useInlineAiCompletion({ pageViewContext, cursorSpanId, isUpdatingRef, }: {
+    pageViewContext: PageViewContext;
+    cursorSpanId: string;
+    isUpdatingRef: MutableRefObject<boolean>;
+}): () => void;