hyperframes 0.8.133 → 0.8.135

package/dist/{grade-compare-VEQUV7SJ.js → grade-compare-22SRAVPO.js}

@@ -11,49 +11,49 @@ import {
 } from "./chunk-ZKDMAOFU.js";
 import {
   serveStaticProjectHtml
-} from "./chunk-KBJUXVOJ.js";
+} from "./chunk-3NCZ2SCH.js";
 import "./chunk-XUHOIDKG.js";
-import "./chunk-UEZXMWG3.js";
+import "./chunk-XSWKLDVC.js";
 import "./chunk-X7MTZ4T2.js";
 import {
   openSettledCompositionPage,
   runFfmpegOnce
-} from "./chunk-YQZNILVH.js";
+} from "./chunk-LO7L5PJ3.js";
 import "./chunk-5Z63TBTX.js";
-import "./chunk-7HG4BFIN.js";
-import "./chunk-HRUGC23L.js";
+import "./chunk-XE6S5CE6.js";
+import "./chunk-BSU7EOWJ.js";
 import "./chunk-YEIFI443.js";
-import "./chunk-S7NPLFWV.js";
-import "./chunk-RMHUQGRK.js";
+import "./chunk-LYJNFBD6.js";
+import "./chunk-GK5W3SIJ.js";
 import "./chunk-EOVYQ3IG.js";
-import "./chunk-QC4FJVLM.js";
-import "./chunk-TCLGPL65.js";
+import "./chunk-37EDNWLQ.js";
+import "./chunk-RVG35AL2.js";
 import "./chunk-IHFUKJOR.js";
-import "./chunk-XS4EJSKU.js";
+import "./chunk-OSSVNAI5.js";
 import "./chunk-PFCFR3KZ.js";
-import "./chunk-CFKU7HTK.js";
+import "./chunk-VNC6YQOC.js";
 import "./chunk-XT7X6QCP.js";
 import "./chunk-4YYJOFKS.js";
 import "./chunk-HVW7ABXD.js";
-import "./chunk-LYNI3FOL.js";
-import "./chunk-CWPVM2QV.js";
-import "./chunk-A2Z4Z4VL.js";
+import "./chunk-32QEFPDS.js";
+import "./chunk-V2J2ZWPR.js";
+import "./chunk-RTURM45Q.js";
 import "./chunk-AWDFDFI3.js";
 import "./chunk-P6LJ4Y32.js";
 import "./chunk-GMECXFAN.js";
 import {
   findFFmpeg
 } from "./chunk-TVCRUG2S.js";
-import "./chunk-4NWOGZZS.js";
+import "./chunk-374QQGBQ.js";
 import {
   trackCompareSheet
-} from "./chunk-ETWKKKJI.js";
-import "./chunk-MJ5XLLXY.js";
+} from "./chunk-NDKVPWBH.js";
+import "./chunk-Z3KAYWE5.js";
 import "./chunk-VWG7OQKU.js";
 import {
   c
 } from "./chunk-ZTZA4UWZ.js";
-import "./chunk-IUZFXWSV.js";
+import "./chunk-4AXZWUQ6.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-K2FTXJYH.js";
+import "./chunk-N3KRRPL7.js";
 import {
   gsapCdnDist
-} from "./chunk-2YN64IN5.js";
-import "./chunk-AVUUN2XD.js";
+} from "./chunk-BHOKLX4F.js";
+import "./chunk-OZUQF4NB.js";
 import "./chunk-DPVXBVLL.js";
-import "./chunk-Z6B37SNM.js";
+import "./chunk-PGFP4FLW.js";
 import {
   HF_COLOR_GRADING_ATTR,
   isHfColorGradingActive,
   normalizeHfColorGrading,
   parseCubeLut,
   serializeHfColorGrading
-} from "./chunk-HWKCIWQT.js";
+} from "./chunk-SRXQEQWZ.js";
 import "./chunk-VC76R6W2.js";
 import "./chunk-OFQWTKPW.js";
 import "./chunk-LCSMOLGX.js";
 import "./chunk-TWWSYAKJ.js";
-import "./chunk-ZJUKFZ2P.js";
+import "./chunk-VDQCNWQI.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-5OZGQCAB.js";
+} from "./chunk-KZ7B3XK7.js";
 import "./chunk-K4WIOZFP.js";
 import "./chunk-XUXGIA7H.js";
 import "./chunk-WERLJGIC.js";
 import "./chunk-ISN5GRYI.js";
-import "./chunk-JEFU7IHM.js";
+import "./chunk-AV7FBRWP.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-QO36EXLS.js");
+  const { bundleToSingleHtml } = await import("./compiler-XZ654ZH2.js");
   const html = await bundleToSingleHtml(projectDir);
   const server = await serveStaticProjectHtml(projectDir, html);
   const sheetPath = join(projectDir, "grade-compare.png");

package/dist/{gsapParser-DIYYX6JT.js → gsapParser-2OL54XZ5.js}

@@ -110,23 +110,43 @@ function knownStart(animation) {
   if (animation.resolvedStart !== void 0) return animation.resolvedStart;
   return typeof animation.position === "number" ? animation.position : void 0;
 }
-function positionHoldForAnimation(animation, animations) {
+var tweenSignature = (a) => JSON.stringify([a.targetSelector, a.method, a.position, a.duration, a.properties, a.keyframes]);
+function holdScope(before, previous) {
+  const kept = new Set(previous?.map(tweenSignature));
+  const held = /* @__PURE__ */ new Map();
+  for (const a of before.filter((b) => b.method === "set" && b.properties?.data === "hf-hold")) {
+    const props = held.get(a.targetSelector) ?? /* @__PURE__ */ new Map();
+    for (const [property, value] of Object.entries(a.properties)) props.set(property, value);
+    held.set(a.targetSelector, props);
+  }
+  return {
+    touched: (a) => previous !== null && !kept.has(tweenSignature(a)),
+    held: (selector) => held.get(selector) ?? /* @__PURE__ */ new Map()
+  };
+}
+function keyframeHoldForAnimation(animation, animations, scope) {
   if (!animation.keyframes) return null;
-  const start = knownStart(animation) ?? 0;
-  if (!(start > 1e-3)) return null;
+  const start = knownStart(animation);
+  const lone = animation.keyframes.keyframes.length === 1;
+  if (start === void 0 || !(start > 1e-3) && !lone) 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 = {};
+  const touched = scope.touched(animation);
+  const pinned = scope.held(animation.targetSelector);
+  const kept = (property, value) => touched ? pinned.has(property) : pinned.get(property) === value;
+  const pins = (group, property, value) => group === "position" && start > 1e-3 || (group === "position" || group === "size") && (lone && touched || kept(property, value));
+  const hold = {};
   for (const [property, value] of Object.entries(atStart.properties)) {
-    if (classifyPropertyGroup(property) !== "position" || typeof value !== "number") continue;
+    if (!pins(classifyPropertyGroup(property), property, value) || typeof value !== "number")
+      continue;
     if (earlier.some((other) => writesProperty(other, property))) continue;
-    position[property] = value;
+    hold[property] = value;
   }
-  return Object.keys(position).length > 0 ? position : null;
+  return Object.keys(hold).length > 0 ? hold : null;
 }
 var SUPPORTED_EASES = [
   "none",
@@ -256,6 +276,10 @@ function serializeValue(value) {
   if (typeof value === "string") return JSON.stringify(value);
   return String(value);
 }
+function plainPercentKey(percentage) {
+  const text = Math.abs(percentage) < 1e-6 ? percentage.toFixed(20).replace(/\.?0+$/, "") : String(percentage);
+  return `${text}%`;
+}
 function safeJsKey(key) {
   return /^[a-zA-Z_$][a-zA-Z0-9_$]*$/.test(key) ? key : JSON.stringify(key);
 }
@@ -1212,9 +1236,6 @@ function tweenCallToAnimation(call, scope) {
       properties[key] = val;
     }
   }
-  if (keyframesData && typeof vars.easeEach === "string") {
-    keyframesData.easeEach = vars.easeEach;
-  }
   if (motionPathResult) {
     const { waypoints } = motionPathResult;
     if (!keyframesData) {
@@ -1770,7 +1791,14 @@ var STUDIO_HOLD_MARKER = "hf-hold";
 function isStudioHoldSet(anim) {
   return anim.method === "set" && anim.properties?.data === STUDIO_HOLD_MARKER;
 }
-function syncPositionHoldsBeforeKeyframes(script) {
+function animationsOf(script) {
+  try {
+    return parseGsapScript(script).animations;
+  } catch {
+    return null;
+  }
+}
+function syncPositionHoldsBeforeKeyframes(script, previous) {
   let parsed;
   try {
     parsed = parseGsapScript(script);
@@ -1786,8 +1814,12 @@ function syncPositionHoldsBeforeKeyframes(script) {
   } catch {
     return result;
   }
+  const scope = holdScope(
+    parsed.animations,
+    previous === void 0 ? null : animationsOf(previous)
+  );
   for (const anim of reparsed.animations) {
-    const posProps = positionHoldForAnimation(anim, reparsed.animations);
+    const posProps = keyframeHoldForAnimation(anim, reparsed.animations, scope);
     if (!posProps) continue;
     result = insertInheritedStateSet(result, anim.targetSelector, 0, {
       ...posProps,
@@ -1905,7 +1937,7 @@ function buildKeyframeObjectCode(keyframes, options) {
     const props = keyframePropsToCode(kf);
     if (kf.ease) props.push(`ease: ${JSON.stringify(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 (options?.easeEach) entries.push(`easeEach: ${JSON.stringify(options.easeEach)}`);
   return `{ ${entries.join(", ")} }`;
@@ -2021,7 +2053,7 @@ function convertArrayKeyframesToObjectNode(varsArg, scope) {
     el.properties = (el.properties ?? []).filter(
       (property) => !isObjectProperty(property) || propKeyName(property) !== "duration"
     );
-    return `${JSON.stringify(`${timing.percentages[i]}%`)}: ${recast.print(el).code}`;
+    return `${JSON.stringify(plainPercentKey(timing.percentages[i]))}: ${recast.print(el).code}`;
   });
   prop.value = parseExpr(`{ ${entries.join(", ")}, easeEach: "none" }`);
   return prop.value;
@@ -2046,7 +2078,7 @@ function locateKeyframeCtx(script, animationId, percentage) {
   if (!loc) return null;
   const kfNode = findKeyframesObjectNode(loc.target.call.varsArg);
   if (!kfNode) return null;
-  return { loc, kfNode, pctKey: `${percentage}%` };
+  return { loc, kfNode, pctKey: plainPercentKey(percentage) };
 }
 function addKeyframeToScript(script, animationId, percentage, properties, ease, backfillDefaults) {
   let loc = locateAnimationWithFallback(script, animationId);
@@ -2062,7 +2094,7 @@ function addKeyframeToScript(script, animationId, percentage, properties, ease,
     kfNode = findKeyframesObjectNode(loc.target.call.varsArg);
     if (!kfNode) return script;
   }
-  const pctKey = `${percentage}%`;
+  const pctKey = plainPercentKey(percentage);
   const newValueNode = buildKeyframeValueNode(properties, ease);
   const existing = findKeyframePropByPct(kfNode, percentage);
   if (existing) {
@@ -2190,11 +2222,16 @@ function moveKeyframeInScript(script, animationId, fromPercentage, toPercentage)
   }
   entries.push({ pct: toPercentage, value: movedValue });
   entries.sort((a, b) => a.pct - b.pct);
-  kfNode.properties = entries.map((e) => {
-    const p = parseExpr(`{ ${JSON.stringify(`${e.pct}%`)}: {} }`).properties[0];
-    p.value = e.value;
-    return p;
-  });
+  const pctProps = new Set(filterPercentageProps(kfNode));
+  const kept = (kfNode.properties ?? []).filter((p) => !pctProps.has(p));
+  kfNode.properties = [
+    ...entries.map((e) => {
+      const p = parseExpr(`{ ${JSON.stringify(plainPercentKey(e.pct))}: {} }`).properties[0];
+      p.value = e.value;
+      return p;
+    }),
+    ...kept
+  ];
   return recast.print(loc.parsed.ast).code;
 }
 function resizeKeyframedTweenInScript(script, animationId, newPosition, newDuration, pctRemap) {
@@ -2207,7 +2244,7 @@ function resizeKeyframedTweenInScript(script, animationId, newPosition, newDurat
     const match = findKeyframePropByPct(kfNode, from);
     if (!match || seen.has(match.prop)) continue;
     seen.add(match.prop);
-    match.prop.key = parseExpr(`{ ${JSON.stringify(`${to}%`)}: 0 }`).properties[0].key;
+    match.prop.key = parseExpr(`{ ${JSON.stringify(plainPercentKey(to))}: 0 }`).properties[0].key;
   }
   applyUpdatesToCall(loc.target.call, {
     position: newPosition,
@@ -2717,7 +2754,8 @@ function splitIntoPropertyGroups(script, animationId) {
         typeof anim.position === "number" ? anim.position : 0,
         anim.duration ?? 0.5,
         groupKeyframes,
-        anim.keyframes.easeEach ?? anim.ease
+        anim.keyframes.ease ?? anim.ease,
+        anim.keyframes.easeEach
       );
       result = addResult.script;
     } else {

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

@@ -12,8 +12,9 @@ import {
   gsapScriptMotionPathFirstUseIndex,
   gsapScriptUsesMotionPath,
   parseGsapScriptAcorn,
-  parseGsapScriptAcornForWrite
-} from "./chunk-4NWOGZZS.js";
+  parseGsapScriptAcornForWrite,
+  scriptShape
+} from "./chunk-374QQGBQ.js";
 import "./chunk-2PSPARWP.js";
 import "./chunk-M2WBOQ2Q.js";
 export {
@@ -24,5 +25,6 @@ export {
   gsapScriptMotionPathFirstUseIndex,
   gsapScriptUsesMotionPath,
   parseGsapScriptAcorn,
-  parseGsapScriptAcornForWrite
+  parseGsapScriptAcornForWrite,
+  scriptShape
 };

package/dist/{help-VWAFVPC6.js → help-CKKLDL3G.js}

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

package/dist/{history-NYADNWVR.js → history-44SS2VJQ.js}

@@ -11,28 +11,28 @@ import {
   MAX_WINDOW_IDLE_MS,
   START,
   openProjectHistory
-} from "./chunk-S7NPLFWV.js";
-import "./chunk-RMHUQGRK.js";
+} from "./chunk-LYJNFBD6.js";
+import "./chunk-GK5W3SIJ.js";
 import "./chunk-EOVYQ3IG.js";
-import "./chunk-QC4FJVLM.js";
-import "./chunk-TCLGPL65.js";
+import "./chunk-37EDNWLQ.js";
+import "./chunk-RVG35AL2.js";
 import {
   resolveProject
-} from "./chunk-VTUOQTFU.js";
+} from "./chunk-WVRNPWVW.js";
 import "./chunk-IHFUKJOR.js";
 import {
   AmbiguousPreviewServerError,
   findPreviewServerForProject,
   studioApiUrl
 } from "./chunk-DQBY7FRR.js";
-import "./chunk-4NWOGZZS.js";
+import "./chunk-374QQGBQ.js";
 import {
   trackHistoryAction
-} from "./chunk-ETWKKKJI.js";
-import "./chunk-MJ5XLLXY.js";
+} from "./chunk-NDKVPWBH.js";
+import "./chunk-Z3KAYWE5.js";
 import "./chunk-VWG7OQKU.js";
 import "./chunk-ZTZA4UWZ.js";
-import "./chunk-IUZFXWSV.js";
+import "./chunk-4AXZWUQ6.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-K2FTXJYH.js";
-import "./chunk-2YN64IN5.js";
-import "./chunk-AVUUN2XD.js";
+import "./chunk-N3KRRPL7.js";
+import "./chunk-BHOKLX4F.js";
+import "./chunk-OZUQF4NB.js";
 import "./chunk-DPVXBVLL.js";
-import "./chunk-Z6B37SNM.js";
-import "./chunk-HWKCIWQT.js";
+import "./chunk-PGFP4FLW.js";
+import "./chunk-SRXQEQWZ.js";
 import "./chunk-VC76R6W2.js";
 import "./chunk-OFQWTKPW.js";
 import "./chunk-TWWSYAKJ.js";
-import "./chunk-ZJUKFZ2P.js";
+import "./chunk-VDQCNWQI.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-5OZGQCAB.js";
+} from "./chunk-KZ7B3XK7.js";
 import "./chunk-K4WIOZFP.js";
 import "./chunk-XUXGIA7H.js";
 import "./chunk-WERLJGIC.js";
 import "./chunk-ISN5GRYI.js";
-import "./chunk-JEFU7IHM.js";
+import "./chunk-AV7FBRWP.js";
 import "./chunk-KNU5COPB.js";
 import "./chunk-3GXQPCJC.js";
 import "./chunk-RQVDTPGD.js";