@replohq/sandbox-runtime 1.17.0 → 1.18.1

package/_vendor/schemas/previewHealthIframeRpc.d.ts

@@ -0,0 +1,159 @@
+import * as z from "zod";
+export declare const PREVIEW_HEALTH_IFRAME_RPC_CHANNEL_ID: "replo:preview-health-iframe-rpc";
+export declare const PREVIEW_HEALTH_IFRAME_RPC_CHANNEL_VERSION: 1;
+export declare const previewErrorDetailSchema: z.ZodObject<{
+    message: z.ZodString;
+    name: z.ZodNullable<z.ZodString>;
+    stack: z.ZodNullable<z.ZodString>;
+    componentStack: z.ZodNullable<z.ZodString>;
+    digest: z.ZodNullable<z.ZodString>;
+}, z.core.$strip>;
+export declare const previewHealthSchema: z.ZodDiscriminatedUnion<[z.ZodObject<{
+    status: z.ZodLiteral<"ok">;
+}, z.core.$strip>, z.ZodObject<{
+    status: z.ZodLiteral<"error">;
+    source: z.ZodEnum<{
+        boundary: "boundary";
+        root: "root";
+        build: "build";
+    }>;
+    error: z.ZodObject<{
+        message: z.ZodString;
+        name: z.ZodNullable<z.ZodString>;
+        stack: z.ZodNullable<z.ZodString>;
+        componentStack: z.ZodNullable<z.ZodString>;
+        digest: z.ZodNullable<z.ZodString>;
+    }, z.core.$strip>;
+}, z.core.$strip>], "status">;
+declare const previewStatusReportSchema: z.ZodObject<{
+    route: z.ZodString;
+    documentId: z.ZodString;
+    seq: z.ZodNumber;
+    health: z.ZodDiscriminatedUnion<[z.ZodObject<{
+        status: z.ZodLiteral<"ok">;
+    }, z.core.$strip>, z.ZodObject<{
+        status: z.ZodLiteral<"error">;
+        source: z.ZodEnum<{
+            boundary: "boundary";
+            root: "root";
+            build: "build";
+        }>;
+        error: z.ZodObject<{
+            message: z.ZodString;
+            name: z.ZodNullable<z.ZodString>;
+            stack: z.ZodNullable<z.ZodString>;
+            componentStack: z.ZodNullable<z.ZodString>;
+            digest: z.ZodNullable<z.ZodString>;
+        }, z.core.$strip>;
+    }, z.core.$strip>], "status">;
+}, z.core.$strip>;
+declare const previewDiagnosticReportSchema: z.ZodObject<{
+    route: z.ZodString;
+    documentId: z.ZodString;
+    diagnostic: z.ZodObject<{
+        origin: z.ZodEnum<{
+            boundary: "boundary";
+            root: "root";
+            build: "build";
+            runtime: "runtime";
+            recoverable: "recoverable";
+            console: "console";
+            rejection: "rejection";
+        }>;
+        impact: z.ZodEnum<{
+            unknown: "unknown";
+            page: "page";
+        }>;
+        error: z.ZodObject<{
+            message: z.ZodString;
+            name: z.ZodNullable<z.ZodString>;
+            stack: z.ZodNullable<z.ZodString>;
+            componentStack: z.ZodNullable<z.ZodString>;
+            digest: z.ZodNullable<z.ZodString>;
+        }, z.core.$strip>;
+        at: z.ZodNumber;
+    }, z.core.$strip>;
+}, z.core.$strip>;
+export type PreviewErrorDetail = z.infer<typeof previewErrorDetailSchema>;
+export type PreviewHealth = z.infer<typeof previewHealthSchema>;
+export type PreviewStatusReport = z.infer<typeof previewStatusReportSchema>;
+export type PreviewDiagnosticReport = z.infer<typeof previewDiagnosticReportSchema>;
+export declare const previewHealthToEditorMethodConfig: {
+    documentArrived: {
+        inputSchema: z.ZodObject<{
+            route: z.ZodString;
+        }, z.core.$strip>;
+        outputSchema: z.ZodVoid;
+    };
+    statusChanged: {
+        inputSchema: z.ZodObject<{
+            route: z.ZodString;
+            documentId: z.ZodString;
+            seq: z.ZodNumber;
+            health: z.ZodDiscriminatedUnion<[z.ZodObject<{
+                status: z.ZodLiteral<"ok">;
+            }, z.core.$strip>, z.ZodObject<{
+                status: z.ZodLiteral<"error">;
+                source: z.ZodEnum<{
+                    boundary: "boundary";
+                    root: "root";
+                    build: "build";
+                }>;
+                error: z.ZodObject<{
+                    message: z.ZodString;
+                    name: z.ZodNullable<z.ZodString>;
+                    stack: z.ZodNullable<z.ZodString>;
+                    componentStack: z.ZodNullable<z.ZodString>;
+                    digest: z.ZodNullable<z.ZodString>;
+                }, z.core.$strip>;
+            }, z.core.$strip>], "status">;
+        }, z.core.$strip>;
+        outputSchema: z.ZodVoid;
+    };
+    diagnosticRecorded: {
+        inputSchema: z.ZodObject<{
+            route: z.ZodString;
+            documentId: z.ZodString;
+            diagnostic: z.ZodObject<{
+                origin: z.ZodEnum<{
+                    boundary: "boundary";
+                    root: "root";
+                    build: "build";
+                    runtime: "runtime";
+                    recoverable: "recoverable";
+                    console: "console";
+                    rejection: "rejection";
+                }>;
+                impact: z.ZodEnum<{
+                    unknown: "unknown";
+                    page: "page";
+                }>;
+                error: z.ZodObject<{
+                    message: z.ZodString;
+                    name: z.ZodNullable<z.ZodString>;
+                    stack: z.ZodNullable<z.ZodString>;
+                    componentStack: z.ZodNullable<z.ZodString>;
+                    digest: z.ZodNullable<z.ZodString>;
+                }, z.core.$strip>;
+                at: z.ZodNumber;
+            }, z.core.$strip>;
+        }, z.core.$strip>;
+        outputSchema: z.ZodVoid;
+    };
+};
+export declare const editorToPreviewHealthMethodConfig: {};
+/**
+ * Editor side of a preview iframe's health channel. `report` is the full
+ * status from current runtimes and null from older runtimes, which only say
+ * ok or error.
+ */
+export declare function subscribeToPreviewHealth({ getFrameWindow, onDocumentArrived, onStatus, onDiagnostic, }: {
+    getFrameWindow: () => Window | null;
+    onDocumentArrived?: () => void;
+    onStatus: (update: {
+        status: PreviewHealth["status"];
+        report: PreviewStatusReport | null;
+    }) => void;
+    onDiagnostic?: (report: PreviewDiagnosticReport) => void;
+}): () => void;
+export {};

package/_vendor/schemas/previewHealthIframeRpc.mjs

@@ -0,0 +1,123 @@
+import { createIframeRpcChannel } from '../../chunk-KRA4LUIR.mjs';
+import '../../chunk-LIPH4O4F.mjs';
+import '../../chunk-PH3S6LJI.mjs';
+import '../../chunk-FLYEIRFK.mjs';
+import '../../chunk-TESFJQID.mjs';
+import '../../chunk-G3S6ZNPF.mjs';
+import * as z from 'zod';
+
+var PREVIEW_HEALTH_IFRAME_RPC_CHANNEL_ID = "replo:preview-health-iframe-rpc";
+var PREVIEW_HEALTH_IFRAME_RPC_CHANNEL_VERSION = 1;
+var previewErrorDetailSchema = z.object({
+  message: z.string(),
+  name: z.string().nullable(),
+  stack: z.string().nullable(),
+  componentStack: z.string().nullable(),
+  digest: z.string().nullable()
+});
+var previewHealthSchema = z.discriminatedUnion("status", [
+  z.object({ status: z.literal("ok") }),
+  z.object({
+    status: z.literal("error"),
+    source: z.enum(["boundary", "root", "build"]),
+    error: previewErrorDetailSchema
+  })
+]);
+var previewStatusReportSchema = z.object({
+  route: z.string(),
+  documentId: z.string(),
+  seq: z.number().int().positive(),
+  health: previewHealthSchema
+});
+var previewDiagnosticReportSchema = z.object({
+  route: z.string(),
+  documentId: z.string(),
+  diagnostic: z.object({
+    origin: z.enum([
+      "boundary",
+      "root",
+      "runtime",
+      "recoverable",
+      "console",
+      "rejection",
+      "build"
+    ]),
+    impact: z.enum(["page", "unknown"]),
+    error: previewErrorDetailSchema,
+    at: z.number()
+  })
+});
+var previewHealthToEditorMethodConfig = {
+  documentArrived: {
+    inputSchema: z.object({ route: z.string() }),
+    outputSchema: z.void()
+  },
+  statusChanged: {
+    inputSchema: previewStatusReportSchema,
+    outputSchema: z.void()
+  },
+  diagnosticRecorded: {
+    inputSchema: previewDiagnosticReportSchema,
+    outputSchema: z.void()
+  }
+};
+var editorToPreviewHealthMethodConfig = {};
+var legacyPreviewStatusMessageSchema = z.object({
+  type: z.literal("replo:preview:status"),
+  status: z.enum(["ok", "error"]),
+  phase: z.literal("document").optional()
+});
+function subscribeToPreviewHealth({
+  getFrameWindow,
+  onDocumentArrived,
+  onStatus,
+  onDiagnostic
+}) {
+  const isFromFrame = (event) => {
+    const frameWindow = getFrameWindow();
+    return frameWindow !== null && event.source === frameWindow;
+  };
+  const channel = createIframeRpcChannel({
+    subscriberWindow: window,
+    channelIdentifier: PREVIEW_HEALTH_IFRAME_RPC_CHANNEL_ID,
+    version: PREVIEW_HEALTH_IFRAME_RPC_CHANNEL_VERSION,
+    getTargetWindow: getFrameWindow,
+    targetOrigin: "*",
+    isExpectedMessage: isFromFrame,
+    outgoingMethods: editorToPreviewHealthMethodConfig,
+    incomingMethods: previewHealthToEditorMethodConfig,
+    handlers: {
+      documentArrived: () => {
+        onDocumentArrived?.();
+      },
+      statusChanged: (report) => {
+        onStatus({ status: report.health.status, report });
+      },
+      diagnosticRecorded: (report) => {
+        onDiagnostic?.(report);
+      }
+    }
+  });
+  const handleLegacyMessage = (event) => {
+    if (!isFromFrame(event)) {
+      return;
+    }
+    const message = legacyPreviewStatusMessageSchema.safeParse(event.data);
+    if (!message.success) {
+      return;
+    }
+    if (message.data.phase === "document") {
+      onDocumentArrived?.();
+      return;
+    }
+    onStatus({ status: message.data.status, report: null });
+  };
+  const unsubscribe = channel.subscribe();
+  window.addEventListener("message", handleLegacyMessage);
+  return () => {
+    unsubscribe();
+    window.removeEventListener("message", handleLegacyMessage);
+  };
+}
+
+export { PREVIEW_HEALTH_IFRAME_RPC_CHANNEL_ID, PREVIEW_HEALTH_IFRAME_RPC_CHANNEL_VERSION, editorToPreviewHealthMethodConfig, previewErrorDetailSchema, previewHealthSchema, previewHealthToEditorMethodConfig, subscribeToPreviewHealth };

package/_vendor/schemas/selectMode.d.ts

@@ -425,8 +425,8 @@ export declare const selectModeFormatCommandSchema: z.ZodEnum<{
 export declare const selectModeSelectionTypeSchema: z.ZodEnum<{
     drag: "drag";
     area: "area";
-    none: "none";
     element: "element";
+    none: "none";
 }>;
 /**
  * Parent-side selection state mirrored from messages the iframe posts

package/_vendor/schemas/selectModeIframeRpc.d.ts

@@ -4,9 +4,9 @@ export declare const SELECT_MODE_IFRAME_RPC_CHANNEL_ID: "replo:select-mode-ifram
 export declare const SELECT_MODE_IFRAME_RPC_CHANNEL_VERSION: 1;
 export declare const inlineEditFeedbackSchema: z.ZodObject<{
     status: z.ZodEnum<{
+        failed: "failed";
         pending: "pending";
         unavailable: "unavailable";
-        failed: "failed";
     }>;
     rect: z.ZodObject<{
         x: z.ZodNumber;
@@ -485,8 +485,8 @@ export declare const websiteBuilderToPreviewIframeMethodConfig: {
             selectionType: z.ZodEnum<{
                 drag: "drag";
                 area: "area";
-                none: "none";
                 element: "element";
+                none: "none";
             }>;
             selectors: z.ZodOptional<z.ZodArray<z.ZodString>>;
         }, z.core.$strip>;
@@ -1027,9 +1027,9 @@ export declare const previewIframeToWebsiteBuilderMethodConfig: {
         inputSchema: z.ZodObject<{
             feedback: z.ZodNullable<z.ZodObject<{
                 status: z.ZodEnum<{
+                    failed: "failed";
                     pending: "pending";
                     unavailable: "unavailable";
-                    failed: "failed";
                 }>;
                 rect: z.ZodObject<{
                     x: z.ZodNumber;
@@ -1087,8 +1087,8 @@ export declare const selectModeParentMessageSchema: z.ZodDiscriminatedUnion<[z.Z
         selectionType: z.ZodEnum<{
             drag: "drag";
             area: "area";
-            none: "none";
             element: "element";
+            none: "none";
         }>;
         selectors: z.ZodOptional<z.ZodArray<z.ZodString>>;
     }, z.core.$strip>;
@@ -1476,9 +1476,9 @@ export declare const selectModeIframeMessageSchema: z.ZodDiscriminatedUnion<[z.Z
     data: z.ZodObject<{
         feedback: z.ZodNullable<z.ZodObject<{
             status: z.ZodEnum<{
+                failed: "failed";
                 pending: "pending";
                 unavailable: "unavailable";
-                failed: "failed";
             }>;
             rect: z.ZodObject<{
                 x: z.ZodNumber;

package/buildMetadata.js

@@ -1,7 +1,7 @@
 export const BUILD_METADATA = {
   "packageName": "@replohq/sandbox-runtime",
-  "version": "1.17.0",
+  "version": "1.18.1",
   "branch": "HEAD",
-  "commit": "7d16c9a29182a37625a958569422b94a08b9a627",
-  "builtAt": "2026-10-20T04:21:24.844Z"
+  "commit": "770da909743d238b91a6529e4dc38a079fdfd43a",
+  "builtAt": "2026-10-22T00:12:53.373Z"
 };

package/capturePage.js

@@ -1,6 +1,8 @@
 import { snapdom } from "@zumer/snapdom";
 import { PageCaptureError } from "./_vendor/replo-utils/lib/pageCapture.mjs";
 import * as z from "zod";
+import { SECTION_CANVAS_ATTRIBUTE } from "./select-mode/section-canvas/sectionCanvasControls";
+import { SELECTION_FRAMES_CONTAINER_ID } from "./select-mode/selectionFrame";
 const JPEG_QUALITY = 0.8;
 const VIDEO_FRAME_QUALITY = 0.85;
 const VIDEO_LOAD_TIMEOUT_MS = 4e3;
@@ -332,7 +334,9 @@ async function capturePage({
     const raw = await snapdom.toRaw(document.body, {
       scale: 1,
       embedFonts: true,
-      exclude: (element) => offscreenImages.has(element),
+      exclude: (element) => {
+        return offscreenImages.has(element) || element.id === SELECTION_FRAMES_CONTAINER_ID || element.hasAttribute(SECTION_CANVAS_ATTRIBUTE);
+      },
       plugins: [createStandInsPlugin({ objectFitByFrame, iframeThumbnails })]
     });
     const image = new Image();