Function removeAllKeyframesFromScript

packages/parsers/src/gsapParser.ts:2603–2652

(script: string, animationId: string)

 * last keyframe's properties.
 */
export function removeAllKeyframesFromScript(script: string, animationId: string): string {
  let loc = locateAnimationWithFallback(script, animationId);
  if (!loc) return script;
  // Array-form keyframes have no percentage-keyed props for
  // filterPercentageProps to read — normalize to object form first (mirrors
  // addKeyframeToScript/moveKeyframeInScript), otherwise this silently no-ops
  // on every array-form tween.
  const kfNode =
    findKeyframesObjectNode(loc.target.call.varsArg) ??
    convertArrayKeyframesToObjectNode(loc.target.call.varsArg);
  if (!kfNode) return script;

  const kfEntries = filterPercentageProps(kfNode)
    .map((p: AstNode) => ({ pct: percentageFromKey(propKeyName(p)!), prop: p }))
    .filter((e) => !Number.isNaN(e.pct))
    .sort((a, b) => a.pct - b.pct);
  if (kfEntries.length === 0) return script;

  // For to()/set(): collapse to last keyframe (the destination = visible state).
  // For from(): collapse to first keyframe (the starting state).
  const method = loc.target.call.method;
  const collapseEntry = method === "from" ? kfEntries[0]! : kfEntries[kfEntries.length - 1]!;
  const record = objectExpressionToRecord(collapseEntry.prop.value, loc.parsed.scope);
  collapseKeyframesToFlat(loc.target.call.varsArg, record);
  // Removing ALL keyframes HOLDS the element statically — collapse to a
  // zero-duration immediateRender tween (a `gsap.set` equivalent), dropping the
  // original duration/ease so the element does not re-animate from its base
  // toward the collapsed value (which moved it out from under the selection).
  removeVarsKey(loc.target.call.varsArg, "ease");
  setVarsKey(loc.target.call.varsArg, "duration", 0);
  setVarsKey(loc.target.call.varsArg, "immediateRender", true);

  // Removing all keyframes of a POSITION tween leaves exactly ONE held state:
  // strip every sibling position write for the same selector (stray gsap.set or a
  // second tl.to/tl.set) so the collapsed hold is the lone position source. Only
  // position siblings are stripped; rotation/opacity/etc. for the selector remain.
  if (loc.target.animation.propertyGroup === "position") {
    for (const l of loc.parsed.located) {
      if (l === loc.target) continue;
      if (
        l.animation.targetSelector === loc.target.animation.targetSelector &&
        l.animation.propertyGroup === "position"
      ) {
        removeCallFromAst(l.call);
      }
    }
  }

  return recast.print(loc.parsed.ast).code;
}

/**
 * Replace a dynamic `keyframes: <expr>` with a static percentage-keyframes object.