@hyperframes/studio 0.7.90 → 0.7.93

package/dist/assets/{index-Bi-CwQDX.js → index-wS6f7F5q.js}

@@ -1,4 +1,4 @@
-import{n as Qi}from"./index-Cql15Yur.js";/*!
+import{n as Qi}from"./index-Dp1zVb9X.js";/*!
  * Copyright (c) 2026-present, Vanilagy and contributors
  *
  * This Source Code Form is subject to the terms of the Mozilla Public

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. */
@@ -125,6 +129,19 @@ interface KeyframeSlice {
     setKeyframeCache: (elementId: string, data: KeyframeCacheEntry | undefined) => void;
 }
 
+interface TimelineFocusRequest {
+    id: string;
+    projectId: string | null;
+    sessionEpoch: number;
+    nonce: number;
+}
+
+type TimeListener = (time: number) => void;
+declare const liveTime: {
+    notify: (time: number) => void;
+    subscribe: (listener: TimeListener) => () => boolean;
+};
+
 interface TimelineElement {
     id: string;
     label?: string;
@@ -299,18 +316,10 @@ interface PlayerState extends KeyframeSlice {
     requestedSeekTime: number | null;
     requestSeek: (time: number) => void;
     clearSeekRequest: () => void;
-    /**
-     * Request the timeline to scroll a clip into view (e.g. clicking an
-     * already-added asset card in the sidebar). Consumed and cleared by
-     * useTimelineRevealClip. The nonce makes repeat requests for the same
-     * clip observable so a second click re-reveals after the user scrolls away.
-     */
-    clipRevealRequest: {
-        elementId: string;
-        nonce: number;
-    } | null;
-    requestClipReveal: (elementId: string) => void;
-    clearClipRevealRequest: () => void;
+    timelineFocus: TimelineFocusRequest | null;
+    timelineFocusNonce: number;
+    requestTimelineFocus: (id: string) => void;
+    clearTimelineFocus: (nonce: number) => void;
     lintFindingsByElement: Map<string, {
         count: number;
         messages: string[];
@@ -360,11 +369,6 @@ interface BeatHistoryEntry {
     at: number;
     label: string;
 }
-type TimeListener = (time: number) => void;
-declare const liveTime: {
-    notify: (t: number) => void;
-    subscribe: (cb: TimeListener) => () => boolean;
-};
 declare const usePlayerStore: zustand.UseBoundStore<zustand.StoreApi<PlayerState>>;
 
 /**
@@ -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. */
@@ -842,14 +846,14 @@ interface PropertyPanelProps {
     onSetManualOffset: (element: DomEditSelection, next: {
         x: number;
         y: number;
-    }) => void;
+    }) => void | Promise<void>;
     onSetManualSize: (element: DomEditSelection, next: {
         width: number;
         height: number;
-    }) => void;
+    }) => void | Promise<void>;
     onSetManualRotation: (element: DomEditSelection, next: {
         angle: number;
-    }) => void;
+    }) => void | Promise<void>;
     onSetText: (value: string, fieldKey?: string) => void;
     onSetTextFieldStyle: (fieldKey: string, property: string, value: string) => void;
     onPreviewTextFieldStyle?: (fieldKey: string, property: string, value: string) => void;
@@ -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,8 +5,8 @@
     <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-Cql15Yur.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-BXkzp_OU.css">
+    <script type="module" crossorigin src="/assets/index-Dp1zVb9X.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-D78KEjgB.css">
   </head>
   <body>
     <div data-hf-id="hf-aph5" id="root"></div>