@hyperframes/studio 0.8.130 → 0.8.132

package/dist/index.d.ts

@@ -272,6 +272,8 @@ interface PlaybackReadinessSlice {
     previewBooted: boolean;
     setTimelineReady: (ready: boolean) => void;
     markPreviewBooted: () => void;
+    playLocked: boolean;
+    setPlayLocked: (locked: boolean) => void;
     /** Sets timelineReady once doc's readiness inputs settle, or immediately
      *  if doc is null. A wait a later call supersedes never wins the race.
      *  Waits for doc's load step first: it pauses and rewinds the preview, so a
@@ -2865,6 +2867,7 @@ declare function usePersistentEditHistory({ projectId }: UsePersistentEditHistor
         }[];
     };
     recordEdit: ({ label, coalesceKey, coalesceMs, files, created }: RecordEditInput$5) => Promise<void>;
+    claimKey: (key: string) => string;
     undo: (callbacks: ApplyCallbacks) => Promise<ApplyResult>;
     redo: (callbacks: ApplyCallbacks) => Promise<ApplyResult>;
     predict: (direction: "undo" | "redo") => {

package/dist/index.html

@@ -14,7 +14,7 @@
         document.documentElement.dataset.theme = "paper";
       }
     </script>
-    <script type="module" crossorigin src="/assets/index-DDsV6l9T.js"></script>
+    <script type="module" crossorigin src="/assets/index-oE1pOdAy.js"></script>
     <link rel="stylesheet" crossorigin href="/assets/index-D11atkBt.css">
   </head>
   <body>

package/dist/index.js

@@ -39,7 +39,7 @@ import {
   usePreviewVariablesStore,
   whenPreviewBooted,
   writeStudioUiPreferences
-} from "./chunk-DRVWEPO5.js";
+} from "./chunk-FOEID72M.js";
 import {
   Button,
   ContextMenu,
@@ -28278,6 +28278,7 @@ function usePlaybackKeyboard({
   );
   const shuttle = useCallback38(
     (direction) => {
+      if (usePlayerStore.getState().playLocked) return;
       if (shuttleDirectionRef.current === direction) {
         shuttleSpeedIndexRef.current = Math.min(
           shuttleSpeedIndexRef.current + 1,
@@ -31213,7 +31214,7 @@ function useTimelinePlayerLoop({
         const looping = usePlayerStore.getState().loopEnabled && dur > 0;
         setLoopStart(looping ? loopStart : null);
         if (time >= loopEnd) {
-          if (looping) {
+          if (looping && !usePlayerStore.getState().playLocked) {
             adapter.seek(loopStart, { keepPlaying: true });
             liveTime.notify(loopStart);
             adapter.play();
@@ -31506,7 +31507,7 @@ function pumpProbeQueue() {
 
 // src/player/lib/playbackSeek.ts
 function shouldResumeForwardPlaybackAfterSeek(input) {
-  return input.keepPlaying && !input.wasReverseShuttle && input.storeWasPlaying && (input.duration <= 0 || input.nextTime < input.duration);
+  return !input.playLocked && input.keepPlaying && !input.wasReverseShuttle && input.storeWasPlaying && (input.duration <= 0 || input.nextTime < input.duration);
 }
 function shouldStopAfterSeek(input) {
   return !input.keepPlaying || input.wasReverseShuttle;
@@ -31709,7 +31710,8 @@ function useTimelinePlayer({
     applyPreviewAudioFlags(iframeRef.current, audioMuted, audioVolume);
   }, []);
   const play = useCallback42(() => {
-    if (!usePlayerStore.getState().timelineReady) return;
+    const { timelineReady, playLocked } = usePlayerStore.getState();
+    if (!timelineReady || playLocked) return;
     stopRAFLoop();
     stopReverseLoop();
     stopScrubPreviewAudio();
@@ -31793,9 +31795,8 @@ function useTimelinePlayer({
   const pause = useCallback42(() => {
     stopReverseLoop();
     const adapter = getAdapter();
-    if (!adapter) return;
-    adapter.pause();
-    setCurrentTime(adapter.getTime());
+    adapter?.pause();
+    if (adapter) setCurrentTime(adapter.getTime());
     setIsPlaying(false);
     shuttleDirectionRef.current = null;
     shuttleSpeedIndexRef.current = 0;
@@ -31813,17 +31814,19 @@ function useTimelinePlayer({
       const duration = Math.max(0, adapter.getDuration());
       const nextTime = clampToDuration(time, duration);
       const keepPlaying = options?.keepPlaying === true;
+      const { playLocked, isPlaying: storeWasPlaying } = usePlayerStore.getState();
       const shouldResumeAfterSeek = shouldResumeForwardPlaybackAfterSeek({
         keepPlaying,
         wasReverseShuttle,
-        storeWasPlaying: usePlayerStore.getState().isPlaying,
+        storeWasPlaying,
         duration,
-        nextTime
+        nextTime,
+        playLocked
       });
       adapter.seek(nextTime, options);
       publishSeek(nextTime, options);
       setCurrentTime(nextTime);
-      if (!shouldResumeAfterSeek && !keepPlaying) scrubMusicAtSeek(iframeRef.current, nextTime);
+      if (!keepPlaying && !playLocked) scrubMusicAtSeek(iframeRef.current, nextTime);
       if (shouldResumeAfterSeek) {
         stopRAFLoop();
         applyPlaybackRate(usePlayerStore.getState().playbackRate);
@@ -31855,6 +31858,12 @@ function useTimelinePlayer({
       shuttleSpeedIndexRef
     ]
   );
+  useEffect35(
+    () => usePlayerStore.subscribe((state, prev) => {
+      if (state.playLocked && !prev.playLocked && state.isPlaying) pause();
+    }),
+    [pause]
+  );
   useEffect35(() => {
     return usePlayerStore.subscribe((state, prev) => {
       if (state.requestedSeekTime !== null && state.requestedSeekTime !== prev.requestedSeekTime) {
@@ -73774,6 +73783,7 @@ function usePersistentEditHistory({ projectId }) {
   projectIdRef.current = projectId;
   const [own] = useState111(createOwnHistory);
   const [pageKeyScope] = useState111(generateId);
+  const claimKey = useCallback100((key2) => `${pageKeyScope}:${key2}`, [pageKeyScope]);
   const refresh2 = useCallback100(async () => {
     if (!projectId) return;
     const seen = own.changes();
@@ -73805,7 +73815,7 @@ function usePersistentEditHistory({ projectId }) {
         paths,
         overwrote: await overwroteVersions(files),
         ...coalesceKey && {
-          coalesceKey: `${pageKeyScope}:${coalesceKey}`,
+          coalesceKey: claimKey(coalesceKey),
           idleMs: coalesceMs ?? DEFAULT_COALESCE_MS
         }
       });
@@ -73817,7 +73827,7 @@ function usePersistentEditHistory({ projectId }) {
       heldClaimRef.current = claimed && coalesceKey ? { paths, at: Date.now() } : null;
       await refresh2();
     },
-    [projectId, refresh2, own, pageKeyScope]
+    [projectId, refresh2, own, claimKey]
   );
   const step = useCallback100(
     async (direction, callbacks) => {
@@ -73891,6 +73901,7 @@ function usePersistentEditHistory({ projectId }) {
     redoPaths: view.forward?.paths ?? [],
     state,
     recordEdit,
+    claimKey,
     undo,
     redo,
     predict: own.predict,