fix(studio): match a parsed tween on any target, and check a later keyframe channel's start

Author: miguel-heygen

packages/studio/src/hooks/gsapParsedTween.ts

@@ -72,7 +72,7 @@ export function findParsedTween(
   const keyframed = Boolean(anim.keyframes);
   for (const timeline of Object.values(win.__timelines)) {
     for (const tween of timeline?.getChildren?.(true) ?? []) {
-      const targets = elementTargets(tween);
+      const targets = (tween.targets?.() ?? []) as Array<{ id?: unknown }>;
       if (!targets.includes(element) && !targets.some((t) => element.id && t.id === element.id))
         continue;
       if (!startsAt(tween, start)) continue;

packages/studio/src/hooks/gsapValueAtPlayhead.realGsap.test.ts

@@ -156,9 +156,10 @@ it("keeps a layer's other transform values while reading an unplayed tween", ()
     transformOrigin: "20px 30px 40px",
   });
 
-  findParsedTween(iframe, box, parseGsapScriptAcorn(src).animations[0]!);
+  const tween = findParsedTween(iframe, box, parseGsapScriptAcorn(src).animations[0]!);
   timeline.kill();
 
+  expect(parsedImplicitEndValue(tween)("x", "start")).toBe(0);
   const values = ["x", "skewX", "rotationX", "xPercent", "transformOrigin"];
   expect(values.map((p) => gsap.getProperty(box, p))).toEqual([77, 23, 19, 12, "20px 30px 40px"]);
 });