hyperframes 0.8.140 → 0.8.141

package/dist/{checkBrowser-6EK5E4PG.js → checkBrowser-HZXJ2EDU.js}

@@ -8,21 +8,21 @@ import {
   auditClipDurations,
   shouldIgnoreHttpError,
   shouldIgnoreRequestFailure
-} from "./chunk-PUBKHEEA.js";
+} from "./chunk-RPYPW5NN.js";
 import {
   rectToBbox
 } from "./chunk-WBLXWOYK.js";
 import {
   ambiguousIssue,
   loadBrowserScript
-} from "./chunk-2GMKWYEH.js";
+} from "./chunk-IO7ZIDRP.js";
 import {
   serveStaticProjectHtml
-} from "./chunk-PFJFHNU3.js";
+} from "./chunk-34TXESM7.js";
 import "./chunk-XUHOIDKG.js";
 import "./chunk-X7MTZ4T2.js";
-import "./chunk-KJLY2SDJ.js";
-import "./chunk-PB3P4MKP.js";
+import "./chunk-NORZWWLK.js";
+import "./chunk-TC2FBZJZ.js";
 import {
   AUDIT_SEEK_OPTIONS,
   DEFAULT_ZOOM_PADDING_PX,
@@ -34,14 +34,14 @@ import {
   resolveCliChromeGpuMode,
   seekCompositionTimeline,
   waitForPreferredSeekTarget
-} from "./chunk-KFQNMY36.js";
+} from "./chunk-XDSOIJC3.js";
 import "./chunk-5Z63TBTX.js";
-import "./chunk-BQKEGPPL.js";
-import "./chunk-TYT2TLJR.js";
+import "./chunk-O3SKIXQK.js";
+import "./chunk-EKA4ZZBI.js";
 import "./chunk-YEIFI443.js";
 import "./chunk-IHFUKJOR.js";
-import "./chunk-MHK5DE2P.js";
-import "./chunk-QBK7WKHT.js";
+import "./chunk-6Q6FR4KH.js";
+import "./chunk-A7YQNIQT.js";
 import "./chunk-QZ3AZTXI.js";
 import "./chunk-U7E736AJ.js";
 import {
@@ -49,25 +49,25 @@ import {
   proxyVariantFor,
   resolveProxy,
   scanProjectMediaCodecMap
-} from "./chunk-MTVDXB6S.js";
+} from "./chunk-4BB7V6AI.js";
 import "./chunk-G75ENCEZ.js";
 import "./chunk-EOVYQ3IG.js";
-import "./chunk-PE2I3AFA.js";
+import "./chunk-J5IPIQU2.js";
 import "./chunk-PFCFR3KZ.js";
 import {
   resolveAutoProxy
-} from "./chunk-KMKWRIMC.js";
+} from "./chunk-AVWEIOEN.js";
 import "./chunk-XT7X6QCP.js";
 import "./chunk-4YYJOFKS.js";
 import "./chunk-HVW7ABXD.js";
-import "./chunk-ASW6NWON.js";
-import "./chunk-VVJFZU6B.js";
-import "./chunk-5IKJONRY.js";
+import "./chunk-IKVBTDLO.js";
+import "./chunk-L3JSAB4L.js";
+import "./chunk-Q65ZQFF2.js";
 import "./chunk-AWDFDFI3.js";
 import "./chunk-P6LJ4Y32.js";
 import "./chunk-374QQGBQ.js";
-import "./chunk-JSGANFFH.js";
-import "./chunk-C2JUHIG5.js";
+import "./chunk-7XTZVLE6.js";
+import "./chunk-RCFCZT5O.js";
 import "./chunk-VWG7OQKU.js";
 import "./chunk-GQJZORQP.js";
 import "./chunk-AMKC3AXA.js";
@@ -77,14 +77,14 @@ import "./chunk-54HJ63Q2.js";
 import "./chunk-PBN6GBJE.js";
 import "./chunk-KC5XXX3X.js";
 import "./chunk-TJSTGSAW.js";
-import "./chunk-TPECLKPA.js";
-import "./chunk-6U3MN4HW.js";
+import "./chunk-E6SDW5FV.js";
+import "./chunk-35RSNI77.js";
 import "./chunk-A4KQZXZI.js";
 import "./chunk-USDEMXXL.js";
-import "./chunk-QP3BRKGF.js";
+import "./chunk-6E6CM7WS.js";
 import "./chunk-OZUQF4NB.js";
 import "./chunk-DPVXBVLL.js";
-import "./chunk-B3I3XJ47.js";
+import "./chunk-SYKKFAUW.js";
 import "./chunk-VC76R6W2.js";
 import "./chunk-YA62XGXS.js";
 import "./chunk-OFQWTKPW.js";
@@ -101,12 +101,12 @@ import "./chunk-TQFG7HTI.js";
 import "./chunk-GK4AIFIH.js";
 import "./chunk-2PSPARWP.js";
 import "./chunk-PMRBLBUP.js";
-import "./chunk-DDQ4LOML.js";
+import "./chunk-IYFKBFTW.js";
 import "./chunk-K4WIOZFP.js";
 import "./chunk-XUXGIA7H.js";
 import "./chunk-WERLJGIC.js";
 import "./chunk-ISN5GRYI.js";
-import "./chunk-MUINFURL.js";
+import "./chunk-W6HTOVHU.js";
 import {
   normalizeErrorMessage
 } from "./chunk-KNU5COPB.js";
@@ -148,7 +148,7 @@ async function preResolveHostileMediaProxies(projectDir, html, autoProxyOverride
   );
 }
 async function runBrowserCheck(project, options, motion, runGrid) {
-  const { bundleWithLocalizedFonts } = await import("./bundleWithLocalizedFonts-6PJP54TC.js");
+  const { bundleWithLocalizedFonts } = await import("./bundleWithLocalizedFonts-FH7PHTTX.js");
   const html = await bundleWithLocalizedFonts(project.dir);
   await preResolveHostileMediaProxies(project.dir, html, options.autoProxy);
   const server = await serveStaticProjectHtml(
@@ -175,7 +175,7 @@ async function runBrowserCheck(project, options, motion, runGrid) {
     await waitForPreferredSeekTarget(page);
     const rootAnchor = await resolveRootAnchor(page);
     const launchSettleMs = Date.now() - launchSettleStart;
-    const { analyzeClipMediaFit } = await import("./src-7SSERHNP.js");
+    const { analyzeClipMediaFit } = await import("./src-I7UC3JTL.js");
     for (const entry of await auditClipDurations(page, analyzeClipMediaFit, options.timeout)) {
       drafts.push({ code: "clip_media_fit", severity: entry.level, message: entry.text, time: 0 });
     }
@@ -198,7 +198,7 @@ async function runBrowserCheck(project, options, motion, runGrid) {
 }
 async function captureFindingCrops(project, options, requests) {
   if (requests.length === 0) return [];
-  const { bundleWithLocalizedFonts } = await import("./bundleWithLocalizedFonts-6PJP54TC.js");
+  const { bundleWithLocalizedFonts } = await import("./bundleWithLocalizedFonts-FH7PHTTX.js");
   const html = await bundleWithLocalizedFonts(project.dir);
   const server = await serveStaticProjectHtml(
     project.dir,

package/dist/{chunk-PFJFHNU3.js → chunk-34TXESM7.js}

@@ -7,7 +7,7 @@ var __dirname = __hf_dirname(__filename);
 import {
   getMimeType,
   injectMediaCodecMapIntoHtml
-} from "./chunk-MHK5DE2P.js";
+} from "./chunk-6Q6FR4KH.js";
 import {
   PROXY_VARIANT_CONFIG,
   ProxyCapacityError,
@@ -18,10 +18,10 @@ import {
   recordProxyRequest,
   resolveProxy,
   resolveProxyVariantRequest
-} from "./chunk-MTVDXB6S.js";
+} from "./chunk-4BB7V6AI.js";
 import {
   resolveAutoProxy
-} from "./chunk-KMKWRIMC.js";
+} from "./chunk-AVWEIOEN.js";
 
 // src/utils/staticProjectServer.ts
 import { createServer } from "http";

package/dist/{chunk-6U3MN4HW.js → chunk-35RSNI77.js}

@@ -35,7 +35,7 @@ import {
   stripEmbeddedRuntimeScripts,
   styleElementsFor,
   warnUnknownEnumValues
-} from "./chunk-B3I3XJ47.js";
+} from "./chunk-SYKKFAUW.js";
 import {
   cssVariableName
 } from "./chunk-VC76R6W2.js";

package/dist/{chunk-LQG6GPVK.js → chunk-3A5AAPMP.js}

@@ -6,7 +6,7 @@ var __filename = __hf_fileURLToPath(import.meta.url);
 var __dirname = __hf_dirname(__filename);
 import {
   setHostHandlesSigint
-} from "./chunk-TPECLKPA.js";
+} from "./chunk-E6SDW5FV.js";
 import {
   processAncestorSnapshot,
   processIdentity,

package/dist/{chunk-QG3PDRSO.js → chunk-3NBKW2QJ.js}

@@ -14,7 +14,7 @@ import {
 } from "./chunk-AWDFDFI3.js";
 import {
   isBlockedNetworkHost
-} from "./chunk-TPECLKPA.js";
+} from "./chunk-E6SDW5FV.js";
 import {
   DOMParser,
   parseHTML

package/dist/{chunk-MTVDXB6S.js → chunk-4BB7V6AI.js}

@@ -6,9 +6,10 @@ var __filename = __hf_fileURLToPath(import.meta.url);
 var __dirname = __hf_dirname(__filename);
 import {
   firstFrameColourArgs,
+  formatPreviewProxyBox,
   hdrToSdrToneMapFilter,
   parseFirstFrameColour
-} from "./chunk-QP3BRKGF.js";
+} from "./chunk-6E6CM7WS.js";
 import {
   mkdirWithinProject,
   realProjectRoot,
@@ -334,7 +335,7 @@ async function scanProjectMediaCodecMap(projectDir, htmlSources, options = {}) {
   return map;
 }
 
-// ../studio-server/dist/chunk-6RFZWPPN.js
+// ../studio-server/dist/chunk-QP7LKFU2.js
 import { spawn } from "child_process";
 import { createHash, randomUUID } from "crypto";
 import { existsSync as existsSync2, renameSync, statSync as statSync2, unlinkSync as unlinkSync2, utimesSync } from "fs";
@@ -530,14 +531,15 @@ function canonicalizeProxySource(projectDir, absoluteSourcePath) {
     cacheIdentity: (sourceIsInsideCanonicalProject ? canonicalRelativePath : canonicalSourcePath).normalize("NFC")
   };
 }
-function buildProxyCacheKey(source, variant) {
+function buildProxyCacheKey(source, variant, box) {
   const stat = statSync2(source.sourcePath);
+  const size = box ? `\0${formatPreviewProxyBox(box)}` : "";
   return createHash("sha256").update(
-    `${source.relativePath}\0${source.cacheIdentity}\0${stat.mtimeMs}\0${stat.size}\0${PROXY_PARAMS_VERSION}\0${variant}`
+    `${source.relativePath}\0${source.cacheIdentity}\0${stat.mtimeMs}\0${stat.size}\0${PROXY_PARAMS_VERSION}\0${variant}${size}`
   ).digest("hex");
 }
-function getCanonicalProxyCachePath(source, variant) {
-  const key = buildProxyCacheKey(source, variant);
+function getCanonicalProxyCachePath(source, variant, box) {
+  const key = buildProxyCacheKey(source, variant, box);
   return join2(
     source.projectDir,
     CACHE_DIR_NAME,
@@ -620,7 +622,13 @@ function rememberFailure(cachePath, error) {
     failedTranscodes.delete(oldest);
   }
 }
-async function runFfmpeg(sourcePath, outputPath, variant) {
+function proxyScaleFilter(box) {
+  if (!box) return "scale=trunc(iw/2)*2:trunc(ih/2)*2";
+  const factor = `min(1\\,max(${box.width}/iw\\,${box.height}/ih))`;
+  const side = (d) => `min(trunc(${d}/2)*2\\,ceil(${d}*${factor}/2)*2)`;
+  return `scale=${side("iw")}:${side("ih")}`;
+}
+async function runFfmpeg(sourcePath, outputPath, variant, box) {
   const metadata = await probeMediaMetadata(sourcePath);
   const ffmpegPath = findFfBinary("ffmpeg", { configuredMustExist: true });
   if (!ffmpegPath) {
@@ -631,7 +639,7 @@ async function runFfmpeg(sourcePath, outputPath, variant) {
   const toneMap = (hdrTransfer === "pq" || hdrTransfer === "hlg") && !keepsAlpha;
   if (toneMap) await ensureHdrFilters(ffmpegPath);
   const firstFrame = toneMap ? await probeFirstFrameColour(sourcePath) : {};
-  const evenScale = "scale=trunc(iw/2)*2:trunc(ih/2)*2";
+  const evenScale = proxyScaleFilter(box);
   const pixelFormat = keepsAlpha ? "yuva420p" : "yuv420p";
   const videoFilter = toneMap ? [
     hdrToSdrToneMapFilter(metadata.color, firstFrame),
@@ -721,7 +729,7 @@ async function runFfmpeg(sourcePath, outputPath, variant) {
     });
   });
 }
-async function transcodeToCache(projectDir, absoluteSourcePath, cachePath, variant) {
+async function transcodeToCache(projectDir, absoluteSourcePath, cachePath, variant, box) {
   await acquireSlot();
   try {
     if (existsSync2(cachePath)) return cachePath;
@@ -729,7 +737,7 @@ async function transcodeToCache(projectDir, absoluteSourcePath, cachePath, varia
     mkdirWithinProject(projectDir, cacheDir);
     const tempPath = join2(cacheDir, `.tmp-${randomUUID()}-${basename(cachePath)}`);
     try {
-      await runFfmpeg(absoluteSourcePath, tempPath, variant);
+      await runFfmpeg(absoluteSourcePath, tempPath, variant, box);
       renameSync(tempPath, cachePath);
       maintainProxyCache(cacheDir);
       return cachePath;
@@ -747,9 +755,9 @@ function proxyActivityMark(projectDir) {
   for (const cachePath of inFlight.keys()) if (cachePath.startsWith(cacheDir)) return null;
   return String(settledProxyCount);
 }
-async function resolveProxy(projectDir, absoluteSourcePath, variant = "h264") {
+async function resolveProxy(projectDir, absoluteSourcePath, variant = "h264", box) {
   const source = canonicalizeProxySource(projectDir, absoluteSourcePath);
-  const cachePath = getCanonicalProxyCachePath(source, variant);
+  const cachePath = getCanonicalProxyCachePath(source, variant, box);
   if (existsSync2(cachePath)) {
     markCacheEntryUsed(cachePath);
     maintainProxyCache(dirname(cachePath));
@@ -762,7 +770,7 @@ async function resolveProxy(projectDir, absoluteSourcePath, variant = "h264") {
   }
   const existing = inFlight.get(cachePath);
   if (existing) return existing;
-  const promise = transcodeToCache(source.projectDir, source.sourcePath, cachePath, variant).catch((err) => {
+  const promise = transcodeToCache(source.projectDir, source.sourcePath, cachePath, variant, box).catch((err) => {
     if (!(err instanceof ProxyCapacityError)) rememberFailure(cachePath, err);
     throw err;
   }).finally(() => {

package/dist/{chunk-QP3BRKGF.js → chunk-6E6CM7WS.js}

@@ -17,7 +17,7 @@ import {
   parseStrictFiniteTimingNumber,
   resolveNaturalMediaTimelineDuration,
   resolveTimedImageDurationSeconds
-} from "./chunk-B3I3XJ47.js";
+} from "./chunk-SYKKFAUW.js";
 import {
   COMPOSITION_ATTRIBUTES,
   parseStartExpression
@@ -1158,6 +1158,21 @@ function parseFirstFrameColour(stderr) {
   return tags ? { colorSpace: tags[1], colorPrimaries: tags[2], colorTransfer: tags[3] } : {};
 }
 
+// ../core/dist/previewProxyBox.js
+var PREVIEW_PROXY_BOX_PARAM = "hf-proxy-box";
+var RUNGS = [256, 362, 512, 724, 1024, 1448, 2048, 2896, 4096, 5792, 8192];
+function formatPreviewProxyBox(box) {
+  return `${box.width}x${box.height}`;
+}
+function parsePreviewProxyBox(raw) {
+  const match = /^(\d{3,4})x(\d{3,4})$/.exec(raw);
+  if (!match)
+    return null;
+  const width = Number(match[1]);
+  const height = Number(match[2]);
+  return RUNGS.includes(width) && RUNGS.includes(height) ? { width, height } : null;
+}
+
 // ../core/dist/inline-scripts/hyperframesRuntime.engine.js
 import { buildSync } from "esbuild";
 import { existsSync } from "fs";
@@ -5537,6 +5552,9 @@ export {
   hdrToSdrToneMapFilter,
   firstFrameColourArgs,
   parseFirstFrameColour,
+  PREVIEW_PROXY_BOX_PARAM,
+  formatPreviewProxyBox,
+  parsePreviewProxyBox,
   buildHyperframesRuntimeScript,
   HYPERFRAME_RUNTIME_GLOBALS,
   HYPERFRAME_BRIDGE_SOURCES,

package/dist/{chunk-MU6C2VP6.js → chunk-6IFXWJDX.js}

@@ -7,10 +7,10 @@ var __dirname = __hf_dirname(__filename);
 import {
   parseFeedbackRating,
   trackRenderFeedback
-} from "./chunk-JSGANFFH.js";
+} from "./chunk-7XTZVLE6.js";
 import {
   shouldTrack
-} from "./chunk-C2JUHIG5.js";
+} from "./chunk-RCFCZT5O.js";
 import {
   detectAgentRuntime
 } from "./chunk-GQJZORQP.js";

package/dist/{chunk-MHK5DE2P.js → chunk-6Q6FR4KH.js}

@@ -21,7 +21,7 @@ import {
   splitElementInHtml,
   unwrapElementsFromHtml,
   wrapElementsInHtml
-} from "./chunk-QBK7WKHT.js";
+} from "./chunk-A7YQNIQT.js";
 import {
   MAX_WINDOW_IDLE_MS,
   STUDIO_SIGNATURE_MANIFEST_PATHS,
@@ -63,7 +63,7 @@ import {
   scanProjectMediaCodecMap,
   shouldPrewarmProxy,
   waitForProxy
-} from "./chunk-MTVDXB6S.js";
+} from "./chunk-4BB7V6AI.js";
 import {
   STUDIO_MOTION_PATH,
   createStudioMotionRenderBodyScript,
@@ -96,17 +96,20 @@ import {
 } from "./chunk-TJSTGSAW.js";
 import {
   addScenePartsManifest
-} from "./chunk-6U3MN4HW.js";
+} from "./chunk-35RSNI77.js";
 import {
   ensureHfIds
 } from "./chunk-A4KQZXZI.js";
 import {
+  PREVIEW_PROXY_BOX_PARAM,
+  formatPreviewProxyBox,
   formatRenderOutputTimestamp,
   gsapCdnDist,
   motionPathPluginUrl,
   parseFps,
+  parsePreviewProxyBox,
   sameInstant
-} from "./chunk-QP3BRKGF.js";
+} from "./chunk-6E6CM7WS.js";
 import {
   MagicString,
   VALID_CANVAS_RESOLUTIONS,
@@ -125,7 +128,7 @@ import {
   resolveRateSpec,
   sourceTimeAt,
   stripEmbeddedRuntimeScripts
-} from "./chunk-B3I3XJ47.js";
+} from "./chunk-SYKKFAUW.js";
 import {
   ProjectRootMissingError,
   folderGone,
@@ -288,7 +291,7 @@ function clearElementScreenshotIsolation() {
   page.__hfThumbnailFaded = [];
 }
 
-// ../studio-server/dist/chunk-G7FEKQ32.js
+// ../studio-server/dist/chunk-5VCIZYUE.js
 import { resolve } from "path";
 function isAutoProxyEnabled(adapter) {
   return adapter.autoProxy !== false;
@@ -296,11 +299,11 @@ function isAutoProxyEnabled(adapter) {
 function resolvePreviewMediaCodecProbeCache(adapter) {
   return adapter.mediaCodecProbeCache ?? createMediaCodecProbeCache();
 }
-function proxyEtagSalt(raw) {
+function proxyEtagSalt(raw, box) {
   if (raw === void 0) return "";
-  return `:proxy:${raw}:${PROXY_PARAMS_VERSION}`;
+  return `:proxy:${raw}:${PROXY_PARAMS_VERSION}${box ? `:${formatPreviewProxyBox(box)}` : ""}`;
 }
-async function injectMediaCodecMapIntoHtml(html, projectDir, htmlSources, probeCache) {
+async function injectMediaCodecMapIntoHtml(html, projectDir, htmlSources, probeCache, prewarm = true) {
   let map;
   try {
     map = await scanProjectMediaCodecMap(
@@ -313,7 +316,7 @@ async function injectMediaCodecMapIntoHtml(html, projectDir, htmlSources, probeC
   }
   if (Object.keys(map).length === 0) return html;
   for (const [rootRelativePathname, facts] of Object.entries(map)) {
-    if (!shouldPrewarmProxy(facts)) continue;
+    if (!prewarm || !shouldPrewarmProxy(facts)) continue;
     recordProxyPrewarm();
     resolveProxy(
       projectDir,
@@ -330,7 +333,7 @@ ${html}`;
 }
 async function injectMediaCodecMap(html, adapter, projectDir, compSrcPath, probeCache) {
   if (!isAutoProxyEnabled(adapter)) return html;
-  return injectMediaCodecMapIntoHtml(html, projectDir, [{ html, compSrcPath }], probeCache);
+  return injectMediaCodecMapIntoHtml(html, projectDir, [{ html, compSrcPath }], probeCache, false);
 }
 
 // ../studio-server/dist/chunk-X62ASOGO.js
@@ -5237,7 +5240,7 @@ async function prepareGsapMutationScript(c, res, firstMutation) {
   let block = extractGsapScriptBlock(html);
   if (!block && (firstMutation.type === "add" || firstMutation.type === "add-with-keyframes")) {
     const compId = html.match(/data-composition-id="([^"]+)"/)?.[1] ?? "main";
-    const { GSAP_CDN } = await import("./dist-N33CM63P.js");
+    const { GSAP_CDN } = await import("./dist-ROUDWGLO.js");
     const bootstrap = [
       `<script src="${GSAP_CDN}"></script>`,
       "<script>",
@@ -7521,6 +7524,11 @@ ${etag}`;
     const contentType = getMimeType(subPath);
     const isText = /\.(html|css|js|json|svg|txt|md|cube)$/i.test(subPath);
     const proxyParam = c.req.query("hf-proxy");
+    const boxParam = c.req.query(PREVIEW_PROXY_BOX_PARAM);
+    const proxyBox = boxParam === void 0 ? void 0 : parsePreviewProxyBox(boxParam);
+    if (proxyBox === null || proxyBox && proxyParam === void 0) {
+      return c.text("not found", 404);
+    }
     let proxyVariant;
     if (proxyParam !== void 0) {
       if (!isProxyVariantRequest(proxyParam) || !contentType.startsWith("video/") || !isAutoProxyEnabled(adapter)) {
@@ -7538,7 +7546,7 @@ ${etag}`;
       }
     }
     const tag = settledFileTag(stat2);
-    const etag = tag && `"${tag}${proxyEtagSalt(proxyVariant)}"`;
+    const etag = tag && `"${tag}${proxyEtagSalt(proxyVariant, proxyBox)}"`;
     const cacheHeaders = isText ? { "Cache-Control": "no-store" } : { "Cache-Control": "private, no-cache", ...etag && { ETag: etag } };
     if (!isText && etag) {
       const ifNoneMatch = c.req.header("If-None-Match");
@@ -7550,7 +7558,7 @@ ${etag}`;
     let servedContentType = contentType;
     if (proxyVariant !== void 0) {
       try {
-        servedPath = await waitForProxy(resolveProxy(project.dir, file, proxyVariant), 0);
+        servedPath = await waitForProxy(resolveProxy(project.dir, file, proxyVariant, proxyBox), 0);
       } catch (err) {
         if (err instanceof ProxyWaitTimeoutError) {
           return c.text("media proxy is being made", 202, {