hyperframes 0.8.134 → 0.8.136

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

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

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

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

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

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

package/dist/{chunk-PDAMK4Q5.js → chunk-D2KNWIQ6.js}

@@ -7,7 +7,7 @@ var __dirname = __hf_dirname(__filename);
 import {
   VALID_CANVAS_RESOLUTIONS,
   resolveResolutionFlagPair
-} from "./chunk-AVUUN2XD.js";
+} from "./chunk-OZUQF4NB.js";
 
 // src/utils/parseOutputResolution.ts
 function parseOutputResolutionFlag(raw, options) {

package/dist/{chunk-Z46SC5ZL.js → chunk-ECAXTQGU.js}

@@ -20,7 +20,7 @@ import {
   typeDirPath,
   updateRecord,
   withFigmaErrors
-} from "./chunk-NIDIM7IR.js";
+} from "./chunk-WTMA6JQD.js";
 import {
   defineCommand
 } from "./chunk-S3S4TGEH.js";
@@ -221,7 +221,7 @@ var asset_default = defineCommand({
           rendered > 0 ? `(${results.length} nodes, ${rendered} rendered in 1 figma request)` : `(${results.length} nodes, all reused from cache \u2014 no figma request)`
         );
       }
-      const { trackFigmaImport } = await import("./telemetry-SGIIMXZ3.js");
+      const { trackFigmaImport } = await import("./telemetry-G4QOG4OF.js");
       trackFigmaImport({
         phase: "asset",
         reused: results.every((r) => r.reused),

package/dist/{chunk-MUORWS65.js → chunk-EXNGSOQG.js}

@@ -9,17 +9,17 @@ import {
   resolveCliChromeGpuMode,
   seekCompositionTimeline,
   waitForRuntimeReady
-} from "./chunk-YQZNILVH.js";
+} from "./chunk-LO7L5PJ3.js";
 import {
   resolveCompositionViewportFromHtml
 } from "./chunk-5Z63TBTX.js";
 import {
   launchManagedBrowser,
   resolveManagedGpuMode
-} from "./chunk-7HG4BFIN.js";
+} from "./chunk-XE6S5CE6.js";
 import {
   resolveProject
-} from "./chunk-L2PGUI5F.js";
+} from "./chunk-5K573LFX.js";
 import {
   c
 } from "./chunk-ZTZA4UWZ.js";
@@ -33,7 +33,7 @@ import {
 import {
   printDeprecationNotice,
   withMeta
-} from "./chunk-PUYDBQ3R.js";
+} from "./chunk-CYG3HXBE.js";
 import {
   normalizeErrorMessage
 } from "./chunk-KNU5COPB.js";
@@ -222,7 +222,7 @@ function extractCompositionErrorsFromLint(lintResult) {
 async function localizeRemoteAssets(html) {
   let dir;
   try {
-    const { loadProducer } = await import("./producer-ECLEN5RP.js");
+    const { loadProducer } = await import("./producer-KQNJKM7F.js");
     const { localizeRemoteMediaSources, localizeRemoteImageSources, localizeRemoteFontFaces } = await loadProducer();
     dir = mkdtempSync(join(tmpdir(), "hf-validate-assets-"));
     const assetDir = dir;
@@ -243,10 +243,10 @@ async function localizeRemoteAssets(html) {
 }
 async function validateInBrowser(project, opts) {
   const projectDir = project.dir;
-  const { bundleToSingleHtml } = await import("./compiler-QO36EXLS.js");
+  const { bundleToSingleHtml } = await import("./compiler-XZ654ZH2.js");
   const { ensureBrowser } = await import("./manager-CT3D67CG.js");
-  const { serveStaticProjectHtml } = await import("./staticProjectServer-RIFIORHW.js");
-  const { lintProject } = await import("./lintProject-OHBBM3DJ.js");
+  const { serveStaticProjectHtml } = await import("./staticProjectServer-WN4BSLI3.js");
+  const { lintProject } = await import("./lintProject-EPVG2EFE.js");
   const lintResult = await lintProject(projectDir);
   const compositionErrors = extractCompositionErrorsFromLint(lintResult);
   const html = await bundleToSingleHtml(projectDir);
@@ -267,9 +267,9 @@ async function validateInBrowser(project, opts) {
   try {
     const browser = await ensureBrowser();
     const puppeteer = await import("puppeteer-core");
-    const { buildChromeArgs, analyzeClipMediaFit } = await import("./src-PVYUYV3M.js");
+    const { buildChromeArgs, analyzeClipMediaFit } = await import("./src-CUR36DBE.js");
     const requestedGpuMode = resolveCliChromeGpuMode();
-    const { assertWebGpuAdapterAvailable, compositionRequiresWebGpu } = await import("./gpuPolicy-2ZUZE5D6.js");
+    const { assertWebGpuAdapterAvailable, compositionRequiresWebGpu } = await import("./gpuPolicy-ON3RMSWD.js");
     const resolvedGpuMode = await resolveManagedGpuMode(requestedGpuMode, browser.executablePath);
     const requiresWebGpu = compositionRequiresWebGpu(html);
     const chromeBrowser = await launchManagedBrowser(puppeteer.default, {

package/dist/{chunk-SIU7QCPK.js → chunk-FTR6KLIG.js}

@@ -21,7 +21,7 @@ import {
   splitElementInHtml,
   unwrapElementsFromHtml,
   wrapElementsInHtml
-} from "./chunk-RMHUQGRK.js";
+} from "./chunk-GK5W3SIJ.js";
 import {
   atomicTempPath,
   createFileAtomically,
@@ -34,7 +34,7 @@ import {
   measureAudio,
   requiredFfmpeg,
   resolveLocalAudioPath
-} from "./chunk-QC4FJVLM.js";
+} from "./chunk-37EDNWLQ.js";
 import {
   PROXY_PARAMS_VERSION,
   PROXY_PENDING_RETRY_AFTER_SECONDS,
@@ -60,11 +60,11 @@ import {
   shouldPrewarmProxy,
   waitForProxy,
   walkDir
-} from "./chunk-TCLGPL65.js";
+} from "./chunk-RVG35AL2.js";
 import {
   findTimelineScript,
   parseGsapScriptAcorn
-} from "./chunk-4NWOGZZS.js";
+} from "./chunk-374QQGBQ.js";
 import {
   STUDIO_MANUAL_EDITS_PATH
 } from "./chunk-KC5XXX3X.js";
@@ -81,20 +81,20 @@ import {
   motionPathPluginUrl,
   parseFps,
   sameInstant
-} from "./chunk-2YN64IN5.js";
+} from "./chunk-BHOKLX4F.js";
 import {
   MagicString,
   VALID_CANVAS_RESOLUTIONS,
   unrollComputedTimeline
-} from "./chunk-AVUUN2XD.js";
+} from "./chunk-OZUQF4NB.js";
 import {
-  AFTER_FONTS_SCRIPT_TYPE,
   addScenePartsManifest,
-  deferScriptsUntilFonts,
   ensureHfIds
-} from "./chunk-Z6B37SNM.js";
+} from "./chunk-PGFP4FLW.js";
 import {
+  AFTER_FONTS_SCRIPT_TYPE,
   RUNTIME_BOOTSTRAP_ATTR,
+  deferScriptsUntilFonts,
   findStartTags,
   hasCompositionOutsideTemplates,
   injectTagsAtHeadStart,
@@ -104,7 +104,7 @@ import {
   resolveRateSpec,
   sourceTimeAt,
   stripEmbeddedRuntimeScripts
-} from "./chunk-HWKCIWQT.js";
+} from "./chunk-SRXQEQWZ.js";
 import {
   ProjectRootMissingError,
   folderGone,
@@ -117,7 +117,7 @@ import {
 import {
   isWithinProjectRoot,
   readProjectFile
-} from "./chunk-ZJUKFZ2P.js";
+} from "./chunk-VDQCNWQI.js";
 import {
   FFPROBE_PATH_ENV,
   findFfBinary
@@ -2421,6 +2421,10 @@ function buildArcPath(coords, curviness, autoRotate, isCubic) {
   }
   return { arcPath: { enabled: true, autoRotate, segments }, waypoints };
 }
+function plainPercentKey(percentage) {
+  const text2 = Math.abs(percentage) < 1e-6 ? percentage.toFixed(20).replace(/\.?0+$/, "") : String(percentage);
+  return `${text2}%`;
+}
 var CSS_IDENTITY = {
   opacity: 1,
   autoAlpha: 1,
@@ -3360,9 +3364,6 @@ function tweenCallToAnimation(call, scope, source, identifierBindings) {
       properties[key] = val;
     }
   }
-  if (keyframesData && typeof vars.easeEach === "string") {
-    keyframesData.easeEach = vars.easeEach;
-  }
   if (motionPathResult) {
     const { waypoints } = motionPathResult;
     if (!keyframesData) {
@@ -4338,7 +4339,7 @@ function convertArrayKeyframesToObject(script, target) {
   if (!timing) return script;
   const entries = els.map((el, i) => {
     const { duration: _duration, ...record } = records[i];
-    return `${JSON.stringify(`${timing.percentages[i]}%`)}: ${recordToCode(record)}`;
+    return `${JSON.stringify(plainPercentKey(timing.percentages[i]))}: ${recordToCode(record)}`;
   });
   const ms = new MagicString(script);
   ms.overwrite(
@@ -4400,7 +4401,13 @@ function addKeyframeToScript(script, animationId, percentage, properties, ease,
       ms.overwrite(existing.prop.value.start, existing.prop.value.end, recordToCode(targetRecord));
     }
   } else {
-    insertNewKeyframe(ms, kfNode, percentage, `${percentage}%`, recordToCode(targetRecord));
+    insertNewKeyframe(
+      ms,
+      kfNode,
+      percentage,
+      plainPercentKey(percentage),
+      recordToCode(targetRecord)
+    );
   }
   for (const [prop, rec] of [...endpointOverwrites, ...backfillOverwrites]) {
     ms.overwrite(prop.value.start, prop.value.end, recordToCode(rec));
@@ -4499,7 +4506,12 @@ function moveKeyframeInScript(script, animationId, fromPercentage, toPercentage)
   }
   entries.push({ pct: toPercentage, record: valueNodeToRecord(match.prop.value, src) });
   entries.sort((a, b) => a.pct - b.pct);
-  const body = entries.map((e) => `${JSON.stringify(`${e.pct}%`)}: ${recordToCode(e.record)}`).join(", ");
+  const pctProps = new Set(percentagePropsOf(kfNode));
+  const kept = (kfNode.properties ?? []).filter((p) => !pctProps.has(p)).map((p) => src.slice(p.start, p.end));
+  const body = [
+    ...entries.map((e) => `${JSON.stringify(plainPercentKey(e.pct))}: ${recordToCode(e.record)}`),
+    ...kept
+  ].join(", ");
   const ms = new MagicString(src);
   ms.overwrite(kfNode.start, kfNode.end, `{ ${body} }`);
   return ms.toString();
@@ -4518,7 +4530,7 @@ function resizeKeyframedTweenInScript(script, animationId, newPosition, newDurat
   }
   const ms = new MagicString(src);
   for (const { keyNode, to } of edits) {
-    ms.overwrite(keyNode.start, keyNode.end, JSON.stringify(`${to}%`));
+    ms.overwrite(keyNode.start, keyNode.end, JSON.stringify(plainPercentKey(to)));
   }
   overwritePosition(ms, target.call, newPosition);
   upsertProp(ms, target.call.varsArg, "duration", newDuration);
@@ -4621,7 +4633,7 @@ function buildKeyframeObjectCode(keyframes, easeEach) {
     const props = Object.entries(kf.properties).map(([k, v]) => `${safeKey(k)}: ${valueToCode(v)}`);
     if (kf.ease) props.push(`ease: ${valueToCode(kf.ease)}`);
     if (kf.auto) props.push(`_auto: 1`);
-    return `${JSON.stringify(`${kf.percentage}%`)}: { ${props.join(", ")} }`;
+    return `${JSON.stringify(plainPercentKey(kf.percentage))}: { ${props.join(", ")} }`;
   });
   if (easeEach) entries.push(`easeEach: ${valueToCode(easeEach)}`);
   return `{ ${entries.join(", ")} }`;
@@ -4775,7 +4787,8 @@ function addGroupAnimToScript(script, anim, propSet) {
       pos,
       anim.duration ?? 0.5,
       groupKeyframes,
-      anim.keyframes.easeEach ?? anim.ease
+      anim.keyframes.ease ?? anim.ease,
+      anim.keyframes.easeEach
     );
   }
   const groupProperties = filterGroupProperties(anim.properties, propSet);
@@ -6423,7 +6436,7 @@ function requestSubPath(url, route) {
   return decodeURIComponent(segments.slice(start + routeSegments.length).join("/"));
 }
 async function loadGsapParser() {
-  return import("./gsapParser-GHMVJQLH.js");
+  return import("./gsapParser-2OL54XZ5.js");
 }
 function isDanglingSymlinkInProject(projectDir, lexicalPath) {
   if (!isSafePath(projectDir, dirname32(lexicalPath))) return false;
@@ -7084,7 +7097,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-S3PJNPXQ.js");
+    const { GSAP_CDN } = await import("./dist-HVJAGLHF.js");
     const bootstrap = [
       `<script src="${GSAP_CDN}"></script>`,
       "<script>",
@@ -8816,7 +8829,11 @@ function registerFileRoutes(api, adapter) {
   });
 }
 var ALWAYS_AFFECTS = ["hyperframes.json", ...STUDIO_SIGNATURE_MANIFEST_PATHS];
+var MAX_PREVIEW_PATH_LENGTH = 4096;
+var SHOW_ELEMENT = 1;
 var REFERENCE = /\b(?:src|href|poster|data-composition-src)\s*=\s*(?:"([^"\n]*)"|'([^'\n]*)')|url\(\s*(?:"([^"\n]*)"|'([^'\n]*)'|([^"'\s)]+))/gi;
+var REFERENCE_ATTRIBUTE = /\b(?:src|href|poster|data-composition-src)$/i;
+var isElement = (node) => node.nodeType === 1;
 var pathKey = process.platform === "darwin" || process.platform === "win32" ? (path) => resolve32(path).toLowerCase() : (path) => resolve32(path);
 var readsByProject = /* @__PURE__ */ new Map();
 var builtProjects = /* @__PURE__ */ new Set();
@@ -8841,6 +8858,7 @@ function linksOnTheWay(path) {
       continue;
     }
     const next = join7(at, part);
+    if (next.length > MAX_PREVIEW_PATH_LENGTH) return passed;
     const target = hops < 40 ? readLink(next) : null;
     if (target === null) {
       at = next;
@@ -8856,26 +8874,51 @@ function linksOnTheWay(path) {
   return passed;
 }
 function recordPreviewRead(projectDir, filePath) {
+  if (filePath.length > MAX_PREVIEW_PATH_LENGTH) return;
   const key = projectKey(projectDir);
   let reads = readsByProject.get(key);
   if (!reads) readsByProject.set(key, reads = /* @__PURE__ */ new Set());
   const read = inRealProject(projectDir, filePath);
+  if (read.length > MAX_PREVIEW_PATH_LENGTH) return;
   for (const found of [read, ...linksOnTheWay(read)]) {
     for (let path = pathKey(found); !reads.has(path); path = dirname42(path)) reads.add(path);
   }
 }
 function recordPreviewReferences(projectDir, html) {
   const named = /* @__PURE__ */ new Set();
-  for (const match of html.matchAll(REFERENCE)) {
-    const url = (match[1] ?? match[2] ?? match[3] ?? match[4] ?? match[5] ?? "").trim();
-    if (!url || /^(?:[a-z][a-z0-9+.-]*:|[/#])/i.test(url)) continue;
+  const add = (reference) => {
+    const url = reference.trim();
+    if (!url || /^(?:[a-z][a-z0-9+.-]*:|[/#])/i.test(url)) return;
     const path = url.split(/[?#]/)[0] ?? "";
     let decoded = path;
     try {
       decoded = decodeURIComponent(path);
     } catch {
     }
-    if (decoded) named.add(decoded);
+    if (decoded && decoded.length <= MAX_PREVIEW_PATH_LENGTH) named.add(decoded);
+  };
+  const scan = (text2) => {
+    for (const match of text2.matchAll(REFERENCE)) {
+      add(match[1] ?? match[2] ?? match[3] ?? match[4] ?? match[5] ?? "");
+    }
+  };
+  const scanElement = (element) => {
+    for (const attribute of element.attributes) {
+      if (REFERENCE_ATTRIBUTE.test(attribute.name)) add(attribute.value);
+    }
+    const style = element.getAttribute("style");
+    if (style) scan(style);
+    if (element.localName === "style" || element.localName === "script") {
+      scan(element.textContent ?? "");
+    }
+  };
+  const { document: document2 } = parseHTML(html);
+  for (const root of document2.children) {
+    scanElement(root);
+    const elements = document2.createTreeWalker(root, SHOW_ELEMENT);
+    for (let node = elements.nextNode(); node; node = elements.nextNode()) {
+      if (isElement(node)) scanElement(node);
+    }
   }
   for (const path of named) recordPreviewRead(projectDir, path);
 }

package/dist/{chunk-RMHUQGRK.js → chunk-GK5W3SIJ.js}

@@ -8,19 +8,19 @@ import {
   isAllowedHtmlAttribute,
   isSafeAttributeValue,
   sanitizeRichTextChildren
-} from "./chunk-2YN64IN5.js";
+} from "./chunk-BHOKLX4F.js";
 import {
   removeElementWithGsapCascade
-} from "./chunk-AVUUN2XD.js";
+} from "./chunk-OZUQF4NB.js";
 import {
   EXCLUDED_TAGS,
   ensureHfIds,
   mintHfId,
   walkCompositionDescendants
-} from "./chunk-Z6B37SNM.js";
+} from "./chunk-PGFP4FLW.js";
 import {
   require_dist
-} from "./chunk-ZJUKFZ2P.js";
+} from "./chunk-VDQCNWQI.js";
 import {
   readClipTiming,
   readMediaOffsetSeconds,

package/dist/{chunk-6CTIGJY7.js → chunk-H4UIYRZZ.js}

@@ -19,10 +19,10 @@ import {
 import {
   formatVariableValidationIssue,
   validateVariables
-} from "./chunk-2YN64IN5.js";
+} from "./chunk-BHOKLX4F.js";
 import {
   extractCompositionMetadata
-} from "./chunk-AVUUN2XD.js";
+} from "./chunk-OZUQF4NB.js";
 
 // src/utils/variables.ts
 import { readFileSync } from "fs";

package/dist/{chunk-6IXB7QBG.js → chunk-JBI43NRR.js}

@@ -7,14 +7,14 @@ var __dirname = __hf_dirname(__filename);
 import {
   trackLintReport,
   trackLintRuleStreak
-} from "./chunk-GVRLL3SB.js";
+} from "./chunk-M5WGAAML.js";
 import {
   shouldTrack
-} from "./chunk-SUY33ISN.js";
+} from "./chunk-CG6OUDMX.js";
 import {
   LINT_RULE_COUNT,
   LINT_RULE_GROUP_COUNTS
-} from "./chunk-ZJUKFZ2P.js";
+} from "./chunk-VDQCNWQI.js";
 
 // src/telemetry/lintStreaks.ts
 import { createHash } from "crypto";

package/dist/{chunk-7JZ4FXP2.js → chunk-KZJPREW7.js}

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

package/dist/{chunk-YQZNILVH.js → chunk-LO7L5PJ3.js}

@@ -10,21 +10,21 @@ import {
 import {
   launchManagedBrowser,
   resolveManagedGpuMode
-} from "./chunk-7HG4BFIN.js";
+} from "./chunk-XE6S5CE6.js";
 import {
   resolveDiagnosticNavigationTimeoutMs,
   windowsChromeCrashRemediation
-} from "./chunk-HRUGC23L.js";
+} from "./chunk-BSU7EOWJ.js";
 import {
   resolveLocalBrowserGpuMode
-} from "./chunk-XS4EJSKU.js";
+} from "./chunk-OSSVNAI5.js";
 import {
   c
 } from "./chunk-ZTZA4UWZ.js";
 import {
   assertWebGpuAdapterAvailable,
   compositionRequiresWebGpu
-} from "./chunk-K2FTXJYH.js";
+} from "./chunk-N3KRRPL7.js";
 import {
   normalizeErrorMessage
 } from "./chunk-KNU5COPB.js";
@@ -103,7 +103,7 @@ async function openSettledCompositionPage(html, url, options) {
   const { ensureBrowser, findSystemBrowser } = await import("./manager-CT3D67CG.js");
   const browser = await ensureBrowser();
   const puppeteer = await import("puppeteer-core");
-  const { buildChromeArgs } = await import("./src-PVYUYV3M.js");
+  const { buildChromeArgs } = await import("./src-CUR36DBE.js");
   const requestedGpuMode = options.browserGpuMode ?? resolveCliChromeGpuMode();
   const requiresWebGpu = compositionRequiresWebGpu(html);
   const launch = async (executablePath) => {

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

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