@replohq/sandbox-runtime 1.5.1 → 1.6.1

package/_vendor/schemas/componentPreview.d.ts

@@ -22,6 +22,12 @@ export declare const websiteBuilderToComponentPreviewMethodConfig: {
     };
 };
 export declare const componentPreviewToWebsiteBuilderMethodConfig: {
+    contentBoundsChanged: {
+        inputSchema: z.ZodObject<{
+            height: z.ZodNumber;
+        }, z.core.$strip>;
+        outputSchema: z.ZodVoid;
+    };
     iframeReady: {
         inputSchema: z.ZodUndefined;
         outputSchema: z.ZodVoid;

package/_vendor/schemas/componentPreview.mjs

@@ -21,6 +21,8 @@ var DATA_LOADER_KEYS = {
   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"
@@ -56,6 +58,12 @@ var websiteBuilderToComponentPreviewMethodConfig = {
   }
 };
 var componentPreviewToWebsiteBuilderMethodConfig = {
+  contentBoundsChanged: {
+    inputSchema: z.object({
+      height: z.number().finite().min(0).max(1e5)
+    }),
+    outputSchema: z.void()
+  },
   iframeReady: {
     inputSchema: z.undefined(),
     outputSchema: z.void()

package/_vendor/schemas/loaderKeys.d.ts

@@ -30,6 +30,8 @@ export declare const DATA_LOADER_KEYS: {
     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";
@@ -55,6 +57,8 @@ export declare const dataLoaderKeySchema: z.ZodEnum<{
     "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/buildMetadata.js

@@ -1,7 +1,7 @@
 export const BUILD_METADATA = {
   "packageName": "@replohq/sandbox-runtime",
-  "version": "1.5.1",
+  "version": "1.6.1",
   "branch": "HEAD",
-  "commit": "46993e27f13bdc44fb8069250240b6cdae88a508",
-  "builtAt": "2026-09-04T14:54:15.479Z"
+  "commit": "8fe4f3856e244e9c0a553822d9b46a150ff1bb95",
+  "builtAt": "2026-09-11T21:19:34.866Z"
 };

package/next/component-preview-client.js

@@ -68,8 +68,42 @@ function useComponentPreviewChannel(onSetProps) {
         ...rpcChannel,
         subscribe() {
           const unsubscribe = rpcChannel.subscribe();
-          createIframeRpcRemote(rpcChannel).iframeReady();
-          return unsubscribe;
+          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();
+          };
         }
       };
     }, [])
@@ -165,7 +199,7 @@ function ComponentPreviewStage({
       return { mode: "client" };
     }
   );
-  return /* @__PURE__ */ jsx(Component, { ...props });
+  return /* @__PURE__ */ jsx("div", { "data-replo-component-preview": true, style: { display: "flow-root" }, children: /* @__PURE__ */ jsx(Component, { ...props }) });
 }
 export {
   ComponentPreviewNavigation,

package/next/component-preview-client.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../next/component-preview-client.tsx"],
-  "sourcesContent": ["\"use client\";\n\nimport type { ComponentType } from \"react\";\nimport type { z } from \"zod\";\n\nimport { useEffect, useMemo, useRef, useState, useTransition } from \"react\";\n\nimport { useRouter } from \"next/navigation\";\n\nimport { useIframeRpcChannel } from \"replo-utils/react/use-iframe-rpc-channel\";\nimport {\n  COMPONENT_PREVIEW_IFRAME_RPC_CHANNEL_ID,\n  COMPONENT_PREVIEW_IFRAME_RPC_CHANNEL_VERSION,\n  COMPONENT_PREVIEW_PARENT_ORIGIN_PARAM,\n  componentPreviewToWebsiteBuilderMethodConfig,\n  websiteBuilderToComponentPreviewMethodConfig,\n} from \"schemas/componentPreview\";\nimport {\n  createIframeRpcChannel,\n  createIframeRpcRemote,\n} from \"schemas/iframeRpcChannel\";\n\nimport { getComponentPreviewHref } from \"./component-preview-href\";\nimport {\n  mergeClientProps,\n  productReferencesChanged,\n} from \"./component-preview-props\";\n\ntype SetPropsInput = z.output<\n  (typeof websiteBuilderToComponentPreviewMethodConfig)[\"setProps\"][\"inputSchema\"]\n>;\ntype SetPropsResult = z.output<\n  (typeof websiteBuilderToComponentPreviewMethodConfig)[\"setProps\"][\"outputSchema\"]\n>;\n\nfunction getParentOrigin(): string | null {\n  const fromQuery = new URLSearchParams(window.location.search).get(\n    COMPONENT_PREVIEW_PARENT_ORIGIN_PARAM,\n  );\n  if (fromQuery) {\n    try {\n      return new URL(fromQuery).origin;\n    } catch {\n      return null;\n    }\n  }\n  return document.referrer ? new URL(document.referrer).origin : null;\n}\n\nfunction getCurrentHref() {\n  return `${window.location.pathname}${window.location.search}${window.location.hash}`;\n}\n\n// Child side of the preview channel: announces readiness on subscribe and\n// routes incoming setProps calls to the caller. React Doctor rejects passing a\n// useEffectEvent result into channel handlers, so freshness comes from a plain\n// ref the stable closure reads at call time.\nfunction useComponentPreviewChannel(\n  onSetProps: (input: SetPropsInput) => Promise<SetPropsResult>,\n) {\n  const onSetPropsRef = useRef(onSetProps);\n  onSetPropsRef.current = onSetProps;\n  useIframeRpcChannel(\n    useMemo(() => {\n      if (typeof window === \"undefined\") {\n        return null;\n      }\n      const parentOrigin = getParentOrigin();\n      if (!parentOrigin) {\n        return null;\n      }\n      const rpcChannel = createIframeRpcChannel({\n        subscriberWindow: window,\n        channelIdentifier: COMPONENT_PREVIEW_IFRAME_RPC_CHANNEL_ID,\n        version: COMPONENT_PREVIEW_IFRAME_RPC_CHANNEL_VERSION,\n        getTargetWindow: () => {\n          return window.parent === window ? null : window.parent;\n        },\n        targetOrigin: parentOrigin,\n        isExpectedMessage: (event) => {\n          return (\n            event.source === window.parent && event.origin === parentOrigin\n          );\n        },\n        outgoingMethods: componentPreviewToWebsiteBuilderMethodConfig,\n        incomingMethods: websiteBuilderToComponentPreviewMethodConfig,\n        handlers: {\n          setProps: (input) => onSetPropsRef.current(input),\n        },\n      });\n      return {\n        ...rpcChannel,\n        subscribe() {\n          const unsubscribe = rpcChannel.subscribe();\n          createIframeRpcRemote(rpcChannel).iframeReady();\n          return unsubscribe;\n        },\n      };\n    }, []),\n  );\n}\n\n// Server-render an in-frame navigation and resolve once the transition\n// settles, so the parent's ack tracks the actual repaint.\nfunction useNavigateAndSettle() {\n  const router = useRouter();\n  const [isNavigationPending, startNavigation] = useTransition();\n  const settleResolvers = useRef<(() => void)[]>([]);\n  // eslint-disable-next-line replo/no-use-effect -- Resolves promises held by the RPC channel, an external system, once the navigation transition settles.\n  useEffect(() => {\n    if (!isNavigationPending) {\n      const resolvers = settleResolvers.current;\n      settleResolvers.current = [];\n      for (const resolve of resolvers) {\n        resolve();\n      }\n    }\n  }, [isNavigationPending]);\n  // A navigation that never settles (a hung RSC fetch) never resolves \u2014 the\n  // parent's channel timeout turns that into the disconnected state, and the\n  // caller's refs stay uncommitted so the next sync retries the navigation.\n  return (href: string) => {\n    return new Promise<void>((resolve) => {\n      settleResolvers.current.push(resolve);\n      startNavigation(() => {\n        router.replace(href, { scroll: false });\n      });\n    });\n  };\n}\n\nexport function ComponentPreviewNavigation() {\n  const navigateAndSettle = useNavigateAndSettle();\n  useComponentPreviewChannel(\n    async ({ props, sourceRevision }): Promise<SetPropsResult> => {\n      const nextHref = getComponentPreviewHref({\n        currentUrl: window.location.href,\n        props,\n        sourceRevision,\n      });\n      if (nextHref === getCurrentHref()) {\n        return { mode: \"unchanged\" };\n      }\n      await navigateAndSettle(nextHref);\n      return { mode: \"navigation\" };\n    },\n  );\n  return null;\n}\n\nexport function ComponentPreviewStage({\n  Component,\n  initialProps,\n  initialRawProps,\n  initialSourceRevision,\n}: {\n  Component: ComponentType<Record<string, unknown>>;\n  initialProps: Record<string, unknown>;\n  initialRawProps: Record<string, unknown>;\n  initialSourceRevision: string;\n}) {\n  const [props, setProps] = useState(initialProps);\n  // A fresh server render (mount or in-frame navigation) is authoritative;\n  // its props replace whatever the client store held.\n  const [lastInitialProps, setLastInitialProps] = useState(initialProps);\n  if (initialProps !== lastInitialProps) {\n    setLastInitialProps(initialProps);\n    setProps(initialProps);\n  }\n  const propsRef = useRef(props);\n  propsRef.current = props;\n  const lastRawPropsRef = useRef(initialRawProps);\n  const lastSourceRevisionRef = useRef(initialSourceRevision);\n  const navigateAndSettle = useNavigateAndSettle();\n\n  useComponentPreviewChannel(\n    async ({\n      props: nextRawProps,\n      sourceRevision,\n    }): Promise<SetPropsResult> => {\n      const nextHref = getComponentPreviewHref({\n        currentUrl: window.location.href,\n        props: nextRawProps,\n        sourceRevision,\n      });\n      if (nextHref === getCurrentHref()) {\n        return { mode: \"unchanged\" };\n      }\n      if (\n        sourceRevision !== lastSourceRevisionRef.current ||\n        productReferencesChanged({\n          previous: lastRawPropsRef.current,\n          next: nextRawProps,\n        })\n      ) {\n        await navigateAndSettle(nextHref);\n        lastRawPropsRef.current = nextRawProps;\n        lastSourceRevisionRef.current = sourceRevision;\n        return { mode: \"navigation\" };\n      }\n      setProps(\n        mergeClientProps({\n          currentResolved: propsRef.current,\n          nextRaw: nextRawProps,\n        }),\n      );\n      lastRawPropsRef.current = nextRawProps;\n      // Keep the URL canonical without a server round trip, so a manual frame\n      // reload restores the current props and the unchanged-check stays exact.\n      window.history.replaceState(null, \"\", nextHref);\n      return { mode: \"client\" };\n    },\n  );\n\n  return <Component {...props} />;\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\";\n\nimport type { ComponentType } from \"react\";\nimport type { z } from \"zod\";\n\nimport { useEffect, useMemo, useRef, useState, useTransition } from \"react\";\n\nimport { useRouter } from \"next/navigation\";\n\nimport { useIframeRpcChannel } from \"replo-utils/react/use-iframe-rpc-channel\";\nimport {\n  COMPONENT_PREVIEW_IFRAME_RPC_CHANNEL_ID,\n  COMPONENT_PREVIEW_IFRAME_RPC_CHANNEL_VERSION,\n  COMPONENT_PREVIEW_PARENT_ORIGIN_PARAM,\n  componentPreviewToWebsiteBuilderMethodConfig,\n  websiteBuilderToComponentPreviewMethodConfig,\n} from \"schemas/componentPreview\";\nimport {\n  createIframeRpcChannel,\n  createIframeRpcRemote,\n} from \"schemas/iframeRpcChannel\";\n\nimport { getComponentPreviewHref } from \"./component-preview-href\";\nimport {\n  mergeClientProps,\n  productReferencesChanged,\n} from \"./component-preview-props\";\n\ntype SetPropsInput = z.output<\n  (typeof websiteBuilderToComponentPreviewMethodConfig)[\"setProps\"][\"inputSchema\"]\n>;\ntype SetPropsResult = z.output<\n  (typeof websiteBuilderToComponentPreviewMethodConfig)[\"setProps\"][\"outputSchema\"]\n>;\n\nfunction getParentOrigin(): string | null {\n  const fromQuery = new URLSearchParams(window.location.search).get(\n    COMPONENT_PREVIEW_PARENT_ORIGIN_PARAM,\n  );\n  if (fromQuery) {\n    try {\n      return new URL(fromQuery).origin;\n    } catch {\n      return null;\n    }\n  }\n  return document.referrer ? new URL(document.referrer).origin : null;\n}\n\nfunction getCurrentHref() {\n  return `${window.location.pathname}${window.location.search}${window.location.hash}`;\n}\n\n// Child side of the preview channel: announces readiness on subscribe and\n// routes incoming setProps calls to the caller. React Doctor rejects passing a\n// useEffectEvent result into channel handlers, so freshness comes from a plain\n// ref the stable closure reads at call time.\nfunction useComponentPreviewChannel(\n  onSetProps: (input: SetPropsInput) => Promise<SetPropsResult>,\n) {\n  const onSetPropsRef = useRef(onSetProps);\n  onSetPropsRef.current = onSetProps;\n  useIframeRpcChannel(\n    useMemo(() => {\n      if (typeof window === \"undefined\") {\n        return null;\n      }\n      const parentOrigin = getParentOrigin();\n      if (!parentOrigin) {\n        return null;\n      }\n      const rpcChannel = createIframeRpcChannel({\n        subscriberWindow: window,\n        channelIdentifier: COMPONENT_PREVIEW_IFRAME_RPC_CHANNEL_ID,\n        version: COMPONENT_PREVIEW_IFRAME_RPC_CHANNEL_VERSION,\n        getTargetWindow: () => {\n          return window.parent === window ? null : window.parent;\n        },\n        targetOrigin: parentOrigin,\n        isExpectedMessage: (event) => {\n          return (\n            event.source === window.parent && event.origin === parentOrigin\n          );\n        },\n        outgoingMethods: componentPreviewToWebsiteBuilderMethodConfig,\n        incomingMethods: websiteBuilderToComponentPreviewMethodConfig,\n        handlers: {\n          setProps: (input) => onSetPropsRef.current(input),\n        },\n      });\n      return {\n        ...rpcChannel,\n        subscribe() {\n          const unsubscribe = rpcChannel.subscribe();\n          const remote = createIframeRpcRemote(rpcChannel);\n          remote.iframeReady();\n          const content = document.querySelector(\n            \"[data-replo-component-preview]\",\n          );\n          let timeout: ReturnType<typeof setTimeout> | undefined;\n          let lastHeight = -1;\n          const measure = () => {\n            clearTimeout(timeout);\n            timeout = setTimeout(() => {\n              if (!content) {\n                return;\n              }\n              const bounds = content.getBoundingClientRect();\n              const height = Math.min(\n                100_000,\n                Math.ceil(\n                  bounds.height + Math.max(0, bounds.top + window.scrollY),\n                ),\n              );\n              if (height !== lastHeight) {\n                lastHeight = height;\n                remote.contentBoundsChanged({ height });\n              }\n            }, 100);\n          };\n          const observer = new ResizeObserver(measure);\n          if (content) {\n            observer.observe(content);\n          }\n          measure();\n          return () => {\n            clearTimeout(timeout);\n            observer.disconnect();\n            unsubscribe();\n          };\n        },\n      };\n    }, []),\n  );\n}\n\n// Server-render an in-frame navigation and resolve once the transition\n// settles, so the parent's ack tracks the actual repaint.\nfunction useNavigateAndSettle() {\n  const router = useRouter();\n  const [isNavigationPending, startNavigation] = useTransition();\n  const settleResolvers = useRef<(() => void)[]>([]);\n  // eslint-disable-next-line replo/no-use-effect -- Resolves promises held by the RPC channel, an external system, once the navigation transition settles.\n  useEffect(() => {\n    if (!isNavigationPending) {\n      const resolvers = settleResolvers.current;\n      settleResolvers.current = [];\n      for (const resolve of resolvers) {\n        resolve();\n      }\n    }\n  }, [isNavigationPending]);\n  // A navigation that never settles (a hung RSC fetch) never resolves \u2014 the\n  // parent's channel timeout turns that into the disconnected state, and the\n  // caller's refs stay uncommitted so the next sync retries the navigation.\n  return (href: string) => {\n    return new Promise<void>((resolve) => {\n      settleResolvers.current.push(resolve);\n      startNavigation(() => {\n        router.replace(href, { scroll: false });\n      });\n    });\n  };\n}\n\nexport function ComponentPreviewNavigation() {\n  const navigateAndSettle = useNavigateAndSettle();\n  useComponentPreviewChannel(\n    async ({ props, sourceRevision }): Promise<SetPropsResult> => {\n      const nextHref = getComponentPreviewHref({\n        currentUrl: window.location.href,\n        props,\n        sourceRevision,\n      });\n      if (nextHref === getCurrentHref()) {\n        return { mode: \"unchanged\" };\n      }\n      await navigateAndSettle(nextHref);\n      return { mode: \"navigation\" };\n    },\n  );\n  return null;\n}\n\nexport function ComponentPreviewStage({\n  Component,\n  initialProps,\n  initialRawProps,\n  initialSourceRevision,\n}: {\n  Component: ComponentType<Record<string, unknown>>;\n  initialProps: Record<string, unknown>;\n  initialRawProps: Record<string, unknown>;\n  initialSourceRevision: string;\n}) {\n  const [props, setProps] = useState(initialProps);\n  // A fresh server render (mount or in-frame navigation) is authoritative;\n  // its props replace whatever the client store held.\n  const [lastInitialProps, setLastInitialProps] = useState(initialProps);\n  if (initialProps !== lastInitialProps) {\n    setLastInitialProps(initialProps);\n    setProps(initialProps);\n  }\n  const propsRef = useRef(props);\n  propsRef.current = props;\n  const lastRawPropsRef = useRef(initialRawProps);\n  const lastSourceRevisionRef = useRef(initialSourceRevision);\n  const navigateAndSettle = useNavigateAndSettle();\n\n  useComponentPreviewChannel(\n    async ({\n      props: nextRawProps,\n      sourceRevision,\n    }): Promise<SetPropsResult> => {\n      const nextHref = getComponentPreviewHref({\n        currentUrl: window.location.href,\n        props: nextRawProps,\n        sourceRevision,\n      });\n      if (nextHref === getCurrentHref()) {\n        return { mode: \"unchanged\" };\n      }\n      if (\n        sourceRevision !== lastSourceRevisionRef.current ||\n        productReferencesChanged({\n          previous: lastRawPropsRef.current,\n          next: nextRawProps,\n        })\n      ) {\n        await navigateAndSettle(nextHref);\n        lastRawPropsRef.current = nextRawProps;\n        lastSourceRevisionRef.current = sourceRevision;\n        return { mode: \"navigation\" };\n      }\n      setProps(\n        mergeClientProps({\n          currentResolved: propsRef.current,\n          nextRaw: nextRawProps,\n        }),\n      );\n      lastRawPropsRef.current = nextRawProps;\n      // Keep the URL canonical without a server round trip, so a manual frame\n      // reload restores the current props and the unchanged-check stays exact.\n      window.history.replaceState(null, \"\", nextHref);\n      return { mode: \"client\" };\n    },\n  );\n\n  return (\n    <div data-replo-component-preview style={{ display: \"flow-root\" }}>\n      <Component {...props} />\n    </div>\n  );\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/next/component-preview.js

@@ -74,7 +74,7 @@ function createComponentPreviewPage(Component, options) {
       /* @__PURE__ */ jsx(ComponentPreviewNavigation, {}),
       /* @__PURE__ */ jsx(DocumentReadyBeacon, {}),
       /* @__PURE__ */ jsx(NextErrorReporter, {}),
-      /* @__PURE__ */ jsx(Component, { ...resolvedProps })
+      /* @__PURE__ */ jsx("div", { "data-replo-component-preview": true, style: { display: "flow-root" }, children: /* @__PURE__ */ jsx(Component, { ...resolvedProps }) })
     ] });
   };
 }

package/next/component-preview.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../next/component-preview.tsx"],
-  "sourcesContent": ["import type { ComponentType } from \"react\";\nimport type { ComponentPreviewProductReference } from \"schemas/generated/componentPreview\";\n\nimport {\n  componentPreviewProductReferenceSchema,\n  componentPreviewPropsSchema,\n  MAX_COMPONENT_PREVIEW_PROPS_BYTES,\n} from \"schemas/componentPreview\";\n\nimport { DocumentReadyBeacon } from \"../DocumentReadyBeacon\";\nimport { NextErrorReporter } from \"../NextErrorReporter\";\nimport {\n  ComponentPreviewNavigation,\n  ComponentPreviewStage,\n} from \"./component-preview-client\";\n\nasync function getPreviewProps({\n  value,\n  getProduct,\n}: {\n  value: unknown;\n  getProduct?: (\n    reference: ComponentPreviewProductReference,\n  ) => Promise<unknown>;\n}): Promise<{\n  rawProps: Record<string, unknown>;\n  resolvedProps: Record<string, unknown>;\n}> {\n  const previewPropsResult = componentPreviewPropsSchema.safeParse(value);\n  if (!previewPropsResult.success) {\n    return { rawProps: {}, resolvedProps: {} };\n  }\n\n  const rawProps: Record<string, unknown> = {};\n  const resolvedProps: Record<string, unknown> = {};\n  for (const [name, propValue] of Object.entries(previewPropsResult.data)) {\n    rawProps[name] = propValue;\n    const productReferenceResult =\n      componentPreviewProductReferenceSchema.safeParse(propValue);\n    if (!productReferenceResult.success) {\n      resolvedProps[name] = propValue;\n      continue;\n    }\n    // Without a resolver the raw reference passes through rather than the prop\n    // silently vanishing; the component sees exactly what the URL carried.\n    resolvedProps[name] = getProduct\n      ? await getProduct(productReferenceResult.data)\n      : propValue;\n  }\n  return { rawProps, resolvedProps };\n}\n\nasync function parseProps({\n  value,\n  getProduct,\n}: {\n  value: string | string[] | undefined;\n  getProduct?: (\n    reference: ComponentPreviewProductReference,\n  ) => Promise<unknown>;\n}) {\n  if (\n    typeof value !== \"string\" ||\n    new TextEncoder().encode(value).byteLength >\n      MAX_COMPONENT_PREVIEW_PROPS_BYTES\n  ) {\n    return { rawProps: {}, resolvedProps: {} };\n  }\n  let parsed: unknown;\n  try {\n    parsed = JSON.parse(value);\n  } catch {\n    return { rawProps: {}, resolvedProps: {} };\n  }\n  return await getPreviewProps({ value: parsed, getProduct });\n}\n\nexport function createComponentPreviewPage(\n  Component: ComponentType<Record<string, unknown>>,\n  options?: {\n    getProduct?: (\n      reference: ComponentPreviewProductReference,\n    ) => Promise<unknown>;\n    // Interactive components (\"use client\" in the component file) render\n    // inside the client prop stage so plain prop edits apply without a server\n    // round trip. Server components can only re-render via navigation.\n    interactive?: boolean;\n  },\n) {\n  return async function ComponentPreviewPage({\n    searchParams,\n  }: {\n    searchParams: Promise<{\n      props?: string | string[];\n      sourceRevision?: string | string[];\n    }>;\n  }) {\n    const resolvedSearchParams = await searchParams;\n    const { rawProps, resolvedProps } = await parseProps({\n      value: resolvedSearchParams.props,\n      getProduct: options?.getProduct,\n    });\n    if (options?.interactive) {\n      return (\n        <>\n          <DocumentReadyBeacon />\n          <NextErrorReporter />\n          <ComponentPreviewStage\n            Component={Component}\n            initialProps={resolvedProps}\n            initialRawProps={rawProps}\n            initialSourceRevision={\n              typeof resolvedSearchParams.sourceRevision === \"string\"\n                ? resolvedSearchParams.sourceRevision\n                : \"\"\n            }\n          />\n        </>\n      );\n    }\n    return (\n      <>\n        <ComponentPreviewNavigation />\n        <DocumentReadyBeacon />\n        <NextErrorReporter />\n        <Component {...resolvedProps} />\n      </>\n    );\n  };\n}\n"],
-  "mappings": "AAwGQ,mBACE,KADF;AArGR;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,2BAA2B;AACpC,SAAS,yBAAyB;AAClC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP,eAAe,gBAAgB;AAAA,EAC7B;AAAA,EACA;AACF,GAQG;AACD,QAAM,qBAAqB,4BAA4B,UAAU,KAAK;AACtE,MAAI,CAAC,mBAAmB,SAAS;AAC/B,WAAO,EAAE,UAAU,CAAC,GAAG,eAAe,CAAC,EAAE;AAAA,EAC3C;AAEA,QAAM,WAAoC,CAAC;AAC3C,QAAM,gBAAyC,CAAC;AAChD,aAAW,CAAC,MAAM,SAAS,KAAK,OAAO,QAAQ,mBAAmB,IAAI,GAAG;AACvE,aAAS,IAAI,IAAI;AACjB,UAAM,yBACJ,uCAAuC,UAAU,SAAS;AAC5D,QAAI,CAAC,uBAAuB,SAAS;AACnC,oBAAc,IAAI,IAAI;AACtB;AAAA,IACF;AAGA,kBAAc,IAAI,IAAI,aAClB,MAAM,WAAW,uBAAuB,IAAI,IAC5C;AAAA,EACN;AACA,SAAO,EAAE,UAAU,cAAc;AACnC;AAEA,eAAe,WAAW;AAAA,EACxB;AAAA,EACA;AACF,GAKG;AACD,MACE,OAAO,UAAU,YACjB,IAAI,YAAY,EAAE,OAAO,KAAK,EAAE,aAC9B,mCACF;AACA,WAAO,EAAE,UAAU,CAAC,GAAG,eAAe,CAAC,EAAE;AAAA,EAC3C;AACA,MAAI;AACJ,MAAI;AACF,aAAS,KAAK,MAAM,KAAK;AAAA,EAC3B,QAAQ;AACN,WAAO,EAAE,UAAU,CAAC,GAAG,eAAe,CAAC,EAAE;AAAA,EAC3C;AACA,SAAO,MAAM,gBAAgB,EAAE,OAAO,QAAQ,WAAW,CAAC;AAC5D;AAEO,SAAS,2BACd,WACA,SASA;AACA,SAAO,eAAe,qBAAqB;AAAA,IACzC;AAAA,EACF,GAKG;AACD,UAAM,uBAAuB,MAAM;AACnC,UAAM,EAAE,UAAU,cAAc,IAAI,MAAM,WAAW;AAAA,MACnD,OAAO,qBAAqB;AAAA,MAC5B,YAAY,SAAS;AAAA,IACvB,CAAC;AACD,QAAI,SAAS,aAAa;AACxB,aACE,iCACE;AAAA,4BAAC,uBAAoB;AAAA,QACrB,oBAAC,qBAAkB;AAAA,QACnB;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,cAAc;AAAA,YACd,iBAAiB;AAAA,YACjB,uBACE,OAAO,qBAAqB,mBAAmB,WAC3C,qBAAqB,iBACrB;AAAA;AAAA,QAER;AAAA,SACF;AAAA,IAEJ;AACA,WACE,iCACE;AAAA,0BAAC,8BAA2B;AAAA,MAC5B,oBAAC,uBAAoB;AAAA,MACrB,oBAAC,qBAAkB;AAAA,MACnB,oBAAC,aAAW,GAAG,eAAe;AAAA,OAChC;AAAA,EAEJ;AACF;",
+  "sourcesContent": ["import type { ComponentType } from \"react\";\nimport type { ComponentPreviewProductReference } from \"schemas/generated/componentPreview\";\n\nimport {\n  componentPreviewProductReferenceSchema,\n  componentPreviewPropsSchema,\n  MAX_COMPONENT_PREVIEW_PROPS_BYTES,\n} from \"schemas/componentPreview\";\n\nimport { DocumentReadyBeacon } from \"../DocumentReadyBeacon\";\nimport { NextErrorReporter } from \"../NextErrorReporter\";\nimport {\n  ComponentPreviewNavigation,\n  ComponentPreviewStage,\n} from \"./component-preview-client\";\n\nasync function getPreviewProps({\n  value,\n  getProduct,\n}: {\n  value: unknown;\n  getProduct?: (\n    reference: ComponentPreviewProductReference,\n  ) => Promise<unknown>;\n}): Promise<{\n  rawProps: Record<string, unknown>;\n  resolvedProps: Record<string, unknown>;\n}> {\n  const previewPropsResult = componentPreviewPropsSchema.safeParse(value);\n  if (!previewPropsResult.success) {\n    return { rawProps: {}, resolvedProps: {} };\n  }\n\n  const rawProps: Record<string, unknown> = {};\n  const resolvedProps: Record<string, unknown> = {};\n  for (const [name, propValue] of Object.entries(previewPropsResult.data)) {\n    rawProps[name] = propValue;\n    const productReferenceResult =\n      componentPreviewProductReferenceSchema.safeParse(propValue);\n    if (!productReferenceResult.success) {\n      resolvedProps[name] = propValue;\n      continue;\n    }\n    // Without a resolver the raw reference passes through rather than the prop\n    // silently vanishing; the component sees exactly what the URL carried.\n    resolvedProps[name] = getProduct\n      ? await getProduct(productReferenceResult.data)\n      : propValue;\n  }\n  return { rawProps, resolvedProps };\n}\n\nasync function parseProps({\n  value,\n  getProduct,\n}: {\n  value: string | string[] | undefined;\n  getProduct?: (\n    reference: ComponentPreviewProductReference,\n  ) => Promise<unknown>;\n}) {\n  if (\n    typeof value !== \"string\" ||\n    new TextEncoder().encode(value).byteLength >\n      MAX_COMPONENT_PREVIEW_PROPS_BYTES\n  ) {\n    return { rawProps: {}, resolvedProps: {} };\n  }\n  let parsed: unknown;\n  try {\n    parsed = JSON.parse(value);\n  } catch {\n    return { rawProps: {}, resolvedProps: {} };\n  }\n  return await getPreviewProps({ value: parsed, getProduct });\n}\n\nexport function createComponentPreviewPage(\n  Component: ComponentType<Record<string, unknown>>,\n  options?: {\n    getProduct?: (\n      reference: ComponentPreviewProductReference,\n    ) => Promise<unknown>;\n    // Interactive components (\"use client\" in the component file) render\n    // inside the client prop stage so plain prop edits apply without a server\n    // round trip. Server components can only re-render via navigation.\n    interactive?: boolean;\n  },\n) {\n  return async function ComponentPreviewPage({\n    searchParams,\n  }: {\n    searchParams: Promise<{\n      props?: string | string[];\n      sourceRevision?: string | string[];\n    }>;\n  }) {\n    const resolvedSearchParams = await searchParams;\n    const { rawProps, resolvedProps } = await parseProps({\n      value: resolvedSearchParams.props,\n      getProduct: options?.getProduct,\n    });\n    if (options?.interactive) {\n      return (\n        <>\n          <DocumentReadyBeacon />\n          <NextErrorReporter />\n          <ComponentPreviewStage\n            Component={Component}\n            initialProps={resolvedProps}\n            initialRawProps={rawProps}\n            initialSourceRevision={\n              typeof resolvedSearchParams.sourceRevision === \"string\"\n                ? resolvedSearchParams.sourceRevision\n                : \"\"\n            }\n          />\n        </>\n      );\n    }\n    return (\n      <>\n        <ComponentPreviewNavigation />\n        <DocumentReadyBeacon />\n        <NextErrorReporter />\n        <div data-replo-component-preview style={{ display: \"flow-root\" }}>\n          <Component {...resolvedProps} />\n        </div>\n      </>\n    );\n  };\n}\n"],
+  "mappings": "AAwGQ,mBACE,KADF;AArGR;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,2BAA2B;AACpC,SAAS,yBAAyB;AAClC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP,eAAe,gBAAgB;AAAA,EAC7B;AAAA,EACA;AACF,GAQG;AACD,QAAM,qBAAqB,4BAA4B,UAAU,KAAK;AACtE,MAAI,CAAC,mBAAmB,SAAS;AAC/B,WAAO,EAAE,UAAU,CAAC,GAAG,eAAe,CAAC,EAAE;AAAA,EAC3C;AAEA,QAAM,WAAoC,CAAC;AAC3C,QAAM,gBAAyC,CAAC;AAChD,aAAW,CAAC,MAAM,SAAS,KAAK,OAAO,QAAQ,mBAAmB,IAAI,GAAG;AACvE,aAAS,IAAI,IAAI;AACjB,UAAM,yBACJ,uCAAuC,UAAU,SAAS;AAC5D,QAAI,CAAC,uBAAuB,SAAS;AACnC,oBAAc,IAAI,IAAI;AACtB;AAAA,IACF;AAGA,kBAAc,IAAI,IAAI,aAClB,MAAM,WAAW,uBAAuB,IAAI,IAC5C;AAAA,EACN;AACA,SAAO,EAAE,UAAU,cAAc;AACnC;AAEA,eAAe,WAAW;AAAA,EACxB;AAAA,EACA;AACF,GAKG;AACD,MACE,OAAO,UAAU,YACjB,IAAI,YAAY,EAAE,OAAO,KAAK,EAAE,aAC9B,mCACF;AACA,WAAO,EAAE,UAAU,CAAC,GAAG,eAAe,CAAC,EAAE;AAAA,EAC3C;AACA,MAAI;AACJ,MAAI;AACF,aAAS,KAAK,MAAM,KAAK;AAAA,EAC3B,QAAQ;AACN,WAAO,EAAE,UAAU,CAAC,GAAG,eAAe,CAAC,EAAE;AAAA,EAC3C;AACA,SAAO,MAAM,gBAAgB,EAAE,OAAO,QAAQ,WAAW,CAAC;AAC5D;AAEO,SAAS,2BACd,WACA,SASA;AACA,SAAO,eAAe,qBAAqB;AAAA,IACzC;AAAA,EACF,GAKG;AACD,UAAM,uBAAuB,MAAM;AACnC,UAAM,EAAE,UAAU,cAAc,IAAI,MAAM,WAAW;AAAA,MACnD,OAAO,qBAAqB;AAAA,MAC5B,YAAY,SAAS;AAAA,IACvB,CAAC;AACD,QAAI,SAAS,aAAa;AACxB,aACE,iCACE;AAAA,4BAAC,uBAAoB;AAAA,QACrB,oBAAC,qBAAkB;AAAA,QACnB;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,cAAc;AAAA,YACd,iBAAiB;AAAA,YACjB,uBACE,OAAO,qBAAqB,mBAAmB,WAC3C,qBAAqB,iBACrB;AAAA;AAAA,QAER;AAAA,SACF;AAAA,IAEJ;AACA,WACE,iCACE;AAAA,0BAAC,8BAA2B;AAAA,MAC5B,oBAAC,uBAAoB;AAAA,MACrB,oBAAC,qBAAkB;AAAA,MACnB,oBAAC,SAAI,gCAA4B,MAAC,OAAO,EAAE,SAAS,YAAY,GAC9D,8BAAC,aAAW,GAAG,eAAe,GAChC;AAAA,OACF;AAAA,EAEJ;AACF;",
   "names": []
 }

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@replohq/sandbox-runtime",
-  "version": "1.5.1",
+  "version": "1.6.1",
   "reploBuild": {
     "packageName": "@replohq/sandbox-runtime",
-    "version": "1.5.1",
+    "version": "1.6.1",
     "branch": "HEAD",
-    "commit": "46993e27f13bdc44fb8069250240b6cdae88a508",
-    "builtAt": "2026-09-04T14:54:15.479Z"
+    "commit": "8fe4f3856e244e9c0a553822d9b46a150ff1bb95",
+    "builtAt": "2026-09-11T21:19:34.866Z"
   },
   "description": "Replo sandbox runtime — editor integration for agent-built Next.js sites.",
   "license": "SEE LICENSE IN LICENSE",

package/select-mode/descriptor/styleExtraction.js

@@ -1,3 +1,7 @@
+import {
+  SELECT_MODE_OVERRIDE_ATTRIBUTE,
+  SELECT_MODE_OVERRIDE_STYLE_ATTRIBUTE
+} from "../optimisticOverrideDom";
 const CONTROL_STYLE_PROPERTIES = [
   "color",
   "background-color",
@@ -250,10 +254,73 @@ function addInlineDefinedStyles({
     });
   }
 }
+function getOverrideStyleDeclarations(styleElement) {
+  const declarations = [];
+  const sheet = styleElement.sheet;
+  if (!sheet) {
+    return declarations;
+  }
+  for (const rule of Array.from(sheet.cssRules)) {
+    if (!(rule instanceof CSSStyleRule)) {
+      continue;
+    }
+    for (let styleIndex = 0; styleIndex < rule.style.length; styleIndex += 1) {
+      const property = rule.style.item(styleIndex);
+      if (!property) {
+        continue;
+      }
+      const raw = rule.style.getPropertyValue(property).trim();
+      if (raw) {
+        declarations.push({ property, raw });
+      }
+    }
+  }
+  return declarations;
+}
+function addOptimisticDefinedStyles({
+  element,
+  definedStylesByKey
+}) {
+  const tokens = (element.getAttribute(SELECT_MODE_OVERRIDE_ATTRIBUTE) ?? "").split(/\s+/).filter(Boolean);
+  if (tokens.length === 0) {
+    return;
+  }
+  const computedStyle = window.getComputedStyle(element);
+  for (const token of tokens) {
+    const styleElement = document.querySelector(
+      `style[${SELECT_MODE_OVERRIDE_STYLE_ATTRIBUTE}="${token}"]`
+    );
+    if (!styleElement) {
+      continue;
+    }
+    for (const { property, raw } of getOverrideStyleDeclarations(
+      styleElement
+    )) {
+      if (!isControlStyleProperty(property)) {
+        continue;
+      }
+      if (raw.toLowerCase() === "revert") {
+        definedStylesByKey.delete(
+          getDefinedStyleKey({ property, variant: null })
+        );
+        continue;
+      }
+      setDefinedStyle({
+        definedStylesByKey,
+        property,
+        variant: null,
+        className: null,
+        raw,
+        resolved: computedStyle.getPropertyValue(property).trim() || raw
+      });
+    }
+  }
+}
 function getDefinedStyles(element) {
   const definedStylesByKey = /* @__PURE__ */ new Map();
   addClassDefinedStyles({ element, definedStylesByKey });
   addInlineDefinedStyles({ element, definedStylesByKey });
+  addOptimisticDefinedStyles({ element, definedStylesByKey });
   return Array.from(definedStylesByKey.values());
 }
 function getInheritedStyles(element) {

package/select-mode/descriptor/styleExtraction.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../select-mode/descriptor/styleExtraction.ts"],
-  "sourcesContent": ["import type {\n  SelectModeDefinedStyle,\n  SelectModeStyleAtRule,\n  SelectModeStyleVariant,\n} from \"schemas/generated/selectMode\";\n\nconst CONTROL_STYLE_PROPERTIES = [\n  \"color\",\n  \"background-color\",\n  \"font-family\",\n  \"font-size\",\n  \"font-weight\",\n  \"line-height\",\n  \"letter-spacing\",\n  \"text-align\",\n] as const;\n\ntype ControlStyleProperty = (typeof CONTROL_STYLE_PROPERTIES)[number];\n\nconst CONTROL_STYLE_PROPERTY_SET = new Set<string>(CONTROL_STYLE_PROPERTIES);\n\ntype SelectorMatch = {\n  className: string;\n  pseudo: string | null;\n};\n\nfunction isControlStyleProperty(\n  propertyName: string,\n): propertyName is ControlStyleProperty {\n  return CONTROL_STYLE_PROPERTY_SET.has(propertyName);\n}\n\nfunction getEscapedClassName(className: string) {\n  return CSS.escape(className);\n}\n\nfunction getClassSelectorMatches({\n  selectorText,\n  classNames,\n}: {\n  selectorText: string;\n  classNames: string[];\n}): SelectorMatch[] {\n  const matches: SelectorMatch[] = [];\n  const selectorParts = selectorText.split(\",\").map((selectorPart) => {\n    return selectorPart.trim();\n  });\n\n  for (const selectorPart of selectorParts) {\n    for (const className of classNames) {\n      const escapedClassName = getEscapedClassName(className);\n      const baseSelector = `.${escapedClassName}`;\n      if (selectorPart === baseSelector) {\n        matches.push({ className, pseudo: null });\n        continue;\n      }\n\n      if (!selectorPart.startsWith(`${baseSelector}:`)) {\n        continue;\n      }\n\n      const pseudo = selectorPart.slice(baseSelector.length);\n      const isSimplePseudoSelector =\n        pseudo.startsWith(\":\") &&\n        !/[ >+~#[.]/.test(pseudo) &&\n        !pseudo.includes(\"::\");\n      if (isSimplePseudoSelector) {\n        matches.push({ className, pseudo });\n      }\n    }\n  }\n\n  return matches;\n}\n\nfunction getNestedAtRules({\n  rule,\n  activeAtRules,\n}: {\n  rule: CSSRule;\n  activeAtRules: SelectModeStyleAtRule[];\n}): SelectModeStyleAtRule[] {\n  const nextAtRules = [...activeAtRules];\n  if (rule instanceof CSSMediaRule) {\n    nextAtRules.push({ type: \"@media\", text: rule.conditionText });\n  } else if (rule instanceof CSSSupportsRule) {\n    nextAtRules.push({ type: \"@supports\", text: rule.conditionText });\n  } else if (\n    rule.constructor?.name === \"CSSContainerRule\" &&\n    \"conditionText\" in rule &&\n    typeof rule.conditionText === \"string\"\n  ) {\n    nextAtRules.push({\n      type: \"@container\",\n      text: rule.conditionText,\n    });\n  }\n  return nextAtRules;\n}\n\nfunction getNestedRuleList(rule: CSSRule): CSSRuleList | null {\n  if (\n    typeof CSSGroupingRule !== \"undefined\" &&\n    rule instanceof CSSGroupingRule\n  ) {\n    return rule.cssRules;\n  }\n  return null;\n}\n\nfunction getStyleVariant({\n  atRules,\n  pseudo,\n}: {\n  atRules: SelectModeStyleAtRule[];\n  pseudo: string | null;\n}): SelectModeStyleVariant | null {\n  if (atRules.length === 0 && !pseudo) {\n    return null;\n  }\n  return { atRules, pseudo };\n}\n\nfunction getStyleVariantKey(variant: SelectModeStyleVariant | null) {\n  return variant ? JSON.stringify(variant) : \"base\";\n}\n\nfunction getDefinedStyleKey({\n  property,\n  variant,\n}: {\n  property: string;\n  variant: SelectModeStyleVariant | null;\n}) {\n  return `${property}:${getStyleVariantKey(variant)}`;\n}\n\nfunction getResolvedClassStyleValue({\n  className,\n  property,\n  raw,\n  variant,\n}: {\n  className: string;\n  property: string;\n  raw: string;\n  variant: SelectModeStyleVariant | null;\n}) {\n  if (variant) {\n    return raw;\n  }\n\n  const temporaryElement = document.createElement(\"div\");\n  temporaryElement.className = className;\n  document.body.append(temporaryElement);\n  const resolved = window\n    .getComputedStyle(temporaryElement)\n    .getPropertyValue(property);\n  temporaryElement.remove();\n\n  return resolved.trim() || raw;\n}\n\nfunction setDefinedStyle({\n  definedStylesByKey,\n  property,\n  variant,\n  className,\n  raw,\n  resolved,\n}: {\n  definedStylesByKey: Map<string, SelectModeDefinedStyle>;\n  property: string;\n  variant: SelectModeStyleVariant | null;\n  className: string | null;\n  raw: string;\n  resolved: string;\n}) {\n  definedStylesByKey.set(getDefinedStyleKey({ property, variant }), {\n    property,\n    variant,\n    className,\n    raw,\n    resolved,\n  });\n}\n\nfunction addRuleDefinedStyles({\n  rule,\n  activeAtRules,\n  classNames,\n  definedStylesByKey,\n}: {\n  rule: CSSStyleRule;\n  activeAtRules: SelectModeStyleAtRule[];\n  classNames: string[];\n  definedStylesByKey: Map<string, SelectModeDefinedStyle>;\n}) {\n  const selectorMatches = getClassSelectorMatches({\n    selectorText: rule.selectorText ?? \"\",\n    classNames,\n  });\n  if (selectorMatches.length === 0) {\n    return;\n  }\n\n  for (const selectorMatch of selectorMatches) {\n    const variant = getStyleVariant({\n      atRules: activeAtRules,\n      pseudo: selectorMatch.pseudo,\n    });\n\n    for (let styleIndex = 0; styleIndex < rule.style.length; styleIndex += 1) {\n      const property = rule.style.item(styleIndex);\n      if (!property || !isControlStyleProperty(property)) {\n        continue;\n      }\n\n      const raw = rule.style.getPropertyValue(property).trim();\n      if (!raw) {\n        continue;\n      }\n\n      setDefinedStyle({\n        definedStylesByKey,\n        property,\n        variant,\n        className: selectorMatch.className,\n        raw,\n        resolved: getResolvedClassStyleValue({\n          className: selectorMatch.className,\n          property,\n          raw,\n          variant,\n        }),\n      });\n    }\n  }\n}\n\nfunction addStyleRulesRecursively({\n  ruleList,\n  activeAtRules,\n  classNames,\n  definedStylesByKey,\n}: {\n  ruleList: CSSRuleList;\n  activeAtRules: SelectModeStyleAtRule[];\n  classNames: string[];\n  definedStylesByKey: Map<string, SelectModeDefinedStyle>;\n}) {\n  for (const rule of Array.from(ruleList)) {\n    const nestedRuleList = getNestedRuleList(rule);\n    if (nestedRuleList) {\n      addStyleRulesRecursively({\n        ruleList: nestedRuleList,\n        activeAtRules: getNestedAtRules({ rule, activeAtRules }),\n        classNames,\n        definedStylesByKey,\n      });\n    }\n\n    if (rule instanceof CSSStyleRule) {\n      addRuleDefinedStyles({\n        rule,\n        activeAtRules,\n        classNames,\n        definedStylesByKey,\n      });\n    }\n  }\n}\n\nfunction addClassDefinedStyles({\n  element,\n  definedStylesByKey,\n}: {\n  element: Element;\n  definedStylesByKey: Map<string, SelectModeDefinedStyle>;\n}) {\n  const classNames = Array.from(\n    new Set([...element.classList].filter(Boolean)),\n  );\n  if (classNames.length === 0) {\n    return;\n  }\n\n  for (const sheet of Array.from(document.styleSheets)) {\n    if (sheet.href) {\n      try {\n        const sheetUrl = new URL(sheet.href);\n        if (sheetUrl.origin !== window.location.origin) {\n          continue;\n        }\n      } catch (error) {\n        if (error instanceof TypeError) {\n          continue;\n        }\n        throw error;\n      }\n    }\n\n    try {\n      addStyleRulesRecursively({\n        ruleList: sheet.cssRules,\n        activeAtRules: [],\n        classNames,\n        definedStylesByKey,\n      });\n    } catch (error) {\n      if (error instanceof DOMException && error.name === \"SecurityError\") {\n        continue;\n      }\n      throw error;\n    }\n  }\n}\n\nfunction addInlineDefinedStyles({\n  element,\n  definedStylesByKey,\n}: {\n  element: Element;\n  definedStylesByKey: Map<string, SelectModeDefinedStyle>;\n}) {\n  if (!(element instanceof HTMLElement)) {\n    return;\n  }\n\n  for (let styleIndex = 0; styleIndex < element.style.length; styleIndex += 1) {\n    const property = element.style.item(styleIndex);\n    if (!property || !isControlStyleProperty(property)) {\n      continue;\n    }\n    const raw = element.style.getPropertyValue(property).trim();\n    if (!raw) {\n      continue;\n    }\n    setDefinedStyle({\n      definedStylesByKey,\n      property,\n      variant: null,\n      className: null,\n      raw,\n      resolved: raw,\n    });\n  }\n}\n\nexport function getDefinedStyles(element: Element): SelectModeDefinedStyle[] {\n  const definedStylesByKey = new Map<string, SelectModeDefinedStyle>();\n  addClassDefinedStyles({ element, definedStylesByKey });\n  addInlineDefinedStyles({ element, definedStylesByKey });\n  return Array.from(definedStylesByKey.values());\n}\n\nexport function getInheritedStyles(element: Element): Record<string, string> {\n  const computedStyle = window.getComputedStyle(element);\n  const inheritedStyles: Record<string, string> = {};\n  for (const property of CONTROL_STYLE_PROPERTIES) {\n    inheritedStyles[property] = computedStyle.getPropertyValue(property);\n  }\n  return inheritedStyles;\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type {\n  SelectModeDefinedStyle,\n  SelectModeStyleAtRule,\n  SelectModeStyleVariant,\n} from \"schemas/generated/selectMode\";\n\nimport {\n  SELECT_MODE_OVERRIDE_ATTRIBUTE,\n  SELECT_MODE_OVERRIDE_STYLE_ATTRIBUTE,\n} from \"../optimisticOverrideDom\";\n\nconst CONTROL_STYLE_PROPERTIES = [\n  \"color\",\n  \"background-color\",\n  \"font-family\",\n  \"font-size\",\n  \"font-weight\",\n  \"line-height\",\n  \"letter-spacing\",\n  \"text-align\",\n] as const;\n\ntype ControlStyleProperty = (typeof CONTROL_STYLE_PROPERTIES)[number];\n\nconst CONTROL_STYLE_PROPERTY_SET = new Set<string>(CONTROL_STYLE_PROPERTIES);\n\ntype SelectorMatch = {\n  className: string;\n  pseudo: string | null;\n};\n\nfunction isControlStyleProperty(\n  propertyName: string,\n): propertyName is ControlStyleProperty {\n  return CONTROL_STYLE_PROPERTY_SET.has(propertyName);\n}\n\nfunction getEscapedClassName(className: string) {\n  return CSS.escape(className);\n}\n\nfunction getClassSelectorMatches({\n  selectorText,\n  classNames,\n}: {\n  selectorText: string;\n  classNames: string[];\n}): SelectorMatch[] {\n  const matches: SelectorMatch[] = [];\n  const selectorParts = selectorText.split(\",\").map((selectorPart) => {\n    return selectorPart.trim();\n  });\n\n  for (const selectorPart of selectorParts) {\n    for (const className of classNames) {\n      const escapedClassName = getEscapedClassName(className);\n      const baseSelector = `.${escapedClassName}`;\n      if (selectorPart === baseSelector) {\n        matches.push({ className, pseudo: null });\n        continue;\n      }\n\n      if (!selectorPart.startsWith(`${baseSelector}:`)) {\n        continue;\n      }\n\n      const pseudo = selectorPart.slice(baseSelector.length);\n      const isSimplePseudoSelector =\n        pseudo.startsWith(\":\") &&\n        !/[ >+~#[.]/.test(pseudo) &&\n        !pseudo.includes(\"::\");\n      if (isSimplePseudoSelector) {\n        matches.push({ className, pseudo });\n      }\n    }\n  }\n\n  return matches;\n}\n\nfunction getNestedAtRules({\n  rule,\n  activeAtRules,\n}: {\n  rule: CSSRule;\n  activeAtRules: SelectModeStyleAtRule[];\n}): SelectModeStyleAtRule[] {\n  const nextAtRules = [...activeAtRules];\n  if (rule instanceof CSSMediaRule) {\n    nextAtRules.push({ type: \"@media\", text: rule.conditionText });\n  } else if (rule instanceof CSSSupportsRule) {\n    nextAtRules.push({ type: \"@supports\", text: rule.conditionText });\n  } else if (\n    rule.constructor?.name === \"CSSContainerRule\" &&\n    \"conditionText\" in rule &&\n    typeof rule.conditionText === \"string\"\n  ) {\n    nextAtRules.push({\n      type: \"@container\",\n      text: rule.conditionText,\n    });\n  }\n  return nextAtRules;\n}\n\nfunction getNestedRuleList(rule: CSSRule): CSSRuleList | null {\n  if (\n    typeof CSSGroupingRule !== \"undefined\" &&\n    rule instanceof CSSGroupingRule\n  ) {\n    return rule.cssRules;\n  }\n  return null;\n}\n\nfunction getStyleVariant({\n  atRules,\n  pseudo,\n}: {\n  atRules: SelectModeStyleAtRule[];\n  pseudo: string | null;\n}): SelectModeStyleVariant | null {\n  if (atRules.length === 0 && !pseudo) {\n    return null;\n  }\n  return { atRules, pseudo };\n}\n\nfunction getStyleVariantKey(variant: SelectModeStyleVariant | null) {\n  return variant ? JSON.stringify(variant) : \"base\";\n}\n\nfunction getDefinedStyleKey({\n  property,\n  variant,\n}: {\n  property: string;\n  variant: SelectModeStyleVariant | null;\n}) {\n  return `${property}:${getStyleVariantKey(variant)}`;\n}\n\nfunction getResolvedClassStyleValue({\n  className,\n  property,\n  raw,\n  variant,\n}: {\n  className: string;\n  property: string;\n  raw: string;\n  variant: SelectModeStyleVariant | null;\n}) {\n  if (variant) {\n    return raw;\n  }\n\n  const temporaryElement = document.createElement(\"div\");\n  temporaryElement.className = className;\n  document.body.append(temporaryElement);\n  const resolved = window\n    .getComputedStyle(temporaryElement)\n    .getPropertyValue(property);\n  temporaryElement.remove();\n\n  return resolved.trim() || raw;\n}\n\nfunction setDefinedStyle({\n  definedStylesByKey,\n  property,\n  variant,\n  className,\n  raw,\n  resolved,\n}: {\n  definedStylesByKey: Map<string, SelectModeDefinedStyle>;\n  property: string;\n  variant: SelectModeStyleVariant | null;\n  className: string | null;\n  raw: string;\n  resolved: string;\n}) {\n  definedStylesByKey.set(getDefinedStyleKey({ property, variant }), {\n    property,\n    variant,\n    className,\n    raw,\n    resolved,\n  });\n}\n\nfunction addRuleDefinedStyles({\n  rule,\n  activeAtRules,\n  classNames,\n  definedStylesByKey,\n}: {\n  rule: CSSStyleRule;\n  activeAtRules: SelectModeStyleAtRule[];\n  classNames: string[];\n  definedStylesByKey: Map<string, SelectModeDefinedStyle>;\n}) {\n  const selectorMatches = getClassSelectorMatches({\n    selectorText: rule.selectorText ?? \"\",\n    classNames,\n  });\n  if (selectorMatches.length === 0) {\n    return;\n  }\n\n  for (const selectorMatch of selectorMatches) {\n    const variant = getStyleVariant({\n      atRules: activeAtRules,\n      pseudo: selectorMatch.pseudo,\n    });\n\n    for (let styleIndex = 0; styleIndex < rule.style.length; styleIndex += 1) {\n      const property = rule.style.item(styleIndex);\n      if (!property || !isControlStyleProperty(property)) {\n        continue;\n      }\n\n      const raw = rule.style.getPropertyValue(property).trim();\n      if (!raw) {\n        continue;\n      }\n\n      setDefinedStyle({\n        definedStylesByKey,\n        property,\n        variant,\n        className: selectorMatch.className,\n        raw,\n        resolved: getResolvedClassStyleValue({\n          className: selectorMatch.className,\n          property,\n          raw,\n          variant,\n        }),\n      });\n    }\n  }\n}\n\nfunction addStyleRulesRecursively({\n  ruleList,\n  activeAtRules,\n  classNames,\n  definedStylesByKey,\n}: {\n  ruleList: CSSRuleList;\n  activeAtRules: SelectModeStyleAtRule[];\n  classNames: string[];\n  definedStylesByKey: Map<string, SelectModeDefinedStyle>;\n}) {\n  for (const rule of Array.from(ruleList)) {\n    const nestedRuleList = getNestedRuleList(rule);\n    if (nestedRuleList) {\n      addStyleRulesRecursively({\n        ruleList: nestedRuleList,\n        activeAtRules: getNestedAtRules({ rule, activeAtRules }),\n        classNames,\n        definedStylesByKey,\n      });\n    }\n\n    if (rule instanceof CSSStyleRule) {\n      addRuleDefinedStyles({\n        rule,\n        activeAtRules,\n        classNames,\n        definedStylesByKey,\n      });\n    }\n  }\n}\n\nfunction addClassDefinedStyles({\n  element,\n  definedStylesByKey,\n}: {\n  element: Element;\n  definedStylesByKey: Map<string, SelectModeDefinedStyle>;\n}) {\n  const classNames = Array.from(\n    new Set([...element.classList].filter(Boolean)),\n  );\n  if (classNames.length === 0) {\n    return;\n  }\n\n  for (const sheet of Array.from(document.styleSheets)) {\n    if (sheet.href) {\n      try {\n        const sheetUrl = new URL(sheet.href);\n        if (sheetUrl.origin !== window.location.origin) {\n          continue;\n        }\n      } catch (error) {\n        if (error instanceof TypeError) {\n          continue;\n        }\n        throw error;\n      }\n    }\n\n    try {\n      addStyleRulesRecursively({\n        ruleList: sheet.cssRules,\n        activeAtRules: [],\n        classNames,\n        definedStylesByKey,\n      });\n    } catch (error) {\n      if (error instanceof DOMException && error.name === \"SecurityError\") {\n        continue;\n      }\n      throw error;\n    }\n  }\n}\n\nfunction addInlineDefinedStyles({\n  element,\n  definedStylesByKey,\n}: {\n  element: Element;\n  definedStylesByKey: Map<string, SelectModeDefinedStyle>;\n}) {\n  if (!(element instanceof HTMLElement)) {\n    return;\n  }\n\n  for (let styleIndex = 0; styleIndex < element.style.length; styleIndex += 1) {\n    const property = element.style.item(styleIndex);\n    if (!property || !isControlStyleProperty(property)) {\n      continue;\n    }\n    const raw = element.style.getPropertyValue(property).trim();\n    if (!raw) {\n      continue;\n    }\n    setDefinedStyle({\n      definedStylesByKey,\n      property,\n      variant: null,\n      className: null,\n      raw,\n      resolved: raw,\n    });\n  }\n}\n\nfunction getOverrideStyleDeclarations(styleElement: HTMLStyleElement) {\n  const declarations: { property: string; raw: string }[] = [];\n  const sheet = styleElement.sheet;\n  if (!sheet) {\n    return declarations;\n  }\n\n  for (const rule of Array.from(sheet.cssRules)) {\n    if (!(rule instanceof CSSStyleRule)) {\n      continue;\n    }\n\n    for (let styleIndex = 0; styleIndex < rule.style.length; styleIndex += 1) {\n      const property = rule.style.item(styleIndex);\n      if (!property) {\n        continue;\n      }\n      const raw = rule.style.getPropertyValue(property).trim();\n      if (raw) {\n        declarations.push({ property, raw });\n      }\n    }\n  }\n\n  return declarations;\n}\n\nfunction addOptimisticDefinedStyles({\n  element,\n  definedStylesByKey,\n}: {\n  element: Element;\n  definedStylesByKey: Map<string, SelectModeDefinedStyle>;\n}) {\n  const tokens = (element.getAttribute(SELECT_MODE_OVERRIDE_ATTRIBUTE) ?? \"\")\n    .split(/\\s+/)\n    .filter(Boolean);\n  if (tokens.length === 0) {\n    return;\n  }\n\n  const computedStyle = window.getComputedStyle(element);\n  for (const token of tokens) {\n    const styleElement = document.querySelector<HTMLStyleElement>(\n      `style[${SELECT_MODE_OVERRIDE_STYLE_ATTRIBUTE}=\"${token}\"]`,\n    );\n    if (!styleElement) {\n      continue;\n    }\n\n    for (const { property, raw } of getOverrideStyleDeclarations(\n      styleElement,\n    )) {\n      if (!isControlStyleProperty(property)) {\n        continue;\n      }\n\n      if (raw.toLowerCase() === \"revert\") {\n        definedStylesByKey.delete(\n          getDefinedStyleKey({ property, variant: null }),\n        );\n        continue;\n      }\n\n      setDefinedStyle({\n        definedStylesByKey,\n        property,\n        variant: null,\n        className: null,\n        raw,\n        resolved: computedStyle.getPropertyValue(property).trim() || raw,\n      });\n    }\n  }\n}\n\nexport function getDefinedStyles(element: Element): SelectModeDefinedStyle[] {\n  const definedStylesByKey = new Map<string, SelectModeDefinedStyle>();\n  addClassDefinedStyles({ element, definedStylesByKey });\n  addInlineDefinedStyles({ element, definedStylesByKey });\n  addOptimisticDefinedStyles({ element, definedStylesByKey });\n  return Array.from(definedStylesByKey.values());\n}\n\nexport function getInheritedStyles(element: Element): Record<string, string> {\n  const computedStyle = window.getComputedStyle(element);\n  const inheritedStyles: Record<string, string> = {};\n  for (const property of CONTROL_STYLE_PROPERTIES) {\n    inheritedStyles[property] = computedStyle.getPropertyValue(property);\n  }\n  return inheritedStyles;\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/select-mode/hooks/useOptimisticOverrides.js

@@ -1,9 +1,12 @@
 import { useCallback } from "react";
 import { buildSelector } from "../descriptor/elementDescriptor";
+import {
+  SELECT_MODE_OVERRIDE_ATTRIBUTE,
+  SELECT_MODE_OVERRIDE_STYLE_ATTRIBUTE
+} from "../optimisticOverrideDom";
 import { getRepetitionSiblingSelectors } from "./useSiblingResolution";
 const OVERRIDE_REGISTRATION_TIMEOUT_MS = 15e3;
 const SESSION_OUTCOME_RETENTION_MS = 6e4;
-const OVERRIDE_ATTRIBUTE = "data-replo-select-overrides";
 const OVERRIDE_REGISTRY_KEY = "reploSelectOverrideRegistryV2";
 const SESSION_OUTCOME_REGISTRY_KEY = "reploSelectOverrideSessionOutcomesV2";
 function getOverrideList() {
@@ -68,23 +71,23 @@ function getOriginalState({
 }
 function getStyleElement(token) {
   return document.querySelector(
-    `style[data-replo-select-override="${token}"]`
+    `style[${SELECT_MODE_OVERRIDE_STYLE_ATTRIBUTE}="${token}"]`
   );
 }
 function addToken(element, token) {
   const tokens = new Set(
-    (element.getAttribute(OVERRIDE_ATTRIBUTE) ?? "").split(/\s+/).filter(Boolean)
+    (element.getAttribute(SELECT_MODE_OVERRIDE_ATTRIBUTE) ?? "").split(/\s+/).filter(Boolean)
   );
   tokens.add(token);
-  element.setAttribute(OVERRIDE_ATTRIBUTE, [...tokens].join(" "));
+  element.setAttribute(SELECT_MODE_OVERRIDE_ATTRIBUTE, [...tokens].join(" "));
 }
 function removeToken(element, token) {
-  const tokens = (element.getAttribute(OVERRIDE_ATTRIBUTE) ?? "").split(/\s+/).filter((candidate) => candidate && candidate !== token);
+  const tokens = (element.getAttribute(SELECT_MODE_OVERRIDE_ATTRIBUTE) ?? "").split(/\s+/).filter((candidate) => candidate && candidate !== token);
   if (tokens.length === 0) {
-    element.removeAttribute(OVERRIDE_ATTRIBUTE);
+    element.removeAttribute(SELECT_MODE_OVERRIDE_ATTRIBUTE);
     return;
   }
-  element.setAttribute(OVERRIDE_ATTRIBUTE, tokens.join(" "));
+  element.setAttribute(SELECT_MODE_OVERRIDE_ATTRIBUTE, tokens.join(" "));
 }
 function applyPayload({
   element,
@@ -128,7 +131,7 @@ function installCssRule(override) {
   }
   const style = document.createElement("style");
   style.dataset.reploSelectOverride = override.token;
-  style.textContent = `[${OVERRIDE_ATTRIBUTE}~="${override.token}"] { ${override.payload.property}: ${override.payload.value ?? "revert"} !important; }`;
+  style.textContent = `[${SELECT_MODE_OVERRIDE_ATTRIBUTE}~="${override.token}"] { ${override.payload.property}: ${override.payload.value ?? "revert"} !important; }`;
   document.head.append(style);
 }
 function resolveTarget(target) {

package/select-mode/hooks/useOptimisticOverrides.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../select-mode/hooks/useOptimisticOverrides.ts"],
-  "sourcesContent": ["import type { SelectModeOptimisticUpdatePayload } from \"schemas/generated/selectMode\";\n\nimport { useCallback } from \"react\";\n\nimport { buildSelector } from \"../descriptor/elementDescriptor\";\nimport { getRepetitionSiblingSelectors } from \"./useSiblingResolution\";\n\ntype OverrideTarget = {\n  element: HTMLElement;\n  originalState: OriginalPayloadState;\n  selector: string;\n};\n\ntype OriginalPayloadState =\n  | {\n      kind: \"attributes\";\n      values: { name: string; value: string | null }[];\n    }\n  | { kind: \"content\"; innerHTML: string }\n  | { kind: \"css\" };\n\ntype IframeOverride = {\n  editId: string;\n  payload: SelectModeOptimisticUpdatePayload;\n  registrationTimeout: number;\n  sessionId: string | null;\n  state: \"live\" | \"fired\";\n  targets: OverrideTarget[];\n  token: string;\n};\n\nconst OVERRIDE_REGISTRATION_TIMEOUT_MS = 15_000;\nconst SESSION_OUTCOME_RETENTION_MS = 60_000;\nconst OVERRIDE_ATTRIBUTE = \"data-replo-select-overrides\";\nconst OVERRIDE_REGISTRY_KEY = \"reploSelectOverrideRegistryV2\";\nconst SESSION_OUTCOME_REGISTRY_KEY = \"reploSelectOverrideSessionOutcomesV2\";\n\ntype SessionOutcome = \"persisted\" | \"failed\";\n\nfunction getOverrideList(): IframeOverride[] {\n  const existing: unknown = Reflect.get(window, OVERRIDE_REGISTRY_KEY);\n  if (Array.isArray(existing)) {\n    return existing;\n  }\n  const overrides: IframeOverride[] = [];\n  Reflect.set(window, OVERRIDE_REGISTRY_KEY, overrides);\n  return overrides;\n}\n\nfunction setOverrideList(overrides: IframeOverride[]) {\n  Reflect.set(window, OVERRIDE_REGISTRY_KEY, overrides);\n}\n\nfunction getSessionOutcomes(): Map<string, SessionOutcome> {\n  const existing: unknown = Reflect.get(window, SESSION_OUTCOME_REGISTRY_KEY);\n  if (existing instanceof Map) {\n    return existing;\n  }\n  const outcomes = new Map<string, SessionOutcome>();\n  Reflect.set(window, SESSION_OUTCOME_REGISTRY_KEY, outcomes);\n  return outcomes;\n}\n\nfunction getElementsForTargetMode({\n  element,\n  targetMode,\n}: {\n  element: HTMLElement;\n  targetMode: \"primary\" | \"group\";\n}) {\n  if (targetMode === \"primary\") {\n    return [element];\n  }\n\n  return [\n    element,\n    ...getRepetitionSiblingSelectors({ element })\n      .map((selector) => document.querySelector(selector))\n      .filter((candidate): candidate is HTMLElement => {\n        return candidate instanceof HTMLElement;\n      }),\n  ];\n}\n\nfunction isImageSourcePayload({\n  element,\n  payload,\n}: {\n  element: HTMLElement;\n  payload: SelectModeOptimisticUpdatePayload;\n}) {\n  return (\n    payload.kind === \"attribute\" &&\n    payload.name.toLowerCase() === \"src\" &&\n    element instanceof HTMLImageElement\n  );\n}\n\nfunction getOriginalState({\n  element,\n  payload,\n}: {\n  element: HTMLElement;\n  payload: SelectModeOptimisticUpdatePayload;\n}): OriginalPayloadState {\n  if (payload.kind === \"attribute\") {\n    const names = isImageSourcePayload({ element, payload })\n      ? [payload.name, \"srcset\"]\n      : [payload.name];\n    return {\n      kind: \"attributes\",\n      values: names.map((name) => ({\n        name,\n        value: element.getAttribute(name),\n      })),\n    };\n  }\n  if (payload.kind === \"content\") {\n    return { kind: \"content\", innerHTML: element.innerHTML };\n  }\n  return { kind: \"css\" };\n}\n\nfunction getStyleElement(token: string) {\n  return document.querySelector<HTMLStyleElement>(\n    `style[data-replo-select-override=\"${token}\"]`,\n  );\n}\n\nfunction addToken(element: HTMLElement, token: string) {\n  const tokens = new Set(\n    (element.getAttribute(OVERRIDE_ATTRIBUTE) ?? \"\")\n      .split(/\\s+/)\n      .filter(Boolean),\n  );\n  tokens.add(token);\n  element.setAttribute(OVERRIDE_ATTRIBUTE, [...tokens].join(\" \"));\n}\n\nfunction removeToken(element: HTMLElement, token: string) {\n  const tokens = (element.getAttribute(OVERRIDE_ATTRIBUTE) ?? \"\")\n    .split(/\\s+/)\n    .filter((candidate) => candidate && candidate !== token);\n  if (tokens.length === 0) {\n    element.removeAttribute(OVERRIDE_ATTRIBUTE);\n    return;\n  }\n  element.setAttribute(OVERRIDE_ATTRIBUTE, tokens.join(\" \"));\n}\n\nfunction applyPayload({\n  element,\n  payload,\n  token,\n}: {\n  element: HTMLElement;\n  payload: SelectModeOptimisticUpdatePayload;\n  token: string;\n}) {\n  if (payload.kind === \"css\") {\n    addToken(element, token);\n    return;\n  }\n  if (payload.kind === \"attribute\") {\n    if (isImageSourcePayload({ element, payload })) {\n      element.removeAttribute(\"srcset\");\n    }\n    element.setAttribute(payload.name, payload.value);\n    return;\n  }\n  element.innerHTML = payload.innerHTML;\n}\n\nfunction restoreOriginalState({\n  element,\n  originalState,\n}: {\n  element: HTMLElement;\n  originalState: OriginalPayloadState;\n}) {\n  if (originalState.kind === \"attributes\") {\n    for (const { name, value } of originalState.values) {\n      if (value === null) {\n        element.removeAttribute(name);\n      } else {\n        element.setAttribute(name, value);\n      }\n    }\n    return;\n  }\n  if (originalState.kind === \"content\") {\n    element.innerHTML = originalState.innerHTML;\n  }\n}\n\nfunction installCssRule(override: IframeOverride) {\n  if (override.payload.kind !== \"css\") {\n    return;\n  }\n  const style = document.createElement(\"style\");\n  style.dataset.reploSelectOverride = override.token;\n  style.textContent = `[${OVERRIDE_ATTRIBUTE}~=\"${override.token}\"] { ${override.payload.property}: ${override.payload.value ?? \"revert\"} !important; }`;\n  document.head.append(style);\n}\n\nfunction resolveTarget(target: OverrideTarget) {\n  if (target.element.isConnected) {\n    return target.element;\n  }\n  const replacement = document.querySelector(target.selector);\n  return replacement instanceof HTMLElement ? replacement : null;\n}\n\nfunction reapplyOverride({\n  override,\n  skipElement,\n}: {\n  override: IframeOverride;\n  skipElement: HTMLElement | null;\n}) {\n  for (const target of override.targets) {\n    const element = resolveTarget(target);\n    if (!element || (skipElement && element.contains(skipElement))) {\n      continue;\n    }\n    if (element !== target.element) {\n      target.element = element;\n      target.originalState = getOriginalState({\n        element,\n        payload: override.payload,\n      });\n    }\n    applyPayload({ element, payload: override.payload, token: override.token });\n  }\n}\n\nfunction removeOverride({\n  editId,\n  outcome,\n}: {\n  editId: string;\n  outcome: SessionOutcome;\n}) {\n  const override = getOverrideList().find(\n    (candidate) => candidate.editId === editId,\n  );\n  if (!override) {\n    return;\n  }\n\n  clearTimeout(override.registrationTimeout);\n  getStyleElement(override.token)?.remove();\n  for (const target of override.targets) {\n    const element = resolveTarget(target);\n    if (!element) {\n      continue;\n    }\n    removeToken(element, override.token);\n    if (outcome === \"failed\") {\n      restoreOriginalState({\n        element,\n        originalState: target.originalState,\n      });\n    }\n  }\n  setOverrideList(\n    getOverrideList().filter((candidate) => candidate.editId !== editId),\n  );\n\n  if (outcome === \"failed\") {\n    for (const remainingOverride of getOverrideList()) {\n      reapplyOverride({ override: remainingOverride, skipElement: null });\n    }\n  }\n}\n\nexport function useOptimisticOverrides() {\n  const applyOptimisticUpdate = useCallback(\n    ({\n      editId,\n      payload,\n      targetSelector,\n      targetMode,\n    }: {\n      editId: string;\n      payload: SelectModeOptimisticUpdatePayload;\n      targetSelector: string;\n      targetMode: \"primary\" | \"group\";\n    }) => {\n      const targetElement = document.querySelector(targetSelector);\n      if (!(targetElement instanceof HTMLElement)) {\n        return;\n      }\n\n      removeOverride({ editId, outcome: \"failed\" });\n      const elements = getElementsForTargetMode({\n        element: targetElement,\n        targetMode,\n      });\n      const token = `override-${editId}`;\n      const override: IframeOverride = {\n        editId,\n        payload,\n        registrationTimeout: window.setTimeout(() => {\n          removeOverride({ editId, outcome: \"failed\" });\n        }, OVERRIDE_REGISTRATION_TIMEOUT_MS),\n        sessionId: null,\n        state: \"live\",\n        targets: elements.map((element) => ({\n          element,\n          originalState: getOriginalState({ element, payload }),\n          selector: buildSelector(element),\n        })),\n        token,\n      };\n      getOverrideList().push(override);\n      installCssRule(override);\n      reapplyOverride({ override, skipElement: null });\n    },\n    [],\n  );\n\n  const reapplyOverrides = useCallback(\n    ({ skipElement }: { skipElement: HTMLElement | null }) => {\n      for (const override of getOverrideList()) {\n        reapplyOverride({ override, skipElement });\n      }\n    },\n    [],\n  );\n\n  const markCommitted = useCallback((editId: string, sessionId: string) => {\n    const override = getOverrideList().find((candidate) => {\n      return candidate.editId === editId;\n    });\n    if (!override) {\n      return;\n    }\n    clearTimeout(override.registrationTimeout);\n    override.sessionId = sessionId;\n    override.state = \"fired\";\n    const outcome = getSessionOutcomes().get(sessionId);\n    if (outcome) {\n      removeOverride({ editId, outcome });\n    }\n  }, []);\n\n  const resolveSessionOverrides = useCallback(\n    (sessionId: string, outcome: SessionOutcome) => {\n      getSessionOutcomes().set(sessionId, outcome);\n      window.setTimeout(() => {\n        getSessionOutcomes().delete(sessionId);\n      }, SESSION_OUTCOME_RETENTION_MS);\n      const editIds = getOverrideList()\n        .filter((override) => override.sessionId === sessionId)\n        .map((override) => override.editId);\n      for (const editId of editIds) {\n        removeOverride({ editId, outcome });\n      }\n    },\n    [],\n  );\n\n  const revertOverride = useCallback((editId: string) => {\n    removeOverride({ editId, outcome: \"failed\" });\n  }, []);\n\n  return {\n    applyOptimisticUpdate,\n    markCommitted,\n    reapplyOverrides,\n    resolveSessionOverrides,\n    revertOverride,\n  };\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { SelectModeOptimisticUpdatePayload } from \"schemas/generated/selectMode\";\n\nimport { useCallback } from \"react\";\n\nimport { buildSelector } from \"../descriptor/elementDescriptor\";\nimport {\n  SELECT_MODE_OVERRIDE_ATTRIBUTE,\n  SELECT_MODE_OVERRIDE_STYLE_ATTRIBUTE,\n} from \"../optimisticOverrideDom\";\nimport { getRepetitionSiblingSelectors } from \"./useSiblingResolution\";\n\ntype OverrideTarget = {\n  element: HTMLElement;\n  originalState: OriginalPayloadState;\n  selector: string;\n};\n\ntype OriginalPayloadState =\n  | {\n      kind: \"attributes\";\n      values: { name: string; value: string | null }[];\n    }\n  | { kind: \"content\"; innerHTML: string }\n  | { kind: \"css\" };\n\ntype IframeOverride = {\n  editId: string;\n  payload: SelectModeOptimisticUpdatePayload;\n  registrationTimeout: number;\n  sessionId: string | null;\n  state: \"live\" | \"fired\";\n  targets: OverrideTarget[];\n  token: string;\n};\n\nconst OVERRIDE_REGISTRATION_TIMEOUT_MS = 15_000;\nconst SESSION_OUTCOME_RETENTION_MS = 60_000;\nconst OVERRIDE_REGISTRY_KEY = \"reploSelectOverrideRegistryV2\";\nconst SESSION_OUTCOME_REGISTRY_KEY = \"reploSelectOverrideSessionOutcomesV2\";\n\ntype SessionOutcome = \"persisted\" | \"failed\";\n\nfunction getOverrideList(): IframeOverride[] {\n  const existing: unknown = Reflect.get(window, OVERRIDE_REGISTRY_KEY);\n  if (Array.isArray(existing)) {\n    return existing;\n  }\n  const overrides: IframeOverride[] = [];\n  Reflect.set(window, OVERRIDE_REGISTRY_KEY, overrides);\n  return overrides;\n}\n\nfunction setOverrideList(overrides: IframeOverride[]) {\n  Reflect.set(window, OVERRIDE_REGISTRY_KEY, overrides);\n}\n\nfunction getSessionOutcomes(): Map<string, SessionOutcome> {\n  const existing: unknown = Reflect.get(window, SESSION_OUTCOME_REGISTRY_KEY);\n  if (existing instanceof Map) {\n    return existing;\n  }\n  const outcomes = new Map<string, SessionOutcome>();\n  Reflect.set(window, SESSION_OUTCOME_REGISTRY_KEY, outcomes);\n  return outcomes;\n}\n\nfunction getElementsForTargetMode({\n  element,\n  targetMode,\n}: {\n  element: HTMLElement;\n  targetMode: \"primary\" | \"group\";\n}) {\n  if (targetMode === \"primary\") {\n    return [element];\n  }\n\n  return [\n    element,\n    ...getRepetitionSiblingSelectors({ element })\n      .map((selector) => document.querySelector(selector))\n      .filter((candidate): candidate is HTMLElement => {\n        return candidate instanceof HTMLElement;\n      }),\n  ];\n}\n\nfunction isImageSourcePayload({\n  element,\n  payload,\n}: {\n  element: HTMLElement;\n  payload: SelectModeOptimisticUpdatePayload;\n}) {\n  return (\n    payload.kind === \"attribute\" &&\n    payload.name.toLowerCase() === \"src\" &&\n    element instanceof HTMLImageElement\n  );\n}\n\nfunction getOriginalState({\n  element,\n  payload,\n}: {\n  element: HTMLElement;\n  payload: SelectModeOptimisticUpdatePayload;\n}): OriginalPayloadState {\n  if (payload.kind === \"attribute\") {\n    const names = isImageSourcePayload({ element, payload })\n      ? [payload.name, \"srcset\"]\n      : [payload.name];\n    return {\n      kind: \"attributes\",\n      values: names.map((name) => ({\n        name,\n        value: element.getAttribute(name),\n      })),\n    };\n  }\n  if (payload.kind === \"content\") {\n    return { kind: \"content\", innerHTML: element.innerHTML };\n  }\n  return { kind: \"css\" };\n}\n\nfunction getStyleElement(token: string) {\n  return document.querySelector<HTMLStyleElement>(\n    `style[${SELECT_MODE_OVERRIDE_STYLE_ATTRIBUTE}=\"${token}\"]`,\n  );\n}\n\nfunction addToken(element: HTMLElement, token: string) {\n  const tokens = new Set(\n    (element.getAttribute(SELECT_MODE_OVERRIDE_ATTRIBUTE) ?? \"\")\n      .split(/\\s+/)\n      .filter(Boolean),\n  );\n  tokens.add(token);\n  element.setAttribute(SELECT_MODE_OVERRIDE_ATTRIBUTE, [...tokens].join(\" \"));\n}\n\nfunction removeToken(element: HTMLElement, token: string) {\n  const tokens = (element.getAttribute(SELECT_MODE_OVERRIDE_ATTRIBUTE) ?? \"\")\n    .split(/\\s+/)\n    .filter((candidate) => candidate && candidate !== token);\n  if (tokens.length === 0) {\n    element.removeAttribute(SELECT_MODE_OVERRIDE_ATTRIBUTE);\n    return;\n  }\n  element.setAttribute(SELECT_MODE_OVERRIDE_ATTRIBUTE, tokens.join(\" \"));\n}\n\nfunction applyPayload({\n  element,\n  payload,\n  token,\n}: {\n  element: HTMLElement;\n  payload: SelectModeOptimisticUpdatePayload;\n  token: string;\n}) {\n  if (payload.kind === \"css\") {\n    addToken(element, token);\n    return;\n  }\n  if (payload.kind === \"attribute\") {\n    if (isImageSourcePayload({ element, payload })) {\n      element.removeAttribute(\"srcset\");\n    }\n    element.setAttribute(payload.name, payload.value);\n    return;\n  }\n  element.innerHTML = payload.innerHTML;\n}\n\nfunction restoreOriginalState({\n  element,\n  originalState,\n}: {\n  element: HTMLElement;\n  originalState: OriginalPayloadState;\n}) {\n  if (originalState.kind === \"attributes\") {\n    for (const { name, value } of originalState.values) {\n      if (value === null) {\n        element.removeAttribute(name);\n      } else {\n        element.setAttribute(name, value);\n      }\n    }\n    return;\n  }\n  if (originalState.kind === \"content\") {\n    element.innerHTML = originalState.innerHTML;\n  }\n}\n\nfunction installCssRule(override: IframeOverride) {\n  if (override.payload.kind !== \"css\") {\n    return;\n  }\n  const style = document.createElement(\"style\");\n  style.dataset.reploSelectOverride = override.token;\n  style.textContent = `[${SELECT_MODE_OVERRIDE_ATTRIBUTE}~=\"${override.token}\"] { ${override.payload.property}: ${override.payload.value ?? \"revert\"} !important; }`;\n  document.head.append(style);\n}\n\nfunction resolveTarget(target: OverrideTarget) {\n  if (target.element.isConnected) {\n    return target.element;\n  }\n  const replacement = document.querySelector(target.selector);\n  return replacement instanceof HTMLElement ? replacement : null;\n}\n\nfunction reapplyOverride({\n  override,\n  skipElement,\n}: {\n  override: IframeOverride;\n  skipElement: HTMLElement | null;\n}) {\n  for (const target of override.targets) {\n    const element = resolveTarget(target);\n    if (!element || (skipElement && element.contains(skipElement))) {\n      continue;\n    }\n    if (element !== target.element) {\n      target.element = element;\n      target.originalState = getOriginalState({\n        element,\n        payload: override.payload,\n      });\n    }\n    applyPayload({ element, payload: override.payload, token: override.token });\n  }\n}\n\nfunction removeOverride({\n  editId,\n  outcome,\n}: {\n  editId: string;\n  outcome: SessionOutcome;\n}) {\n  const override = getOverrideList().find(\n    (candidate) => candidate.editId === editId,\n  );\n  if (!override) {\n    return;\n  }\n\n  clearTimeout(override.registrationTimeout);\n  getStyleElement(override.token)?.remove();\n  for (const target of override.targets) {\n    const element = resolveTarget(target);\n    if (!element) {\n      continue;\n    }\n    removeToken(element, override.token);\n    if (outcome === \"failed\") {\n      restoreOriginalState({\n        element,\n        originalState: target.originalState,\n      });\n    }\n  }\n  setOverrideList(\n    getOverrideList().filter((candidate) => candidate.editId !== editId),\n  );\n\n  if (outcome === \"failed\") {\n    for (const remainingOverride of getOverrideList()) {\n      reapplyOverride({ override: remainingOverride, skipElement: null });\n    }\n  }\n}\n\nexport function useOptimisticOverrides() {\n  const applyOptimisticUpdate = useCallback(\n    ({\n      editId,\n      payload,\n      targetSelector,\n      targetMode,\n    }: {\n      editId: string;\n      payload: SelectModeOptimisticUpdatePayload;\n      targetSelector: string;\n      targetMode: \"primary\" | \"group\";\n    }) => {\n      const targetElement = document.querySelector(targetSelector);\n      if (!(targetElement instanceof HTMLElement)) {\n        return;\n      }\n\n      removeOverride({ editId, outcome: \"failed\" });\n      const elements = getElementsForTargetMode({\n        element: targetElement,\n        targetMode,\n      });\n      const token = `override-${editId}`;\n      const override: IframeOverride = {\n        editId,\n        payload,\n        registrationTimeout: window.setTimeout(() => {\n          removeOverride({ editId, outcome: \"failed\" });\n        }, OVERRIDE_REGISTRATION_TIMEOUT_MS),\n        sessionId: null,\n        state: \"live\",\n        targets: elements.map((element) => ({\n          element,\n          originalState: getOriginalState({ element, payload }),\n          selector: buildSelector(element),\n        })),\n        token,\n      };\n      getOverrideList().push(override);\n      installCssRule(override);\n      reapplyOverride({ override, skipElement: null });\n    },\n    [],\n  );\n\n  const reapplyOverrides = useCallback(\n    ({ skipElement }: { skipElement: HTMLElement | null }) => {\n      for (const override of getOverrideList()) {\n        reapplyOverride({ override, skipElement });\n      }\n    },\n    [],\n  );\n\n  const markCommitted = useCallback((editId: string, sessionId: string) => {\n    const override = getOverrideList().find((candidate) => {\n      return candidate.editId === editId;\n    });\n    if (!override) {\n      return;\n    }\n    clearTimeout(override.registrationTimeout);\n    override.sessionId = sessionId;\n    override.state = \"fired\";\n    const outcome = getSessionOutcomes().get(sessionId);\n    if (outcome) {\n      removeOverride({ editId, outcome });\n    }\n  }, []);\n\n  const resolveSessionOverrides = useCallback(\n    (sessionId: string, outcome: SessionOutcome) => {\n      getSessionOutcomes().set(sessionId, outcome);\n      window.setTimeout(() => {\n        getSessionOutcomes().delete(sessionId);\n      }, SESSION_OUTCOME_RETENTION_MS);\n      const editIds = getOverrideList()\n        .filter((override) => override.sessionId === sessionId)\n        .map((override) => override.editId);\n      for (const editId of editIds) {\n        removeOverride({ editId, outcome });\n      }\n    },\n    [],\n  );\n\n  const revertOverride = useCallback((editId: string) => {\n    removeOverride({ editId, outcome: \"failed\" });\n  }, []);\n\n  return {\n    applyOptimisticUpdate,\n    markCommitted,\n    reapplyOverrides,\n    resolveSessionOverrides,\n    revertOverride,\n  };\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/select-mode/optimisticOverrideDom.d.ts

@@ -0,0 +1,2 @@
+export declare const SELECT_MODE_OVERRIDE_ATTRIBUTE = "data-replo-select-overrides";
+export declare const SELECT_MODE_OVERRIDE_STYLE_ATTRIBUTE = "data-replo-select-override";

package/select-mode/optimisticOverrideDom.js

@@ -0,0 +1,7 @@
+const SELECT_MODE_OVERRIDE_ATTRIBUTE = "data-replo-select-overrides";
+const SELECT_MODE_OVERRIDE_STYLE_ATTRIBUTE = "data-replo-select-override";
+export {
+  SELECT_MODE_OVERRIDE_ATTRIBUTE,
+  SELECT_MODE_OVERRIDE_STYLE_ATTRIBUTE
+};
+//# sourceMappingURL=optimisticOverrideDom.js.map

package/select-mode/optimisticOverrideDom.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../select-mode/optimisticOverrideDom.ts"],
+  "sourcesContent": ["export const SELECT_MODE_OVERRIDE_ATTRIBUTE = \"data-replo-select-overrides\";\nexport const SELECT_MODE_OVERRIDE_STYLE_ATTRIBUTE =\n  \"data-replo-select-override\";\n"],
+  "mappings": "AAAO,MAAM,iCAAiC;AACvC,MAAM,uCACX;",
+  "names": []
+}