@hyperframes/studio 0.8.112 → 0.8.114

package/src/hooks/useTimelineEditing.ts

@@ -1,5 +1,6 @@
 // fallow-ignore-file complexity
 import { useCallback, useRef } from "react";
+import { useStableHandlers } from "./useStableHandlers";
 import { usePlayerStore, type TimelineElement } from "../player";
 import { toAuthoredStart, toCompositionTime } from "../player/store/timelineElement";
 import { useRazorSplit } from "./useRazorSplit";
@@ -508,13 +509,41 @@ export function useTimelineEditing({
     return [...flatMembers, ...domMembers];
   };
 
+  const audioGroupAttribute = {
+    ...setAudioGroupAttribute,
+    // Same two-array member lookup syncStoredGroupAttribute mirrors into
+    // (timelineAudioGroupVolume.ts): a sub-composition's group members have
+    // no flat twin, only a domClipChildren entry, so both are checked.
+    setQuiet: track(
+      guard(audioGroupMembers, setAudioGroupAttribute.setQuiet, (reason, groupId, attr) => {
+        setAudioGroupAttribute.revertLive(groupId, attr);
+        return refused(reason);
+      }),
+    ),
+  };
+  const stableAudioGroupAttribute = useStableHandlers(audioGroupAttribute, projectId);
+  const elementFxAttribute = {
+    ...setElementFxAttribute,
+    setMany: track(guard((edits) => edits.map((edit) => edit.element), setElementsAttribute)),
+    setQuiet: track(
+      guard(
+        (element) => [element],
+        setElementFxAttribute.setQuiet,
+        (reason, element, attr) => {
+          setElementFxAttribute.revertLive(element, attr);
+          return refused(reason);
+        },
+      ),
+    ),
+  };
+  const stableElementFxAttribute = useStableHandlers(elementFxAttribute, projectId);
   // Every write-handler is tracked here, the one place all hand edits
   // converge, so undo never races a write; canEdit gates the same point.
   // Coverage boundary: see the PR body, not every kind resolves an element.
   const trackedRazorSplit = track(
     guard((element) => withLinkPartners([element]), handleRazorSplit),
   );
-  return {
+  const editing = {
     handleTimelineElementMove: track(guard((element) => [element], handleTimelineElementMove)),
     handleTimelineElementResize: track(guard((element) => [element], handleTimelineElementResize)),
     handleToggleTrackHidden: track(
@@ -530,32 +559,8 @@ export function useTimelineEditing({
       }, handleToggleElementHidden),
     ),
     handleAutoGroupCarveSources: track(handleAutoGroupCarveSources),
-    setAudioGroupAttribute: {
-      ...setAudioGroupAttribute,
-      // Same two-array member lookup syncStoredGroupAttribute mirrors into
-      // (timelineAudioGroupVolume.ts): a sub-composition's group members have
-      // no flat twin, only a domClipChildren entry, so both are checked.
-      setQuiet: track(
-        guard(audioGroupMembers, setAudioGroupAttribute.setQuiet, (reason, groupId, attr) => {
-          setAudioGroupAttribute.revertLive(groupId, attr);
-          return refused(reason);
-        }),
-      ),
-    },
-    setElementFxAttribute: {
-      ...setElementFxAttribute,
-      setMany: track(guard((edits) => edits.map((edit) => edit.element), setElementsAttribute)),
-      setQuiet: track(
-        guard(
-          (element) => [element],
-          setElementFxAttribute.setQuiet,
-          (reason, element, attr) => {
-            setElementFxAttribute.revertLive(element, attr);
-            return refused(reason);
-          },
-        ),
-      ),
-    },
+    setAudioGroupAttribute: stableAudioGroupAttribute,
+    setElementFxAttribute: stableElementFxAttribute,
     handleTimelineElementDelete: track(
       guard((element) => withLinkPartners([element]), linkEditing.handleLinkedElementDelete),
     ),
@@ -591,4 +596,5 @@ export function useTimelineEditing({
       setAudioGroupAttribute.restoreLive(restore);
     },
   };
+  return useStableHandlers(editing, projectId);
 }

package/src/utils/frameCapture.ts

@@ -5,6 +5,7 @@ export interface FrameCaptureRequest {
   compositionPath: string | null;
   currentTime: number;
   origin?: string;
+  version?: number;
 }
 
 function normalizeCompositionPath(compositionPath: string | null): string {
@@ -16,6 +17,7 @@ export function buildFrameCaptureUrl({
   compositionPath,
   currentTime,
   origin = window.location.origin,
+  version = Date.now(),
 }: FrameCaptureRequest): string {
   const compPath = normalizeCompositionPath(compositionPath);
   const url = new URL(
@@ -25,7 +27,7 @@ export function buildFrameCaptureUrl({
   url.searchParams.set("t", Math.max(0, currentTime).toFixed(3));
   url.searchParams.set("format", "png");
   url.searchParams.set("output", "source");
-  url.searchParams.set("v", String(Date.now()));
+  url.searchParams.set("v", String(version));
   return url.toString();
 }
 

package/src/utils/gsapUndoRestore.browser.test.ts

@@ -6,12 +6,14 @@ import { join } from "node:path";
 import { fileURLToPath } from "node:url";
 import puppeteer, { type Browser } from "puppeteer-core";
 import { build } from "vite";
-import { afterAll, beforeAll, expect, it } from "vitest";
+import { afterAll, beforeAll, expect, it, vi } from "vitest";
 import { findSystemChrome } from "../../vite.browser";
 import { writeFixture } from "../../tests/e2e/edit-accuracy/grid.mjs";
 
 const require = createRequire(import.meta.url);
 const CROP = "inset(0px 40px 0px 0px)";
+// Real Chrome on a loaded Windows runner exceeds Vitest's 5s test and 10s hook defaults.
+vi.setConfig({ testTimeout: 60_000, hookTimeout: 60_000 });
 let browser: Browser;
 let undoBundle: string;
 
@@ -37,7 +39,7 @@ beforeAll(async () => {
   });
   undoBundle = (Array.isArray(out) ? out[0]! : (out as { output: [{ code: string }] })).output[0]
     .code;
-}, 60_000);
+});
 
 afterAll(() => browser?.close());