hyperframes 0.8.127 → 0.8.129

package/dist/{grade-compare-3OPZYNNZ.js → grade-compare-XVYJT6ZR.js}

@@ -11,49 +11,49 @@ import {
 } from "./chunk-ZKDMAOFU.js";
 import {
   serveStaticProjectHtml
-} from "./chunk-CX7NQZDE.js";
+} from "./chunk-KBJUXVOJ.js";
 import "./chunk-XUHOIDKG.js";
+import "./chunk-UEZXMWG3.js";
 import "./chunk-X7MTZ4T2.js";
-import "./chunk-T6HJCRJC.js";
 import {
   openSettledCompositionPage,
   runFfmpegOnce
-} from "./chunk-S4AMCVAK.js";
+} from "./chunk-YQZNILVH.js";
 import "./chunk-5Z63TBTX.js";
-import "./chunk-CSHKZ3SL.js";
-import "./chunk-S2WNVYLQ.js";
+import "./chunk-7HG4BFIN.js";
+import "./chunk-HRUGC23L.js";
 import "./chunk-YEIFI443.js";
-import "./chunk-IHFUKJOR.js";
-import "./chunk-Q3I4JEGM.js";
-import "./chunk-IAKZWKNV.js";
+import "./chunk-S7NPLFWV.js";
+import "./chunk-RMHUQGRK.js";
 import "./chunk-EOVYQ3IG.js";
-import "./chunk-BE6X3G5C.js";
-import "./chunk-PZSNUSBM.js";
-import "./chunk-P4PMYDLR.js";
+import "./chunk-QC4FJVLM.js";
+import "./chunk-TCLGPL65.js";
+import "./chunk-IHFUKJOR.js";
+import "./chunk-XS4EJSKU.js";
 import "./chunk-PFCFR3KZ.js";
-import "./chunk-F4WYYNNG.js";
+import "./chunk-CFKU7HTK.js";
 import "./chunk-XT7X6QCP.js";
 import "./chunk-4YYJOFKS.js";
 import "./chunk-HVW7ABXD.js";
-import "./chunk-PVVUMILD.js";
-import "./chunk-NDPSG5WQ.js";
-import "./chunk-6252EFFW.js";
+import "./chunk-LYNI3FOL.js";
+import "./chunk-CWPVM2QV.js";
+import "./chunk-A2Z4Z4VL.js";
 import "./chunk-AWDFDFI3.js";
 import "./chunk-P6LJ4Y32.js";
 import "./chunk-GMECXFAN.js";
 import {
   findFFmpeg
 } from "./chunk-TVCRUG2S.js";
-import "./chunk-RUYSBG3F.js";
+import "./chunk-4NWOGZZS.js";
 import {
   trackCompareSheet
-} from "./chunk-TP4PR3SL.js";
-import "./chunk-SC4T53X4.js";
+} from "./chunk-JO2J4S2L.js";
+import "./chunk-UDO4A3HY.js";
 import "./chunk-VWG7OQKU.js";
 import {
   c
 } from "./chunk-ZTZA4UWZ.js";
-import "./chunk-MK2HBL6E.js";
+import "./chunk-IUZFXWSV.js";
 import "./chunk-AMKC3AXA.js";
 import {
   defineCommand
@@ -64,25 +64,25 @@ import {
 } from "./chunk-PBN6GBJE.js";
 import "./chunk-KC5XXX3X.js";
 import "./chunk-TJSTGSAW.js";
-import "./chunk-D4NPKZFY.js";
+import "./chunk-K2FTXJYH.js";
 import {
   gsapCdnDist
-} from "./chunk-AGNZ2QLE.js";
-import "./chunk-7DPBFAYT.js";
+} from "./chunk-2YN64IN5.js";
+import "./chunk-AVUUN2XD.js";
 import "./chunk-DPVXBVLL.js";
-import "./chunk-OLVR6P6R.js";
+import "./chunk-Z6B37SNM.js";
 import {
   HF_COLOR_GRADING_ATTR,
   isHfColorGradingActive,
   normalizeHfColorGrading,
   parseCubeLut,
   serializeHfColorGrading
-} from "./chunk-AQIS2UNW.js";
+} from "./chunk-HWKCIWQT.js";
 import "./chunk-VC76R6W2.js";
 import "./chunk-OFQWTKPW.js";
 import "./chunk-LCSMOLGX.js";
 import "./chunk-TWWSYAKJ.js";
-import "./chunk-TPWWGKU7.js";
+import "./chunk-ZJUKFZ2P.js";
 import "./chunk-HBBJFK6I.js";
 import "./chunk-PJ3HDUCY.js";
 import "./chunk-TQFG7HTI.js";
@@ -90,12 +90,12 @@ import "./chunk-GK4AIFIH.js";
 import "./chunk-2PSPARWP.js";
 import {
   withMeta
-} from "./chunk-HXGPETEM.js";
+} from "./chunk-B6YD6JAS.js";
 import "./chunk-K4WIOZFP.js";
 import "./chunk-XUXGIA7H.js";
 import "./chunk-WERLJGIC.js";
 import "./chunk-ISN5GRYI.js";
-import "./chunk-G33WTKF3.js";
+import "./chunk-557OWRHF.js";
 import {
   normalizeErrorMessage
 } from "./chunk-KNU5COPB.js";
@@ -489,7 +489,7 @@ async function loadReferenceFrame(framePath) {
   };
 }
 async function captureGradeCompareSheet(projectDir, timeoutMs) {
-  const { bundleToSingleHtml } = await import("./compiler-A3FX5DBC.js");
+  const { bundleToSingleHtml } = await import("./compiler-QO36EXLS.js");
   const html = await bundleToSingleHtml(projectDir);
   const server = await serveStaticProjectHtml(projectDir, html);
   const sheetPath = join(projectDir, "grade-compare.png");

package/dist/{gsapParser-LOSAMHNR.js → gsapParser-DIYYX6JT.js}

@@ -15,6 +15,7 @@ import {
 // ../parsers/dist/gsapParser.js
 var recast = __toESM(require_main(), 1);
 var import_parser = __toESM(require_lib(), 1);
+var GSAP_DEFAULT_DURATION = 0.5;
 var SUPPORTED_PROPS = [
   // 2D Transforms
   "x",
@@ -113,16 +114,14 @@ function positionHoldForAnimation(animation, animations) {
   if (!animation.keyframes) return null;
   const start = knownStart(animation) ?? 0;
   if (!(start > 1e-3)) return null;
-  const first = [...animation.keyframes.keyframes].sort(
-    (left, right) => left.percentage - right.percentage
-  )[0];
-  if (!first) return null;
+  const atStart = animation.keyframes.keyframes.find((keyframe) => keyframe.percentage === 0);
+  if (!atStart) return null;
   const earlier = animations.filter((other) => {
     const otherStart = knownStart(other);
     return other !== animation && !other.global && other.targetSelector === animation.targetSelector && otherStart !== void 0 && otherStart < start - 1e-3;
   });
   const position = {};
-  for (const [property, value] of Object.entries(first.properties)) {
+  for (const [property, value] of Object.entries(atStart.properties)) {
     if (classifyPropertyGroup(property) !== "position" || typeof value !== "number") continue;
     if (earlier.some((other) => writesProperty(other, property))) continue;
     position[property] = value;
@@ -166,6 +165,9 @@ var SUPPORTED_EASES = [
   "hold",
   "steps(1)"
 ];
+function authorsKeyframes(anim) {
+  return anim.keyframes !== void 0 || anim.hasUnresolvedKeyframes === true;
+}
 function mergePercentageKeyframes(keyframes) {
   const byPercentage = /* @__PURE__ */ new Map();
   for (const keyframe of keyframes) {
@@ -409,14 +411,25 @@ function resolveConversionProps(anim, resolvedFromValues) {
   const toProps = resolvedFromValues ? { ...anim.properties, ...resolvedFromValues } : { ...anim.properties };
   return { fromProps: { ...anim.fromProperties ?? {} }, toProps };
 }
-function clipTweenMatcher(clipSelectors, root) {
+function clipTweenMatcher(clipSelectors, root, queries = /* @__PURE__ */ new Map()) {
   const own = typeof clipSelectors === "string" ? [clipSelectors] : clipSelectors;
-  const clips = root ? own.flatMap((selector) => queryAll(root, selector)) : [];
+  if (!root)
+    return ({ targetSelector, hasPartialSelector }) => !hasPartialSelector && own.includes(targetSelector);
+  const queryAll = (selector) => {
+    if (ID_SELECTOR.test(selector)) {
+      if (!queries.has(ALL_IDS)) indexIds(root, queries);
+      return queries.get(selector) ?? [];
+    }
+    let found = queries.get(selector);
+    if (!found) queries.set(selector, found = queryRoot(root, selector));
+    return found;
+  };
+  const clips = own.flatMap((selector) => queryAll(selector));
   return ({ targetSelector, hasPartialSelector }) => {
     if (hasPartialSelector) return false;
     if (own.includes(targetSelector)) return true;
-    if (!root || clips.length === 0) return false;
-    const targets = queryAll(root, targetSelector);
+    if (clips.length === 0) return false;
+    const targets = queryAll(targetSelector);
     return targets.length > 0 && targets.every((target) => {
       const owner = target.closest("[data-start]");
       return clips.includes(target) || owner !== null && clips.includes(owner);
@@ -426,7 +439,20 @@ function clipTweenMatcher(clipSelectors, root) {
 function hasExplicitTime(animation) {
   return typeof animation.position === "number" && !animation.implicitPosition;
 }
-function queryAll(root, selector) {
+var ID_SELECTOR = /^#-?[A-Za-z_][\w-]*$/;
+var ALL_IDS = "[id]";
+function indexIds(root, queries) {
+  const all = queryRoot(root, ALL_IDS);
+  queries.set(ALL_IDS, all);
+  for (const el of all) {
+    const key = `#${el.id}`;
+    if (!ID_SELECTOR.test(key)) continue;
+    const list = queries.get(key);
+    if (list) list.push(el);
+    else queries.set(key, [el]);
+  }
+}
+function queryRoot(root, selector) {
   try {
     return Array.from(root.querySelectorAll(selector));
   } catch {
@@ -436,34 +462,27 @@ function queryAll(root, selector) {
 var roundPercentage = (percentage) => Math.round(percentage * 10) / 10;
 var OBJECT_ARRAY_PERCENTAGE_TOLERANCE = 2;
 function getObjectArrayKeyframeTiming(durations) {
-  const hasAuthoredDuration = durations.some((duration) => duration !== void 0);
-  if (hasAuthoredDuration) {
-    if (!durations.every(
-      (duration) => typeof duration === "number" && Number.isFinite(duration) && duration > 0
-    )) {
-      return null;
-    }
-    const totalDuration = durations.reduce((sum, duration) => sum + duration, 0);
-    let cumulative = 0;
-    return {
-      percentages: durations.map((duration) => {
-        cumulative += duration;
-        return roundPercentage(cumulative / totalDuration * 100);
-      }),
-      totalDuration
-    };
+  const steps = durations.map((duration) => duration ?? GSAP_DEFAULT_DURATION);
+  if (!steps.every(
+    (duration) => typeof duration === "number" && Number.isFinite(duration) && duration > 0
+  )) {
+    return null;
   }
-  const lastIndex = durations.length - 1;
+  const totalDuration = steps.reduce((sum, duration) => sum + duration, 0);
+  let cumulative = 0;
   return {
-    percentages: durations.map(
-      (_, index) => lastIndex > 0 ? roundPercentage(index / lastIndex * 100) : 0
-    )
+    percentages: steps.map((duration) => {
+      cumulative += duration;
+      return roundPercentage(cumulative / totalDuration * 100);
+    }),
+    totalDuration
   };
 }
 function getCompatibleObjectArrayKeyframeTiming(durations, outerDuration) {
   const timing = getObjectArrayKeyframeTiming(durations);
   if (!timing) return null;
-  if (timing.totalDuration === void 0 || outerDuration === void 0) return timing;
+  const stepsAuthorDuration = durations.some((duration) => duration !== void 0);
+  if (!stepsAuthorDuration || outerDuration === void 0) return timing;
   if (typeof outerDuration === "number" && Math.abs(outerDuration - timing.totalDuration) <= Number.EPSILON) {
     return timing;
   }
@@ -1203,7 +1222,7 @@ function tweenCallToAnimation(call, scope) {
         percentage: waypoints.length > 1 ? Math.round(i / (waypoints.length - 1) * 100) : 0,
         properties: { x: wp.x, y: wp.y }
       }));
-      keyframesData = { format: "percentage", keyframes: kf };
+      keyframesData = { format: "percentage", keyframes: kf, fromMotionPath: true };
     } else {
       const kfs = keyframesData.keyframes;
       if (kfs.length === waypoints.length) {
@@ -1260,7 +1279,6 @@ function tweenCallToAnimation(call, scope) {
   if (call.selectorPartial) anim.hasPartialSelector = true;
   return anim;
 }
-var GSAP_DEFAULT_DURATION = 0.5;
 function resolvePositionString(pos, cursor, prevStart) {
   const trimmed = pos.trim();
   if (trimmed === "") return cursor;
@@ -1292,7 +1310,7 @@ function applyTimelineDefaults(anims, defaults) {
     if (anim.duration === void 0 && defaults.duration !== void 0) {
       anim.duration = defaults.duration;
     }
-    if (anim.ease === void 0 && defaults.ease !== void 0) {
+    if (anim.ease === void 0 && defaults.ease !== void 0 && (!anim.keyframes || anim.keyframes.fromMotionPath)) {
       anim.ease = defaults.ease;
     }
   }
@@ -1528,7 +1546,7 @@ function updateAnimationInScript(script, animationId, updates) {
     return script;
   }
   const target = parsed.located.find((l) => l.id === animationId);
-  if (!target) return script;
+  if (!target || updates.properties && target.animation.hasUnresolvedKeyframes) return script;
   applyUpdatesToCall(target.call, updates);
   return recast.print(parsed.ast).code;
 }
@@ -1798,12 +1816,12 @@ function splitAnimationsInScript(script, opts) {
     const pos = typeof anim.position === "number" ? anim.position : 0;
     const dur = anim.duration ?? 0;
     const animEnd = pos + dur;
-    if (anim.keyframes) {
+    if (authorsKeyframes(anim)) {
       if (pos >= opts.splitTime) {
         result = updateAnimationSelector(result, anim.id, newSelector);
       } else if (animEnd > opts.splitTime) {
         skippedSelectors.push(`${originalSelector} (keyframes spanning split)`);
-        const kfs = anim.keyframes.keyframes;
+        const kfs = anim.keyframes?.keyframes ?? [];
         for (const kf of kfs) {
           const kfTime = pos + kf.percentage / 100 * dur;
           if (kfTime <= opts.splitTime) {
@@ -1813,7 +1831,10 @@ function splitAnimationsInScript(script, opts) {
           }
         }
       } else {
-        const kfs = anim.keyframes.keyframes;
+        if (anim.hasUnresolvedKeyframes) {
+          skippedSelectors.push(`${originalSelector} (unreadable keyframes before split)`);
+        }
+        const kfs = anim.keyframes?.keyframes ?? [];
         if (kfs.length > 0) {
           for (const [k, v] of Object.entries(kfs[kfs.length - 1].properties)) {
             inheritedProps[k] = v;
@@ -1993,7 +2014,7 @@ function convertArrayKeyframesToObjectNode(varsArg, scope) {
     outerDuration
   );
   if (!timing) return null;
-  if (timing.totalDuration !== void 0 && findPropertyNode(varsArg, "duration") === void 0) {
+  if (findPropertyNode(varsArg, "duration") === void 0) {
     setVarsKey(varsArg, "duration", timing.totalDuration);
   }
   const entries = els.map((el, i) => {
@@ -2002,7 +2023,7 @@ function convertArrayKeyframesToObjectNode(varsArg, scope) {
     );
     return `${JSON.stringify(`${timing.percentages[i]}%`)}: ${recast.print(el).code}`;
   });
-  prop.value = parseExpr(`{ ${entries.join(", ")} }`);
+  prop.value = parseExpr(`{ ${entries.join(", ")}, easeEach: "none" }`);
   return prop.value;
 }
 function filterPercentageProps(kfNode) {
@@ -2302,7 +2323,7 @@ function convertToKeyframesInScript(script, animationId, resolvedFromValues, set
   let loc = locateAnimationWithFallback(script, animationId);
   if (!loc) return script;
   const anim = loc.target.animation;
-  if (anim.keyframes) return script;
+  if (authorsKeyframes(anim)) return script;
   const { fromProps, toProps } = resolveConversionProps(anim, resolvedFromValues);
   const varsArg = loc.target.call.varsArg;
   const originalEase = anim.ease;
@@ -2637,6 +2658,7 @@ function splitIntoPropertyGroups(script, animationId) {
   let loc = locateAnimationWithFallback(script, animationId);
   if (!loc) return { script, ids: [animationId] };
   const anim = loc.target.animation;
+  if (anim.hasUnresolvedKeyframes) return { script, ids: [animationId] };
   const allPropKeys = /* @__PURE__ */ new Set();
   if (anim.keyframes) {
     for (const kf of anim.keyframes.keyframes) {

package/dist/{gsapParserAcorn-ZO2LPEZY.js → gsapParserAcorn-E3GEIRZB.js}

@@ -13,7 +13,7 @@ import {
   gsapScriptUsesMotionPath,
   parseGsapScriptAcorn,
   parseGsapScriptAcornForWrite
-} from "./chunk-RUYSBG3F.js";
+} from "./chunk-4NWOGZZS.js";
 import "./chunk-2PSPARWP.js";
 import "./chunk-M2WBOQ2Q.js";
 export {

package/dist/{help-X3EPTRKV.js → help-TBVVVEDS.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk-S3S4TGEH.js";
 import {
   VERSION
-} from "./chunk-G33WTKF3.js";
+} from "./chunk-557OWRHF.js";
 import "./chunk-M2WBOQ2Q.js";
 
 // src/help.ts

package/dist/{history-YR6YTOLT.js → history-NZPEQU4L.js}

@@ -4,10 +4,6 @@ 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 {
-  resolveProject
-} from "./chunk-YII7JZ2C.js";
-import "./chunk-IHFUKJOR.js";
 import {
   DEFAULT_HISTORY_ROOT,
   HistoryBusyError,
@@ -15,24 +11,28 @@ import {
   MAX_WINDOW_IDLE_MS,
   START,
   openProjectHistory
-} from "./chunk-Q3I4JEGM.js";
-import "./chunk-IAKZWKNV.js";
+} from "./chunk-S7NPLFWV.js";
+import "./chunk-RMHUQGRK.js";
 import "./chunk-EOVYQ3IG.js";
-import "./chunk-BE6X3G5C.js";
-import "./chunk-PZSNUSBM.js";
+import "./chunk-QC4FJVLM.js";
+import "./chunk-TCLGPL65.js";
+import {
+  resolveProject
+} from "./chunk-IXCQU5RO.js";
+import "./chunk-IHFUKJOR.js";
 import {
   AmbiguousPreviewServerError,
   findPreviewServerForProject,
   studioApiUrl
 } from "./chunk-DQBY7FRR.js";
-import "./chunk-RUYSBG3F.js";
+import "./chunk-4NWOGZZS.js";
 import {
   trackHistoryAction
-} from "./chunk-TP4PR3SL.js";
-import "./chunk-SC4T53X4.js";
+} from "./chunk-JO2J4S2L.js";
+import "./chunk-UDO4A3HY.js";
 import "./chunk-VWG7OQKU.js";
 import "./chunk-ZTZA4UWZ.js";
-import "./chunk-MK2HBL6E.js";
+import "./chunk-IUZFXWSV.js";
 import "./chunk-AMKC3AXA.js";
 import {
   defineCommand
@@ -43,16 +43,16 @@ import {
 } from "./chunk-PBN6GBJE.js";
 import "./chunk-KC5XXX3X.js";
 import "./chunk-TJSTGSAW.js";
-import "./chunk-D4NPKZFY.js";
-import "./chunk-AGNZ2QLE.js";
-import "./chunk-7DPBFAYT.js";
+import "./chunk-K2FTXJYH.js";
+import "./chunk-2YN64IN5.js";
+import "./chunk-AVUUN2XD.js";
 import "./chunk-DPVXBVLL.js";
-import "./chunk-OLVR6P6R.js";
-import "./chunk-AQIS2UNW.js";
+import "./chunk-Z6B37SNM.js";
+import "./chunk-HWKCIWQT.js";
 import "./chunk-VC76R6W2.js";
 import "./chunk-OFQWTKPW.js";
 import "./chunk-TWWSYAKJ.js";
-import "./chunk-TPWWGKU7.js";
+import "./chunk-ZJUKFZ2P.js";
 import "./chunk-HBBJFK6I.js";
 import "./chunk-PJ3HDUCY.js";
 import "./chunk-TQFG7HTI.js";
@@ -60,12 +60,12 @@ import "./chunk-GK4AIFIH.js";
 import "./chunk-2PSPARWP.js";
 import {
   withMeta
-} from "./chunk-HXGPETEM.js";
+} from "./chunk-B6YD6JAS.js";
 import "./chunk-K4WIOZFP.js";
 import "./chunk-XUXGIA7H.js";
 import "./chunk-WERLJGIC.js";
 import "./chunk-ISN5GRYI.js";
-import "./chunk-G33WTKF3.js";
+import "./chunk-557OWRHF.js";
 import "./chunk-KNU5COPB.js";
 import "./chunk-3GXQPCJC.js";
 import "./chunk-RQVDTPGD.js";