@hyperframes/parsers 0.8.116 → 0.8.118

package/dist/{gsapSerialize-g8oprts9.d.ts → gsapSerialize-CVwsMItk.d.ts}

@@ -15,6 +15,11 @@ type PositionWrite = Pick<GsapAnimation, "propertyGroup" | "properties" | "fromP
 declare function isXYPositionWrite(a: PositionWrite): boolean;
 declare function classifyPropertyGroup(prop: string): PropertyGroupName;
 declare function classifyTweenPropertyGroup(properties: Record<string, unknown>): PropertyGroupName | undefined;
+/**
+ * What a Studio hold pins from t=0 before a later keyframed tween: its first keyframe's position props,
+ * minus those an earlier timeline tween on the target writes (a global `gsap.set` is a base value).
+ */
+declare function positionHoldForAnimation(animation: GsapAnimation, animations: readonly GsapAnimation[]): Record<string, number> | null;
 declare const SUPPORTED_EASES: string[];
 
 /**
@@ -203,4 +208,4 @@ declare function gsapAnimationsToKeyframes(animations: GsapAnimation[], elementS
     skipBaseSet?: boolean;
 }): Keyframe[];
 
-export { type ArcPathConfig as A, type GsapAnimation as G, type KeyframeEditability as K, type MotionPathShape as M, PROPERTY_GROUPS as P, SUPPORTED_EASES as S, type ArcPathSegment as a, type GsapKeyframesData as b, type GsapMethod as c, type GsapPercentageKeyframe as d, type GsapProvenance as e, type GsapProvenanceKind as f, type ParsedGsap as g, type PropertyGroupName as h, SUPPORTED_PROPS as i, type SourcedGsapPercentageKeyframe as j, type SplitAnimationsOptions as k, type SplitAnimationsResult as l, classifyPropertyGroup as m, classifyTweenPropertyGroup as n, editabilityForProvenance as o, getAnimationsForElementId as p, gsapAnimationsToKeyframes as q, keyframesToGsapAnimations as r, serializeGsapAnimations as s, buildArcPath as t, type GsapKeyframeFormat as u, validateCompositionGsap as v, isXYPositionWrite as w };
+export { type ArcPathConfig as A, type GsapAnimation as G, type KeyframeEditability as K, type MotionPathShape as M, PROPERTY_GROUPS as P, SUPPORTED_EASES as S, type ArcPathSegment as a, type GsapKeyframesData as b, type GsapMethod as c, type GsapPercentageKeyframe as d, type GsapProvenance as e, type GsapProvenanceKind as f, type ParsedGsap as g, type PropertyGroupName as h, SUPPORTED_PROPS as i, type SourcedGsapPercentageKeyframe as j, type SplitAnimationsOptions as k, type SplitAnimationsResult as l, classifyPropertyGroup as m, classifyTweenPropertyGroup as n, editabilityForProvenance as o, getAnimationsForElementId as p, gsapAnimationsToKeyframes as q, keyframesToGsapAnimations as r, serializeGsapAnimations as s, buildArcPath as t, type GsapKeyframeFormat as u, validateCompositionGsap as v, isXYPositionWrite as w, positionHoldForAnimation as x };

package/dist/gsapWriterAcorn.d.ts

@@ -1,4 +1,4 @@
-import { G as GsapAnimation, A as ArcPathConfig, k as SplitAnimationsOptions, l as SplitAnimationsResult, a as ArcPathSegment } from './gsapSerialize-g8oprts9.js';
+import { G as GsapAnimation, A as ArcPathConfig, k as SplitAnimationsOptions, l as SplitAnimationsResult, a as ArcPathSegment } from './gsapSerialize-CVwsMItk.js';
 import './types-Ejqndkej.js';
 
 type TweenTarget = Pick<GsapAnimation, "targetSelector" | "hasPartialSelector">;

package/dist/gsapWriterAcorn.js

@@ -14,9 +14,11 @@ var PROP_TO_GROUP = /* @__PURE__ */ new Map();
 for (const [group, props] of Object.entries(PROPERTY_GROUPS)) {
   for (const p of props) PROP_TO_GROUP.set(p, group);
 }
+function writesProperty(animation, property) {
+  return property in animation.properties || !!animation.fromProperties && property in animation.fromProperties || !!animation.keyframes?.keyframes.some((k) => property in k.properties);
+}
 function isXYPositionWrite(a) {
-  const xy = (props) => !!props && ("x" in props || "y" in props);
-  return a.propertyGroup === "position" && (xy(a.properties) || xy(a.fromProperties) || !!a.keyframes?.keyframes.some((k) => xy(k.properties)));
+  return a.propertyGroup === "position" && (writesProperty(a, "x") || writesProperty(a, "y"));
 }
 function classifyPropertyGroup(prop) {
   return PROP_TO_GROUP.get(prop) ?? "other";
@@ -31,6 +33,30 @@ function classifyTweenPropertyGroup(properties) {
   if (groups.size === 1) return groups.values().next().value;
   return void 0;
 }
+function knownStart(animation) {
+  if (animation.resolvedStart !== void 0) return animation.resolvedStart;
+  return typeof animation.position === "number" ? animation.position : void 0;
+}
+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 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)) {
+    if (classifyPropertyGroup(property) !== "position" || typeof value !== "number") continue;
+    if (earlier.some((other) => writesProperty(other, property))) continue;
+    position[property] = value;
+  }
+  return Object.keys(position).length > 0 ? position : null;
+}
 
 // src/gsapSerialize.ts
 function mergePercentageKeyframes(keyframes) {
@@ -2809,7 +2835,8 @@ function insertInheritedStateSetInScript(script, selector, position, properties)
   const tlDecl = findTimelineDeclarationStatement(parsed.ast, parsed.timelineVar);
   const firstLocated = parsed.located[0];
   if (tlDecl) {
-    ms.appendLeft(tlDecl.end, "\n" + code);
+    const ownLineEnd = script[tlDecl.end] === "\n" ? "" : "\n";
+    ms.appendLeft(tlDecl.end, "\n" + code + ownLineEnd);
   } else if (firstLocated) {
     const firstCall = firstLocated.call;
     const exprStmt = findEnclosingExpressionStatement(firstCall.ancestors);
@@ -2831,38 +2858,15 @@ function removeStudioHoldSets(script, parsed) {
   for (const hold of staleHolds) removeCallFromMagicString(ms, hold.call, script);
   return ms.toString();
 }
-function animationStart(animation) {
-  if (animation.resolvedStart !== void 0) return animation.resolvedStart;
-  return typeof animation.position === "number" ? animation.position : 0;
-}
-function positionProperties(properties) {
-  const position = {};
-  for (const [property, value] of Object.entries(properties)) {
-    if (classifyPropertyGroup(property) === "position" && typeof value === "number") {
-      position[property] = value;
-    }
-  }
-  return position;
-}
-function positionHoldForAnimation(animation) {
-  if (!animation.keyframes) return null;
-  if (!(animationStart(animation) > 1e-3)) return null;
-  const first = [...animation.keyframes.keyframes].sort(
-    (left, right) => left.percentage - right.percentage
-  )[0];
-  if (!first) return null;
-  const position = positionProperties(first.properties);
-  return Object.keys(position).length > 0 ? position : null;
-}
 function syncPositionHoldsBeforeKeyframes(script) {
   const parsed = parseGsapScriptAcornForWrite(script);
   if (!parsed) return script;
   let result = removeStudioHoldSets(script, parsed);
   const current = parseGsapScriptAcornForWrite(result);
   if (!current) return result;
-  for (const entry of current.located) {
-    const animation = entry.animation;
-    const position = positionHoldForAnimation(animation);
+  const animations = current.located.map((entry) => entry.animation);
+  for (const animation of animations) {
+    const position = positionHoldForAnimation(animation, animations);
     if (!position) continue;
     result = insertInheritedStateSetInScript(result, animation.targetSelector, 0, {
       ...position,