@replohq/sandbox-runtime 1.16.2 → 1.18.0

package/select-mode/symbolicate.js

@@ -190,6 +190,22 @@ function applyResolved({
     componentName: original.componentName
   };
 }
+async function symbolicateSourceLocations(locations) {
+  const compiledIndices = locations.flatMap((location, index) => {
+    return isLikelyCompiledLocation(location) ? [index] : [];
+  });
+  const resolved = await symbolicateFrames(
+    compiledIndices.map((index) => toNextStackFrame(locations[index]))
+  );
+  const result = [...locations];
+  for (const [position, index] of compiledIndices.entries()) {
+    result[index] = applyResolved({
+      original: locations[index],
+      frame: extractResolvedFrame(resolved[position] ?? null)
+    });
+  }
+  return result;
+}
 function isUserSourceLocation(location) {
   return Boolean(
     location && !isLikelyCompiledLocation(location) && !isDependencyOrInternalPath(location.filePath)
@@ -245,5 +261,6 @@ async function symbolicateSelectedElement(selectedElement) {
 export {
   invalidateSymbolicationCache,
   isUserSourceLocation,
-  symbolicateSelectedElement
+  symbolicateSelectedElement,
+  symbolicateSourceLocations
 };

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

package/_vendor/schemas/loaderKeys.d.ts

@@ -1,69 +0,0 @@
-import * as z from "zod";
-/**
- * Shared data-loader key constants. Both the integration registry and the
- * dependency resolver import from here so the strings are never duplicated.
- *
- * These keys serve double duty: they identify which backend loader to invoke
- * AND are used as React Query cache key prefixes. Loader components
- * internally construct queryKey as `[loaderKey, args]`.
- *
- * Naming convention: `<integration>.<objectType>` or
- * `<integration>.<objectType>_<qualifier>`.
- */
-export declare const DATA_LOADER_KEYS: {
-    readonly SHOPIFY_INTEGRATION_DETAILS: "shopify_storefront.integration_details";
-    readonly SHOPIFY_PRODUCT: "shopify_storefront.product";
-    readonly SHOPIFY_COLLECTION: "shopify_storefront.collection";
-    readonly SHOPIFY_COLLECTION_PRODUCTS: "shopify_storefront.collection_products";
-    readonly SHOPIFY_METAOBJECT: "shopify_storefront.metaobject";
-    readonly SHOPIFY_METAOBJECTS: "shopify_storefront.metaobjects";
-    readonly SHOPIFY_KACHING_BUNDLES: "shopify_storefront.kaching_bundles";
-    readonly REPLO_PRODUCT: "replo_products.product";
-    readonly OKENDO_PRODUCT_REVIEWS: "okendo.product_reviews";
-    readonly OKENDO_PRODUCT_REVIEW_AGGREGATE: "okendo.product_review_aggregate";
-    readonly REBUY_RECOMMENDATIONS: "rebuy.recommendations";
-    readonly LEVANTA_PRODUCT: "levanta_products.product";
-    readonly SMILE_IO_VIP_TIERS: "smile_io.vip_tiers";
-    readonly SMILE_IO_EARNING_RULES: "smile_io.earning_rules";
-    readonly SMILE_IO_REWARDS: "smile_io.rewards";
-    readonly YOTPO_PRODUCT_REVIEWS: "yotpo.product_reviews";
-    readonly YOTPO_PRODUCT_REVIEW_AGGREGATE: "yotpo.product_review_aggregate";
-    readonly REVIEWS_IO_PRODUCT_REVIEWS: "reviews_io.product_reviews";
-    readonly REVIEWS_IO_PRODUCT_REVIEW_AGGREGATE: "reviews_io.product_review_aggregate";
-    readonly LOOX_PRODUCT_REVIEWS: "loox.product_reviews";
-    readonly LOOX_PRODUCT_REVIEW_AGGREGATE: "loox.product_review_aggregate";
-    readonly JUDGEME_PRODUCT_REVIEWS: "judgeme.product_reviews";
-    readonly JUDGEME_PRODUCT_REVIEW_AGGREGATE: "judgeme.product_review_aggregate";
-    readonly STATSIG_EXPERIMENT: "statsig.experiment";
-    readonly CONTENTFUL_ENTRY: "contentful.entry";
-    readonly CONTENTFUL_ENTRIES: "contentful.entries";
-};
-export type DataLoaderKey = (typeof DATA_LOADER_KEYS)[keyof typeof DATA_LOADER_KEYS];
-export declare const dataLoaderKeySchema: z.ZodEnum<{
-    "shopify_storefront.integration_details": "shopify_storefront.integration_details";
-    "shopify_storefront.product": "shopify_storefront.product";
-    "shopify_storefront.collection": "shopify_storefront.collection";
-    "shopify_storefront.collection_products": "shopify_storefront.collection_products";
-    "shopify_storefront.metaobject": "shopify_storefront.metaobject";
-    "shopify_storefront.metaobjects": "shopify_storefront.metaobjects";
-    "shopify_storefront.kaching_bundles": "shopify_storefront.kaching_bundles";
-    "replo_products.product": "replo_products.product";
-    "okendo.product_reviews": "okendo.product_reviews";
-    "okendo.product_review_aggregate": "okendo.product_review_aggregate";
-    "rebuy.recommendations": "rebuy.recommendations";
-    "levanta_products.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";
-}>;

package/next/component-preview-client.d.ts

@@ -1,8 +0,0 @@
-import type { ComponentType } from "react";
-export declare function ComponentPreviewNavigation(): null;
-export declare function ComponentPreviewStage({ Component, initialProps, initialRawProps, initialSourceRevision, }: {
-    Component: ComponentType<Record<string, unknown>>;
-    initialProps: Record<string, unknown>;
-    initialRawProps: Record<string, unknown>;
-    initialSourceRevision: string;
-}): import("react/jsx-runtime").JSX.Element;

package/next/component-preview-client.js

@@ -1,227 +0,0 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { useEffect, useMemo, useRef, useState, useTransition } from "react";
-import { useRouter } from "next/navigation";
-import { useIframeRpcChannel } from "../_vendor/replo-utils/react/use-iframe-rpc-channel.mjs";
-import {
-  COMPONENT_PREVIEW_IFRAME_RPC_CHANNEL_ID,
-  COMPONENT_PREVIEW_IFRAME_RPC_CHANNEL_VERSION,
-  COMPONENT_PREVIEW_PARENT_ORIGIN_PARAM,
-  componentPreviewToWebsiteBuilderMethodConfig,
-  websiteBuilderToComponentPreviewMethodConfig
-} from "../_vendor/schemas/componentPreview.mjs";
-import {
-  createIframeRpcChannel,
-  createIframeRpcRemote
-} from "../_vendor/schemas/iframeRpcChannel.mjs";
-import { PREVIEW_RENDERED_EVENT } from "../select-mode/previewRendered";
-import { getComponentPreviewHref } from "./component-preview-href";
-import {
-  mergeClientProps,
-  productReferencesChanged
-} from "./component-preview-props";
-function getParentOrigin() {
-  const fromQuery = new URLSearchParams(window.location.search).get(
-    COMPONENT_PREVIEW_PARENT_ORIGIN_PARAM
-  );
-  if (fromQuery) {
-    try {
-      return new URL(fromQuery).origin;
-    } catch {
-      return null;
-    }
-  }
-  return document.referrer ? new URL(document.referrer).origin : null;
-}
-function getCurrentHref() {
-  return `${window.location.pathname}${window.location.search}${window.location.hash}`;
-}
-function useComponentPreviewChannel(onSetProps) {
-  const onSetPropsRef = useRef(onSetProps);
-  onSetPropsRef.current = onSetProps;
-  const pendingUpdates = useRef(Promise.resolve());
-  useIframeRpcChannel(
-    useMemo(() => {
-      if (typeof window === "undefined") {
-        return null;
-      }
-      const parentOrigin = getParentOrigin();
-      if (!parentOrigin) {
-        return null;
-      }
-      const rpcChannel = createIframeRpcChannel({
-        subscriberWindow: window,
-        channelIdentifier: COMPONENT_PREVIEW_IFRAME_RPC_CHANNEL_ID,
-        version: COMPONENT_PREVIEW_IFRAME_RPC_CHANNEL_VERSION,
-        getTargetWindow: () => {
-          return window.parent === window ? null : window.parent;
-        },
-        targetOrigin: parentOrigin,
-        isExpectedMessage: (event) => {
-          return event.source === window.parent && event.origin === parentOrigin;
-        },
-        outgoingMethods: componentPreviewToWebsiteBuilderMethodConfig,
-        incomingMethods: websiteBuilderToComponentPreviewMethodConfig,
-        handlers: {
-          setProps: (input) => {
-            const result = pendingUpdates.current.then(async () => {
-              const result2 = await onSetPropsRef.current(input);
-              window.dispatchEvent(new Event(PREVIEW_RENDERED_EVENT));
-              return result2;
-            });
-            pendingUpdates.current = result.then(
-              () => {
-              },
-              () => {
-              }
-            );
-            return result;
-          }
-        }
-      });
-      return {
-        ...rpcChannel,
-        subscribe() {
-          const unsubscribe = rpcChannel.subscribe();
-          const remote = createIframeRpcRemote(rpcChannel);
-          remote.iframeReady();
-          const content = document.querySelector(
-            "[data-replo-component-preview]"
-          );
-          let timeout;
-          let lastHeight = -1;
-          const measure = () => {
-            clearTimeout(timeout);
-            timeout = setTimeout(() => {
-              if (!content) {
-                return;
-              }
-              const bounds = content.getBoundingClientRect();
-              const height = Math.min(
-                1e5,
-                Math.ceil(
-                  bounds.height + Math.max(0, bounds.top + window.scrollY)
-                )
-              );
-              if (height !== lastHeight) {
-                lastHeight = height;
-                remote.contentBoundsChanged({ height });
-              }
-            }, 100);
-          };
-          const observer = new ResizeObserver(measure);
-          if (content) {
-            observer.observe(content);
-          }
-          measure();
-          return () => {
-            clearTimeout(timeout);
-            observer.disconnect();
-            unsubscribe();
-          };
-        }
-      };
-    }, [])
-  );
-}
-function useCommitPreviewUpdate() {
-  const [isUpdatePending, startUpdate] = useTransition();
-  const settleResolvers = useRef([]);
-  useEffect(() => {
-    if (!isUpdatePending) {
-      const resolvers = settleResolvers.current;
-      settleResolvers.current = [];
-      for (const resolve of resolvers) {
-        resolve();
-      }
-    }
-  }, [isUpdatePending]);
-  return (update) => {
-    return new Promise((resolve) => {
-      settleResolvers.current.push(resolve);
-      startUpdate(update);
-    });
-  };
-}
-function ComponentPreviewNavigation() {
-  const router = useRouter();
-  const commitPreviewUpdate = useCommitPreviewUpdate();
-  useComponentPreviewChannel(
-    async ({ props, sourceRevision }) => {
-      const nextHref = getComponentPreviewHref({
-        currentUrl: window.location.href,
-        props,
-        sourceRevision
-      });
-      if (nextHref === getCurrentHref()) {
-        return { mode: "unchanged" };
-      }
-      await commitPreviewUpdate(() => {
-        return router.replace(nextHref, { scroll: false });
-      });
-      return { mode: "navigation" };
-    }
-  );
-  return null;
-}
-function ComponentPreviewStage({
-  Component,
-  initialProps,
-  initialRawProps,
-  initialSourceRevision
-}) {
-  const [props, setProps] = useState(initialProps);
-  const [lastInitialProps, setLastInitialProps] = useState(initialProps);
-  if (initialProps !== lastInitialProps) {
-    setLastInitialProps(initialProps);
-    setProps(initialProps);
-  }
-  const propsRef = useRef(props);
-  propsRef.current = props;
-  const lastRawPropsRef = useRef(initialRawProps);
-  const lastSourceRevisionRef = useRef(initialSourceRevision);
-  const router = useRouter();
-  const commitPreviewUpdate = useCommitPreviewUpdate();
-  useComponentPreviewChannel(
-    async ({
-      props: nextRawProps,
-      sourceRevision
-    }) => {
-      const nextHref = getComponentPreviewHref({
-        currentUrl: window.location.href,
-        props: nextRawProps,
-        sourceRevision
-      });
-      if (nextHref === getCurrentHref()) {
-        return { mode: "unchanged" };
-      }
-      if (sourceRevision !== lastSourceRevisionRef.current || productReferencesChanged({
-        previous: lastRawPropsRef.current,
-        next: nextRawProps
-      })) {
-        await commitPreviewUpdate(() => {
-          return router.replace(nextHref, { scroll: false });
-        });
-        lastRawPropsRef.current = nextRawProps;
-        lastSourceRevisionRef.current = sourceRevision;
-        return { mode: "navigation" };
-      }
-      await commitPreviewUpdate(() => {
-        return setProps(
-          mergeClientProps({
-            currentResolved: propsRef.current,
-            nextRaw: nextRawProps
-          })
-        );
-      });
-      lastRawPropsRef.current = nextRawProps;
-      window.history.replaceState(null, "", nextHref);
-      return { mode: "client" };
-    }
-  );
-  return /* @__PURE__ */ jsx("div", { "data-replo-component-preview": true, style: { display: "flow-root" }, children: /* @__PURE__ */ jsx(Component, { ...props }) });
-}
-export {
-  ComponentPreviewNavigation,
-  ComponentPreviewStage
-};

package/next/component-preview-href.d.ts

@@ -1,5 +0,0 @@
-export declare function getComponentPreviewHref({ currentUrl, props, sourceRevision, }: {
-    currentUrl: string;
-    props: Record<string, unknown>;
-    sourceRevision: string;
-}): string;

package/next/component-preview-href.js

@@ -1,13 +0,0 @@
-function getComponentPreviewHref({
-  currentUrl,
-  props,
-  sourceRevision
-}) {
-  const url = new URL(currentUrl);
-  url.searchParams.set("props", JSON.stringify(props));
-  url.searchParams.set("sourceRevision", sourceRevision);
-  return `${url.pathname}${url.search}${url.hash}`;
-}
-export {
-  getComponentPreviewHref
-};

package/next/component-preview-props.d.ts

@@ -1,8 +0,0 @@
-export declare function productReferencesChanged({ previous, next, }: {
-    previous: Record<string, unknown>;
-    next: Record<string, unknown>;
-}): boolean;
-export declare function mergeClientProps({ currentResolved, nextRaw, }: {
-    currentResolved: Record<string, unknown>;
-    nextRaw: Record<string, unknown>;
-}): Record<string, unknown>;

package/next/component-preview-props.js

@@ -1,35 +0,0 @@
-import { componentPreviewProductReferenceSchema } from "../_vendor/schemas/componentPreview.mjs";
-function isProductReference(value) {
-  return componentPreviewProductReferenceSchema.safeParse(value).success;
-}
-function productReferencesChanged({
-  previous,
-  next
-}) {
-  const names = /* @__PURE__ */ new Set([...Object.keys(previous), ...Object.keys(next)]);
-  for (const name of names) {
-    const previousIsReference = isProductReference(previous[name]);
-    const nextIsReference = isProductReference(next[name]);
-    if (!previousIsReference && !nextIsReference) {
-      continue;
-    }
-    if (previousIsReference !== nextIsReference || JSON.stringify(previous[name]) !== JSON.stringify(next[name])) {
-      return true;
-    }
-  }
-  return false;
-}
-function mergeClientProps({
-  currentResolved,
-  nextRaw
-}) {
-  return Object.fromEntries(
-    Object.entries(nextRaw).map(([name, value]) => {
-      return isProductReference(value) ? [name, currentResolved[name]] : [name, value];
-    })
-  );
-}
-export {
-  mergeClientProps,
-  productReferencesChanged
-};

package/next/component-preview.d.ts

@@ -1,11 +0,0 @@
-import type { ComponentType } from "react";
-import type { ComponentPreviewProductReference } from "../_vendor/schemas/generated/componentPreview";
-export declare function createComponentPreviewPage(Component: ComponentType<Record<string, unknown>>, options?: {
-    getProduct?: (reference: ComponentPreviewProductReference) => Promise<unknown>;
-    interactive?: boolean;
-}): ({ searchParams, }: {
-    searchParams: Promise<{
-        props?: string | string[];
-        sourceRevision?: string | string[];
-    }>;
-}) => Promise<import("react/jsx-runtime").JSX.Element>;