@hyperframes/studio 0.8.126 → 0.8.127

package/src/hooks/gsapWholePropertyOffsetCommit.ts

@@ -8,7 +8,11 @@ import { resolveTweenStart, resolveTweenDuration } from "../utils/globalTimeComp
 import { roundTo3 } from "../utils/rounding";
 import { keyframeEases, PROPERTY_DEFAULTS } from "./gsapShared";
 import { synthesizeFlatTweenKeyframes } from "./gsapTweenSynth";
-import { materializeIfDynamic, type GsapDragCommitCallbacks } from "./gsapDragCommit";
+import {
+  materializeIfDynamic,
+  refuseStepListRewrite,
+  type GsapDragCommitCallbacks,
+} from "./gsapDragCommit";
 
 /**
  * Generic sibling of commitWholePathOffset for property groups other than
@@ -32,6 +36,7 @@ export async function commitWholePropertyOffset(
   // fallow-ignore-next-line code-duplication
   let effectiveAnim = anim;
   if (anim.keyframes) {
+    refuseStepListRewrite(anim);
     const newId = await materializeIfDynamic(anim, iframe, callbacks.commitMutation, selection);
     if (newId) effectiveAnim = { ...anim, id: newId };
   }

package/src/hooks/useCommitPreflightCapabilities.ts

@@ -3,7 +3,7 @@ import type { GsapAnimation } from "@hyperframes/core/gsap-parser";
 import type { DomEditSelection } from "../components/editor/domEditingTypes";
 import { dragEditOutcome, preflightGsapRotationIntercept } from "./gsapRuntimeBridge";
 import { preflightGsapResizeIntercept } from "./gsapResizePreflight";
-import { GSAP_EDIT_BLOCK_COPY, type GsapEditOutcome } from "./gsapEditOutcome";
+import { gsapEditBlockMessage, type GsapEditOutcome } from "./gsapEditOutcome";
 import { fetchParsedAnimations, parseCacheKey } from "./keyframeCacheAstLoad";
 import { getAnimationsForElement } from "./gsapElementMatch";
 import { gsapSourceFileForSelection } from "./useGsapAnimationFetchFallback";
@@ -44,7 +44,7 @@ const MANUAL_FLAGS = [
 function refusal(preflight: CommitPreflight | null, check: keyof CommitPreflight): string | null {
   const outcome = preflight?.[check];
   if (!outcome) return "";
-  return outcome.status === "blocked" ? GSAP_EDIT_BLOCK_COPY[outcome.reason] : null;
+  return outcome.status === "blocked" ? gsapEditBlockMessage(outcome.reason, outcome.detail) : null;
 }
 
 /** Closes each manual flag whose commit Studio would refuse, and says why. */

package/src/hooks/useGsapAwareEditing.groupPlan.test.tsx

@@ -127,6 +127,31 @@ describe("a group drag plans every member before its first write", () => {
     act(() => h.root.unmount());
   });
 
+  it("with auto-keyframe off, refuses the whole group when one member's step list holds a step delay", async () => {
+    usePlayerStore.setState({ autoKeyframeEnabled: false });
+    const steps = {
+      format: "object-array",
+      keyframes: [
+        { percentage: 50, properties: { x: 100, y: 0, delay: 0.5 } },
+        { percentage: 100, properties: { x: 200, y: 0 } },
+      ],
+    };
+    const h = mountGroup([
+      positionTween("a"),
+      positionTween("b", { keyframes: steps } as Partial<GsapAnimation>),
+      positionTween("c"),
+    ]);
+
+    await expect(h.groupCommit(h.updates)).rejects.toMatchObject({
+      reason: "keyframes-uneditable",
+      detail: "array-step-delay",
+    });
+
+    expect(h.written()).toEqual([]);
+    expect(trackStudioEditBlocked).toHaveBeenCalledWith(expect.objectContaining({ targetId: "b" }));
+    act(() => h.root.unmount());
+  });
+
   it("refuses members animated in two files, since the batch writes one file", async () => {
     const h = mountGroup(["a", "b", "c"].map((id) => positionTween(id)));
     const updates = h.updates.map((u, i) => ({