@replohq/sandbox-runtime 1.7.9 → 1.7.11

package/select-mode/iframeRpcChannel.d.ts

@@ -337,6 +337,28 @@ export declare function getSelectModeIframeRpcChannel(): import("../_vendor/sche
         }, import("zod/v4/core").$strip>;
         outputSchema: import("zod").ZodVoid;
     };
+    inlineEditFeedbackChanged: {
+        inputSchema: import("zod").ZodObject<{
+            feedback: import("zod").ZodNullable<import("zod").ZodObject<{
+                status: import("zod").ZodEnum<{
+                    unavailable: "unavailable";
+                    pending: "pending";
+                    failed: "failed";
+                }>;
+                rect: import("zod").ZodObject<{
+                    x: import("zod").ZodNumber;
+                    y: import("zod").ZodNumber;
+                    left: import("zod").ZodNumber;
+                    top: import("zod").ZodNumber;
+                    right: import("zod").ZodNumber;
+                    bottom: import("zod").ZodNumber;
+                    width: import("zod").ZodNumber;
+                    height: import("zod").ZodNumber;
+                }, import("zod/v4/core").$strip>;
+            }, import("zod/v4/core").$strip>>;
+        }, import("zod/v4/core").$strip>;
+        outputSchema: import("zod").ZodVoid;
+    };
     editorStateUpdate: {
         inputSchema: import("zod").ZodObject<{
             activeMarks: import("zod").ZodObject<{
@@ -345,7 +367,8 @@ export declare function getSelectModeIframeRpcChannel(): import("../_vendor/sche
                 underline: import("zod").ZodBoolean;
                 strike: import("zod").ZodBoolean;
             }, import("zod/v4/core").$strip>;
-            isEditing: import("zod").ZodBoolean;
+            isInlineEditing: import("zod").ZodBoolean;
+            isInlineEditPending: import("zod").ZodBoolean;
         }, import("zod/v4/core").$strip>;
         outputSchema: import("zod").ZodVoid;
     };

package/select-mode/inlineEditFeedback.d.ts

@@ -0,0 +1,6 @@
+import type { InlineEditFeedback } from "../_vendor/schemas/generated/selectModeIframeRpc";
+export declare function reportInlineEditFeedback({ element, onDisconnected, status, }: {
+    element: HTMLElement;
+    onDisconnected: () => void;
+    status?: InlineEditFeedback["status"];
+}): () => void;

package/select-mode/inlineEditFeedback.js

@@ -0,0 +1,47 @@
+import { getWebsiteBuilderRpc } from "./iframeRpcChannel";
+function reportInlineEditFeedback({
+  element,
+  onDisconnected,
+  status = "pending"
+}) {
+  let animationFrame = 0;
+  let stopped = false;
+  let previousRect = "";
+  const report = () => {
+    if (stopped) return;
+    if (!element.isConnected) {
+      onDisconnected();
+      return;
+    }
+    const bounds = element.getBoundingClientRect();
+    const rect = {
+      x: bounds.x,
+      y: bounds.y,
+      top: bounds.top,
+      right: bounds.right,
+      bottom: bounds.bottom,
+      left: bounds.left,
+      width: bounds.width,
+      height: bounds.height
+    };
+    const serializedRect = JSON.stringify(rect);
+    if (serializedRect !== previousRect) {
+      previousRect = serializedRect;
+      getWebsiteBuilderRpc()?.inlineEditFeedbackChanged({
+        feedback: { status, rect }
+      });
+    }
+    animationFrame = requestAnimationFrame(report);
+  };
+  const timer = status === "pending" ? window.setTimeout(report, 150) : null;
+  if (status !== "pending") report();
+  return () => {
+    stopped = true;
+    if (timer !== null) clearTimeout(timer);
+    cancelAnimationFrame(animationFrame);
+    getWebsiteBuilderRpc()?.inlineEditFeedbackChanged({ feedback: null });
+  };
+}
+export {
+  reportInlineEditFeedback
+};

package/select-mode/isTextEditableElement.d.ts

@@ -0,0 +1 @@
+export declare function isTextEditableElement(element: Element): element is HTMLElement;

package/select-mode/isTextEditableElement.js

@@ -0,0 +1,15 @@
+function isTextEditableElement(element) {
+  const tagName = element.tagName.toLowerCase();
+  return element instanceof HTMLElement && Boolean(element.textContent?.trim()) && ![
+    "input",
+    "textarea",
+    "select",
+    "option",
+    "img",
+    "video",
+    "canvas"
+  ].includes(tagName);
+}
+export {
+  isTextEditableElement
+};

package/select-mode/selectModeStore.d.ts

@@ -0,0 +1,160 @@
+import type { DisplayMode, SelectableData, SelectModeBoundingRect, SelectModeFormatCommand, SelectModeSelectionType } from "../_vendor/schemas/generated/selectMode";
+import type { InlineEditFeedback } from "../_vendor/schemas/generated/selectModeIframeRpc";
+import type { DragCandidate } from "./interactions/selectionGeometry";
+import type { SelectionFrameSpec } from "./selectionFrame";
+import type { SelectModeInteractionSession } from "./selectModeSession";
+import type { InlineTiptapEditor } from "./tiptapInlineEditor";
+export type ActiveMarks = {
+    bold: boolean;
+    italic: boolean;
+    underline: boolean;
+    strike: boolean;
+};
+export declare const EMPTY_ACTIVE_MARKS: ActiveMarks;
+type InlineEditRequest = {
+    status: "pending";
+    editId: string;
+    element: HTMLElement;
+    timeout: number;
+    stopFeedback: () => void;
+} | {
+    status: Exclude<InlineEditFeedback["status"], "pending">;
+    element: HTMLElement;
+    stopFeedback: () => void;
+};
+type LastClick = {
+    descriptorPromise: Promise<SelectableData>;
+    target: Element;
+    time: number;
+};
+interface SelectModeStoreState {
+    displayMode: DisplayMode;
+    interactionSession: SelectModeInteractionSession;
+    selectionFrames: SelectionFrameSpec[];
+    isSelectionFrameEditing: boolean;
+    lastPointerClientPosition: {
+        x: number;
+        y: number;
+    } | null;
+    lastPostedHoverRect: SelectModeBoundingRect | null | undefined;
+    hoverSyncAnimationFrameId: number | null;
+    lastClick: LastClick | null;
+    dragCandidates: DragCandidate[];
+    committedSelectionAtPointerDown: Element[];
+    dragAnimationFrameId: number | null;
+    editingPointerIds: Set<number>;
+    scrollSyncAnimationFrameId: number | null;
+    inlineEditRequest: InlineEditRequest | null;
+    editor: InlineTiptapEditor | null;
+    editingElement: HTMLElement | null;
+    editId: string | null;
+    originalInnerHTML: string | null;
+    initialHTML: string | null;
+    isCommitting: boolean;
+    beginEditingAt: number;
+    activeMarks: ActiveMarks;
+    actions: {
+        reset: () => void;
+        setDisplayMode: (displayMode: DisplayMode) => void;
+        setSelectionType: ({ selectionType, selectors, }: {
+            selectionType: SelectModeSelectionType;
+            selectors?: string[];
+        }) => void;
+        setInteractionSession: (interactionSession: SelectModeInteractionSession) => void;
+        resetInteractionSession: () => void;
+        postSelectedElementSnapshot: (options?: {
+            clearMissing?: boolean;
+        }) => boolean;
+        showElementSelectionFrames: ({ elements, scrollOffset, }: {
+            elements: Element[];
+            scrollOffset: {
+                left: number;
+                top: number;
+            };
+        }) => void;
+        showAreaSelectionFrames: ({ elements, scrollOffset, }: {
+            elements: Element[];
+            scrollOffset: {
+                left: number;
+                top: number;
+            };
+        }) => void;
+        hideSelectionFrames: () => void;
+        setLastPointerClientPosition: (position: {
+            x: number;
+            y: number;
+        } | null) => void;
+        setLastPostedHoverRect: (rect: SelectModeBoundingRect | null | undefined) => void;
+        resetHoverRectDedup: () => void;
+        setHoverSyncAnimationFrameId: (id: number | null) => void;
+        setLastClick: (lastClick: LastClick | null) => void;
+        setDragCandidates: (dragCandidates: DragCandidate[]) => void;
+        setCommittedSelectionAtPointerDown: (elements: Element[]) => void;
+        setDragAnimationFrameId: (id: number | null) => void;
+        setScrollSyncAnimationFrameId: (id: number | null) => void;
+        beginEditing: ({ element, descriptorPromise, }: {
+            element: Element;
+            descriptorPromise: Promise<SelectableData>;
+        }) => void;
+        commitInlineEdit: () => void;
+        revertInlineEdit: () => void;
+        formatCommand: (command: SelectModeFormatCommand) => void;
+        dismissInlineEditRequest: () => void;
+    };
+}
+export declare const selectModeStore: import("zustand/traditional").UseBoundStoreWithEqualityFn<import("zustand").StoreApi<SelectModeStoreState>>;
+export declare function useSelectModeStore(): import("zustand/traditional").UseBoundStoreWithEqualityFn<import("zustand").StoreApi<SelectModeStoreState>>;
+export declare const useSelectModeStoreActions: () => {
+    reset: () => void;
+    setDisplayMode: (displayMode: DisplayMode) => void;
+    setSelectionType: ({ selectionType, selectors, }: {
+        selectionType: SelectModeSelectionType;
+        selectors?: string[];
+    }) => void;
+    setInteractionSession: (interactionSession: SelectModeInteractionSession) => void;
+    resetInteractionSession: () => void;
+    postSelectedElementSnapshot: (options?: {
+        clearMissing?: boolean;
+    }) => boolean;
+    showElementSelectionFrames: ({ elements, scrollOffset, }: {
+        elements: Element[];
+        scrollOffset: {
+            left: number;
+            top: number;
+        };
+    }) => void;
+    showAreaSelectionFrames: ({ elements, scrollOffset, }: {
+        elements: Element[];
+        scrollOffset: {
+            left: number;
+            top: number;
+        };
+    }) => void;
+    hideSelectionFrames: () => void;
+    setLastPointerClientPosition: (position: {
+        x: number;
+        y: number;
+    } | null) => void;
+    setLastPostedHoverRect: (rect: SelectModeBoundingRect | null | undefined) => void;
+    resetHoverRectDedup: () => void;
+    setHoverSyncAnimationFrameId: (id: number | null) => void;
+    setLastClick: (lastClick: LastClick | null) => void;
+    setDragCandidates: (dragCandidates: DragCandidate[]) => void;
+    setCommittedSelectionAtPointerDown: (elements: Element[]) => void;
+    setDragAnimationFrameId: (id: number | null) => void;
+    setScrollSyncAnimationFrameId: (id: number | null) => void;
+    beginEditing: ({ element, descriptorPromise, }: {
+        element: Element;
+        descriptorPromise: Promise<SelectableData>;
+    }) => void;
+    commitInlineEdit: () => void;
+    revertInlineEdit: () => void;
+    formatCommand: (command: SelectModeFormatCommand) => void;
+    dismissInlineEditRequest: () => void;
+};
+export declare const useDisplayMode: () => DisplayMode;
+export declare const useSelectionFrames: () => SelectionFrameSpec[];
+export declare const useIsSelectionFrameEditing: () => boolean;
+export declare const useEditingElement: () => HTMLElement | null;
+export declare const useInteractionSession: () => SelectModeInteractionSession;
+export {};