hyperframes 0.8.136 → 0.8.138

package/dist/{chunk-BWJ27MQP.js → chunk-UUMK6VME.js}

@@ -13,7 +13,7 @@ import {
 } from "./chunk-TVCRUG2S.js";
 import {
   getFreeDiskMb
-} from "./chunk-4AXZWUQ6.js";
+} from "./chunk-MIOBYUXT.js";
 import {
   ensureBrowser,
   findBrowser

package/dist/{chunk-CG6OUDMX.js → chunk-VR5UQWGV.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk-ZTZA4UWZ.js";
 import {
   getSystemMeta
-} from "./chunk-4AXZWUQ6.js";
+} from "./chunk-MIOBYUXT.js";
 import {
   getInvocationId
 } from "./chunk-54HJ63Q2.js";
@@ -23,7 +23,7 @@ import {
   evaluateCanary,
   findCanary,
   parseCanaryOverride
-} from "./chunk-BHOKLX4F.js";
+} from "./chunk-RLNB3JCY.js";
 import {
   hostAnswers
 } from "./chunk-K4WIOZFP.js";
@@ -37,7 +37,7 @@ import {
 } from "./chunk-XUXGIA7H.js";
 import {
   VERSION
-} from "./chunk-WFZEW4AC.js";
+} from "./chunk-P75OFLZN.js";
 
 // src/telemetry/transport.ts
 import { spawn } from "child_process";

package/dist/{chunk-RVG35AL2.js → chunk-W3KQCJVP.js}

@@ -4,11 +4,14 @@ import { dirname as __hf_dirname } from "node:path";
 var require = __hf_createRequire(import.meta.url);
 var __filename = __hf_fileURLToPath(import.meta.url);
 var __dirname = __hf_dirname(__filename);
+import {
+  STUDIO_MANUAL_EDITS_PATH
+} from "./chunk-KC5XXX3X.js";
 import {
   firstFrameColourArgs,
   hdrToSdrToneMapFilter,
   parseFirstFrameColour
-} from "./chunk-BHOKLX4F.js";
+} from "./chunk-RLNB3JCY.js";
 import {
   mkdirWithinProject,
   realProjectRoot,
@@ -21,7 +24,7 @@ import {
   isUnresolvedAssetPlaceholder,
   maskNonScannableRanges,
   resolveLocalAssetCandidates
-} from "./chunk-VDQCNWQI.js";
+} from "./chunk-STA43FMY.js";
 import {
   findFfBinary
 } from "./chunk-PJ3HDUCY.js";
@@ -29,9 +32,200 @@ import {
   rewriteAssetPath
 } from "./chunk-TQFG7HTI.js";
 
-// ../studio-server/dist/chunk-TTWLTYSQ.js
+// ../studio-server/dist/chunk-4ETS2LXI.js
+var STUDIO_MOTION_PATH = ".hyperframes/studio-motion.json";
+function hasStudioMotionEntries(manifestContent) {
+  try {
+    const parsed = JSON.parse(manifestContent);
+    return Array.isArray(parsed.motions) && parsed.motions.length > 0;
+  } catch {
+    return false;
+  }
+}
+function createStudioMotionRenderBodyScript(manifestContent, options = {}) {
+  if (!manifestContent.trim() || !hasStudioMotionEntries(manifestContent)) return null;
+  return `(${studioMotionRenderRuntime.toString()})(${JSON.stringify(manifestContent)}, ${JSON.stringify(options.activeCompositionPath ?? null)});`;
+}
+function studioMotionRenderRuntime(manifestContent, activeCompositionPath) {
+  const STUDIO_MOTION_TIMELINE_ID = "studio-motion";
+  const STUDIO_MOTION_ATTR = "data-hf-studio-motion";
+  const ORIGINAL_TRANSFORM_ATTR = "data-hf-studio-motion-original-transform";
+  const ORIGINAL_OPACITY_ATTR = "data-hf-studio-motion-original-opacity";
+  const ORIGINAL_VISIBILITY_ATTR = "data-hf-studio-motion-original-visibility";
+  const objectRecord = (value) => value && typeof value === "object" ? value : null;
+  const finiteNumber = (value) => typeof value === "number" && Number.isFinite(value) ? value : null;
+  const runtimeWindow = window;
+  const parseMotionValues = (value) => {
+    const record = objectRecord(value);
+    if (!record) return null;
+    const parsed = {};
+    for (const key of ["x", "y", "scale", "rotation", "opacity", "autoAlpha"]) {
+      const next = finiteNumber(record[key]);
+      if (next != null) parsed[key] = next;
+    }
+    return Object.keys(parsed).length > 0 ? parsed : null;
+  };
+  const parseCustomEase = (value) => {
+    const record = objectRecord(value);
+    if (!record) return null;
+    const id = typeof record.id === "string" ? record.id.trim() : "";
+    const data = typeof record.data === "string" ? record.data.trim() : "";
+    if (!id || !data) return null;
+    return { id, data };
+  };
+  const parsedManifest = (() => {
+    try {
+      return objectRecord(JSON.parse(manifestContent));
+    } catch {
+      return null;
+    }
+  })();
+  const manifestMotions = Array.isArray(parsedManifest?.motions) ? parsedManifest.motions : [];
+  const sourceFileForElement = (element) => {
+    let current = element;
+    while (current) {
+      const sourceFile = current.getAttribute("data-composition-file") ?? current.getAttribute("data-composition-src");
+      if (sourceFile) return sourceFile;
+      current = current.parentElement;
+    }
+    return activeCompositionPath ?? "index.html";
+  };
+  const elementMatchesSourceFile = (element, sourceFile) => sourceFileForElement(element) === sourceFile;
+  const isHTMLElement = (element) => element instanceof HTMLElement;
+  const querySelectorCandidates = (selector) => {
+    const className = selector.match(/^\.([A-Za-z0-9_-]+)$/)?.[1];
+    if (className) {
+      return Array.from(document.getElementsByTagName("*")).filter(
+        (element) => isHTMLElement(element) && element.classList.contains(className)
+      );
+    }
+    if (/^[A-Za-z][A-Za-z0-9-]*$/.test(selector)) {
+      return Array.from(document.getElementsByTagName(selector)).filter(isHTMLElement);
+    }
+    return Array.from(document.querySelectorAll(selector)).filter(isHTMLElement);
+  };
+  const resolveTarget = (targetRecord) => {
+    const sourceFile = typeof targetRecord.sourceFile === "string" ? targetRecord.sourceFile : "";
+    if (!sourceFile) return null;
+    const id = typeof targetRecord.id === "string" ? targetRecord.id : "";
+    if (id) {
+      const byId = document.getElementById(id);
+      if (isHTMLElement(byId) && elementMatchesSourceFile(byId, sourceFile)) return byId;
+    }
+    const selector = typeof targetRecord.selector === "string" ? targetRecord.selector : "";
+    if (!selector) return null;
+    try {
+      const selectorIndex = Math.max(0, Math.floor(finiteNumber(targetRecord.selectorIndex) ?? 0));
+      return querySelectorCandidates(selector).filter(
+        (element) => elementMatchesSourceFile(element, sourceFile)
+      )[selectorIndex] ?? null;
+    } catch {
+      return null;
+    }
+  };
+  const restoreElement = (element) => {
+    runtimeWindow.gsap?.set?.(element, { clearProps: "transform,opacity,visibility" });
+    element.style.transform = element.getAttribute(ORIGINAL_TRANSFORM_ATTR) ?? "";
+    element.style.opacity = element.getAttribute(ORIGINAL_OPACITY_ATTR) ?? "";
+    element.style.visibility = element.getAttribute(ORIGINAL_VISIBILITY_ATTR) ?? "";
+    element.removeAttribute(STUDIO_MOTION_ATTR);
+    element.removeAttribute(ORIGINAL_TRANSFORM_ATTR);
+    element.removeAttribute(ORIGINAL_OPACITY_ATTR);
+    element.removeAttribute(ORIGINAL_VISIBILITY_ATTR);
+  };
+  const restoreStudioMotionElements = () => {
+    for (const element of Array.from(document.querySelectorAll(`[${STUDIO_MOTION_ATTR}]`))) {
+      if (isHTMLElement(element)) restoreElement(element);
+    }
+  };
+  const readCurrentTime = () => {
+    try {
+      const playerTime = runtimeWindow.__player?.getTime?.();
+      if (typeof playerTime === "number" && Number.isFinite(playerTime)) {
+        return Math.max(0, playerTime);
+      }
+    } catch {
+    }
+    try {
+      const timelineTime = runtimeWindow.__timeline?.time?.();
+      if (typeof timelineTime === "number" && Number.isFinite(timelineTime)) {
+        return Math.max(0, timelineTime);
+      }
+    } catch {
+    }
+    return 0;
+  };
+  const resolveEase = (motion) => {
+    const fallback = typeof motion.ease === "string" && motion.ease.trim() ? motion.ease.trim() : "none";
+    const customEase = parseCustomEase(motion.customEase);
+    const customEasePlugin = runtimeWindow.CustomEase;
+    if (!customEase || typeof customEasePlugin?.create !== "function") return fallback;
+    try {
+      runtimeWindow.gsap?.registerPlugin?.(customEasePlugin);
+      customEasePlugin.create(customEase.id, customEase.data);
+      return customEase.id;
+    } catch {
+      return fallback;
+    }
+  };
+  const applyManifest = () => {
+    runtimeWindow.__timelines = runtimeWindow.__timelines ?? {};
+    runtimeWindow.__timelines[STUDIO_MOTION_TIMELINE_ID]?.kill?.();
+    delete runtimeWindow.__timelines[STUDIO_MOTION_TIMELINE_ID];
+    restoreStudioMotionElements();
+    const gsap = runtimeWindow.gsap;
+    if (!gsap?.timeline || manifestMotions.length === 0) return 0;
+    const timeline = gsap.timeline({ paused: true, defaults: { overwrite: "auto" } });
+    let applied = 0;
+    for (const motionValue of manifestMotions) {
+      const motion = objectRecord(motionValue);
+      if (!motion || motion.kind !== "gsap-motion") continue;
+      const targetRecord = objectRecord(motion.target);
+      if (!targetRecord) continue;
+      const target = resolveTarget(targetRecord);
+      if (!target || typeof timeline.fromTo !== "function") continue;
+      const start = finiteNumber(motion.start);
+      const duration = finiteNumber(motion.duration);
+      if (start == null || duration == null || start < 0 || duration <= 0) continue;
+      const from = parseMotionValues(motion.from);
+      const to = parseMotionValues(motion.to);
+      if (!from || !to) continue;
+      if (!target.hasAttribute(STUDIO_MOTION_ATTR)) {
+        target.setAttribute(ORIGINAL_TRANSFORM_ATTR, target.style.transform);
+        target.setAttribute(ORIGINAL_OPACITY_ATTR, target.style.opacity);
+        target.setAttribute(ORIGINAL_VISIBILITY_ATTR, target.style.visibility);
+      }
+      target.setAttribute(STUDIO_MOTION_ATTR, "true");
+      timeline.fromTo(
+        target,
+        from,
+        { ...to, duration, ease: resolveEase(motion), overwrite: "auto", immediateRender: false },
+        start
+      );
+      applied += 1;
+    }
+    if (applied === 0) {
+      timeline.kill?.();
+      return 0;
+    }
+    runtimeWindow.__timelines[STUDIO_MOTION_TIMELINE_ID] = timeline;
+    timeline.pause?.();
+    const currentTime = readCurrentTime();
+    if (typeof timeline.totalTime === "function") timeline.totalTime(currentTime, false);
+    else timeline.time?.(currentTime);
+    return applied;
+  };
+  runtimeWindow.__hfStudioMotionApply = applyManifest;
+  applyManifest();
+}
+
+// ../studio-server/dist/chunk-DTKK7TKL.js
 import { basename, dirname, isAbsolute, join, relative, sep } from "path";
 import { readdirSync } from "fs";
+function resolveWithinProject2(base, relativePath) {
+  const resolved = resolveWithinProject(base, relativePath);
+  return resolved && !isPrivateProjectFile(base, resolved) ? resolved : null;
+}
 function realFilePath(filePath) {
   try {
     return realpath(filePath);
@@ -40,8 +234,20 @@ function realFilePath(filePath) {
     return dir === filePath ? filePath : join(realFilePath(dir), basename(filePath));
   }
 }
+var STUDIO_FILES = /* @__PURE__ */ new Set([STUDIO_MOTION_PATH, STUDIO_MANUAL_EDITS_PATH]);
+var STUDIO_FOLDERS = [".hyperframes/prepared-assets", ".hyperframes/requests"];
+function isPrivateProjectPath(relPath) {
+  const path = relPath.toLowerCase();
+  return (path === ".hyperframes" || path.startsWith(".hyperframes/")) && !STUDIO_FILES.has(path) && !STUDIO_FOLDERS.some((folder) => path === folder || path.startsWith(`${folder}/`));
+}
+function isPrivateProjectFile(projectDir, filePath) {
+  const rel = (from, to) => relative(from, to).split(sep).join("/");
+  return [rel(projectDir, filePath), rel(realFilePath(projectDir), realFilePath(filePath))].some(
+    isPrivateProjectPath
+  );
+}
 function pinWithinProject(base, relativePath) {
-  const checked = resolveWithinProject(base, relativePath);
+  const checked = resolveWithinProject2(base, relativePath);
   if (!checked) return null;
   const inside = relative(realFilePath(base), realFilePath(checked));
   const escapes = inside === ".." || inside.startsWith(`..${sep}`) || isAbsolute(inside);
@@ -84,7 +290,7 @@ function walkDir(dir, prefix = "") {
   return files;
 }
 
-// ../studio-server/dist/chunk-I3DRHG52.js
+// ../studio-server/dist/chunk-74JVVCWL.js
 import { existsSync, statSync } from "fs";
 import { relative as relative2, resolve, sep as sep2 } from "path";
 import { execFile } from "child_process";
@@ -390,7 +596,7 @@ async function scanProjectMediaCodecMap(projectDir, htmlSources, options = {}) {
   return map;
 }
 
-// ../studio-server/dist/chunk-YOBWV2CY.js
+// ../studio-server/dist/chunk-6RFZWPPN.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";
@@ -830,7 +1036,12 @@ async function resolveProxy(projectDir, absoluteSourcePath, variant = "h264") {
 }
 
 export {
+  STUDIO_MOTION_PATH,
+  createStudioMotionRenderBodyScript,
+  resolveWithinProject2 as resolveWithinProject,
   realFilePath,
+  isPrivateProjectPath,
+  isPrivateProjectFile,
   pinWithinProject,
   isInHiddenOrVendorDir,
   walkDir,

package/dist/{chunk-X5HWXQPU.js → chunk-WCJGTLPF.js}

@@ -23,22 +23,32 @@ function removePartialFile(path) {
   } catch {
   }
 }
-function enforceByteLimit(maxBytes) {
-  let received = 0;
-  return new Transform({
+function measureDownload(options, contentLength) {
+  const length = Number(contentLength);
+  const totalBytes = Number.isSafeInteger(length) && length >= 0 ? length : null;
+  let receivedBytes = 0;
+  let reportedAt = Date.now();
+  options.onProgress?.(0, totalBytes);
+  const stream = new Transform({
     transform(chunk, _encoding, callback) {
-      received += chunk.byteLength;
-      callback(
-        received > maxBytes ? new Error(`Download exceeded ${maxBytes} bytes`) : null,
-        chunk
-      );
+      receivedBytes += chunk.byteLength;
+      if (options.maxBytes !== void 0 && receivedBytes > options.maxBytes) {
+        callback(new Error(`Download exceeded ${options.maxBytes} bytes`));
+        return;
+      }
+      const now = Date.now();
+      if (now - reportedAt >= 100) {
+        options.onProgress?.(receivedBytes, totalBytes);
+        reportedAt = now;
+      }
+      callback(null, chunk);
     }
   });
+  return { stream, complete: () => options.onProgress?.(receivedBytes, totalBytes) };
 }
 function downloadFile(url, dest, options = {}) {
   const tmp = `${dest}.${process.pid}.${randomUUID()}.tmp`;
   const timeoutMs = options.timeoutMs ?? DEFAULT_DOWNLOAD_TIMEOUT_MS;
-  const maxBytes = options.maxBytes;
   return new Promise((resolve, reject) => {
     const follow = (u, hops = 0) => {
       let activeResponse;
@@ -75,11 +85,13 @@ function downloadFile(url, dest, options = {}) {
             reject(new Error(`Download failed: HTTP ${res.statusCode}`));
             return;
           }
+          const meter = measureDownload(options, res.headers["content-length"]);
           const file = createWriteStream(tmp);
           responsePipelineStarted = true;
-          const transfer = maxBytes === void 0 ? pipeline(res, file) : pipeline(res, enforceByteLimit(maxBytes), file);
+          const transfer = pipeline(res, meter.stream, file);
           transfer.then(() => {
             renameSync(tmp, dest);
+            meter.complete();
             resolve();
           }).catch((err) => {
             removePartialFile(tmp);

package/dist/{chunk-M5WGAAML.js → chunk-WH6PRFNX.js}

@@ -8,16 +8,16 @@ import {
   flush,
   shouldTrack,
   trackEvent
-} from "./chunk-CG6OUDMX.js";
+} from "./chunk-VR5UQWGV.js";
 import {
   getPowerState
-} from "./chunk-4AXZWUQ6.js";
+} from "./chunk-MIOBYUXT.js";
 import {
   CliRuntimeError
 } from "./chunk-PBN6GBJE.js";
 import {
   redactTelemetryString
-} from "./chunk-BHOKLX4F.js";
+} from "./chunk-RLNB3JCY.js";
 import {
   readConfig
 } from "./chunk-XUXGIA7H.js";

package/dist/{chunk-WTMA6JQD.js → chunk-XQODEVF3.js}

@@ -1278,7 +1278,7 @@ async function withFigmaErrors(command, fn) {
   } catch (err) {
     if (err instanceof Error) {
       try {
-        const { trackCommandFailure } = await import("./events-2LS5WRYL.js");
+        const { trackCommandFailure } = await import("./events-RCGWL4LI.js");
         trackCommandFailure(
           command,
           err,

package/dist/{chunk-32QEFPDS.js → chunk-YGXLBX3N.js}

@@ -8,7 +8,7 @@ import {
   DEFAULT_REGISTRY_URL,
   fetchItemManifest,
   fetchRegistryManifest
-} from "./chunk-RTURM45Q.js";
+} from "./chunk-KRLYIT22.js";
 
 // src/registry/resolver.ts
 function defaultWarn(message) {

package/dist/{chunk-CYG3HXBE.js → chunk-YNBXJWSD.js}

@@ -17,7 +17,7 @@ import {
 } from "./chunk-ISN5GRYI.js";
 import {
   VERSION
-} from "./chunk-WFZEW4AC.js";
+} from "./chunk-P75OFLZN.js";
 
 // src/utils/updateCheck.ts
 import { existsSync, readFileSync } from "fs";

package/dist/{clean-UCLCH4YA.js → clean-LZPDOAV4.js}

@@ -6,34 +6,36 @@ var __filename = __hf_fileURLToPath(import.meta.url);
 var __dirname = __hf_dirname(__filename);
 import {
   redactHome
-} from "./chunk-V32SGDX7.js";
+} from "./chunk-JCRJBB4E.js";
 import "./chunk-Z27A7NUB.js";
 import "./chunk-5ETJX6WM.js";
 import {
   loadProducer
-} from "./chunk-527WRFUQ.js";
+} from "./chunk-FSSMOTMS.js";
+import "./chunk-3DKN5WKL.js";
+import {
+  formatBytes
+} from "./chunk-IHFUKJOR.js";
 import {
   DEFAULT_HISTORY_ROOT,
   listProjectHistories,
   pruneGoneProjectHistories
-} from "./chunk-FTR6KLIG.js";
-import "./chunk-GK5W3SIJ.js";
-import "./chunk-EOVYQ3IG.js";
-import "./chunk-37EDNWLQ.js";
+} from "./chunk-GJGVYREG.js";
+import "./chunk-R6C6URKB.js";
+import "./chunk-ASPTQ6DT.js";
 import {
   CACHE_DIR_NAME,
   cleanupProxyCache
-} from "./chunk-RVG35AL2.js";
-import {
-  formatBytes
-} from "./chunk-IHFUKJOR.js";
-import "./chunk-BWJ27MQP.js";
+} from "./chunk-W3KQCJVP.js";
+import "./chunk-EOVYQ3IG.js";
+import "./chunk-UUMK6VME.js";
+import "./chunk-6BEFEWFB.js";
 import "./chunk-TVCRUG2S.js";
 import "./chunk-374QQGBQ.js";
 import {
   c
 } from "./chunk-ZTZA4UWZ.js";
-import "./chunk-4AXZWUQ6.js";
+import "./chunk-MIOBYUXT.js";
 import "./chunk-AMKC3AXA.js";
 import {
   defineCommand
@@ -48,18 +50,18 @@ import {
   directorySizeBytes,
   gcExtractionCache,
   resolveExtractCacheDir
-} from "./chunk-N3KRRPL7.js";
-import "./chunk-BHOKLX4F.js";
+} from "./chunk-7Y5SMPRV.js";
+import "./chunk-RLNB3JCY.js";
 import "./chunk-OZUQF4NB.js";
 import "./chunk-DPVXBVLL.js";
-import "./chunk-PGFP4FLW.js";
-import "./chunk-SRXQEQWZ.js";
+import "./chunk-P5WDMFBB.js";
+import "./chunk-UINDCCO7.js";
 import "./chunk-VC76R6W2.js";
 import "./chunk-OFQWTKPW.js";
 import "./chunk-4PFZPP2N.js";
 import "./chunk-LCSMOLGX.js";
 import "./chunk-TWWSYAKJ.js";
-import "./chunk-VDQCNWQI.js";
+import "./chunk-STA43FMY.js";
 import "./chunk-HBBJFK6I.js";
 import "./chunk-PJ3HDUCY.js";
 import "./chunk-TQFG7HTI.js";
@@ -67,15 +69,13 @@ import "./chunk-GK4AIFIH.js";
 import "./chunk-2PSPARWP.js";
 import {
   withMeta
-} from "./chunk-CYG3HXBE.js";
+} from "./chunk-YNBXJWSD.js";
 import "./chunk-K4WIOZFP.js";
 import "./chunk-XUXGIA7H.js";
 import "./chunk-WERLJGIC.js";
 import "./chunk-ISN5GRYI.js";
-import "./chunk-WFZEW4AC.js";
+import "./chunk-P75OFLZN.js";
 import "./chunk-KNU5COPB.js";
-import "./chunk-XT5P4QMO.js";
-import "./chunk-6BEFEWFB.js";
 import "./chunk-3GXQPCJC.js";
 import "./chunk-RQVDTPGD.js";
 import "./chunk-PMRBLBUP.js";