@replohq/sandbox-runtime 1.7.12 → 1.8.0

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

@@ -80,4 +80,5 @@ export declare function isNetworkErrorMessage(message: string): boolean;
  * fallback string or `String(error)`.
  */
 export declare function getErrorMessage(error: unknown, fallback?: string): string;
+export declare function appendErrorId(detail: string, errorId: string | null | undefined): string;
 export {};

package/_vendor/schemas/componentPreview.d.ts

@@ -50,6 +50,13 @@ export declare const componentPreviewComponentSchema: z.ZodObject<{
     path: z.ZodString;
     name: z.ZodString;
 }, z.core.$strip>;
+export declare const componentPreviewUsageSchema: z.ZodObject<{
+    kind: z.ZodEnum<{
+        page: "page";
+        layout: "layout";
+    }>;
+    route: z.ZodString;
+}, z.core.$strip>;
 export declare const componentPreviewIndexSchema: z.ZodDiscriminatedUnion<[z.ZodObject<{
     status: z.ZodLiteral<"unavailable">;
 }, z.core.$strip>, z.ZodObject<{
@@ -58,6 +65,13 @@ export declare const componentPreviewIndexSchema: z.ZodDiscriminatedUnion<[z.Zod
         path: z.ZodString;
         name: z.ZodString;
     }, z.core.$strip>>;
+    usagesByComponentPath: z.ZodRecord<z.ZodString, z.ZodArray<z.ZodObject<{
+        kind: z.ZodEnum<{
+            page: "page";
+            layout: "layout";
+        }>;
+        route: z.ZodString;
+    }, z.core.$strip>>>;
 }, z.core.$strip>], "status">;
 export declare const componentPreviewSourceFileSchema: z.ZodObject<{
     path: z.ZodString;
@@ -79,4 +93,6 @@ export declare const componentPreviewPreparationSchema: z.ZodDiscriminatedUnion<
     pathname: z.ZodString;
 }, z.core.$strip>, z.ZodObject<{
     status: z.ZodLiteral<"siteUpdateRequired">;
+}, z.core.$strip>, z.ZodObject<{
+    status: z.ZodLiteral<"invalidComponent">;
 }, z.core.$strip>], "status">;

package/_vendor/schemas/componentPreview.mjs

@@ -86,11 +86,19 @@ var componentPreviewComponentSchema = z.object({
   path: componentPreviewPathSchema,
   name: z.string().min(1).max(120)
 }).describe("ComponentPreviewComponent");
+var componentPreviewUsageSchema = z.object({
+  kind: z.enum(["page", "layout"]),
+  route: z.string().min(1)
+}).describe("ComponentPreviewUsage");
 var componentPreviewIndexSchema = z.discriminatedUnion("status", [
   z.object({ status: z.literal("unavailable") }),
   z.object({
     status: z.literal("ready"),
-    components: z.array(componentPreviewComponentSchema)
+    components: z.array(componentPreviewComponentSchema),
+    usagesByComponentPath: z.record(
+      componentPreviewPathSchema,
+      z.array(componentPreviewUsageSchema)
+    )
   })
 ]).describe("ComponentPreviewIndex");
 var componentPreviewSourceFileSchema = z.object({
@@ -107,7 +115,8 @@ var componentPreviewPreparationSchema = z.discriminatedUnion("status", [
     status: z.literal("ready"),
     pathname: z.string().regex(/^\/[A-Za-z0-9/_-]+$/u)
   }),
-  z.object({ status: z.literal("siteUpdateRequired") })
+  z.object({ status: z.literal("siteUpdateRequired") }),
+  z.object({ status: z.literal("invalidComponent") })
 ]).describe("ComponentPreviewPreparation");
 
-export { COMPONENT_PREVIEW_IFRAME_RPC_CHANNEL_ID, COMPONENT_PREVIEW_IFRAME_RPC_CHANNEL_VERSION, COMPONENT_PREVIEW_PARENT_ORIGIN_PARAM, MAX_COMPONENT_PREVIEW_PROPS_BYTES, componentPreviewComponentSchema, componentPreviewIndexSchema, componentPreviewPathSchema, componentPreviewPreparationSchema, componentPreviewProductReferenceSchema, componentPreviewPropNameSchema, componentPreviewPropsSchema, componentPreviewSelectionSchema, componentPreviewSourceFileSchema, componentPreviewSourceSchema, componentPreviewToWebsiteBuilderMethodConfig, websiteBuilderToComponentPreviewMethodConfig };
+export { COMPONENT_PREVIEW_IFRAME_RPC_CHANNEL_ID, COMPONENT_PREVIEW_IFRAME_RPC_CHANNEL_VERSION, COMPONENT_PREVIEW_PARENT_ORIGIN_PARAM, MAX_COMPONENT_PREVIEW_PROPS_BYTES, componentPreviewComponentSchema, componentPreviewIndexSchema, componentPreviewPathSchema, componentPreviewPreparationSchema, componentPreviewProductReferenceSchema, componentPreviewPropNameSchema, componentPreviewPropsSchema, componentPreviewSelectionSchema, componentPreviewSourceFileSchema, componentPreviewSourceSchema, componentPreviewToWebsiteBuilderMethodConfig, componentPreviewUsageSchema, websiteBuilderToComponentPreviewMethodConfig };

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;
@@ -436,6 +437,12 @@ export declare class IframeRpcChannelTimeoutError extends IframeRpcChannelError
         timeoutMs: number;
     });
 }
+export declare class IframeRpcChannelTargetUnavailableError extends IframeRpcChannelError {
+    constructor({ callType, method, }: {
+        callType: "notify" | "request" | "response";
+        method?: string;
+    });
+}
 export declare class IframeRpcChannelRemoteError extends IframeRpcChannelError {
     constructor({ method, message }: {
         method: string;

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

@@ -12,6 +12,13 @@ export type ComponentPreviewIndex = {
 } | {
     status: "ready";
     components: ComponentPreviewComponent[];
+    usagesByComponentPath: {
+        [x: string]: ComponentPreviewUsage[];
+    };
+};
+export type ComponentPreviewUsage = {
+    kind: "page" | "layout";
+    route: string;
 };
 export type ComponentPreviewSourceFile = {
     path: string;
@@ -27,4 +34,6 @@ export type ComponentPreviewPreparation = {
     pathname: string;
 } | {
     status: "siteUpdateRequired";
+} | {
+    status: "invalidComponent";
 };

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

@@ -116,6 +116,17 @@ var IframeRpcChannelTimeoutError = class extends IframeRpcChannelError {
     });
   }
 };
+var IframeRpcChannelTargetUnavailableError = class extends IframeRpcChannelError {
+  constructor({
+    callType,
+    method
+  }) {
+    super({
+      message: method ? `RPC target window was unavailable for '${method}'` : "RPC target window was unavailable for a response",
+      additionalData: { callType, method }
+    });
+  }
+};
 var IframeRpcChannelRemoteError = class extends IframeRpcChannelError {
   constructor({ method, message }) {
     super({
@@ -247,8 +258,8 @@ function createIframeRpcChannel(options) {
   const pendingRequests = /* @__PURE__ */ new Map();
   let subscriberCount = 0;
   let handlerMeta;
-  const postMessage = (call2) => {
-    getTargetWindow()?.postMessage(
+  const postMessage = (call2, targetWindow = getTargetWindow()) => {
+    targetWindow?.postMessage(
       {
         channelIdentifier,
         version,
@@ -368,9 +379,6 @@ function createIframeRpcChannel(options) {
     pendingRequest.resolve(parsedOutput.data);
   };
   const handleMessage = (event) => {
-    if (!isExpectedMessage(event)) {
-      return;
-    }
     const parsedMetadata = z.object({
       channelIdentifier: z.literal(channelIdentifier),
       version: z.literal(version)
@@ -378,6 +386,15 @@ function createIframeRpcChannel(options) {
     if (!parsedMetadata.success) {
       return;
     }
+    if (!isExpectedMessage(event)) {
+      defaultLogger.error("[iframeRpcChannel] Dropping unexpected message", {
+        channelIdentifier,
+        version,
+        origin: event.origin,
+        hasSource: Boolean(event.source)
+      });
+      return;
+    }
     const parsedCall = iframeRpcCallSchema.safeParse(event.data);
     if (!parsedCall.success) {
       return;
@@ -464,6 +481,15 @@ function createIframeRpcChannel(options) {
         new IframeRpcChannelUnsubscribedError({ method })
       );
     }
+    const targetWindow = getTargetWindow();
+    if (!targetWindow) {
+      return Promise.reject(
+        new IframeRpcChannelTargetUnavailableError({
+          callType: "request",
+          method
+        })
+      );
+    }
     const id = randomUUID();
     const timeoutMs = definition.timeoutMs ?? 3e4;
     return new Promise(
@@ -480,12 +506,21 @@ function createIframeRpcChannel(options) {
           reject,
           timeoutId
         });
-        postMessage({
-          type: "request",
-          id,
-          method,
-          data: parsedInput.data
-        });
+        try {
+          postMessage(
+            {
+              type: "request",
+              id,
+              method,
+              data: parsedInput.data
+            },
+            targetWindow
+          );
+        } catch (error) {
+          clearTimeout(timeoutId);
+          pendingRequests.delete(id);
+          reject(error);
+        }
       }
     );
   };

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";
@@ -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';