hyperframes 0.8.143 → 0.8.145

package/dist/studio/player.js

@@ -1,8 +1,8 @@
 import {
   Player
-} from "./chunk-H2DUOXTF.js";
-import "./chunk-LOVBLSMR.js";
-import "./chunk-TFLU2MGI.js";
+} from "./chunk-NZPJUZKT.js";
+import "./chunk-Y2OHHNM2.js";
+import "./chunk-6JY3MTIX.js";
 import "./chunk-PZ5AY32C.js";
 export {
   Player

package/dist/studio/ui.d.ts

@@ -115,7 +115,7 @@ type StyledProps<T extends ElementType> = Omit<ComponentPropsWithoutRef<T>, "cla
 /** Forces the settled open look for a gallery shot; CSS-only, open state stays controlled. */
 type PopupPreviewState = "open";
 /** Where the portal puts the popup. `null` keeps it inline, next to its trigger. */
-type PortalContainer$1 = ComponentPropsWithoutRef<typeof Menu$1.Portal>["container"];
+type PortalContainer = ComponentPropsWithoutRef<typeof Menu$1.Portal>["container"];
 /**
  * Chrome shared by every floating panel (`Popover` too); callers add their own shadow token.
  */
@@ -125,8 +125,8 @@ interface PositionedProps {
     side?: "top" | "bottom" | "left" | "right";
     align?: "start" | "center" | "end";
     sideOffset?: number;
-    /** Portal target. Pass the shadow root when the trigger lives in one. */
-    container?: PortalContainer$1;
+    /** Portal target. Pass the shadow root when the trigger lives in one; `null` keeps it inline. */
+    container?: PortalContainer;
     /** Names the popup for assistive tech. A menu with no name is unlabelled. */
     "aria-label"?: string;
     className?: string;
@@ -174,7 +174,6 @@ declare function MenuRadioItem({ className, children, ...props }: MenuRadioItemP
 /** A hairline between two groups of items. */
 declare function MenuSeparator({ className, ...props }: StyledProps<typeof Menu$1.Separator>): react_jsx_runtime.JSX.Element;
 
-type PortalContainer = ComponentPropsWithoutRef<typeof Popover$1.Portal>["container"];
 interface PopoverProps extends Omit<ComponentPropsWithoutRef<typeof Popover$1.Root>, "children"> {
     /** A single element. It becomes the trigger; no wrapper is added around it. */
     trigger: ReactElement;
@@ -185,7 +184,7 @@ interface PopoverProps extends Omit<ComponentPropsWithoutRef<typeof Popover$1.Ro
     sideOffset?: number;
     /** Points the popup at its trigger. Off by default; the default gap from the trigger grows by the arrow's height. */
     arrow?: boolean;
-    /** Portal target. Pass the shadow root when the trigger lives in one. */
+    /** Portal target. Pass the shadow root when the trigger lives in one; `null` keeps it inline. */
     container?: PortalContainer;
     /** Names the popup for assistive tech. */
     "aria-label"?: string;

package/dist/studio/ui.js

@@ -30,7 +30,7 @@ import {
   fieldBase,
   fieldText,
   popupSurface
-} from "./chunk-LOVBLSMR.js";
+} from "./chunk-Y2OHHNM2.js";
 import "./chunk-PZ5AY32C.js";
 export {
   Button,

package/dist/{studio-api-VRBZUGAE.js → studio-api-WYWF7XRC.js}

@@ -22,7 +22,7 @@ import {
   getMimeType,
   stampProjectHfIds,
   thumbnailDeviceScaleFactor
-} from "./chunk-7UYBQ6NF.js";
+} from "./chunk-GXJEGZL2.js";
 import {
   dedupeClonedCompositionId,
   findTargetElement,
@@ -30,7 +30,7 @@ import {
   patchElementInHtml,
   removeElementFromHtml,
   splitElementInHtml
-} from "./chunk-UM2GRYM3.js";
+} from "./chunk-5WVW7P23.js";
 import {
   DEFAULT_HISTORY_ROOT,
   DELETED_VERSION,
@@ -54,11 +54,11 @@ import {
 } from "./chunk-QZ3AZTXI.js";
 import {
   requestSubPath
-} from "./chunk-BFDJ63J5.js";
+} from "./chunk-DDIVWXN7.js";
 import {
   CACHE_DIR_NAME,
   cleanupProxyCache
-} from "./chunk-ZQQ3SEIE.js";
+} from "./chunk-KIFHYXPB.js";
 import {
   STUDIO_MOTION_PATH,
   createStudioMotionRenderBodyScript,
@@ -72,10 +72,10 @@ import {
   createStudioPositionSeekReapplyScript
 } from "./chunk-KC5XXX3X.js";
 import "./chunk-TJSTGSAW.js";
-import "./chunk-F26LCYRY.js";
+import "./chunk-FDT6KQV4.js";
 import "./chunk-NE55C6S5.js";
-import "./chunk-4M4EC7JX.js";
-import "./chunk-6TPZSTCL.js";
+import "./chunk-VRW6EBHV.js";
+import "./chunk-AUWHD7RA.js";
 import "./chunk-VC76R6W2.js";
 import "./chunk-YA62XGXS.js";
 import "./chunk-MQZVBHEY.js";
@@ -86,14 +86,14 @@ import "./chunk-DPVXBVLL.js";
 import "./chunk-T76PLPD6.js";
 import "./chunk-FXMKHHPO.js";
 import "./chunk-RQVDTPGD.js";
-import "./chunk-XONFUK3M.js";
+import "./chunk-IEIJRMLZ.js";
 import "./chunk-IWFLMU2N.js";
 import "./chunk-APDLWWFG.js";
 import "./chunk-PJ3HDUCY.js";
 import "./chunk-3RM2ETQT.js";
 import {
   decodeWellFormedEscapes
-} from "./chunk-ZLW2V65P.js";
+} from "./chunk-BSQ7XANM.js";
 import "./chunk-SDYDNHEE.js";
 import "./chunk-2PSPARWP.js";
 import "./chunk-T42U2W2R.js";

package/dist/{studioServer-DBNKZ6I6.js → studioServer-3FG4YTP7.js}

@@ -6,14 +6,14 @@ var __filename = __hf_fileURLToPath(import.meta.url);
 var __dirname = __hf_dirname(__filename);
 import {
   seekCompositionTimeline
-} from "./chunk-HMT2RPZU.js";
+} from "./chunk-U5QY7KTN.js";
 import "./chunk-FH7WODJH.js";
-import "./chunk-PJU63L6W.js";
+import "./chunk-4ORLNTET.js";
 import {
   renderJobObservabilityTelemetryPayload,
   renderObservabilityTelemetryPayload
 } from "./chunk-VXVRPIJA.js";
-import "./chunk-P7THMINS.js";
+import "./chunk-FXJJCPPB.js";
 import "./chunk-WPNE5NEP.js";
 import {
   HANDOFF_READY,
@@ -34,8 +34,8 @@ import {
   getMimeType,
   stampProjectHfIds,
   thumbnailDeviceScaleFactor
-} from "./chunk-7UYBQ6NF.js";
-import "./chunk-UM2GRYM3.js";
+} from "./chunk-GXJEGZL2.js";
+import "./chunk-5WVW7P23.js";
 import {
   DEFAULT_HISTORY_ROOT,
   DELETED_VERSION,
@@ -49,8 +49,8 @@ import {
   identifyFileWrite,
   openProjectHistory
 } from "./chunk-QZ3AZTXI.js";
-import "./chunk-BFDJ63J5.js";
-import "./chunk-ZQQ3SEIE.js";
+import "./chunk-DDIVWXN7.js";
+import "./chunk-KIFHYXPB.js";
 import "./chunk-G75ENCEZ.js";
 import "./chunk-DCAI5DBR.js";
 import {
@@ -59,34 +59,35 @@ import {
 } from "./chunk-EOVYQ3IG.js";
 import {
   resolveCaptureBrowserGpuMode,
-  resolveLocalBrowserGpuMode
-} from "./chunk-QRKLPWEX.js";
+  resolveLocalBrowserGpuMode,
+  resolveLocalWebGpu
+} from "./chunk-ADF3X6GM.js";
 import {
   resolveRenderBrowser
-} from "./chunk-KOEWEFHK.js";
+} from "./chunk-DIRJ322I.js";
 import "./chunk-442JNXRM.js";
 import {
   resolveAutoProxy
-} from "./chunk-2LBBHMKT.js";
+} from "./chunk-CFUXNBWH.js";
 import "./chunk-XT7X6QCP.js";
 import "./chunk-4YYJOFKS.js";
 import "./chunk-HVW7ABXD.js";
-import "./chunk-HW4AKJ5F.js";
-import "./chunk-CLOH4LIB.js";
-import "./chunk-TAMQYQGJ.js";
+import "./chunk-BIAC7IJT.js";
+import "./chunk-XIHCMVMG.js";
+import "./chunk-LAFJSYDL.js";
 import "./chunk-AWDFDFI3.js";
 import "./chunk-P6LJ4Y32.js";
-import "./chunk-TVCRUG2S.js";
+import "./chunk-ZEUONDQG.js";
 import "./chunk-374QQGBQ.js";
 import {
   trackRenderComplete,
   trackRenderError
-} from "./chunk-QFN7NVWM.js";
+} from "./chunk-ICKDMTLA.js";
 import {
   canaryDecisionsForStudio,
   resetTelemetryPostureCache,
   shouldTrack
-} from "./chunk-OSSHSIMD.js";
+} from "./chunk-ZF7SXQJ7.js";
 import "./chunk-VWG7OQKU.js";
 import {
   bytesToMb,
@@ -103,14 +104,14 @@ import "./chunk-TJSTGSAW.js";
 import {
   assertWebGpuAdapterAvailable,
   compositionRequiresWebGpu
-} from "./chunk-33RZPZ4K.js";
-import "./chunk-F26LCYRY.js";
+} from "./chunk-UXO2L7HJ.js";
+import "./chunk-FDT6KQV4.js";
 import "./chunk-NE55C6S5.js";
 import "./chunk-USDEMXXL.js";
 import {
   fpsToNumber
-} from "./chunk-4M4EC7JX.js";
-import "./chunk-6TPZSTCL.js";
+} from "./chunk-VRW6EBHV.js";
+import "./chunk-AUWHD7RA.js";
 import "./chunk-VC76R6W2.js";
 import "./chunk-YA62XGXS.js";
 import "./chunk-MQZVBHEY.js";
@@ -121,19 +122,19 @@ import "./chunk-DPVXBVLL.js";
 import "./chunk-T76PLPD6.js";
 import "./chunk-FXMKHHPO.js";
 import "./chunk-RQVDTPGD.js";
-import "./chunk-4PFZPP2N.js";
+import "./chunk-A6S35NYA.js";
 import {
   runRenderSetupWorker
-} from "./chunk-LCSMOLGX.js";
+} from "./chunk-BYSBRF24.js";
 import "./chunk-TWWSYAKJ.js";
-import "./chunk-XONFUK3M.js";
+import "./chunk-IEIJRMLZ.js";
 import {
   isWithinProjectRoot
 } from "./chunk-IWFLMU2N.js";
 import "./chunk-APDLWWFG.js";
 import "./chunk-PJ3HDUCY.js";
 import "./chunk-3RM2ETQT.js";
-import "./chunk-ZLW2V65P.js";
+import "./chunk-BSQ7XANM.js";
 import "./chunk-SDYDNHEE.js";
 import "./chunk-2PSPARWP.js";
 import "./chunk-T42U2W2R.js";
@@ -148,7 +149,7 @@ import {
 } from "./chunk-ISN5GRYI.js";
 import {
   VERSION
-} from "./chunk-W35EKBS6.js";
+} from "./chunk-BFACGEII.js";
 import "./chunk-KNU5COPB.js";
 import "./chunk-3GXQPCJC.js";
 import "./chunk-ZTZA4UWZ.js";
@@ -356,7 +357,7 @@ var ENTRY_TS = resolve(__dirname, "..", "..", "..", "core", "src", "runtime", "e
 async function buildFromSource() {
   if (!existsSync(ENTRY_TS)) return null;
   try {
-    const mod = await import("./dist-XN234YFQ.js");
+    const mod = await import("./dist-Q4BI5A73.js");
     if (typeof mod.loadHyperframeRuntimeSource === "function") {
       const source = mod.loadHyperframeRuntimeSource();
       if (source) return source;
@@ -367,7 +368,7 @@ async function buildFromSource() {
 }
 async function getInlinedRuntime() {
   try {
-    const mod = await import("./dist-XN234YFQ.js");
+    const mod = await import("./dist-Q4BI5A73.js");
     if (typeof mod.getHyperframeRuntimeScript === "function") {
       return mod.getHyperframeRuntimeScript() ?? null;
     }
@@ -578,6 +579,7 @@ function emitStudioRenderError(opts, elapsedMs, failedStage, err, job) {
     fps: fpsToNumber(opts.fps),
     quality: opts.quality,
     docker: false,
+    gpu: opts.useGpu === true,
     source: "studio",
     failedStage,
     errorMessage: err instanceof Error ? err.message : String(err),
@@ -596,7 +598,7 @@ function emitStudioRenderComplete(opts, elapsedMs, perf) {
     fps: fpsToNumber(opts.fps),
     quality: opts.quality,
     docker: false,
-    gpu: false,
+    gpu: opts.useGpu === true,
     source: "studio",
     outputFormat: opts.format,
     outputResolutionPreset: opts.outputResolution,
@@ -710,13 +712,13 @@ var RENDER_SHUTDOWN_WAIT_MS = 2e3;
 var IMMUTABLE_CACHE_CONTROL = "public, max-age=31536000, immutable";
 var REMOTE_GIF_IMG_SRC_RE = /<img\b[^>]*?\bsrc\s*=\s*["'](https?:\/\/[^"']+\.gif(?:[?#][^"']*)?)["'][^>]*>/gi;
 async function loadStudioProducer() {
-  if (!isDevMode()) return await import("./src-X426BZAG.js");
+  if (!isDevMode()) return await import("./src-KS3AWFGT.js");
   if (!process.versions.bun) {
     throw new Error(
       "Studio dev-mode rendering requires bun (the producer is loaded from TypeScript source, which Node cannot resolve). Restart the studio with `bun run studio`."
     );
   }
-  return await import("./src-X426BZAG.js");
+  return await import("./src-KS3AWFGT.js");
 }
 function resolveDistDir() {
   return resolveStudioBundle().dir;
@@ -818,7 +820,8 @@ async function getThumbnailBrowser(requestedGpuMode, isShuttingDown) {
     return {
       browser: _thumbnailBrowserLease.browser,
       requestedGpuMode: _thumbnailBrowserModes.requested,
-      resolvedGpuMode: _thumbnailBrowserModes.resolved
+      resolvedGpuMode: _thumbnailBrowserModes.resolved,
+      softwareWebGpu: _thumbnailBrowserModes.softwareWebGpu
     };
   }
   if (_thumbnailBrowserInitializing) {
@@ -829,8 +832,8 @@ async function getThumbnailBrowser(requestedGpuMode, isShuttingDown) {
   _thumbnailBrowserInitializing = (async () => {
     try {
       if (isShuttingDown()) return null;
-      const { ensureBrowser } = await import("./manager-CT3D67CG.js");
-      const { acquireBrowser, buildChromeArgs } = await import("./src-JO5JOV7Y.js");
+      const { ensureBrowser } = await import("./manager-BPSR6D3V.js");
+      const { acquireBrowser, buildChromeArgs } = await import("./src-BSLKXEGX.js");
       let executablePath;
       try {
         const b = await ensureBrowser({ preferManagedChrome: true });
@@ -841,22 +844,32 @@ async function getThumbnailBrowser(requestedGpuMode, isShuttingDown) {
       } catch {
       }
       const resolvedGpuMode = await resolveCaptureBrowserGpuMode(requestedGpuMode, executablePath);
+      const { gpuConfig, softwareWebGpu } = resolveLocalWebGpu(resolvedGpuMode, true);
       const acquired = await acquireBrowser(
         buildChromeArgs(
-          { width: 1920, height: 1080, captureMode: "screenshot" },
-          { browserGpuMode: resolvedGpuMode }
+          {
+            width: 1920,
+            height: 1080,
+            captureMode: "screenshot",
+            requiresWebGpu: softwareWebGpu
+          },
+          gpuConfig
         ),
         { forceScreenshot: true }
       );
       _thumbnailBrowserLease = acquired;
-      _thumbnailBrowserModes = { requested: requestedGpuMode, resolved: resolvedGpuMode };
+      _thumbnailBrowserModes = {
+        requested: requestedGpuMode,
+        resolved: resolvedGpuMode,
+        softwareWebGpu
+      };
       acquired.browser.on("disconnected", () => {
         if (_thumbnailBrowserLease !== acquired) return;
         _thumbnailBrowserLease = null;
         _thumbnailBrowserModes = null;
         _thumbnailBrowserInitializing = null;
       });
-      return { browser: acquired.browser, requestedGpuMode, resolvedGpuMode };
+      return { browser: acquired.browser, requestedGpuMode, resolvedGpuMode, softwareWebGpu };
     } catch (err) {
       console.warn(
         "[Studio] Failed to launch thumbnail browser:",
@@ -980,7 +993,7 @@ function createStudioServer(options) {
     resolveProject: (id) => id === projectId ? project : null,
     async bundle(dir, options2) {
       try {
-        const { bundleToSingleHtml } = await import("./compiler-TEXQWW6N.js");
+        const { bundleToSingleHtml } = await import("./compiler-F54OZZPM.js");
         let html = await bundleToSingleHtml(dir, { ...PREVIEW_BUNDLE_OPTIONS, ...options2 });
         html = html.replace(
           'data-hyperframes-preview-runtime="1" src=""',
@@ -994,8 +1007,8 @@ function createStudioServer(options) {
     },
     async transformPreviewHtml({ html, project: project2 }) {
       const { injectDeterministicFontFaces } = await import("./deterministicFonts-U2BIMGPG.js");
-      const { prepareAnimatedGifInputs } = await import("./animatedGifPrep-H2DUQEZ3.js");
-      const { downloadToTemp, writeUrlDownloadTelemetry } = await import("./urlDownloader-3NS63A7B.js");
+      const { prepareAnimatedGifInputs } = await import("./animatedGifPrep-MIWRDJIO.js");
+      const { downloadToTemp, writeUrlDownloadTelemetry } = await import("./urlDownloader-52FERT4X.js");
       const gifOutputDir = join2(project2.dir, ".hyperframes", "prepared-assets", "gif");
       const gifDownloadDir = join2(project2.dir, ".hyperframes", "prepared-assets", "downloads");
       const prepared = await prepareAnimatedGifInputs(html, {
@@ -1019,7 +1032,7 @@ function createStudioServer(options) {
       if (resolve2(dir) === resolve2(projectDir)) cachedProjectSignature = null;
     },
     async lint(html, opts) {
-      const { lintHyperframeHtml } = await import("./dist-5UVIRMSM.js");
+      const { lintHyperframeHtml } = await import("./dist-KDJTFJHA.js");
       return await lintHyperframeHtml(html, { ...opts, host: "studio" });
     },
     // Out of process: linting a large composition is seconds of synchronous parsing, and on
@@ -1080,7 +1093,8 @@ function createStudioServer(options) {
             outputResolution: opts.outputResolution,
             ...manualEditsRenderScript ? { renderBodyScripts: [manualEditsRenderScript] } : {},
             ...opts.composition ? { entryFile: opts.composition } : {},
-            ...opts.variables ? { variables: opts.variables } : {}
+            ...opts.variables ? { variables: opts.variables } : {},
+            ...opts.useGpu ? { useGpu: true } : {}
           });
           renderJob = job;
           const onProgress = (j) => {
@@ -1136,7 +1150,7 @@ function createStudioServer(options) {
     startBackgroundRemoval(opts) {
       return createBackgroundRemovalJob(opts, async (renderOpts) => {
         const sourcePipelinePath = "../background-removal/pipeline.ts";
-        const pipeline = await import("./pipeline-SYJYP2RM.js").catch(
+        const pipeline = await import("./pipeline-6WPSC3H4.js").catch(
           () => import(sourcePipelinePath)
         );
         return pipeline.render(renderOpts);
@@ -1165,7 +1179,11 @@ function createStudioServer(options) {
           async (page) => {
             await page.setViewport(viewport);
             await page.goto(opts.previewUrl, { waitUntil: "domcontentloaded", timeout: 1e4 });
-            await assertWebGpuAdapterAvailable(page, requiresWebGpu);
+            await assertWebGpuAdapterAvailable(
+              page,
+              requiresWebGpu,
+              requiresWebGpu && session.softwareWebGpu
+            );
             await page.waitForFunction(
               () => {
                 const w = window;
@@ -1217,8 +1235,8 @@ function createStudioServer(options) {
       }
     },
     async listRegistryCatalog() {
-      const { listRegistryItems, loadAllItems } = await import("./resolver-S5VK6UCB.js");
-      const { loadProjectConfig } = await import("./projectConfig-EM26P45P.js");
+      const { listRegistryItems, loadAllItems } = await import("./resolver-J2PL5FVJ.js");
+      const { loadProjectConfig } = await import("./projectConfig-B2AF5DXY.js");
       const registry = { baseUrl: loadProjectConfig(projectDir).registry };
       const entries = await listRegistryItems(void 0, registry);
       const blockAndComponentEntries = entries.filter(
@@ -1227,9 +1245,9 @@ function createStudioServer(options) {
       return loadAllItems(blockAndComponentEntries, registry);
     },
     async installRegistryBlock(opts) {
-      const { addToProject, primaryInstalledTarget } = await import("./add-Q5EYDUAY.js");
-      const { recordRewrittenInstall } = await import("./installer-CDOB32HE.js");
-      const { registryTargetPath } = await import("./publication-OXWJZKSX.js");
+      const { addToProject, primaryInstalledTarget } = await import("./add-B6OUH46W.js");
+      const { recordRewrittenInstall } = await import("./installer-NI6P6GC4.js");
+      const { registryTargetPath } = await import("./publication-2PANQVC6.js");
       const { result, item } = await addToProject({
         name: opts.blockName,
         projectDir: opts.project.dir,
@@ -1330,8 +1348,8 @@ function createStudioServer(options) {
   app.get("/api/environment/ffmpeg", async (c) => {
     if (ffmpegReady) return c.json({ ok: true });
     const [{ runEnvironmentChecks }, { getFFmpegInstallCommand }] = await Promise.all([
-      import("./preflight-Y5DN5D37.js"),
-      import("./ffmpeg-QIUFEFTY.js")
+      import("./preflight-B4AFK3RG.js"),
+      import("./ffmpeg-T5SH2EFJ.js")
     ]);
     const { outcomes } = await runEnvironmentChecks();
     const failed = outcomes.find((outcome) => !outcome.ok);
@@ -1350,7 +1368,7 @@ function createStudioServer(options) {
   mountDesktopRoutes(app, projectDir);
   let cachedFFmpegPath;
   app.post("/api/projects/:id/render", async (c, next) => {
-    const { findFFmpeg, getFFmpegInstallHint } = await import("./ffmpeg-QIUFEFTY.js");
+    const { findFFmpeg, getFFmpegInstallHint } = await import("./ffmpeg-T5SH2EFJ.js");
     if (!cachedFFmpegPath) {
       cachedFFmpegPath = findFFmpeg();
     }
@@ -1466,7 +1484,7 @@ function createStudioServer(options) {
     });
     const renders = [...inFlightRenders];
     for (const [abortController] of renders) abortController.abort();
-    const { killTrackedProcesses, closeBrowserPool } = await import("./src-JO5JOV7Y.js");
+    const { killTrackedProcesses, closeBrowserPool } = await import("./src-BSLKXEGX.js");
     killTrackedProcesses();
     const closeBrowsers = Promise.allSettled([
       closeThumbnailBrowser().catch(() => {

package/dist/{telemetry-CXAX3TO3.js → telemetry-PAOOB4T4.js}

@@ -17,14 +17,14 @@ import {
   trackInitTemplate,
   trackRenderComplete,
   trackRenderError
-} from "./chunk-QFN7NVWM.js";
+} from "./chunk-ICKDMTLA.js";
 import {
   flush,
   flushSync,
   shouldTrack,
   showTelemetryNotice,
   trackEvent
-} from "./chunk-OSSHSIMD.js";
+} from "./chunk-ZF7SXQJ7.js";
 import "./chunk-VWG7OQKU.js";
 import {
   bytesToMb,
@@ -47,7 +47,7 @@ import {
 } from "./chunk-XUXGIA7H.js";
 import "./chunk-WERLJGIC.js";
 import "./chunk-ISN5GRYI.js";
-import "./chunk-W35EKBS6.js";
+import "./chunk-BFACGEII.js";
 import "./chunk-KNU5COPB.js";
 import "./chunk-ZTZA4UWZ.js";
 import "./chunk-M2WBOQ2Q.js";