@replohq/sandbox-runtime 1.7.8 → 1.7.10

package/_vendor/schemas/errors.d.ts

@@ -120,6 +120,13 @@ export declare class Uncommon_GloballyMappedError extends ReploError {
         userFacingDetails: ErrorUserFacingDetails;
     });
 }
+/**
+ * The `userFacingDetails.key` publisher puts on its 404 for a missing project.
+ * It lives here rather than next to the error class because a caller across a
+ * service boundary (airlock) matches on it to tell "this project is gone" apart
+ * from any other 404 that URL could produce.
+ */
+export declare const PROJECT_NOT_FOUND_ERROR_KEY = "errors.project.notFound";
 export declare class ReploValidationError extends ReploError {
     constructor(message: string);
 }

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

@@ -86,6 +86,7 @@ export type SelectableDataPayload = SelectablePlanPayload;
 export type SelectableData = SelectedElement | SelectablePlanData;
 export type SelectModeOptimisticUpdatePayload = {
     kind: "css";
+    fontSource?: "google" | "site";
     property: string;
     value: string | null;
 } | {

package/_vendor/schemas/selectMode.d.ts

@@ -275,6 +275,10 @@ export declare function readSelectablePayload(rawPayload: string | null): {
 } | null;
 export declare const selectModeOptimisticUpdatePayloadSchema: z.ZodDiscriminatedUnion<[z.ZodObject<{
     kind: z.ZodLiteral<"css">;
+    fontSource: z.ZodOptional<z.ZodEnum<{
+        google: "google";
+        site: "site";
+    }>>;
     property: z.ZodString;
     value: z.ZodNullable<z.ZodString>;
 }, z.core.$strip>, z.ZodObject<{

package/_vendor/schemas/selectMode.mjs

@@ -1,4 +1,4 @@
-export { SELECT_MODE_SELECTABLE_ATTRIBUTE, SELECT_MODE_SELECTABLE_PAYLOAD_ATTRIBUTE, displayModeSchema, getIframeOffset, readSelectablePayload, selectModeBoundingRectSchema, selectModeClickPositionSchema, selectModeDefinedStyleSchema, selectModeFiberChainEntrySchema, selectModeFormatCommandSchema, selectModeInlineTextStatusSchema, selectModeOptimisticUpdatePayloadSchema, selectModeSelectionRectSchema, selectModeSelectionSchema, selectModeSelectionTypeSchema, selectModeSourceLocationSchema, selectModeStyleAtRuleSchema, selectModeStyleVariantSchema, selectModeTextMetricsSchema, selectModeTiptapActiveMarksSchema, selectableDataPayloadSchema, selectableDataSchema, selectablePlanDataSchema, selectablePlanPayloadSchema, selectedElementSchema, transformPoint, transformRect, transformSelectableData, transformSelectedElement } from '../../chunk-UOBGRB5I.mjs';
+export { SELECT_MODE_SELECTABLE_ATTRIBUTE, SELECT_MODE_SELECTABLE_PAYLOAD_ATTRIBUTE, displayModeSchema, getIframeOffset, readSelectablePayload, selectModeBoundingRectSchema, selectModeClickPositionSchema, selectModeDefinedStyleSchema, selectModeFiberChainEntrySchema, selectModeFormatCommandSchema, selectModeInlineTextStatusSchema, selectModeOptimisticUpdatePayloadSchema, selectModeSelectionRectSchema, selectModeSelectionSchema, selectModeSelectionTypeSchema, selectModeSourceLocationSchema, selectModeStyleAtRuleSchema, selectModeStyleVariantSchema, selectModeTextMetricsSchema, selectModeTiptapActiveMarksSchema, selectableDataPayloadSchema, selectableDataSchema, selectablePlanDataSchema, selectablePlanPayloadSchema, selectedElementSchema, transformPoint, transformRect, transformSelectableData, transformSelectedElement } from '../../chunk-4T7WSMC3.mjs';
 import '../../chunk-JUKCUPQ6.mjs';
 import '../../chunk-FLYEIRFK.mjs';
 import '../../chunk-TESFJQID.mjs';

package/_vendor/schemas/selectModeIframeRpc.d.ts

@@ -225,6 +225,10 @@ export declare const websiteBuilderToCanopyMethodConfig: {
             editId: z.ZodString;
             payload: z.ZodDiscriminatedUnion<[z.ZodObject<{
                 kind: z.ZodLiteral<"css">;
+                fontSource: z.ZodOptional<z.ZodEnum<{
+                    google: "google";
+                    site: "site";
+                }>>;
                 property: z.ZodString;
                 value: z.ZodNullable<z.ZodString>;
             }, z.core.$strip>, z.ZodObject<{
@@ -723,6 +727,10 @@ export declare const selectModeParentMessageSchema: z.ZodDiscriminatedUnion<[z.Z
         editId: z.ZodString;
         payload: z.ZodDiscriminatedUnion<[z.ZodObject<{
             kind: z.ZodLiteral<"css">;
+            fontSource: z.ZodOptional<z.ZodEnum<{
+                google: "google";
+                site: "site";
+            }>>;
             property: z.ZodString;
             value: z.ZodNullable<z.ZodString>;
         }, z.core.$strip>, z.ZodObject<{

package/_vendor/schemas/selectModeIframeRpc.mjs

@@ -1,4 +1,4 @@
-import { selectedElementSchema, selectModeFormatCommandSchema, selectModeOptimisticUpdatePayloadSchema, selectModeSelectionTypeSchema, displayModeSchema, selectModeTiptapActiveMarksSchema, selectModeBoundingRectSchema, selectableDataSchema, selectModeSelectionRectSchema, selectModeClickPositionSchema } from '../../chunk-UOBGRB5I.mjs';
+import { selectedElementSchema, selectModeFormatCommandSchema, selectModeOptimisticUpdatePayloadSchema, selectModeSelectionTypeSchema, displayModeSchema, selectModeTiptapActiveMarksSchema, selectModeBoundingRectSchema, selectableDataSchema, selectModeSelectionRectSchema, selectModeClickPositionSchema } from '../../chunk-4T7WSMC3.mjs';
 import '../../chunk-JUKCUPQ6.mjs';
 import '../../chunk-FLYEIRFK.mjs';
 import '../../chunk-TESFJQID.mjs';

package/buildMetadata.js

@@ -1,7 +1,7 @@
 export const BUILD_METADATA = {
   "packageName": "@replohq/sandbox-runtime",
-  "version": "1.7.8",
+  "version": "1.7.10",
   "branch": "HEAD",
-  "commit": "3373cb130518e3250ca842e09a47b68ec42c48c0",
-  "builtAt": "2026-09-19T01:22:45.241Z"
+  "commit": "228f4382ccb4fe484d0d2cd40b0d065ac6441fe2",
+  "builtAt": "2026-09-20T22:06:34.014Z"
 };

package/{chunk-UOBGRB5I.mjs → chunk-4T7WSMC3.mjs}

@@ -168,6 +168,7 @@ function readSelectablePayload(rawPayload) {
 var selectModeOptimisticUpdatePayloadSchema = z.discriminatedUnion("kind", [
   z.object({
     kind: z.literal("css"),
+    fontSource: z.enum(["google", "site"]).optional(),
     property: z.string(),
     value: z.string().nullable()
   }),

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@replohq/sandbox-runtime",
-  "version": "1.7.8",
+  "version": "1.7.10",
   "reploBuild": {
     "packageName": "@replohq/sandbox-runtime",
-    "version": "1.7.8",
+    "version": "1.7.10",
     "branch": "HEAD",
-    "commit": "3373cb130518e3250ca842e09a47b68ec42c48c0",
-    "builtAt": "2026-09-19T01:22:45.241Z"
+    "commit": "228f4382ccb4fe484d0d2cd40b0d065ac6441fe2",
+    "builtAt": "2026-09-20T22:06:34.014Z"
   },
   "description": "Replo sandbox runtime — editor integration for agent-built Next.js sites.",
   "license": "SEE LICENSE IN LICENSE",

package/select-mode/descriptor/elementDescriptor.js

@@ -110,7 +110,7 @@ function buildSelector(element) {
     const tag = currentElement.tagName.toLowerCase();
     const id = currentElement.id;
     if (id) {
-      parts.unshift(`#${id}`);
+      parts.unshift(`#${CSS.escape(id)}`);
       break;
     }
     const parentElement = currentElement.parentElement;

package/select-mode/hooks/useOptimisticOverrides.js

@@ -1,4 +1,5 @@
 import { useCallback } from "react";
+import { buildGoogleFontsCssUrl, quoteFontFamily } from "../../_vendor/replo-utils/lib/fonts.mjs";
 import { buildSelector } from "../descriptor/elementDescriptor";
 import {
   SELECT_MODE_OVERRIDE_ATTRIBUTE,
@@ -125,13 +126,74 @@ function restoreOriginalState({
     element.innerHTML = originalState.innerHTML;
   }
 }
+function isBareFontFamilyName(value) {
+  const trimmed = value.trim();
+  if (trimmed.startsWith("var(") || trimmed === "inherit" || trimmed === "initial" || trimmed === "unset" || trimmed === "revert" || trimmed.includes(",")) {
+    return false;
+  }
+  return true;
+}
+function formatCssFontFamilyValue(value) {
+  const trimmed = value.trim();
+  if (!isBareFontFamilyName(trimmed)) {
+    return trimmed;
+  }
+  if (trimmed.startsWith("'") && trimmed.endsWith("'") || trimmed.startsWith('"') && trimmed.endsWith('"')) {
+    return trimmed;
+  }
+  return quoteFontFamily(trimmed);
+}
+function ensureGoogleFontStylesheet(family) {
+  if (!isBareFontFamilyName(family)) {
+    return null;
+  }
+  const bareFamily = family.replace(/^['"]|['"]$/gu, "");
+  if (!bareFamily) {
+    return null;
+  }
+  const existing = Array.from(
+    document.querySelectorAll("link[data-replo-select-font]")
+  ).find((link) => link.dataset.reploSelectFont === bareFamily);
+  if (!existing) {
+    const link = document.createElement("link");
+    link.rel = "stylesheet";
+    link.href = buildGoogleFontsCssUrl(bareFamily);
+    link.dataset.reploSelectFont = bareFamily;
+    document.head.append(link);
+  }
+  return bareFamily;
+}
+function removeUnusedGoogleFontStylesheet(family) {
+  const stillNeeded = getOverrideList().some(
+    (override) => override.injectedFontFamily === family
+  );
+  if (stillNeeded) {
+    return;
+  }
+  for (const link of document.querySelectorAll(
+    "link[data-replo-select-font]"
+  )) {
+    if (link.dataset.reploSelectFont === family) {
+      link.remove();
+    }
+  }
+}
 function installCssRule(override) {
   if (override.payload.kind !== "css") {
     return;
   }
+  let cssValue = override.payload.value ?? "revert";
+  if (override.payload.property === "font-family" && override.payload.value) {
+    cssValue = formatCssFontFamilyValue(override.payload.value);
+    if (override.payload.fontSource === "google") {
+      override.injectedFontFamily = ensureGoogleFontStylesheet(
+        override.payload.value.trim()
+      );
+    }
+  }
   const style = document.createElement("style");
   style.dataset.reploSelectOverride = override.token;
-  style.textContent = `[${SELECT_MODE_OVERRIDE_ATTRIBUTE}~="${override.token}"] { ${override.payload.property}: ${override.payload.value ?? "revert"} !important; }`;
+  style.textContent = `[${SELECT_MODE_OVERRIDE_ATTRIBUTE}~="${override.token}"] { ${override.payload.property}: ${cssValue} !important; }`;
   document.head.append(style);
 }
 function resolveTarget(target) {
@@ -185,9 +247,13 @@ function removeOverride({
       });
     }
   }
+  const injectedFontFamily = override.injectedFontFamily;
   setOverrideList(
     getOverrideList().filter((candidate) => candidate.editId !== editId)
   );
+  if (injectedFontFamily) {
+    removeUnusedGoogleFontStylesheet(injectedFontFamily);
+  }
   if (outcome === "failed") {
     for (const remainingOverride of getOverrideList()) {
       reapplyOverride({ override: remainingOverride, skipElement: null });
@@ -214,6 +280,7 @@ function useOptimisticOverrides() {
       const token = `override-${editId}`;
       const override = {
         editId,
+        injectedFontFamily: null,
         payload,
         registrationTimeout: window.setTimeout(() => {
           removeOverride({ editId, outcome: "failed" });