@hyperframes/parsers 0.8.98 → 0.8.100

package/dist/gsapParser.d.ts

@@ -1,5 +1,5 @@
-import { G as GsapAnimation, P as ParsedGsap, A as ArcPathConfig, a as ArcPathSegment } from './gsapSerialize-b8lNzSbI.js';
-export { n as GsapKeyframeFormat, b as GsapKeyframesData, c as GsapMethod, d as GsapPercentageKeyframe, j as getAnimationsForElementId, k as gsapAnimationsToKeyframes, l as keyframesToGsapAnimations, s as serializeGsapAnimations, v as validateCompositionGsap } from './gsapSerialize-b8lNzSbI.js';
+import { G as GsapAnimation, P as ParsedGsap, A as ArcPathConfig, a as ArcPathSegment } from './gsapSerialize-D92cSJOu.js';
+export { n as GsapKeyframeFormat, b as GsapKeyframesData, c as GsapMethod, d as GsapPercentageKeyframe, j as getAnimationsForElementId, k as gsapAnimationsToKeyframes, l as keyframesToGsapAnimations, s as serializeGsapAnimations, v as validateCompositionGsap } from './gsapSerialize-D92cSJOu.js';
 export { PROPERTY_GROUPS, PropertyGroupName, SUPPORTED_EASES, SUPPORTED_PROPS, classifyPropertyGroup, classifyTweenPropertyGroup } from './gsapConstants.js';
 export { SPRING_PRESETS, SpringPreset, generateSpringEaseData } from './springEase.js';
 import './types-Y0NXTiVo.js';
@@ -9,8 +9,8 @@ declare function updateAnimationInScript(script: string, animationId: string, up
     easeEach?: string;
     resetKeyframeEases?: boolean;
 }): string;
-declare function shiftPositionsInScript(script: string, targetSelector: string, delta: number): string;
-declare function scalePositionsInScript(script: string, targetSelector: string, oldStart: number, oldDuration: number, newStart: number, newDuration: number): string;
+declare function shiftPositionsInScript(script: string, targetSelector: string, delta: number, root?: ParentNode): string;
+declare function scalePositionsInScript(script: string, targetSelector: string, oldStart: number, oldDuration: number, newStart: number, newDuration: number, root?: ParentNode): string;
 declare function addAnimationToScript(script: string, animation: Omit<GsapAnimation, "id">): {
     script: string;
     id: string;

package/dist/gsapParser.js

@@ -351,6 +351,32 @@ function resolveConversionProps(anim, resolvedFromValues) {
   return { fromProps: { ...anim.fromProperties ?? {} }, toProps };
 }
 
+// src/clipTweens.ts
+function clipTweenMatcher(clipSelectors, root) {
+  const own = typeof clipSelectors === "string" ? [clipSelectors] : clipSelectors;
+  const clips = root ? own.flatMap((selector) => queryAll(root, selector)) : [];
+  return ({ targetSelector, hasPartialSelector }) => {
+    if (hasPartialSelector) return false;
+    if (own.includes(targetSelector)) return true;
+    if (!root || clips.length === 0) return false;
+    const targets = queryAll(root, targetSelector);
+    return targets.length > 0 && targets.every((target) => {
+      const owner = target.closest("[data-start]");
+      return clips.includes(target) || owner !== null && clips.includes(owner);
+    });
+  };
+}
+function hasExplicitTime(animation) {
+  return typeof animation.position === "number" && !animation.implicitPosition;
+}
+function queryAll(root, selector) {
+  try {
+    return Array.from(root.querySelectorAll(selector));
+  } catch {
+    return [];
+  }
+}
+
 // src/gsapObjectArrayTiming.ts
 var roundPercentage = (percentage) => Math.round(percentage * 10) / 10;
 var OBJECT_ARRAY_PERCENTAGE_TOLERANCE = 2;
@@ -672,6 +698,11 @@ function lookupBinding(name, path, bindings) {
   }
   return null;
 }
+function hasUnresolvedArrayPart(node, path, scope, bindings, helpers) {
+  return node?.type === "ArrayExpression" && node.elements.some(
+    (el) => !resolveTargetSelector(el, path, scope, bindings, helpers) || hasUnresolvedArrayPart(el, path, scope, bindings, helpers)
+  );
+}
 function resolveTargetSelector(node, path, scope, bindings, helpers) {
   if (!node) return null;
   if (node.type === "StringLiteral" || node.type === "Literal") {
@@ -819,12 +850,14 @@ function findAllTweenCalls(ast, ref, scope, targetBindings, targetHelpers) {
           return;
         }
         const selectorValue = resolveTargetSelector(args[0], path, scope, targetBindings, targetHelpers) ?? "__unresolved__";
+        const partial = hasUnresolvedArrayPart(args[0], path, scope, targetBindings, targetHelpers) ? { selectorPartial: true } : {};
         if (method === "fromTo") {
           results.push({
             path,
             node,
             method: "fromTo",
             selector: selectorValue,
+            ...partial,
             fromArg: args[1],
             varsArg: args[2],
             positionArg: args[3]
@@ -835,6 +868,7 @@ function findAllTweenCalls(ast, ref, scope, targetBindings, targetHelpers) {
             node,
             method,
             selector: selectorValue,
+            ...partial,
             varsArg: args[1],
             positionArg: args[2],
             ...isGlobalSet ? { global: true } : {}
@@ -1183,6 +1217,7 @@ function tweenCallToAnimation(call, scope) {
   if (motionPathResult) anim.arcPath = motionPathResult.arcPath;
   if (hasUnresolvedKeyframes) anim.hasUnresolvedKeyframes = true;
   if (call.selector === "__unresolved__") anim.hasUnresolvedSelector = true;
+  if (call.selectorPartial) anim.hasPartialSelector = true;
   return anim;
 }
 var GSAP_DEFAULT_DURATION = 0.5;
@@ -1457,7 +1492,8 @@ function updateAnimationInScript(script, animationId, updates) {
   applyUpdatesToCall(target.call, updates);
   return recast.print(parsed.ast).code;
 }
-function shiftPositionsInScript(script, targetSelector, delta) {
+function shiftPositionsInScript(script, targetSelector, delta, root) {
+  const carries = clipTweenMatcher(targetSelector, root);
   let parsed;
   try {
     parsed = parseGsapAst(script);
@@ -1467,17 +1503,17 @@ function shiftPositionsInScript(script, targetSelector, delta) {
   }
   let changed = false;
   for (const entry of parsed.located) {
-    if (entry.animation.targetSelector !== targetSelector) continue;
-    if (typeof entry.animation.position !== "number") continue;
+    if (!carries(entry.animation) || !hasExplicitTime(entry.animation)) continue;
     const newPos = Math.max(0, Math.round((entry.animation.position + delta) * 1e3) / 1e3);
     applyUpdatesToCall(entry.call, { position: newPos });
     changed = true;
   }
   return changed ? recast.print(parsed.ast).code : script;
 }
-function scalePositionsInScript(script, targetSelector, oldStart, oldDuration, newStart, newDuration) {
+function scalePositionsInScript(script, targetSelector, oldStart, oldDuration, newStart, newDuration, root) {
   if (oldDuration <= 0 || newDuration <= 0) return script;
   const ratio = newDuration / oldDuration;
+  const carries = clipTweenMatcher(targetSelector, root);
   let parsed;
   try {
     parsed = parseGsapAst(script);
@@ -1487,13 +1523,14 @@ function scalePositionsInScript(script, targetSelector, oldStart, oldDuration, n
   }
   let changed = false;
   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((newStart + (entry.animation.position - oldStart) * ratio) * 1e3) / 1e3
-    );
-    const updates = { position: newPos };
+    if (!carries(entry.animation) || typeof entry.animation.position !== "number") continue;
+    const updates = {};
+    if (hasExplicitTime(entry.animation)) {
+      updates.position = Math.max(
+        0,
+        Math.round((newStart + (entry.animation.position - oldStart) * ratio) * 1e3) / 1e3
+      );
+    }
     if (typeof entry.animation.duration === "number" && entry.animation.duration > 0) {
       updates.duration = Math.max(
         1e-3,