@hyperframes/studio 0.7.89 → 0.7.92

package/dist/index.d.ts

@@ -92,6 +92,16 @@ interface KeyframeCacheEntry {
     ease?: string;
     easeEach?: string;
 }
+interface FocusedEaseSegment {
+    animationId: string;
+    collidingAnimationTargets?: AnimationKeyframeTarget[];
+    tweenPercentage: number;
+    elementId: string;
+    projectId: string | null;
+    sessionEpoch: number;
+    nonce: number;
+}
+type FocusedEaseSegmentTarget = Omit<FocusedEaseSegment, "projectId" | "sessionEpoch" | "nonce">;
 interface KeyframeSlice {
     /** Selected collapsed (`element:pct`) or expanded (`element:group:animation:clipPct`) diamonds. */
     selectedKeyframes: Set<string>;
@@ -103,20 +113,14 @@ interface KeyframeSlice {
     setClipExpanded: (id: string, expanded: boolean) => void;
     /** Union-expand clips (keyframed clips are expanded by default on load). */
     expandClips: (ids: readonly string[]) => void;
-    /** elementId scopes the request to one element so a shared (class-selector)
-     * animation id can't open the ease editor on the wrong element. */
-    focusedEaseSegment: {
-        animationId: string;
-        collidingAnimationTargets?: AnimationKeyframeTarget[];
-        tweenPercentage: number;
-        elementId: string;
-    } | null;
-    setFocusedEaseSegment: (target: {
-        animationId: string;
-        collidingAnimationTargets?: AnimationKeyframeTarget[];
-        tweenPercentage: number;
-        elementId: string;
-    } | null) => void;
+    /**
+     * Project/session/element-scoped request. Its nonce is monotonic across store
+     * resets so a stale consumer can never collide with a later request.
+     */
+    focusedEaseSegment: FocusedEaseSegment | null;
+    focusedEaseRequestNonce: number;
+    setFocusedEaseSegment: (target: FocusedEaseSegmentTarget) => void;
+    clearFocusedEaseSegment: (nonce: number) => void;
     /** Keyframe data per element id, populated from parsed GSAP animations. */
     keyframeCache: Map<string, KeyframeCacheEntry>;
     /** Unmerged source tweens per element; expanded property lanes read this, never keyframeCache. */
@@ -514,7 +518,7 @@ interface TimelineEditCallbacks {
     onRazorSplit?: (element: TimelineElement, splitTime: number) => Promise<void> | void;
     onRazorSplitAll?: (splitTime: number) => Promise<void> | void;
     onDeleteKeyframe?: (elementId: string, keyframe: TimelineKeyframeTarget) => void;
-    onDeleteAllKeyframes?: (element: TimelineElement) => void;
+    onDeleteAllKeyframes?: (element: TimelineElement, animationId?: string) => void;
     onMoveKeyframeToPlayhead?: (element: TimelineElement, keyframe: TimelineKeyframeTarget) => void;
     /** Drag-to-retime: `keyframe` identifies the dragged keyframe (its percentage
      *  is clip-relative), `toClipPercentage` is the neighbour-clamped drop. */
@@ -888,8 +892,8 @@ interface PropertyPanelProps {
     onAddKeyframe?: (animationId: string, percentage: number, property: string, value: number | string) => void;
     onRemoveKeyframe?: (animationId: string, percentage: number) => void;
     onUpdateKeyframeEase?: (animationId: string, percentage: number, ease: string) => void;
-    onSetAllKeyframeEases?: (animationId: string, ease: string) => void;
     onUpdateSegmentEase?: NonNullable<GsapAnimationEditCallbacks["onUpdateSegmentEase"]>;
+    onSetAllKeyframeEases?: (animationId: string, ease: string) => void;
     onConvertToKeyframes?: (animationId: string, duration?: number) => void;
     onCommitAnimatedProperty?: (selection: DomEditSelection, property: string, value: number | string) => Promise<void>;
     onCommitAnimatedProperties?: (selection: DomEditSelection, props: Record<string, number | string>) => Promise<void>;

package/dist/index.html

@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <title>HyperFrames Studio</title>
-    <script type="module" crossorigin src="/assets/index-CddKwfQ1.js"></script>
+    <script type="module" crossorigin src="/assets/index-DIntkrQl.js"></script>
     <link rel="stylesheet" crossorigin href="/assets/index-BXkzp_OU.css">
   </head>
   <body>