@replohq/sandbox-runtime 1.17.0 → 1.18.1

package/select-mode/section-canvas/SectionCanvas.js

@@ -16,7 +16,6 @@ import {
 import {
   getPlacedSections,
   getSectionGaps,
-  GHOST_WIDTH_PX,
   sectionCanvasStore,
   useSectionCanvasStore
 } from "./sectionCanvasStore";
@@ -29,10 +28,11 @@ const ACCENT_PRESSED = "#1d4ed8";
 const PILL_HEIGHT = 22;
 const PILL_SPREAD = 64;
 const PILL_HALF_WIDTH = 52;
+const LABEL_HALF_WIDTH = 80;
 const SECTION_CANVAS_CSS = `
   [${SECTION_CANVAS_ATTRIBUTE}] button { all: initial; box-sizing: border-box; display: flex; align-items: center; justify-content: center; pointer-events: auto; cursor: pointer !important; color: ${ACCENT}; background: #fff !important; }
   [${SECTION_CANVAS_ATTRIBUTE}] button * { cursor: inherit !important; }
-  [${SECTION_CANVAS_ATTRIBUTE}] [data-shape="pill"] { position: absolute; transform: translate(-50%, -50%); white-space: nowrap; border-radius: 4px; background: ${ACCENT} !important; color: #fff !important; font-family: system-ui, -apple-system, sans-serif; font-weight: 600; box-shadow: 0 2px 6px rgba(15, 23, 42, 0.2); }
+  [${SECTION_CANVAS_ATTRIBUTE}] [data-shape="pill"] { position: absolute; display: flex; align-items: center; transform: translate(-50%, -50%); white-space: nowrap; border-radius: 4px; background: ${ACCENT} !important; color: #fff !important; font-family: system-ui, -apple-system, sans-serif; font-weight: 600; box-shadow: 0 2px 6px rgba(15, 23, 42, 0.2); }
   [${SECTION_CANVAS_ATTRIBUTE}] button[data-shape="pill"]:hover, [${SECTION_CANVAS_ATTRIBUTE}] button[data-shape="pill"]:focus-visible { background: ${ACCENT_PRESSED} !important; color: #fff !important; }
   [${SECTION_CANVAS_ATTRIBUTE}] button[data-shape="tool"] { border-radius: 4px; gap: 4px; background: transparent !important; color: #fff !important; font-family: system-ui, -apple-system, sans-serif; font-weight: 600; }
   [${SECTION_CANVAS_ATTRIBUTE}] button[data-shape="tool"][data-grip] { cursor: grab !important; }
@@ -237,73 +237,55 @@ function SectionCanvas() {
       }
     );
   }
-  let insertMarker = null;
-  const insertingAt = canvas.insertingAt;
-  if (typeof insertingAt === "number" && !drag) {
-    const placed = getPlacedSections({ canvas, elementsByIndex });
-    const gap = getSectionGaps(placed, canvas.sections.length).find(
-      (candidate) => candidate.at === insertingAt
+  const markedGap = drag ? drag.gap : canvas.insertingAt;
+  let gapMarker = null;
+  const placed = typeof markedGap === "number" ? getPlacedSections({ canvas, elementsByIndex }) : [];
+  const gap = getSectionGaps(placed, canvas.sections.length).find(
+    (candidate) => candidate.at === markedGap
+  );
+  if (gap) {
+    const left = Math.max(
+      visible.left,
+      Math.min(...placed.map(({ box }) => box.left))
     );
-    if (gap) {
-      const left = Math.max(
-        visible.left,
-        Math.min(...placed.map(({ box }) => box.left))
-      );
-      const right = Math.min(
-        visible.right,
-        Math.max(...placed.map(({ box }) => box.right))
-      );
-      const y = Math.min(
-        Math.max(gap.y, PILL_HEIGHT * unit),
-        window.innerHeight - PILL_HEIGHT * unit
-      );
-      insertMarker = /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            style: {
-              position: "fixed",
-              left,
-              width: right - left,
-              top: y - 1.5 * unit,
-              height: 3 * unit,
-              background: ACCENT
-            }
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            "data-shape": "pill",
-            role: "status",
-            style: {
-              left: (left + right) / 2,
-              top: y,
-              height: PILL_HEIGHT * unit,
-              padding: `0 ${10 * unit}px`,
-              fontSize: 11 * unit,
-              display: "flex",
-              alignItems: "center"
-            },
-            children: "New Section Goes Here"
+    const right = Math.min(
+      visible.right,
+      Math.max(...placed.map(({ box }) => box.right))
+    );
+    const y = Math.min(
+      Math.max(gap.y, PILL_HEIGHT * unit),
+      window.innerHeight - PILL_HEIGHT * unit
+    );
+    gapMarker = /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          "data-replo-section-drop-line": true,
+          style: {
+            position: "fixed",
+            left,
+            width: right - left,
+            top: y - 1.5 * unit,
+            height: 3 * unit,
+            borderRadius: 3 * unit,
+            background: ACCENT,
+            boxShadow: `0 0 0 ${unit}px #fff`
           }
-        )
-      ] });
-    }
+        }
+      ),
+      !drag && /* @__PURE__ */ jsx(
+        "div",
+        {
+          "data-shape": "pill",
+          role: "status",
+          style: pillStyle({ unit, left: (left + right) / 2, top: y }),
+          children: "New Section Goes Here"
+        }
+      )
+    ] });
   }
   let dragLayer = null;
   if (drag?.isActive && activeBox) {
-    const placed = getPlacedSections({ canvas, elementsByIndex });
-    const gap = drag.gap === null ? null : getSectionGaps(placed, canvas.sections.length).find((candidate) => {
-      return candidate.at === drag.gap;
-    });
-    const lineLeft = Math.min(...placed.map(({ box }) => box.left));
-    const lineRight = Math.max(...placed.map(({ box }) => box.right));
-    const ghostWidth = GHOST_WIDTH_PX * unit;
-    const ghostHeight = Math.min(
-      (activeBox.bottom - activeBox.top) / (activeBox.right - activeBox.left) * ghostWidth,
-      ghostWidth * 0.75
-    );
     dragLayer = /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
         "div",
@@ -320,61 +302,26 @@ function SectionCanvas() {
           }
         }
       ),
-      gap && /* @__PURE__ */ jsx(
-        "div",
-        {
-          "data-replo-section-drop-line": true,
-          style: {
-            position: "fixed",
-            left: lineLeft,
-            width: lineRight - lineLeft,
-            top: Math.min(
-              Math.max(gap.y, 3 * unit),
-              window.innerHeight - 3 * unit
-            ) - 1.5 * unit,
-            height: 3 * unit,
-            borderRadius: 3 * unit,
-            background: ACCENT,
-            boxShadow: `0 0 0 ${unit}px #fff`
-          }
-        }
-      ),
       /* @__PURE__ */ jsx(
         "div",
         {
+          "data-shape": "pill",
           style: {
-            position: "fixed",
-            left: drag.x + 14 * unit + ghostWidth > window.innerWidth ? drag.x - 14 * unit - ghostWidth : drag.x + 14 * unit,
-            top: Math.min(
-              drag.y + 14 * unit,
-              window.innerHeight - ghostHeight - 8 * unit
-            ),
-            width: ghostWidth,
-            height: ghostHeight,
+            ...pillStyle({
+              unit,
+              left: Math.min(
+                Math.max(drag.x, LABEL_HALF_WIDTH * unit),
+                window.innerWidth - LABEL_HALF_WIDTH * unit
+              ),
+              top: drag.y + 20 * unit + PILL_HEIGHT * unit > window.innerHeight ? drag.y - 20 * unit : drag.y + 20 * unit
+            }),
+            maxWidth: 2 * LABEL_HALF_WIDTH * unit,
+            display: "block",
+            lineHeight: `${PILL_HEIGHT * unit}px`,
             overflow: "hidden",
-            borderRadius: 6 * unit,
-            background: "#fff",
-            boxShadow: `0 ${8 * unit}px ${24 * unit}px rgba(15, 23, 42, 0.25), 0 0 0 ${unit}px rgba(15, 23, 42, 0.12)`,
-            opacity: 0.95,
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center",
-            font: `500 ${12 * unit}px/1.3 system-ui, sans-serif`,
-            color: "#3f3f46"
+            textOverflow: "ellipsis"
           },
-          children: drag.ghostSrc ? /* @__PURE__ */ jsx(
-            "img",
-            {
-              src: drag.ghostSrc,
-              alt: "",
-              style: {
-                display: "block",
-                width: "100%",
-                height: "auto",
-                alignSelf: "flex-start"
-              }
-            }
-          ) : activeSection?.label ?? "Section"
+          children: activeSection?.label ?? "Section"
         }
       )
     ] });
@@ -397,7 +344,7 @@ function SectionCanvas() {
         onPointerDown: (event) => event.stopPropagation(),
         children: [
           /* @__PURE__ */ jsx("style", { children: SECTION_CANVAS_CSS }),
-          insertMarker,
+          gapMarker,
           overlay,
           dragLayer
         ]
@@ -406,6 +353,19 @@ function SectionCanvas() {
     document.body
   );
 }
+function pillStyle({
+  unit,
+  left,
+  top
+}) {
+  return {
+    left,
+    top,
+    height: PILL_HEIGHT * unit,
+    padding: `0 ${10 * unit}px`,
+    fontSize: 11 * unit
+  };
+}
 function SectionControls({
   index,
   label,
@@ -435,6 +395,8 @@ function SectionControls({
     ),
     visible.right - PILL_HALF_WIDTH * unit - spread
   );
+  const outlineLeft = Math.max(box.left, visible.left);
+  const outlineRight = Math.min(box.right, visible.right);
   const toolbarTop = Math.max(box.top, 0) + TOOLBAR_INSET * unit;
   const textButton = {
     height: size,
@@ -447,9 +409,9 @@ function SectionControls({
       {
         style: {
           position: "fixed",
-          left: box.left,
+          left: outlineLeft,
           top: box.top,
-          width: box.right - box.left,
+          width: outlineRight - outlineLeft,
           height: box.bottom - box.top,
           boxSizing: "border-box",
           border: `${2 * unit}px solid ${ACCENT}`,
@@ -471,13 +433,7 @@ function SectionControls({
         type: "button",
         "data-shape": "pill",
         "aria-label": `Add Section ${edge} ${label}`,
-        style: {
-          left,
-          top,
-          height: pillHeight,
-          padding: `0 ${10 * unit}px`,
-          fontSize: 11 * unit
-        },
+        style: pillStyle({ unit, left, top }),
         onClick: () => actions.request({ type: "insert", at }),
         children: "Add Section"
       },
@@ -489,7 +445,7 @@ function SectionControls({
         style: {
           position: "fixed",
           top: toolbarTop,
-          right: window.innerWidth - Math.min(box.right, visible.right) + TOOLBAR_INSET * unit,
+          right: window.innerWidth - outlineRight + TOOLBAR_INSET * unit,
           display: "flex",
           gap: 2 * unit,
           padding: 2 * unit,

package/select-mode/section-canvas/sectionCanvasStore.d.ts

@@ -7,7 +7,6 @@ export type SectionDrag = {
     x: number;
     y: number;
     isActive: boolean;
-    ghostSrc: string | null;
     gap: number | null;
 };
 type PendingMove = {
@@ -52,7 +51,6 @@ type SectionCanvasStoreState = {
         }) => void;
     };
 };
-export declare const GHOST_WIDTH_PX = 240;
 /** On-screen sections in page order, with their boxes. */
 export declare function getPlacedSections(state: Pick<SectionCanvasStoreState, "canvas" | "elementsByIndex">): {
     section: import("../../_vendor/schemas/generated/selectModeIframeRpc").SectionCanvasSection;

package/select-mode/section-canvas/sectionCanvasStore.js

@@ -8,9 +8,7 @@ import {
   startOptimisticSectionMove
 } from "./optimisticSectionMove";
 import { findSectionElements } from "./sectionElements";
-import { captureSectionGhost } from "./sectionGhost";
 const DRAG_THRESHOLD_PX = 4;
-const GHOST_WIDTH_PX = 240;
 let resolveToken = 0;
 let moveCounter = 0;
 function sameSections(previous, next) {
@@ -164,7 +162,6 @@ const sectionCanvasStore = createShallowStore(
         getWebsiteBuilderRpc()?.sectionCanvasRequest({ request });
       },
       beginDrag: ({ index, pointerId, x, y }) => {
-        const elements = get().elementsByIndex.get(index) ?? [];
         set({
           drag: {
             index,
@@ -174,20 +171,9 @@ const sectionCanvasStore = createShallowStore(
             x,
             y,
             isActive: false,
-            ghostSrc: null,
             gap: null
           }
         });
-        const scale = get().canvas?.previewScale ?? 1;
-        void captureSectionGhost({
-          elements,
-          width: GHOST_WIDTH_PX / scale
-        }).then((ghostSrc) => {
-          const drag = get().drag;
-          if (ghostSrc && drag?.pointerId === pointerId && drag.index === index) {
-            set({ drag: { ...drag, ghostSrc } });
-          }
-        });
       },
       updateDrag: ({ x, y }) => {
         const state = get();
@@ -267,7 +253,6 @@ function useSectionCanvasStore(selector) {
   return useShallowStore(sectionCanvasStore, selector);
 }
 export {
-  GHOST_WIDTH_PX,
   getPlacedSections,
   getSectionGaps,
   sectionCanvasStore,

package/NextErrorReporter.d.ts

@@ -1 +0,0 @@
-export declare function NextErrorReporter(): null;

package/NextErrorReporter.js

@@ -1,131 +0,0 @@
-"use client";
-import * as React from "react";
-import {
-  isAllowedEditorMessage,
-  isAllowedEditorOrigin
-} from "./annotations/bridgeGate";
-const ERRORED_BADGE_SELECTOR = '[data-next-badge][data-error="true"]';
-const COLLECTED_ISSUE_SELECTOR = "[data-nextjs-dialog]";
-const CLOSED_DIALOG_OVERLAY_SELECTOR = '[data-nextjs-dialog-overlay][data-rendered="false"]';
-const RED_CHROME_SELECTOR = `${ERRORED_BADGE_SELECTOR}, ${COLLECTED_ISSUE_SELECTOR}`;
-const STATUS_LATCH_MS = 500;
-function findInitialEditorOrigin() {
-  if (window.self === window.top) {
-    return null;
-  }
-  const ancestorOrigin = "ancestorOrigins" in window.location ? window.location.ancestorOrigins.item(0) : null;
-  return [ancestorOrigin, getOriginOrNull(document.referrer)].find((origin) => {
-    return origin !== null && isAllowedEditorOrigin(origin);
-  }) ?? null;
-}
-function getOriginOrNull(url) {
-  try {
-    return new URL(url).origin;
-  } catch {
-    return null;
-  }
-}
-function NextErrorReporter() {
-  React.useEffect(() => {
-    let editorOrigin = findInitialEditorOrigin();
-    let lastStatus = null;
-    let shadowObserver = null;
-    let observedRoot = null;
-    let pendingPost = null;
-    const deliver = () => {
-      if (editorOrigin === null || lastStatus === null) {
-        return;
-      }
-      window.parent.postMessage(
-        {
-          type: "replo:preview:status",
-          route: window.location.pathname,
-          status: lastStatus
-        },
-        editorOrigin
-      );
-    };
-    const postNow = (status) => {
-      if (lastStatus === status) {
-        return;
-      }
-      lastStatus = status;
-      deliver();
-    };
-    const handleParentMessage = (event) => {
-      if (event.source !== window.parent || !isAllowedEditorMessage(event)) {
-        return;
-      }
-      if (event.origin === editorOrigin) {
-        return;
-      }
-      editorOrigin = event.origin;
-      deliver();
-    };
-    window.addEventListener("message", handleParentMessage);
-    const post = (status) => {
-      if (pendingPost) {
-        if (pendingPost.status === status) {
-          return;
-        }
-        window.clearTimeout(pendingPost.timeoutId);
-        pendingPost = null;
-      }
-      if (lastStatus === status) {
-        return;
-      }
-      if (lastStatus === null && status === "ok") {
-        postNow(status);
-        return;
-      }
-      const timeoutId = window.setTimeout(() => {
-        pendingPost = null;
-        postNow(status);
-      }, STATUS_LATCH_MS);
-      pendingPost = { status, timeoutId };
-    };
-    const syncOverlayState = () => {
-      const portal = document.getElementsByTagName("nextjs-portal")[0];
-      if (!(portal instanceof HTMLElement)) {
-        post("ok");
-        return;
-      }
-      const root = portal.shadowRoot;
-      if (root && root !== observedRoot) {
-        shadowObserver?.disconnect();
-        shadowObserver = new MutationObserver(syncOverlayState);
-        shadowObserver.observe(root, {
-          childList: true,
-          subtree: true,
-          characterData: true,
-          attributes: true,
-          attributeFilter: ["data-error", "data-rendered"]
-        });
-        observedRoot = root;
-      }
-      portal.style.display = root?.querySelector(RED_CHROME_SELECTOR) ? "none" : "";
-      const dialog = root?.querySelector(COLLECTED_ISSUE_SELECTOR) ?? null;
-      post(
-        dialog && !dialog.closest(CLOSED_DIALOG_OVERLAY_SELECTOR) ? "error" : "ok"
-      );
-    };
-    const lightObserver = new MutationObserver(syncOverlayState);
-    lightObserver.observe(document.documentElement, {
-      childList: true,
-      subtree: true
-    });
-    syncOverlayState();
-    return () => {
-      window.removeEventListener("message", handleParentMessage);
-      lightObserver.disconnect();
-      shadowObserver?.disconnect();
-      if (pendingPost) {
-        window.clearTimeout(pendingPost.timeoutId);
-      }
-    };
-  }, []);
-  return null;
-}
-export {
-  NextErrorReporter
-};

package/_vendor/schemas/componentPreview.d.ts

@@ -1,43 +0,0 @@
-import * as z from "zod";
-export declare const MAX_COMPONENT_PREVIEW_PROPS_BYTES: number;
-export declare const componentPreviewPropNameSchema: z.ZodString;
-export declare const componentPreviewPropsSchema: z.ZodRecord<z.ZodString, z.ZodJSONSchema>;
-export declare const COMPONENT_PREVIEW_IFRAME_RPC_CHANNEL_ID: "replo:component-preview-iframe-rpc";
-export declare const COMPONENT_PREVIEW_IFRAME_RPC_CHANNEL_VERSION: 2;
-export declare const COMPONENT_PREVIEW_PARENT_ORIGIN_PARAM = "reploParentOrigin";
-export declare const websiteBuilderToComponentPreviewMethodConfig: {
-    setProps: {
-        inputSchema: z.ZodObject<{
-            props: z.ZodRecord<z.ZodString, z.ZodJSONSchema>;
-            sourceRevision: z.ZodString;
-        }, z.core.$strip>;
-        outputSchema: z.ZodObject<{
-            mode: z.ZodEnum<{
-                client: "client";
-                navigation: "navigation";
-                unchanged: "unchanged";
-            }>;
-        }, z.core.$strip>;
-        timeoutMs: number;
-    };
-};
-export declare const componentPreviewToWebsiteBuilderMethodConfig: {
-    contentBoundsChanged: {
-        inputSchema: z.ZodObject<{
-            height: z.ZodNumber;
-        }, z.core.$strip>;
-        outputSchema: z.ZodVoid;
-    };
-    iframeReady: {
-        inputSchema: z.ZodUndefined;
-        outputSchema: z.ZodVoid;
-    };
-};
-export declare const componentPreviewProductReferenceSchema: z.ZodObject<{
-    type: z.ZodLiteral<"product">;
-    loaderKey: z.ZodEnum<{
-        "shopify_storefront.product": "shopify_storefront.product";
-        "replo_products.product": "replo_products.product";
-    }>;
-    productId: z.ZodString;
-}, z.core.$strict>;

package/_vendor/schemas/componentPreview.mjs

@@ -1,79 +0,0 @@
-import * as z2 from 'zod';
-
-var DATA_LOADER_KEYS = {
-  SHOPIFY_INTEGRATION_DETAILS: "shopify_storefront.integration_details",
-  SHOPIFY_PRODUCT: "shopify_storefront.product",
-  SHOPIFY_COLLECTION: "shopify_storefront.collection",
-  SHOPIFY_COLLECTION_PRODUCTS: "shopify_storefront.collection_products",
-  SHOPIFY_METAOBJECT: "shopify_storefront.metaobject",
-  SHOPIFY_METAOBJECTS: "shopify_storefront.metaobjects",
-  SHOPIFY_KACHING_BUNDLES: "shopify_storefront.kaching_bundles",
-  REPLO_PRODUCT: "replo_products.product",
-  OKENDO_PRODUCT_REVIEWS: "okendo.product_reviews",
-  OKENDO_PRODUCT_REVIEW_AGGREGATE: "okendo.product_review_aggregate",
-  REBUY_RECOMMENDATIONS: "rebuy.recommendations",
-  LEVANTA_PRODUCT: "levanta_products.product",
-  SMILE_IO_VIP_TIERS: "smile_io.vip_tiers",
-  SMILE_IO_EARNING_RULES: "smile_io.earning_rules",
-  SMILE_IO_REWARDS: "smile_io.rewards",
-  YOTPO_PRODUCT_REVIEWS: "yotpo.product_reviews",
-  YOTPO_PRODUCT_REVIEW_AGGREGATE: "yotpo.product_review_aggregate",
-  REVIEWS_IO_PRODUCT_REVIEWS: "reviews_io.product_reviews",
-  REVIEWS_IO_PRODUCT_REVIEW_AGGREGATE: "reviews_io.product_review_aggregate",
-  LOOX_PRODUCT_REVIEWS: "loox.product_reviews",
-  LOOX_PRODUCT_REVIEW_AGGREGATE: "loox.product_review_aggregate",
-  JUDGEME_PRODUCT_REVIEWS: "judgeme.product_reviews",
-  JUDGEME_PRODUCT_REVIEW_AGGREGATE: "judgeme.product_review_aggregate",
-  STATSIG_EXPERIMENT: "statsig.experiment",
-  CONTENTFUL_ENTRY: "contentful.entry",
-  CONTENTFUL_ENTRIES: "contentful.entries"
-};
-z2.enum(Object.values(DATA_LOADER_KEYS));
-
-var MAX_COMPONENT_PREVIEW_PROPS_BYTES = 16 * 1024;
-var componentPreviewPropNameSchema = z2.string().min(1).max(80).regex(/^[A-Za-z_$][\w$]*$/u).refine((name) => {
-  return !["__proto__", "constructor", "dangerouslySetInnerHTML"].includes(
-    name
-  );
-}, "Unsafe prop name");
-var componentPreviewPropsSchema = z2.record(
-  componentPreviewPropNameSchema,
-  z2.json()
-);
-var COMPONENT_PREVIEW_IFRAME_RPC_CHANNEL_ID = "replo:component-preview-iframe-rpc";
-var COMPONENT_PREVIEW_IFRAME_RPC_CHANNEL_VERSION = 2;
-var COMPONENT_PREVIEW_PARENT_ORIGIN_PARAM = "reploParentOrigin";
-var websiteBuilderToComponentPreviewMethodConfig = {
-  setProps: {
-    inputSchema: z2.object({
-      props: componentPreviewPropsSchema,
-      sourceRevision: z2.string().min(1)
-    }),
-    outputSchema: z2.object({
-      mode: z2.enum(["client", "navigation", "unchanged"])
-    }),
-    timeoutMs: 1e4
-  }
-};
-var componentPreviewToWebsiteBuilderMethodConfig = {
-  contentBoundsChanged: {
-    inputSchema: z2.object({
-      height: z2.number().finite().min(0).max(1e5)
-    }),
-    outputSchema: z2.void()
-  },
-  iframeReady: {
-    inputSchema: z2.undefined(),
-    outputSchema: z2.void()
-  }
-};
-var componentPreviewProductReferenceSchema = z2.object({
-  type: z2.literal("product"),
-  loaderKey: z2.enum([
-    DATA_LOADER_KEYS.SHOPIFY_PRODUCT,
-    DATA_LOADER_KEYS.REPLO_PRODUCT
-  ]),
-  productId: z2.string().min(1)
-}).strict().describe("ComponentPreviewProductReference");
-
-export { COMPONENT_PREVIEW_IFRAME_RPC_CHANNEL_ID, COMPONENT_PREVIEW_IFRAME_RPC_CHANNEL_VERSION, COMPONENT_PREVIEW_PARENT_ORIGIN_PARAM, MAX_COMPONENT_PREVIEW_PROPS_BYTES, componentPreviewProductReferenceSchema, componentPreviewPropNameSchema, componentPreviewPropsSchema, componentPreviewToWebsiteBuilderMethodConfig, websiteBuilderToComponentPreviewMethodConfig };

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

@@ -1,5 +0,0 @@
-export type ComponentPreviewProductReference = {
-    type: "product";
-    loaderKey: "shopify_storefront.product" | "replo_products.product";
-    productId: string;
-};

package/_vendor/schemas/generated/componentPreview.mjs

@@ -1 +0,0 @@
-