@replohq/sandbox-runtime 1.8.0 → 1.10.0

package/PageCaptureResponder.d.ts

@@ -0,0 +1 @@
+export declare function PageCaptureResponder(): import("react/jsx-runtime").JSX.Element;

package/PageCaptureResponder.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { startPageCaptureResponder } from "./startPageCaptureResponder";
+function startResponder() {
+  return startPageCaptureResponder(window);
+}
+function PageCaptureResponder() {
+  return /* @__PURE__ */ jsx("template", { ref: startResponder });
+}
+export {
+  PageCaptureResponder
+};

package/_vendor/replo-utils/lib/crypto.mjs

@@ -0,0 +1 @@
+export { base64UrlToBytes, bytesToBase64Url, constantTimeEqual, getHmacSha256Hex, randomBase64Url, randomUUID, sha256Hex } from '../../../chunk-LIPH4O4F.mjs';

package/_vendor/replo-utils/lib/fonts.mjs

@@ -184,16 +184,28 @@ function describeFontFile(fileName) {
 }
 function fontFormatFromExtension(extension) {
   const normalized = extension.toLowerCase().replace(/^\./u, "");
-  if (normalized === "woff2") return "woff2";
-  if (normalized === "woff") return "woff";
-  if (normalized === "otf") return "opentype";
-  if (normalized === "ttf") return "truetype";
+  if (normalized === "woff2") {
+    return "woff2";
+  }
+  if (normalized === "woff") {
+    return "woff";
+  }
+  if (normalized === "otf") {
+    return "opentype";
+  }
+  if (normalized === "ttf") {
+    return "truetype";
+  }
   return "woff2";
 }
 function fontFormatFromMimeType(mimeType) {
   const normalized = mimeType.toLowerCase();
-  if (normalized.includes("woff2")) return "woff2";
-  if (normalized.includes("woff")) return "woff";
+  if (normalized.includes("woff2")) {
+    return "woff2";
+  }
+  if (normalized.includes("woff")) {
+    return "woff";
+  }
   if (normalized.includes("otf") || normalized.includes("opentype")) {
     return "opentype";
   }

package/_vendor/replo-utils/lib/math.mjs

@@ -1,4 +1,4 @@
-import { randomUUID } from '../../../chunk-SGKQ5HGT.mjs';
+import { randomUUID } from '../../../chunk-LIPH4O4F.mjs';
 import { isNumber_default } from '../../../chunk-FLYEIRFK.mjs';
 import '../../../chunk-G3S6ZNPF.mjs';
 

package/_vendor/replo-utils/lib/pageCapture.d.ts

@@ -0,0 +1,34 @@
+/** Site Builder asks the cross-origin preview iframe to draw its own first screen; the site's runtime replies with a JPEG. */
+export declare const PAGE_CAPTURE_REQUEST = "replo:page-capture:request";
+export declare const PAGE_CAPTURE_RESPONSE = "replo:page-capture:response";
+export interface PageCaptureRequestMessage {
+    type: typeof PAGE_CAPTURE_REQUEST;
+    requestId: string;
+    width: number;
+    height: number;
+}
+export type PageCaptureResponseMessage = {
+    type: typeof PAGE_CAPTURE_RESPONSE;
+    requestId: string;
+    jpeg: ArrayBuffer;
+    ms: number;
+} | {
+    type: typeof PAGE_CAPTURE_RESPONSE;
+    requestId: string;
+    jpeg: null;
+    error: string;
+};
+export declare function isPageCaptureRequestMessage(value: unknown): value is PageCaptureRequestMessage;
+export declare class PageCaptureError extends Error {
+}
+/** Parent side: ask `frame` to capture itself and resolve with its JPEG bytes. */
+export declare function requestPageCapture({ frame, targetOrigin, width, height, timeoutMs, }: {
+    frame: Window;
+    targetOrigin: string;
+    width: number;
+    height: number;
+    timeoutMs?: number;
+}): Promise<{
+    jpeg: ArrayBuffer;
+    ms: number;
+}>;

package/_vendor/replo-utils/lib/pageCapture.mjs

@@ -0,0 +1,52 @@
+import { randomUUID } from '../../../chunk-LIPH4O4F.mjs';
+
+var PAGE_CAPTURE_REQUEST = "replo:page-capture:request";
+var PAGE_CAPTURE_RESPONSE = "replo:page-capture:response";
+function isPageCaptureRequestMessage(value) {
+  return typeof value === "object" && value !== null && "type" in value && value.type === PAGE_CAPTURE_REQUEST && "requestId" in value && typeof value.requestId === "string" && "width" in value && typeof value.width === "number" && "height" in value && typeof value.height === "number";
+}
+function isPageCaptureResponseMessage(value, requestId) {
+  return typeof value === "object" && value !== null && "type" in value && value.type === PAGE_CAPTURE_RESPONSE && "requestId" in value && value.requestId === requestId;
+}
+var PageCaptureError = class extends Error {
+};
+function requestPageCapture({
+  frame,
+  targetOrigin,
+  width,
+  height,
+  timeoutMs = 15e3
+}) {
+  const requestId = randomUUID();
+  return new Promise((resolve, reject) => {
+    const onMessage = (event) => {
+      if (event.source !== frame || !isPageCaptureResponseMessage(event.data, requestId)) {
+        return;
+      }
+      cleanup();
+      if (event.data.jpeg) {
+        resolve({ jpeg: event.data.jpeg, ms: event.data.ms });
+      } else {
+        reject(new PageCaptureError(event.data.error));
+      }
+    };
+    const timeout = setTimeout(() => {
+      cleanup();
+      reject(new PageCaptureError("capture timed out"));
+    }, timeoutMs);
+    const cleanup = () => {
+      clearTimeout(timeout);
+      window.removeEventListener("message", onMessage);
+    };
+    window.addEventListener("message", onMessage);
+    const request = {
+      type: PAGE_CAPTURE_REQUEST,
+      requestId,
+      width,
+      height
+    };
+    frame.postMessage(request, targetOrigin);
+  });
+}
+
+export { PAGE_CAPTURE_REQUEST, PAGE_CAPTURE_RESPONSE, PageCaptureError, isPageCaptureRequestMessage, requestPageCapture };

package/_vendor/schemas/generated/selectMode.d.ts

@@ -34,6 +34,17 @@ export type SelectModeBoundingRect = {
     width: number;
     height: number;
 };
+export type SelectModeHoverRect = {
+    x: number;
+    y: number;
+    left: number;
+    top: number;
+    right: number;
+    bottom: number;
+    width: number;
+    height: number;
+    isSection?: boolean;
+};
 export type SelectModeSelectionRect = {
     id: string;
     rect: SelectModeBoundingRect;
@@ -77,6 +88,9 @@ export type SelectModeImage = {
 export type SelectedElement = {
     kind: "react-element";
     selector: string;
+    section?: {
+        selector: string;
+    };
     tagName: string;
     elementType: string;
     textContent: string | null;

package/_vendor/schemas/generated/selectModeIframeRpc.d.ts

@@ -1,4 +1,4 @@
-import type { SelectModeBoundingRect, DisplayMode, SelectModeSelectionType, SelectModeOptimisticUpdatePayload, SelectModeFormatCommand, SelectableData, SelectModeClickPosition, SelectModeSelectionRect, SelectModeTiptapActiveMarks } from "./selectMode";
+import type { SelectModeBoundingRect, DisplayMode, SelectModeSelectionType, SelectModeOptimisticUpdatePayload, SelectModeFormatCommand, SelectableData, SelectModeHoverRect, SelectModeClickPosition, SelectModeSelectionRect, SelectModeTiptapActiveMarks } from "./selectMode";
 export type InlineEditFeedback = {
     status: "pending" | "unavailable" | "failed";
     rect: SelectModeBoundingRect;
@@ -11,6 +11,16 @@ export type IframeRuntimeBuildMetadata = {
     builtAt: string | null;
 };
 export type SelectModeParentMessage = {
+    method: "expandToSection";
+    data: {
+        targetSelector: string;
+    };
+} | {
+    method: "setSectionPreview";
+    data: {
+        targetSelector: string | null;
+    };
+} | {
     method: "setDisplayMode";
     data: {
         displayMode: DisplayMode;
@@ -67,7 +77,7 @@ export type SelectModeIframeMessage = {
 } | {
     method: "hoverElement";
     data: {
-        rect: SelectModeBoundingRect | null;
+        rect: SelectModeHoverRect | null;
     };
 } | {
     method: "selectedElementRectUpdate";

package/_vendor/schemas/iframeRpcChannel.mjs

@@ -1,4 +1,4 @@
-import { randomUUID } from '../../chunk-SGKQ5HGT.mjs';
+import { randomUUID } from '../../chunk-LIPH4O4F.mjs';
 import { isNullish } from '../../chunk-JUKCUPQ6.mjs';
 import '../../chunk-FLYEIRFK.mjs';
 import '../../chunk-TESFJQID.mjs';

package/_vendor/schemas/selectMode.d.ts

@@ -46,6 +46,17 @@ export declare const selectModeBoundingRectSchema: z.ZodObject<{
     width: z.ZodNumber;
     height: z.ZodNumber;
 }, z.core.$strip>;
+export declare const selectModeHoverRectSchema: z.ZodObject<{
+    x: z.ZodNumber;
+    y: z.ZodNumber;
+    left: z.ZodNumber;
+    top: z.ZodNumber;
+    right: z.ZodNumber;
+    bottom: z.ZodNumber;
+    width: z.ZodNumber;
+    height: z.ZodNumber;
+    isSection: z.ZodOptional<z.ZodBoolean>;
+}, z.core.$strip>;
 export declare const selectModeSelectionRectSchema: z.ZodObject<{
     id: z.ZodString;
     rect: z.ZodObject<{
@@ -128,6 +139,9 @@ export declare const selectModeImageSchema: z.ZodObject<{
 export declare const selectedElementSchema: z.ZodObject<{
     kind: z.ZodLiteral<"react-element">;
     selector: z.ZodString;
+    section: z.ZodOptional<z.ZodObject<{
+        selector: z.ZodString;
+    }, z.core.$strip>>;
     tagName: z.ZodString;
     elementType: z.ZodString;
     textContent: z.ZodNullable<z.ZodString>;
@@ -226,6 +240,9 @@ export declare const selectableDataPayloadSchema: z.ZodDiscriminatedUnion<[z.Zod
 export declare const selectableDataSchema: z.ZodDiscriminatedUnion<[z.ZodObject<{
     kind: z.ZodLiteral<"react-element">;
     selector: z.ZodString;
+    section: z.ZodOptional<z.ZodObject<{
+        selector: z.ZodString;
+    }, z.core.$strip>>;
     tagName: z.ZodString;
     elementType: z.ZodString;
     textContent: z.ZodNullable<z.ZodString>;
@@ -314,6 +331,7 @@ export type SelectModeBoundingRect = z.infer<typeof selectModeBoundingRectSchema
 export type SelectModeClickPosition = z.infer<typeof selectModeClickPositionSchema>;
 export type SelectableData = z.infer<typeof selectableDataSchema>;
 export type SelectableDataPayload = z.infer<typeof selectableDataPayloadSchema>;
+export declare function isSelectedSection(data: SelectableData): boolean;
 export declare function transformSelectedElement({ element, offset, scale, }: {
     element: z.infer<typeof selectedElementSchema>;
     offset: RectOffset;
@@ -389,9 +407,9 @@ export declare const selectModeFormatCommandSchema: z.ZodEnum<{
  * Renaming or adding a variant here is a TS error in all three.
  */
 export declare const selectModeSelectionTypeSchema: z.ZodEnum<{
-    element: "element";
-    area: "area";
     drag: "drag";
+    area: "area";
+    element: "element";
     none: "none";
 }>;
 /**
@@ -418,6 +436,9 @@ export declare const selectModeSelectionSchema: z.ZodDiscriminatedUnion<[z.ZodOb
     data: z.ZodDiscriminatedUnion<[z.ZodObject<{
         kind: z.ZodLiteral<"react-element">;
         selector: z.ZodString;
+        section: z.ZodOptional<z.ZodObject<{
+            selector: z.ZodString;
+        }, z.core.$strip>>;
         tagName: z.ZodString;
         elementType: z.ZodString;
         textContent: z.ZodNullable<z.ZodString>;
@@ -517,6 +538,9 @@ export declare const selectModeSelectionSchema: z.ZodDiscriminatedUnion<[z.ZodOb
     items: z.ZodArray<z.ZodDiscriminatedUnion<[z.ZodObject<{
         kind: z.ZodLiteral<"react-element">;
         selector: z.ZodString;
+        section: z.ZodOptional<z.ZodObject<{
+            selector: z.ZodString;
+        }, z.core.$strip>>;
         tagName: z.ZodString;
         elementType: z.ZodString;
         textContent: z.ZodNullable<z.ZodString>;

package/_vendor/schemas/selectMode.mjs

@@ -1,4 +1,4 @@
-export { SELECT_MODE_SELECTABLE_ATTRIBUTE, SELECT_MODE_SELECTABLE_PAYLOAD_ATTRIBUTE, displayModeSchema, getIframeOffset, readSelectablePayload, selectModeBoundingRectSchema, selectModeClickPositionSchema, selectModeDefinedStyleSchema, selectModeFiberChainEntrySchema, selectModeFormatCommandSchema, selectModeImageSchema, selectModeImageScopeSchema, selectModeImageSourceSchema, selectModeInlineTextStatusSchema, selectModeOptimisticUpdatePayloadSchema, selectModeSelectionRectSchema, selectModeSelectionSchema, selectModeSelectionTypeSchema, selectModeSourceLocationSchema, selectModeStyleAtRuleSchema, selectModeStyleVariantSchema, selectModeTextMetricsSchema, selectModeTiptapActiveMarksSchema, selectableDataPayloadSchema, selectableDataSchema, selectablePlanDataSchema, selectablePlanPayloadSchema, selectedElementSchema, transformPoint, transformRect, transformSelectableData, transformSelectedElement } from '../../chunk-XWNBKE63.mjs';
+export { SELECT_MODE_SELECTABLE_ATTRIBUTE, SELECT_MODE_SELECTABLE_PAYLOAD_ATTRIBUTE, displayModeSchema, getIframeOffset, isSelectedSection, readSelectablePayload, selectModeBoundingRectSchema, selectModeClickPositionSchema, selectModeDefinedStyleSchema, selectModeFiberChainEntrySchema, selectModeFormatCommandSchema, selectModeHoverRectSchema, selectModeImageSchema, selectModeImageScopeSchema, selectModeImageSourceSchema, selectModeInlineTextStatusSchema, selectModeOptimisticUpdatePayloadSchema, selectModeSelectionRectSchema, selectModeSelectionSchema, selectModeSelectionTypeSchema, selectModeSourceLocationSchema, selectModeStyleAtRuleSchema, selectModeStyleVariantSchema, selectModeTextMetricsSchema, selectModeTiptapActiveMarksSchema, selectableDataPayloadSchema, selectableDataSchema, selectablePlanDataSchema, selectablePlanPayloadSchema, selectedElementSchema, transformPoint, transformRect, transformSelectableData, transformSelectedElement } from '../../chunk-PJBGUXBG.mjs';
 import '../../chunk-JUKCUPQ6.mjs';
 import '../../chunk-FLYEIRFK.mjs';
 import '../../chunk-TESFJQID.mjs';

package/_vendor/schemas/selectModeIframeRpc.d.ts

@@ -37,6 +37,7 @@ export declare const selectModeEventInputSchemas: {
             bottom: z.ZodNumber;
             width: z.ZodNumber;
             height: z.ZodNumber;
+            isSection: z.ZodOptional<z.ZodBoolean>;
         }, z.core.$strip>>;
     }, z.core.$strip>;
     areaSelection: z.ZodObject<{
@@ -53,6 +54,9 @@ export declare const selectModeEventInputSchemas: {
         items: z.ZodArray<z.ZodDiscriminatedUnion<[z.ZodObject<{
             kind: z.ZodLiteral<"react-element">;
             selector: z.ZodString;
+            section: z.ZodOptional<z.ZodObject<{
+                selector: z.ZodString;
+            }, z.core.$strip>>;
             tagName: z.ZodString;
             elementType: z.ZodString;
             textContent: z.ZodNullable<z.ZodString>;
@@ -175,10 +179,25 @@ export declare const selectModeEventInputSchemas: {
     }, z.core.$strip>;
 };
 export declare const websiteBuilderToPreviewIframeMethodConfig: {
+    expandToSection: {
+        inputSchema: z.ZodObject<{
+            targetSelector: z.ZodString;
+        }, z.core.$strip>;
+        outputSchema: z.ZodVoid;
+    };
+    setSectionPreview: {
+        inputSchema: z.ZodObject<{
+            targetSelector: z.ZodNullable<z.ZodString>;
+        }, z.core.$strip>;
+        outputSchema: z.ZodVoid;
+    };
     symbolicateSelectedElement: {
         inputSchema: z.ZodObject<{
             kind: z.ZodLiteral<"react-element">;
             selector: z.ZodString;
+            section: z.ZodOptional<z.ZodObject<{
+                selector: z.ZodString;
+            }, z.core.$strip>>;
             tagName: z.ZodString;
             elementType: z.ZodString;
             textContent: z.ZodNullable<z.ZodString>;
@@ -252,6 +271,9 @@ export declare const websiteBuilderToPreviewIframeMethodConfig: {
         outputSchema: z.ZodObject<{
             kind: z.ZodLiteral<"react-element">;
             selector: z.ZodString;
+            section: z.ZodOptional<z.ZodObject<{
+                selector: z.ZodString;
+            }, z.core.$strip>>;
             tagName: z.ZodString;
             elementType: z.ZodString;
             textContent: z.ZodNullable<z.ZodString>;
@@ -342,9 +364,9 @@ export declare const websiteBuilderToPreviewIframeMethodConfig: {
     setSelectionType: {
         inputSchema: z.ZodObject<{
             selectionType: z.ZodEnum<{
-                element: "element";
-                area: "area";
                 drag: "drag";
+                area: "area";
+                element: "element";
                 none: "none";
             }>;
             selectors: z.ZodOptional<z.ZodArray<z.ZodString>>;
@@ -444,6 +466,9 @@ export declare const previewIframeToWebsiteBuilderMethodConfig: {
             element: z.ZodObject<{
                 kind: z.ZodLiteral<"react-element">;
                 selector: z.ZodString;
+                section: z.ZodOptional<z.ZodObject<{
+                    selector: z.ZodString;
+                }, z.core.$strip>>;
                 tagName: z.ZodString;
                 elementType: z.ZodString;
                 textContent: z.ZodNullable<z.ZodString>;
@@ -535,6 +560,9 @@ export declare const previewIframeToWebsiteBuilderMethodConfig: {
             data: z.ZodDiscriminatedUnion<[z.ZodObject<{
                 kind: z.ZodLiteral<"react-element">;
                 selector: z.ZodString;
+                section: z.ZodOptional<z.ZodObject<{
+                    selector: z.ZodString;
+                }, z.core.$strip>>;
                 tagName: z.ZodString;
                 elementType: z.ZodString;
                 textContent: z.ZodNullable<z.ZodString>;
@@ -633,6 +661,7 @@ export declare const previewIframeToWebsiteBuilderMethodConfig: {
                 bottom: z.ZodNumber;
                 width: z.ZodNumber;
                 height: z.ZodNumber;
+                isSection: z.ZodOptional<z.ZodBoolean>;
             }, z.core.$strip>>;
         }, z.core.$strip>;
         outputSchema: z.ZodVoid;
@@ -714,6 +743,9 @@ export declare const previewIframeToWebsiteBuilderMethodConfig: {
             items: z.ZodArray<z.ZodDiscriminatedUnion<[z.ZodObject<{
                 kind: z.ZodLiteral<"react-element">;
                 selector: z.ZodString;
+                section: z.ZodOptional<z.ZodObject<{
+                    selector: z.ZodString;
+                }, z.core.$strip>>;
                 tagName: z.ZodString;
                 elementType: z.ZodString;
                 textContent: z.ZodNullable<z.ZodString>;
@@ -851,6 +883,16 @@ export declare const previewIframeToWebsiteBuilderMethodConfig: {
     };
 };
 export declare const selectModeParentMessageSchema: z.ZodDiscriminatedUnion<[z.ZodObject<{
+    method: z.ZodLiteral<"expandToSection">;
+    data: z.ZodObject<{
+        targetSelector: z.ZodString;
+    }, z.core.$strip>;
+}, z.core.$strip>, z.ZodObject<{
+    method: z.ZodLiteral<"setSectionPreview">;
+    data: z.ZodObject<{
+        targetSelector: z.ZodNullable<z.ZodString>;
+    }, z.core.$strip>;
+}, z.core.$strip>, z.ZodObject<{
     method: z.ZodLiteral<"setDisplayMode">;
     data: z.ZodObject<{
         displayMode: z.ZodEnum<{
@@ -862,9 +904,9 @@ export declare const selectModeParentMessageSchema: z.ZodDiscriminatedUnion<[z.Z
     method: z.ZodLiteral<"setSelectionType">;
     data: z.ZodObject<{
         selectionType: z.ZodEnum<{
-            element: "element";
-            area: "area";
             drag: "drag";
+            area: "area";
+            element: "element";
             none: "none";
         }>;
         selectors: z.ZodOptional<z.ZodArray<z.ZodString>>;
@@ -961,6 +1003,9 @@ export declare const selectModeIframeMessageSchema: z.ZodDiscriminatedUnion<[z.Z
         data: z.ZodDiscriminatedUnion<[z.ZodObject<{
             kind: z.ZodLiteral<"react-element">;
             selector: z.ZodString;
+            section: z.ZodOptional<z.ZodObject<{
+                selector: z.ZodString;
+            }, z.core.$strip>>;
             tagName: z.ZodString;
             elementType: z.ZodString;
             textContent: z.ZodNullable<z.ZodString>;
@@ -1058,6 +1103,7 @@ export declare const selectModeIframeMessageSchema: z.ZodDiscriminatedUnion<[z.Z
             bottom: z.ZodNumber;
             width: z.ZodNumber;
             height: z.ZodNumber;
+            isSection: z.ZodOptional<z.ZodBoolean>;
         }, z.core.$strip>>;
     }, z.core.$strip>;
 }, z.core.$strip>, z.ZodObject<{
@@ -1135,6 +1181,9 @@ export declare const selectModeIframeMessageSchema: z.ZodDiscriminatedUnion<[z.Z
         items: z.ZodArray<z.ZodDiscriminatedUnion<[z.ZodObject<{
             kind: z.ZodLiteral<"react-element">;
             selector: z.ZodString;
+            section: z.ZodOptional<z.ZodObject<{
+                selector: z.ZodString;
+            }, z.core.$strip>>;
             tagName: z.ZodString;
             elementType: z.ZodString;
             textContent: z.ZodNullable<z.ZodString>;

package/_vendor/schemas/selectModeIframeRpc.mjs

@@ -1,4 +1,4 @@
-import { selectModeBoundingRectSchema, selectModeTiptapActiveMarksSchema, selectModeSelectionRectSchema, selectableDataSchema, selectModeFormatCommandSchema, selectModeOptimisticUpdatePayloadSchema, selectModeSelectionTypeSchema, displayModeSchema, selectModeClickPositionSchema, selectedElementSchema } from '../../chunk-XWNBKE63.mjs';
+import { selectModeBoundingRectSchema, selectModeTiptapActiveMarksSchema, selectModeSelectionRectSchema, selectableDataSchema, selectModeHoverRectSchema, selectModeFormatCommandSchema, selectModeOptimisticUpdatePayloadSchema, selectModeSelectionTypeSchema, displayModeSchema, selectModeClickPositionSchema, selectedElementSchema } from '../../chunk-PJBGUXBG.mjs';
 import '../../chunk-JUKCUPQ6.mjs';
 import '../../chunk-FLYEIRFK.mjs';
 import '../../chunk-TESFJQID.mjs';
@@ -20,7 +20,7 @@ var iframeRuntimeBuildMetadataSchema = z.object({
 }).describe("IframeRuntimeBuildMetadata");
 var selectModeEventInputSchemas = {
   hover: z.object({
-    rect: selectModeBoundingRectSchema.nullable()
+    rect: selectModeHoverRectSchema.nullable()
   }),
   areaSelection: z.object({
     rect: selectModeBoundingRectSchema,
@@ -37,6 +37,14 @@ var selectModeEventInputSchemas = {
   })
 };
 var websiteBuilderToPreviewIframeMethodConfig = {
+  expandToSection: {
+    inputSchema: z.object({ targetSelector: z.string() }),
+    outputSchema: z.void()
+  },
+  setSectionPreview: {
+    inputSchema: z.object({ targetSelector: z.string().nullable() }),
+    outputSchema: z.void()
+  },
   symbolicateSelectedElement: {
     inputSchema: selectedElementSchema,
     outputSchema: selectedElementSchema,
@@ -168,6 +176,14 @@ var previewIframeToWebsiteBuilderMethodConfig = {
   }
 };
 var selectModeParentMessageSchema = z.discriminatedUnion("method", [
+  z.object({
+    method: z.literal("expandToSection"),
+    data: websiteBuilderToPreviewIframeMethodConfig.expandToSection.inputSchema
+  }),
+  z.object({
+    method: z.literal("setSectionPreview"),
+    data: websiteBuilderToPreviewIframeMethodConfig.setSectionPreview.inputSchema
+  }),
   z.object({
     method: z.literal("setDisplayMode"),
     data: websiteBuilderToPreviewIframeMethodConfig.setDisplayMode.inputSchema

package/_vendor/schemas/selectModeImage.mjs

@@ -1,8 +1,12 @@
 function getImageEditSnapshot(image, baseURI) {
-  if (!image) return null;
+  if (!image) {
+    return null;
+  }
   const baseUrl = baseURI ?? (URL.canParse(image.currentSrc) ? image.currentSrc : "https://replo.invalid");
   const normalizeUrl = (url) => {
-    if (!url) return url;
+    if (!url) {
+      return url;
+    }
     try {
       const parsed = new URL(url, baseUrl);
       const original = parsed.pathname.endsWith("/_next/image") ? parsed.searchParams.get("url") : null;

package/buildMetadata.js

@@ -1,7 +1,7 @@
 export const BUILD_METADATA = {
   "packageName": "@replohq/sandbox-runtime",
-  "version": "1.8.0",
+  "version": "1.10.0",
   "branch": "HEAD",
-  "commit": "6ad933540e110b76d214b8700e7a356a551c869a",
-  "builtAt": "2026-09-24T18:57:19.451Z"
+  "commit": "604d707e41cac581b43e134371e5e9a0f78fa2b7",
+  "builtAt": "2026-09-25T19:36:00.140Z"
 };

package/capturePage.d.ts

@@ -0,0 +1,11 @@
+export declare function parseYouTubeId(src: string): string | null;
+export declare function parseVimeoId(src: string): string | null;
+/**
+ * Draws the page's first screen (from the document top, regardless of scroll)
+ * into an exact width×height JPEG. Videos and YouTube/Vimeo embeds, which the
+ * page cannot read directly, are swapped for their current frame or thumbnail.
+ */
+export declare function capturePage({ width, height, }: {
+    width: number;
+    height: number;
+}): Promise<Blob>;