@replohq/sandbox-runtime 1.7.13 → 1.9.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/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/errors.d.ts

@@ -59,6 +59,7 @@ export type ReploAuthenticationErrorConfig = {
     type: AuthErrorType;
     userFacingDetails?: ErrorUserFacingDetailsWithMessage;
     additionalData?: ReploErrorConfig["additionalData"];
+    cause?: ReploErrorConfig["cause"];
 };
 export declare class ReploAuthenticationError extends ReploError {
     type: AuthErrorType;

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

@@ -53,6 +53,27 @@ export type SelectModeDefinedStyle = {
     raw: string;
     resolved: string;
 };
+export type SelectModeImageScope = {
+    kind: "all";
+} | {
+    kind: "media";
+    media: string;
+};
+export type SelectModeImageSource = {
+    srcSet: string;
+    sizes: string;
+    media: string;
+    type: string;
+    previewUrl: string | null;
+};
+export type SelectModeImage = {
+    src: string;
+    currentSrc: string;
+    srcSet: string;
+    sizes: string;
+    previewUrl: string | null;
+    sources: SelectModeImageSource[];
+};
 export type SelectedElement = {
     kind: "react-element";
     selector: string;
@@ -62,6 +83,7 @@ export type SelectedElement = {
     rect: SelectModeBoundingRect;
     textMetrics: SelectModeTextMetrics | null;
     outerHTML: string;
+    image?: SelectModeImage;
     definedStyles: SelectModeDefinedStyle[];
     inheritedStyles: {
         [x: string]: string;
@@ -85,6 +107,9 @@ export type SelectablePlanPayload = {
 export type SelectableDataPayload = SelectablePlanPayload;
 export type SelectableData = SelectedElement | SelectablePlanData;
 export type SelectModeOptimisticUpdatePayload = {
+    kind: "image";
+    image: SelectModeImage;
+} | {
     kind: "css";
     fontSource?: "google" | "site";
     property: string;

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

@@ -98,6 +98,33 @@ export declare function transformPoint({ point, offset, scale, }: {
     scale?: number;
 }): SelectModeClickPosition;
 export declare function getIframeOffset(iframe: HTMLIFrameElement | null): RectOffset;
+export declare const selectModeImageScopeSchema: z.ZodDiscriminatedUnion<[z.ZodObject<{
+    kind: z.ZodLiteral<"all">;
+}, z.core.$strip>, z.ZodObject<{
+    kind: z.ZodLiteral<"media">;
+    media: z.ZodString;
+}, z.core.$strip>], "kind">;
+export declare const selectModeImageSourceSchema: z.ZodObject<{
+    srcSet: z.ZodString;
+    sizes: z.ZodString;
+    media: z.ZodString;
+    type: z.ZodString;
+    previewUrl: z.ZodNullable<z.ZodString>;
+}, z.core.$strip>;
+export declare const selectModeImageSchema: z.ZodObject<{
+    src: z.ZodString;
+    currentSrc: z.ZodString;
+    srcSet: z.ZodString;
+    sizes: z.ZodString;
+    previewUrl: z.ZodNullable<z.ZodString>;
+    sources: z.ZodArray<z.ZodObject<{
+        srcSet: z.ZodString;
+        sizes: z.ZodString;
+        media: z.ZodString;
+        type: z.ZodString;
+        previewUrl: z.ZodNullable<z.ZodString>;
+    }, z.core.$strip>>;
+}, z.core.$strip>;
 export declare const selectedElementSchema: z.ZodObject<{
     kind: z.ZodLiteral<"react-element">;
     selector: z.ZodString;
@@ -120,6 +147,20 @@ export declare const selectedElementSchema: z.ZodObject<{
         lineHeight: z.ZodNumber;
     }, z.core.$strip>>;
     outerHTML: z.ZodString;
+    image: z.ZodOptional<z.ZodObject<{
+        src: z.ZodString;
+        currentSrc: z.ZodString;
+        srcSet: z.ZodString;
+        sizes: z.ZodString;
+        previewUrl: z.ZodNullable<z.ZodString>;
+        sources: z.ZodArray<z.ZodObject<{
+            srcSet: z.ZodString;
+            sizes: z.ZodString;
+            media: z.ZodString;
+            type: z.ZodString;
+            previewUrl: z.ZodNullable<z.ZodString>;
+        }, z.core.$strip>>;
+    }, z.core.$strip>>;
     definedStyles: z.ZodDefault<z.ZodArray<z.ZodObject<{
         property: z.ZodString;
         variant: z.ZodNullable<z.ZodObject<{
@@ -204,6 +245,20 @@ export declare const selectableDataSchema: z.ZodDiscriminatedUnion<[z.ZodObject<
         lineHeight: z.ZodNumber;
     }, z.core.$strip>>;
     outerHTML: z.ZodString;
+    image: z.ZodOptional<z.ZodObject<{
+        src: z.ZodString;
+        currentSrc: z.ZodString;
+        srcSet: z.ZodString;
+        sizes: z.ZodString;
+        previewUrl: z.ZodNullable<z.ZodString>;
+        sources: z.ZodArray<z.ZodObject<{
+            srcSet: z.ZodString;
+            sizes: z.ZodString;
+            media: z.ZodString;
+            type: z.ZodString;
+            previewUrl: z.ZodNullable<z.ZodString>;
+        }, z.core.$strip>>;
+    }, z.core.$strip>>;
     definedStyles: z.ZodDefault<z.ZodArray<z.ZodObject<{
         property: z.ZodString;
         variant: z.ZodNullable<z.ZodObject<{
@@ -274,6 +329,22 @@ export declare function readSelectablePayload(rawPayload: string | null): {
     planId: string;
 } | null;
 export declare const selectModeOptimisticUpdatePayloadSchema: z.ZodDiscriminatedUnion<[z.ZodObject<{
+    kind: z.ZodLiteral<"image">;
+    image: z.ZodObject<{
+        src: z.ZodString;
+        currentSrc: z.ZodString;
+        srcSet: z.ZodString;
+        sizes: z.ZodString;
+        previewUrl: z.ZodNullable<z.ZodString>;
+        sources: z.ZodArray<z.ZodObject<{
+            srcSet: z.ZodString;
+            sizes: z.ZodString;
+            media: z.ZodString;
+            type: z.ZodString;
+            previewUrl: z.ZodNullable<z.ZodString>;
+        }, z.core.$strip>>;
+    }, z.core.$strip>;
+}, z.core.$strip>, z.ZodObject<{
     kind: z.ZodLiteral<"css">;
     fontSource: z.ZodOptional<z.ZodEnum<{
         google: "google";
@@ -318,9 +389,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";
 }>;
 /**
@@ -366,6 +437,20 @@ export declare const selectModeSelectionSchema: z.ZodDiscriminatedUnion<[z.ZodOb
             lineHeight: z.ZodNumber;
         }, z.core.$strip>>;
         outerHTML: z.ZodString;
+        image: z.ZodOptional<z.ZodObject<{
+            src: z.ZodString;
+            currentSrc: z.ZodString;
+            srcSet: z.ZodString;
+            sizes: z.ZodString;
+            previewUrl: z.ZodNullable<z.ZodString>;
+            sources: z.ZodArray<z.ZodObject<{
+                srcSet: z.ZodString;
+                sizes: z.ZodString;
+                media: z.ZodString;
+                type: z.ZodString;
+                previewUrl: z.ZodNullable<z.ZodString>;
+            }, z.core.$strip>>;
+        }, z.core.$strip>>;
         definedStyles: z.ZodDefault<z.ZodArray<z.ZodObject<{
             property: z.ZodString;
             variant: z.ZodNullable<z.ZodObject<{
@@ -451,6 +536,20 @@ export declare const selectModeSelectionSchema: z.ZodDiscriminatedUnion<[z.ZodOb
             lineHeight: z.ZodNumber;
         }, z.core.$strip>>;
         outerHTML: z.ZodString;
+        image: z.ZodOptional<z.ZodObject<{
+            src: z.ZodString;
+            currentSrc: z.ZodString;
+            srcSet: z.ZodString;
+            sizes: z.ZodString;
+            previewUrl: z.ZodNullable<z.ZodString>;
+            sources: z.ZodArray<z.ZodObject<{
+                srcSet: z.ZodString;
+                sizes: z.ZodString;
+                media: z.ZodString;
+                type: z.ZodString;
+                previewUrl: z.ZodNullable<z.ZodString>;
+            }, z.core.$strip>>;
+        }, z.core.$strip>>;
         definedStyles: z.ZodDefault<z.ZodArray<z.ZodObject<{
             property: z.ZodString;
             variant: z.ZodNullable<z.ZodObject<{

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, selectModeInlineTextStatusSchema, selectModeOptimisticUpdatePayloadSchema, selectModeSelectionRectSchema, selectModeSelectionSchema, selectModeSelectionTypeSchema, selectModeSourceLocationSchema, selectModeStyleAtRuleSchema, selectModeStyleVariantSchema, selectModeTextMetricsSchema, selectModeTiptapActiveMarksSchema, selectableDataPayloadSchema, selectableDataSchema, selectablePlanDataSchema, selectablePlanPayloadSchema, selectedElementSchema, transformPoint, transformRect, transformSelectableData, transformSelectedElement } from '../../chunk-4T7WSMC3.mjs';
+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';
 import '../../chunk-JUKCUPQ6.mjs';
 import '../../chunk-FLYEIRFK.mjs';
 import '../../chunk-TESFJQID.mjs';

package/_vendor/schemas/selectModeIframeRpc.d.ts

@@ -72,6 +72,20 @@ export declare const selectModeEventInputSchemas: {
                 lineHeight: z.ZodNumber;
             }, z.core.$strip>>;
             outerHTML: z.ZodString;
+            image: z.ZodOptional<z.ZodObject<{
+                src: z.ZodString;
+                currentSrc: z.ZodString;
+                srcSet: z.ZodString;
+                sizes: z.ZodString;
+                previewUrl: z.ZodNullable<z.ZodString>;
+                sources: z.ZodArray<z.ZodObject<{
+                    srcSet: z.ZodString;
+                    sizes: z.ZodString;
+                    media: z.ZodString;
+                    type: z.ZodString;
+                    previewUrl: z.ZodNullable<z.ZodString>;
+                }, z.core.$strip>>;
+            }, z.core.$strip>>;
             definedStyles: z.ZodDefault<z.ZodArray<z.ZodObject<{
                 property: z.ZodString;
                 variant: z.ZodNullable<z.ZodObject<{
@@ -184,6 +198,20 @@ export declare const websiteBuilderToPreviewIframeMethodConfig: {
                 lineHeight: z.ZodNumber;
             }, z.core.$strip>>;
             outerHTML: z.ZodString;
+            image: z.ZodOptional<z.ZodObject<{
+                src: z.ZodString;
+                currentSrc: z.ZodString;
+                srcSet: z.ZodString;
+                sizes: z.ZodString;
+                previewUrl: z.ZodNullable<z.ZodString>;
+                sources: z.ZodArray<z.ZodObject<{
+                    srcSet: z.ZodString;
+                    sizes: z.ZodString;
+                    media: z.ZodString;
+                    type: z.ZodString;
+                    previewUrl: z.ZodNullable<z.ZodString>;
+                }, z.core.$strip>>;
+            }, z.core.$strip>>;
             definedStyles: z.ZodDefault<z.ZodArray<z.ZodObject<{
                 property: z.ZodString;
                 variant: z.ZodNullable<z.ZodObject<{
@@ -243,6 +271,20 @@ export declare const websiteBuilderToPreviewIframeMethodConfig: {
                 lineHeight: z.ZodNumber;
             }, z.core.$strip>>;
             outerHTML: z.ZodString;
+            image: z.ZodOptional<z.ZodObject<{
+                src: z.ZodString;
+                currentSrc: z.ZodString;
+                srcSet: z.ZodString;
+                sizes: z.ZodString;
+                previewUrl: z.ZodNullable<z.ZodString>;
+                sources: z.ZodArray<z.ZodObject<{
+                    srcSet: z.ZodString;
+                    sizes: z.ZodString;
+                    media: z.ZodString;
+                    type: z.ZodString;
+                    previewUrl: z.ZodNullable<z.ZodString>;
+                }, z.core.$strip>>;
+            }, z.core.$strip>>;
             definedStyles: z.ZodDefault<z.ZodArray<z.ZodObject<{
                 property: z.ZodString;
                 variant: z.ZodNullable<z.ZodObject<{
@@ -300,9 +342,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>>;
@@ -313,6 +355,22 @@ export declare const websiteBuilderToPreviewIframeMethodConfig: {
         inputSchema: z.ZodObject<{
             editId: z.ZodString;
             payload: z.ZodDiscriminatedUnion<[z.ZodObject<{
+                kind: z.ZodLiteral<"image">;
+                image: z.ZodObject<{
+                    src: z.ZodString;
+                    currentSrc: z.ZodString;
+                    srcSet: z.ZodString;
+                    sizes: z.ZodString;
+                    previewUrl: z.ZodNullable<z.ZodString>;
+                    sources: z.ZodArray<z.ZodObject<{
+                        srcSet: z.ZodString;
+                        sizes: z.ZodString;
+                        media: z.ZodString;
+                        type: z.ZodString;
+                        previewUrl: z.ZodNullable<z.ZodString>;
+                    }, z.core.$strip>>;
+                }, z.core.$strip>;
+            }, z.core.$strip>, z.ZodObject<{
                 kind: z.ZodLiteral<"css">;
                 fontSource: z.ZodOptional<z.ZodEnum<{
                     google: "google";
@@ -405,6 +463,20 @@ export declare const previewIframeToWebsiteBuilderMethodConfig: {
                     lineHeight: z.ZodNumber;
                 }, z.core.$strip>>;
                 outerHTML: z.ZodString;
+                image: z.ZodOptional<z.ZodObject<{
+                    src: z.ZodString;
+                    currentSrc: z.ZodString;
+                    srcSet: z.ZodString;
+                    sizes: z.ZodString;
+                    previewUrl: z.ZodNullable<z.ZodString>;
+                    sources: z.ZodArray<z.ZodObject<{
+                        srcSet: z.ZodString;
+                        sizes: z.ZodString;
+                        media: z.ZodString;
+                        type: z.ZodString;
+                        previewUrl: z.ZodNullable<z.ZodString>;
+                    }, z.core.$strip>>;
+                }, z.core.$strip>>;
                 definedStyles: z.ZodDefault<z.ZodArray<z.ZodObject<{
                     property: z.ZodString;
                     variant: z.ZodNullable<z.ZodObject<{
@@ -482,6 +554,20 @@ export declare const previewIframeToWebsiteBuilderMethodConfig: {
                     lineHeight: z.ZodNumber;
                 }, z.core.$strip>>;
                 outerHTML: z.ZodString;
+                image: z.ZodOptional<z.ZodObject<{
+                    src: z.ZodString;
+                    currentSrc: z.ZodString;
+                    srcSet: z.ZodString;
+                    sizes: z.ZodString;
+                    previewUrl: z.ZodNullable<z.ZodString>;
+                    sources: z.ZodArray<z.ZodObject<{
+                        srcSet: z.ZodString;
+                        sizes: z.ZodString;
+                        media: z.ZodString;
+                        type: z.ZodString;
+                        previewUrl: z.ZodNullable<z.ZodString>;
+                    }, z.core.$strip>>;
+                }, z.core.$strip>>;
                 definedStyles: z.ZodDefault<z.ZodArray<z.ZodObject<{
                     property: z.ZodString;
                     variant: z.ZodNullable<z.ZodObject<{
@@ -647,6 +733,20 @@ export declare const previewIframeToWebsiteBuilderMethodConfig: {
                     lineHeight: z.ZodNumber;
                 }, z.core.$strip>>;
                 outerHTML: z.ZodString;
+                image: z.ZodOptional<z.ZodObject<{
+                    src: z.ZodString;
+                    currentSrc: z.ZodString;
+                    srcSet: z.ZodString;
+                    sizes: z.ZodString;
+                    previewUrl: z.ZodNullable<z.ZodString>;
+                    sources: z.ZodArray<z.ZodObject<{
+                        srcSet: z.ZodString;
+                        sizes: z.ZodString;
+                        media: z.ZodString;
+                        type: z.ZodString;
+                        previewUrl: z.ZodNullable<z.ZodString>;
+                    }, z.core.$strip>>;
+                }, z.core.$strip>>;
                 definedStyles: z.ZodDefault<z.ZodArray<z.ZodObject<{
                     property: z.ZodString;
                     variant: z.ZodNullable<z.ZodObject<{
@@ -762,9 +862,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>>;
@@ -774,6 +874,22 @@ export declare const selectModeParentMessageSchema: z.ZodDiscriminatedUnion<[z.Z
     data: z.ZodObject<{
         editId: z.ZodString;
         payload: z.ZodDiscriminatedUnion<[z.ZodObject<{
+            kind: z.ZodLiteral<"image">;
+            image: z.ZodObject<{
+                src: z.ZodString;
+                currentSrc: z.ZodString;
+                srcSet: z.ZodString;
+                sizes: z.ZodString;
+                previewUrl: z.ZodNullable<z.ZodString>;
+                sources: z.ZodArray<z.ZodObject<{
+                    srcSet: z.ZodString;
+                    sizes: z.ZodString;
+                    media: z.ZodString;
+                    type: z.ZodString;
+                    previewUrl: z.ZodNullable<z.ZodString>;
+                }, z.core.$strip>>;
+            }, z.core.$strip>;
+        }, z.core.$strip>, z.ZodObject<{
             kind: z.ZodLiteral<"css">;
             fontSource: z.ZodOptional<z.ZodEnum<{
                 google: "google";
@@ -864,6 +980,20 @@ export declare const selectModeIframeMessageSchema: z.ZodDiscriminatedUnion<[z.Z
                 lineHeight: z.ZodNumber;
             }, z.core.$strip>>;
             outerHTML: z.ZodString;
+            image: z.ZodOptional<z.ZodObject<{
+                src: z.ZodString;
+                currentSrc: z.ZodString;
+                srcSet: z.ZodString;
+                sizes: z.ZodString;
+                previewUrl: z.ZodNullable<z.ZodString>;
+                sources: z.ZodArray<z.ZodObject<{
+                    srcSet: z.ZodString;
+                    sizes: z.ZodString;
+                    media: z.ZodString;
+                    type: z.ZodString;
+                    previewUrl: z.ZodNullable<z.ZodString>;
+                }, z.core.$strip>>;
+            }, z.core.$strip>>;
             definedStyles: z.ZodDefault<z.ZodArray<z.ZodObject<{
                 property: z.ZodString;
                 variant: z.ZodNullable<z.ZodObject<{
@@ -1024,6 +1154,20 @@ export declare const selectModeIframeMessageSchema: z.ZodDiscriminatedUnion<[z.Z
                 lineHeight: z.ZodNumber;
             }, z.core.$strip>>;
             outerHTML: z.ZodString;
+            image: z.ZodOptional<z.ZodObject<{
+                src: z.ZodString;
+                currentSrc: z.ZodString;
+                srcSet: z.ZodString;
+                sizes: z.ZodString;
+                previewUrl: z.ZodNullable<z.ZodString>;
+                sources: z.ZodArray<z.ZodObject<{
+                    srcSet: z.ZodString;
+                    sizes: z.ZodString;
+                    media: z.ZodString;
+                    type: z.ZodString;
+                    previewUrl: z.ZodNullable<z.ZodString>;
+                }, z.core.$strip>>;
+            }, z.core.$strip>>;
             definedStyles: z.ZodDefault<z.ZodArray<z.ZodObject<{
                 property: z.ZodString;
                 variant: z.ZodNullable<z.ZodObject<{

package/_vendor/schemas/selectModeIframeRpc.mjs

@@ -1,4 +1,4 @@
-import { selectModeBoundingRectSchema, selectModeTiptapActiveMarksSchema, selectModeSelectionRectSchema, selectableDataSchema, selectModeFormatCommandSchema, selectModeOptimisticUpdatePayloadSchema, selectModeSelectionTypeSchema, displayModeSchema, selectModeClickPositionSchema, selectedElementSchema } from '../../chunk-4T7WSMC3.mjs';
+import { selectModeBoundingRectSchema, selectModeTiptapActiveMarksSchema, selectModeSelectionRectSchema, selectableDataSchema, selectModeFormatCommandSchema, selectModeOptimisticUpdatePayloadSchema, selectModeSelectionTypeSchema, displayModeSchema, selectModeClickPositionSchema, selectedElementSchema } from '../../chunk-XWNBKE63.mjs';
 import '../../chunk-JUKCUPQ6.mjs';
 import '../../chunk-FLYEIRFK.mjs';
 import '../../chunk-TESFJQID.mjs';

package/_vendor/schemas/selectModeImage.d.ts

@@ -0,0 +1,9 @@
+import type { SelectModeImage } from "./generated/selectMode";
+export declare function getImageEditSnapshot(image: SelectModeImage | undefined, baseURI?: string): {
+    previewUrl: string | null;
+    sources: {
+        media: string;
+        type: string;
+        previewUrl: string | null;
+    }[];
+} | null;

package/_vendor/schemas/selectModeImage.mjs

@@ -0,0 +1,24 @@
+function getImageEditSnapshot(image, baseURI) {
+  if (!image) return null;
+  const baseUrl = baseURI ?? (URL.canParse(image.currentSrc) ? image.currentSrc : "https://replo.invalid");
+  const normalizeUrl = (url) => {
+    if (!url) return url;
+    try {
+      const parsed = new URL(url, baseUrl);
+      const original = parsed.pathname.endsWith("/_next/image") ? parsed.searchParams.get("url") : null;
+      return original ? new URL(original, parsed).href : parsed.href;
+    } catch {
+      return url;
+    }
+  };
+  return {
+    previewUrl: normalizeUrl(image.previewUrl),
+    sources: image.sources.map(({ media, type, previewUrl }) => ({
+      media,
+      type,
+      previewUrl: normalizeUrl(previewUrl)
+    }))
+  };
+}
+
+export { getImageEditSnapshot };

package/buildMetadata.js

@@ -1,7 +1,7 @@
 export const BUILD_METADATA = {
   "packageName": "@replohq/sandbox-runtime",
-  "version": "1.7.13",
+  "version": "1.9.0",
   "branch": "HEAD",
-  "commit": "48e7e55752c4448369b7a49ce608c6539acb3a24",
-  "builtAt": "2026-09-23T03:50:04.538Z"
+  "commit": "455eef2903f4cc6a8f457d5ec77be1e1dc95aad9",
+  "builtAt": "2026-09-25T00:24:57.880Z"
 };

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>;