@hyperframes/parsers 0.8.96 → 0.8.97

package/dist/gsapWriterAcorn.d.ts

@@ -12,6 +12,9 @@ declare function updateAnimationInScript(script: string, animationId: string, up
  * (used by timeline clip-move to keep GSAP positions in sync with the clip start).
  */
 declare function shiftPositionsInScript(script: string, targetSelector: string, delta: number): string;
+/** Copies each tween on `fromSelector` for `toSelector`, `delta` seconds later, in its own argument text. Exact or
+ *  absent: only a tween at a number, written straight in the timeline's own block, is copied. */
+declare function copyAnimationsInScript(script: string, fromSelector: string, toSelector: string, delta: number): string;
 /**
  * Linearly remap every tween targeting `targetSelector` from the old clip
  * [oldStart, oldDuration] onto the new [newStart, newDuration] (position and,
@@ -148,4 +151,4 @@ type UnrollElement = {
  */
 declare function unrollDynamicAnimations(script: string, animationId: string, elements: UnrollElement[]): string;
 
-export { type UnrollElement, addAnimationToScript, addAnimationWithKeyframesToScript, addKeyframeToScript, addLabelToScript, addMotionPathPointInScript, addMotionPathToScript, convertToKeyframesFromScript, dedupePositionWritesInScript, materializeKeyframesFromScript, moveKeyframeInScript, removeAllKeyframesFromScript, removeAnimationFromScript, removeArcPathFromScript, removeKeyframeFromScript, removeLabelFromScript, removeMotionPathPointInScript, removePropertyFromAnimation, resizeKeyframedTweenInScript, scalePositionsInScript, setArcPathInScript, shiftPositionsInScript, splitAnimationsInScript, splitIntoPropertyGroupsFromScript, syncPositionHoldsBeforeKeyframes, unrollDynamicAnimations, updateAnimationInScript, updateArcSegmentInScript, updateKeyframeInScript, updateMotionPathPointInScript };
+export { type UnrollElement, addAnimationToScript, addAnimationWithKeyframesToScript, addKeyframeToScript, addLabelToScript, addMotionPathPointInScript, addMotionPathToScript, convertToKeyframesFromScript, copyAnimationsInScript, dedupePositionWritesInScript, materializeKeyframesFromScript, moveKeyframeInScript, removeAllKeyframesFromScript, removeAnimationFromScript, removeArcPathFromScript, removeKeyframeFromScript, removeLabelFromScript, removeMotionPathPointInScript, removePropertyFromAnimation, resizeKeyframedTweenInScript, scalePositionsInScript, setArcPathInScript, shiftPositionsInScript, splitAnimationsInScript, splitIntoPropertyGroupsFromScript, syncPositionHoldsBeforeKeyframes, unrollDynamicAnimations, updateAnimationInScript, updateArcSegmentInScript, updateKeyframeInScript, updateMotionPathPointInScript };

package/dist/gsapWriterAcorn.js

@@ -1526,12 +1526,80 @@ function shiftPositionsInScript(script, targetSelector, delta) {
   for (const entry of parsed.located) {
     if (entry.animation.targetSelector !== targetSelector) continue;
     if (typeof entry.animation.position !== "number") continue;
-    const newPos = Math.max(0, Math.round((entry.animation.position + delta) * 1e3) / 1e3);
-    overwritePosition(ms, entry.call, newPos);
+    overwritePosition(ms, entry.call, shiftedPosition(entry.animation.position, delta));
     changed = true;
   }
   return changed ? ms.toString() : script;
 }
+function copyAnimationsInScript(script, fromSelector, toSelector, delta) {
+  const parsed = parseGsapScriptAcornForWrite(script);
+  if (!parsed) return script;
+  const block = timelineBlock(parsed);
+  const target = JSON.stringify(toSelector);
+  const ms = new MagicString(script);
+  const tweens = [];
+  for (const { animation, call } of parsed.located) {
+    if (animation.targetSelector !== fromSelector || !copyable(call)) continue;
+    const args = [target, ...argumentText(call, script)];
+    const statement = findEnclosingExpressionStatement(call.ancestors);
+    if (call.global && statement && inBlock(call, statement)) {
+      ms.appendLeft(
+        statement.end,
+        `
+${indentAt(script, statement.start)}gsap.set(${args.join(", ")});`
+      );
+    } else if (block.body.includes(statement) && typeof call.positionArg?.value === "number") {
+      const position = valueToCode(shiftedPosition(call.positionArg.value, delta));
+      tweens.push(`${parsed.timelineVar}.${call.method}(${[...args, position].join(", ")});`);
+    }
+  }
+  appendAtBlockEnd(ms, script, block, tweens);
+  return ms.toString();
+}
+function copyable(call) {
+  if (call.node.arguments[0]?.type !== "Literal" || call.ancestors.some(isLoopOrForEach))
+    return false;
+  let link = findEnclosingExpressionStatement(call.ancestors)?.expression;
+  while (link?.type === "CallExpression" && link !== call.node) link = link.callee?.object;
+  return link === call.node;
+}
+function inBlock(call, statement) {
+  return Array.isArray(call.ancestors[call.ancestors.indexOf(statement) - 1]?.body);
+}
+function argumentText(call, script) {
+  return call.node.arguments.slice(1).filter((arg) => arg !== call.positionArg).map((arg) => script.slice(arg.start, arg.end));
+}
+function indentAt(script, at) {
+  return /^[ \t]*/.exec(script.slice(script.lastIndexOf("\n", at - 1) + 1))[0];
+}
+function appendAtBlockEnd(ms, script, block, lines) {
+  if (lines.length === 0) return;
+  const last = block.body.at(-1);
+  const indent = last ? indentAt(script, last.start) : "";
+  const code = lines.map((line) => `${indent}${line}`).join("\n");
+  if (last?.type === "ReturnStatement") ms.appendLeft(last.start, `${code.trimStart()}
+${indent}`);
+  else ms.appendLeft(last?.end ?? block.end, `
+${code}`);
+}
+function shiftedPosition(position, delta) {
+  return Math.max(0, Math.round((position + delta) * 1e3) / 1e3);
+}
+function timelineBlock(parsed) {
+  const declaration = findTimelineDeclarationStatement(parsed.ast, parsed.timelineVar);
+  let block = parsed.ast;
+  if (declaration) {
+    acornWalk2.ancestor(parsed.ast, {
+      VariableDeclaration(node, _state, ancestors) {
+        if (node === declaration) block = ancestors[ancestors.length - 2];
+      }
+    });
+  }
+  return Array.isArray(block?.body) ? block : parsed.ast;
+}
+function isLoopOrForEach(node) {
+  return isLoopNode(node) || isForEachStatement(node) || node?.type === "DoWhileStatement";
+}
 function scalePositionsInScript(script, targetSelector, oldStart, oldDuration, newStart, newDuration) {
   if (oldDuration <= 0 || newDuration <= 0) return script;
   const ratio = newDuration / oldDuration;
@@ -2987,6 +3055,7 @@ export {
   addMotionPathPointInScript,
   addMotionPathToScript,
   convertToKeyframesFromScript,
+  copyAnimationsInScript,
   dedupePositionWritesInScript,
   materializeKeyframesFromScript,
   moveKeyframeInScript,