@hyperframes/parsers 0.8.134 → 0.8.136

package/dist/{gsapSerialize-_tuK-qvB.d.ts → gsapSerialize-WJrRO8uT.d.ts}

@@ -222,4 +222,4 @@ declare function gsapAnimationsToKeyframes(animations: GsapAnimation[], elementS
     skipBaseSet?: boolean;
 }): Keyframe[];
 
-export { type ArcPathConfig as A, BUILTIN_VAR_KEYS as B, keyframeHoldForAnimation as C, DROPPED_VAR_KEYS as D, EXTRAS_KEYS as E, type GsapMethod as G, type HoldScope as H, type KeyframeEditability as K, type MotionPathShape as M, type ParsedGsap as P, SUPPORTED_EASES as S, type GsapAnimation as a, type ArcPathSegment as b, type GsapProvenance as c, type GsapProvenanceKind as d, buildArcPath as e, editabilityForProvenance as f, type GsapKeyframeFormat as g, type GsapKeyframesData as h, type GsapPercentageKeyframe as i, PROPERTY_GROUPS as j, type PropertyGroupName as k, SUPPORTED_PROPS as l, classifyPropertyGroup as m, classifyTweenPropertyGroup as n, getAnimationsForElementId as o, gsapAnimationsToKeyframes as p, keyframesToGsapAnimations as q, type SplitAnimationsOptions as r, serializeGsapAnimations as s, type SplitAnimationsResult as t, GSAP_DEFAULT_DURATION as u, validateCompositionGsap as v, type SourcedGsapPercentageKeyframe as w, holdScope as x, isTweenConfigKey as y, isXYPositionWrite as z };
+export { type ArcPathConfig as A, BUILTIN_VAR_KEYS as B, keyframeHoldForAnimation as C, DROPPED_VAR_KEYS as D, EXTRAS_KEYS as E, type GsapAnimation as G, type HoldScope as H, type KeyframeEditability as K, type MotionPathShape as M, type ParsedGsap as P, SUPPORTED_EASES as S, type ArcPathSegment as a, type GsapKeyframeFormat as b, type GsapKeyframesData as c, type GsapMethod as d, type GsapPercentageKeyframe as e, PROPERTY_GROUPS as f, type PropertyGroupName as g, SUPPORTED_PROPS as h, classifyPropertyGroup as i, classifyTweenPropertyGroup as j, getAnimationsForElementId as k, gsapAnimationsToKeyframes as l, keyframesToGsapAnimations as m, type GsapProvenance as n, type GsapProvenanceKind as o, buildArcPath as p, editabilityForProvenance as q, type SplitAnimationsOptions as r, serializeGsapAnimations as s, type SplitAnimationsResult as t, GSAP_DEFAULT_DURATION as u, validateCompositionGsap as v, type SourcedGsapPercentageKeyframe as w, holdScope as x, isTweenConfigKey as y, isXYPositionWrite as z };

package/dist/gsapWriterAcorn.d.ts

@@ -1,4 +1,4 @@
-import { a as GsapAnimation, A as ArcPathConfig, r as SplitAnimationsOptions, t as SplitAnimationsResult, b as ArcPathSegment } from './gsapSerialize-_tuK-qvB.js';
+import { G as GsapAnimation, A as ArcPathConfig, r as SplitAnimationsOptions, t as SplitAnimationsResult, a as ArcPathSegment } from './gsapSerialize-WJrRO8uT.js';
 import './types-Ejqndkej.js';
 
 type TweenTarget = Pick<GsapAnimation, "targetSelector" | "hasPartialSelector">;

package/dist/gsapWriterAcorn.js

@@ -138,6 +138,10 @@ function buildArcPath(coords, curviness, autoRotate, isCubic) {
   }
   return { arcPath: { enabled: true, autoRotate, segments }, waypoints };
 }
+function plainPercentKey(percentage) {
+  const text = Math.abs(percentage) < 1e-6 ? percentage.toFixed(20).replace(/\.?0+$/, "") : String(percentage);
+  return `${text}%`;
+}
 var CSS_IDENTITY = {
   opacity: 1,
   autoAlpha: 1,
@@ -1087,9 +1091,6 @@ function tweenCallToAnimation(call, scope, source, identifierBindings) {
       properties[key] = val;
     }
   }
-  if (keyframesData && typeof vars.easeEach === "string") {
-    keyframesData.easeEach = vars.easeEach;
-  }
   if (motionPathResult) {
     const { waypoints } = motionPathResult;
     if (!keyframesData) {
@@ -2155,7 +2156,7 @@ function convertArrayKeyframesToObject(script, target) {
   if (!timing) return script;
   const entries = els.map((el, i) => {
     const { duration: _duration, ...record } = records[i];
-    return `${JSON.stringify(`${timing.percentages[i]}%`)}: ${recordToCode(record)}`;
+    return `${JSON.stringify(plainPercentKey(timing.percentages[i]))}: ${recordToCode(record)}`;
   });
   const ms = new MagicString(script);
   ms.overwrite(
@@ -2217,7 +2218,13 @@ function addKeyframeToScript(script, animationId, percentage, properties, ease,
       ms.overwrite(existing.prop.value.start, existing.prop.value.end, recordToCode(targetRecord));
     }
   } else {
-    insertNewKeyframe(ms, kfNode, percentage, `${percentage}%`, recordToCode(targetRecord));
+    insertNewKeyframe(
+      ms,
+      kfNode,
+      percentage,
+      plainPercentKey(percentage),
+      recordToCode(targetRecord)
+    );
   }
   for (const [prop, rec] of [...endpointOverwrites, ...backfillOverwrites]) {
     ms.overwrite(prop.value.start, prop.value.end, recordToCode(rec));
@@ -2316,7 +2323,12 @@ function moveKeyframeInScript(script, animationId, fromPercentage, toPercentage)
   }
   entries.push({ pct: toPercentage, record: valueNodeToRecord(match.prop.value, src) });
   entries.sort((a, b) => a.pct - b.pct);
-  const body = entries.map((e) => `${JSON.stringify(`${e.pct}%`)}: ${recordToCode(e.record)}`).join(", ");
+  const pctProps = new Set(percentagePropsOf(kfNode));
+  const kept = (kfNode.properties ?? []).filter((p) => !pctProps.has(p)).map((p) => src.slice(p.start, p.end));
+  const body = [
+    ...entries.map((e) => `${JSON.stringify(plainPercentKey(e.pct))}: ${recordToCode(e.record)}`),
+    ...kept
+  ].join(", ");
   const ms = new MagicString(src);
   ms.overwrite(kfNode.start, kfNode.end, `{ ${body} }`);
   return ms.toString();
@@ -2335,7 +2347,7 @@ function resizeKeyframedTweenInScript(script, animationId, newPosition, newDurat
   }
   const ms = new MagicString(src);
   for (const { keyNode, to } of edits) {
-    ms.overwrite(keyNode.start, keyNode.end, JSON.stringify(`${to}%`));
+    ms.overwrite(keyNode.start, keyNode.end, JSON.stringify(plainPercentKey(to)));
   }
   overwritePosition(ms, target.call, newPosition);
   upsertProp(ms, target.call.varsArg, "duration", newDuration);
@@ -2453,7 +2465,7 @@ function buildKeyframeObjectCode(keyframes, easeEach) {
     const props = Object.entries(kf.properties).map(([k, v]) => `${safeKey(k)}: ${valueToCode(v)}`);
     if (kf.ease) props.push(`ease: ${valueToCode(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 (easeEach) entries.push(`easeEach: ${valueToCode(easeEach)}`);
   return `{ ${entries.join(", ")} }`;
@@ -2607,7 +2619,8 @@ function addGroupAnimToScript(script, anim, propSet) {
       pos,
       anim.duration ?? 0.5,
       groupKeyframes,
-      anim.keyframes.easeEach ?? anim.ease
+      anim.keyframes.ease ?? anim.ease,
+      anim.keyframes.easeEach
     );
   }
   const groupProperties = filterGroupProperties(anim.properties, propSet);