@replohq/sandbox-runtime 1.17.0 → 1.18.0

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

package/next/component-preview.js

@@ -1,83 +0,0 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import {
-  componentPreviewProductReferenceSchema,
-  componentPreviewPropsSchema,
-  MAX_COMPONENT_PREVIEW_PROPS_BYTES
-} from "../_vendor/schemas/componentPreview.mjs";
-import { DocumentReadyBeacon } from "../DocumentReadyBeacon";
-import { NextErrorReporter } from "../NextErrorReporter";
-import {
-  ComponentPreviewNavigation,
-  ComponentPreviewStage
-} from "./component-preview-client";
-async function getPreviewProps({
-  value,
-  getProduct
-}) {
-  const previewPropsResult = componentPreviewPropsSchema.safeParse(value);
-  if (!previewPropsResult.success) {
-    return { rawProps: {}, resolvedProps: {} };
-  }
-  const rawProps = {};
-  const resolvedProps = {};
-  for (const [name, propValue] of Object.entries(previewPropsResult.data)) {
-    rawProps[name] = propValue;
-    const productReferenceResult = componentPreviewProductReferenceSchema.safeParse(propValue);
-    if (!productReferenceResult.success) {
-      resolvedProps[name] = propValue;
-      continue;
-    }
-    resolvedProps[name] = getProduct ? await getProduct(productReferenceResult.data) : propValue;
-  }
-  return { rawProps, resolvedProps };
-}
-async function parseProps({
-  value,
-  getProduct
-}) {
-  if (typeof value !== "string" || new TextEncoder().encode(value).byteLength > MAX_COMPONENT_PREVIEW_PROPS_BYTES) {
-    return { rawProps: {}, resolvedProps: {} };
-  }
-  let parsed;
-  try {
-    parsed = JSON.parse(value);
-  } catch {
-    return { rawProps: {}, resolvedProps: {} };
-  }
-  return await getPreviewProps({ value: parsed, getProduct });
-}
-function createComponentPreviewPage(Component, options) {
-  return async function ComponentPreviewPage({
-    searchParams
-  }) {
-    const resolvedSearchParams = await searchParams;
-    const { rawProps, resolvedProps } = await parseProps({
-      value: resolvedSearchParams.props,
-      getProduct: options?.getProduct
-    });
-    if (options?.interactive) {
-      return /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(DocumentReadyBeacon, {}),
-        /* @__PURE__ */ jsx(NextErrorReporter, {}),
-        /* @__PURE__ */ jsx(
-          ComponentPreviewStage,
-          {
-            Component,
-            initialProps: resolvedProps,
-            initialRawProps: rawProps,
-            initialSourceRevision: typeof resolvedSearchParams.sourceRevision === "string" ? resolvedSearchParams.sourceRevision : ""
-          }
-        )
-      ] });
-    }
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(ComponentPreviewNavigation, {}),
-      /* @__PURE__ */ jsx(DocumentReadyBeacon, {}),
-      /* @__PURE__ */ jsx(NextErrorReporter, {}),
-      /* @__PURE__ */ jsx("div", { "data-replo-component-preview": true, style: { display: "flow-root" }, children: /* @__PURE__ */ jsx(Component, { ...resolvedProps }) })
-    ] });
-  };
-}
-export {
-  createComponentPreviewPage
-};