@hyperframes/studio 0.8.92 → 0.8.93

package/dist/assets/{index-CHZ4kFWm.js → index-V3fzEfOD.js}

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

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-C5_j5-3u.js"></script>
+    <script type="module" crossorigin src="/assets/index-CYk0NwSv.js"></script>
     <link rel="stylesheet" crossorigin href="/assets/index-Dx79V1Se.css">
   </head>
   <body>

package/dist/index.js

@@ -25328,7 +25328,8 @@ function useTimelinePlayerLoop({
   reverseRafRef,
   getAdapter,
   setCurrentTime,
-  setIsPlaying
+  setIsPlaying,
+  setLoopStart
 }) {
   const stopReverseLoop = useCallback38(() => {
     cancelAnimationFrame(reverseRafRef.current);
@@ -25346,8 +25347,10 @@ function useTimelinePlayerLoop({
         const rawLoopStart = inPoint !== null ? inPoint : 0;
         const loopEnd = rawLoopStart < rawLoopEnd ? rawLoopEnd : dur;
         const loopStart = rawLoopStart < rawLoopEnd ? rawLoopStart : 0;
+        const looping = usePlayerStore.getState().loopEnabled && dur > 0;
+        setLoopStart(looping ? loopStart : null);
         if (time >= loopEnd) {
-          if (usePlayerStore.getState().loopEnabled && dur > 0) {
+          if (looping) {
             adapter.seek(loopStart, { keepPlaying: true });
             liveTime.notify(loopStart);
             adapter.play();
@@ -25365,7 +25368,7 @@ function useTimelinePlayerLoop({
       rafRef.current = requestAnimationFrame(tick);
     };
     rafRef.current = requestAnimationFrame(tick);
-  }, [rafRef, getAdapter, setCurrentTime, setIsPlaying]);
+  }, [rafRef, getAdapter, setCurrentTime, setIsPlaying, setLoopStart]);
   const stopRAFLoop = useCallback38(() => {
     cancelAnimationFrame(rafRef.current);
   }, [rafRef]);
@@ -25863,12 +25866,19 @@ function useTimelinePlayer({
     },
     []
   );
+  const setLoopStart = useCallback39((seconds) => {
+    try {
+      iframeRef.current?.contentWindow?.__hf?.setLoopStart?.(seconds);
+    } catch {
+    }
+  }, []);
   const { startRAFLoop, stopRAFLoop, stopReverseLoop } = useTimelinePlayerLoop({
     rafRef,
     reverseRafRef,
     getAdapter,
     setCurrentTime,
-    setIsPlaying
+    setIsPlaying,
+    setLoopStart
   });
   const applyPlaybackRate = useCallback39((rate) => {
     const iframe = iframeRef.current;