@hyperframes/parsers 0.8.134 → 0.8.136

package/dist/gsapConstants.d.ts

@@ -1,2 +1,2 @@
-export { B as BUILTIN_VAR_KEYS, D as DROPPED_VAR_KEYS, E as EXTRAS_KEYS, u as GSAP_DEFAULT_DURATION, H as HoldScope, j as PROPERTY_GROUPS, k as PropertyGroupName, S as SUPPORTED_EASES, l as SUPPORTED_PROPS, m as classifyPropertyGroup, n as classifyTweenPropertyGroup, x as holdScope, y as isTweenConfigKey, z as isXYPositionWrite, C as keyframeHoldForAnimation } from './gsapSerialize-_tuK-qvB.js';
+export { B as BUILTIN_VAR_KEYS, D as DROPPED_VAR_KEYS, E as EXTRAS_KEYS, u as GSAP_DEFAULT_DURATION, H as HoldScope, f as PROPERTY_GROUPS, g as PropertyGroupName, S as SUPPORTED_EASES, h as SUPPORTED_PROPS, i as classifyPropertyGroup, j as classifyTweenPropertyGroup, x as holdScope, y as isTweenConfigKey, z as isXYPositionWrite, C as keyframeHoldForAnimation } from './gsapSerialize-WJrRO8uT.js';
 import './types-Ejqndkej.js';

package/dist/gsapParser.d.ts

@@ -1,5 +1,5 @@
-import { a as GsapAnimation, P as ParsedGsap, A as ArcPathConfig, b as ArcPathSegment } from './gsapSerialize-_tuK-qvB.js';
-export { g as GsapKeyframeFormat, h as GsapKeyframesData, G as GsapMethod, i as GsapPercentageKeyframe, j as PROPERTY_GROUPS, k as PropertyGroupName, S as SUPPORTED_EASES, l as SUPPORTED_PROPS, m as classifyPropertyGroup, n as classifyTweenPropertyGroup, o as getAnimationsForElementId, p as gsapAnimationsToKeyframes, q as keyframesToGsapAnimations, s as serializeGsapAnimations, v as validateCompositionGsap } from './gsapSerialize-_tuK-qvB.js';
+import { G as GsapAnimation, P as ParsedGsap, A as ArcPathConfig, a as ArcPathSegment } from './gsapSerialize-WJrRO8uT.js';
+export { b as GsapKeyframeFormat, c as GsapKeyframesData, d as GsapMethod, e as GsapPercentageKeyframe, f as PROPERTY_GROUPS, g as PropertyGroupName, S as SUPPORTED_EASES, h as SUPPORTED_PROPS, i as classifyPropertyGroup, j as classifyTweenPropertyGroup, k as getAnimationsForElementId, l as gsapAnimationsToKeyframes, m as keyframesToGsapAnimations, s as serializeGsapAnimations, v as validateCompositionGsap } from './gsapSerialize-WJrRO8uT.js';
 export { SPRING_PRESETS, SpringPreset, generateSpringEaseData } from './springEase.js';
 import './types-Ejqndkej.js';
 

package/dist/gsapParser.js

@@ -266,6 +266,10 @@ function serializeValue(value) {
   if (typeof value === "string") return JSON.stringify(value);
   return String(value);
 }
+function plainPercentKey(percentage) {
+  const text = Math.abs(percentage) < 1e-6 ? percentage.toFixed(20).replace(/\.?0+$/, "") : String(percentage);
+  return `${text}%`;
+}
 function safeJsKey(key) {
   return /^[a-zA-Z_$][a-zA-Z0-9_$]*$/.test(key) ? key : JSON.stringify(key);
 }
@@ -1230,9 +1234,6 @@ function tweenCallToAnimation(call, scope) {
       properties[key] = val;
     }
   }
-  if (keyframesData && typeof vars.easeEach === "string") {
-    keyframesData.easeEach = vars.easeEach;
-  }
   if (motionPathResult) {
     const { waypoints } = motionPathResult;
     if (!keyframesData) {
@@ -1934,7 +1935,7 @@ function buildKeyframeObjectCode(keyframes, options) {
     const props = keyframePropsToCode(kf);
     if (kf.ease) props.push(`ease: ${JSON.stringify(kf.ease)}`);
     if (kf.auto) props.push(`_auto: 1`);
-    return `${JSON.stringify(`${kf.percentage}%`)}: { ${props.join(", ")} }`;
+    return `${JSON.stringify(plainPercentKey(kf.percentage))}: { ${props.join(", ")} }`;
   });
   if (options?.easeEach) entries.push(`easeEach: ${JSON.stringify(options.easeEach)}`);
   return `{ ${entries.join(", ")} }`;
@@ -2050,7 +2051,7 @@ function convertArrayKeyframesToObjectNode(varsArg, scope) {
     el.properties = (el.properties ?? []).filter(
       (property) => !isObjectProperty(property) || propKeyName(property) !== "duration"
     );
-    return `${JSON.stringify(`${timing.percentages[i]}%`)}: ${recast.print(el).code}`;
+    return `${JSON.stringify(plainPercentKey(timing.percentages[i]))}: ${recast.print(el).code}`;
   });
   prop.value = parseExpr(`{ ${entries.join(", ")}, easeEach: "none" }`);
   return prop.value;
@@ -2075,7 +2076,7 @@ function locateKeyframeCtx(script, animationId, percentage) {
   if (!loc) return null;
   const kfNode = findKeyframesObjectNode(loc.target.call.varsArg);
   if (!kfNode) return null;
-  return { loc, kfNode, pctKey: `${percentage}%` };
+  return { loc, kfNode, pctKey: plainPercentKey(percentage) };
 }
 function addKeyframeToScript(script, animationId, percentage, properties, ease, backfillDefaults) {
   let loc = locateAnimationWithFallback(script, animationId);
@@ -2091,7 +2092,7 @@ function addKeyframeToScript(script, animationId, percentage, properties, ease,
     kfNode = findKeyframesObjectNode(loc.target.call.varsArg);
     if (!kfNode) return script;
   }
-  const pctKey = `${percentage}%`;
+  const pctKey = plainPercentKey(percentage);
   const newValueNode = buildKeyframeValueNode(properties, ease);
   const existing = findKeyframePropByPct(kfNode, percentage);
   if (existing) {
@@ -2219,11 +2220,16 @@ function moveKeyframeInScript(script, animationId, fromPercentage, toPercentage)
   }
   entries.push({ pct: toPercentage, value: movedValue });
   entries.sort((a, b) => a.pct - b.pct);
-  kfNode.properties = entries.map((e) => {
-    const p = parseExpr(`{ ${JSON.stringify(`${e.pct}%`)}: {} }`).properties[0];
-    p.value = e.value;
-    return p;
-  });
+  const pctProps = new Set(filterPercentageProps(kfNode));
+  const kept = (kfNode.properties ?? []).filter((p) => !pctProps.has(p));
+  kfNode.properties = [
+    ...entries.map((e) => {
+      const p = parseExpr(`{ ${JSON.stringify(plainPercentKey(e.pct))}: {} }`).properties[0];
+      p.value = e.value;
+      return p;
+    }),
+    ...kept
+  ];
   return recast.print(loc.parsed.ast).code;
 }
 function resizeKeyframedTweenInScript(script, animationId, newPosition, newDuration, pctRemap) {
@@ -2236,7 +2242,7 @@ function resizeKeyframedTweenInScript(script, animationId, newPosition, newDurat
     const match = findKeyframePropByPct(kfNode, from);
     if (!match || seen.has(match.prop)) continue;
     seen.add(match.prop);
-    match.prop.key = parseExpr(`{ ${JSON.stringify(`${to}%`)}: 0 }`).properties[0].key;
+    match.prop.key = parseExpr(`{ ${JSON.stringify(plainPercentKey(to))}: 0 }`).properties[0].key;
   }
   applyUpdatesToCall(loc.target.call, {
     position: newPosition,
@@ -2746,7 +2752,8 @@ function splitIntoPropertyGroups(script, animationId) {
         typeof anim.position === "number" ? anim.position : 0,
         anim.duration ?? 0.5,
         groupKeyframes,
-        anim.keyframes.easeEach ?? anim.ease
+        anim.keyframes.ease ?? anim.ease,
+        anim.keyframes.easeEach
       );
       result = addResult.script;
     } else {