@hyperframes/studio 0.8.174 → 0.8.176

package/dist/assets/{index-Bsc8xBh9.js → index-DHRXpmtI.js}

@@ -1,4 +1,4 @@
-import{n as Qi}from"./index-DGl_Zvb3.js";/*!
+import{n as Qi}from"./index-BkDF4Z-5.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

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

package/dist/index.js

@@ -32181,7 +32181,7 @@ function acceptedPreviewMessage(e, iframe) {
   if (data?.source !== "hf-preview") return null;
   return acceptStudioRuntimeMessage(data) ? data : null;
 }
-function handleStateMessage(deps, iframe) {
+function handleStateMessage(deps, iframe, playingHoldsClipListPosts) {
   try {
     if (usePlayerStore.getState().elements.length === 0) {
       const manifest = iframe?.contentWindow?.__clipManifest;
@@ -32189,7 +32189,7 @@ function handleStateMessage(deps, iframe) {
         deps.processTimelineMessageRef.current(manifest);
       }
     }
-    if (Date.now() - deps.lastTimelineMessageRef.current > 500) {
+    if (!playingHoldsClipListPosts && Date.now() - deps.lastTimelineMessageRef.current > 500) {
       deps.enrichMissingCompositionsRef.current();
     }
   } catch {
@@ -32214,7 +32214,7 @@ function createPreviewMessageHandler(deps) {
     const iframe = deps.iframeRef.current;
     const data = acceptedPreviewMessage(e, iframe);
     if (!data) return;
-    if (data.type === "state") return handleStateMessage(deps, iframe);
+    if (data.type === "state") return handleStateMessage(deps, iframe, data.isPlaying === true);
     if (data.type === "timeline" && Array.isArray(data.clips)) {
       handleTimelineMessage(deps, iframe, data);
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hyperframes/studio",
-  "version": "0.8.174",
+  "version": "0.8.176",
   "description": "",
   "repository": {
     "type": "git",
@@ -59,12 +59,12 @@
     "dockview-react": "8.3.1",
     "gsap": "^3.13.0",
     "mediabunny": "^1.45.3",
-    "@hyperframes/core": "0.8.174",
-    "@hyperframes/parsers": "0.8.174",
-    "@hyperframes/shader-transitions": "0.8.174",
-    "@hyperframes/sdk": "0.8.174",
-    "@hyperframes/player": "0.8.174",
-    "@hyperframes/studio-server": "0.8.174"
+    "@hyperframes/core": "0.8.176",
+    "@hyperframes/parsers": "0.8.176",
+    "@hyperframes/player": "0.8.176",
+    "@hyperframes/sdk": "0.8.176",
+    "@hyperframes/shader-transitions": "0.8.176",
+    "@hyperframes/studio-server": "0.8.176"
   },
   "devDependencies": {
     "@tailwindcss/vite": "^4.3.3",
@@ -81,7 +81,7 @@
     "vite": "^6.4.2",
     "vitest": "^4.1.11",
     "zustand": "^5.0.0",
-    "@hyperframes/producer": "0.8.174"
+    "@hyperframes/producer": "0.8.176"
   },
   "peerDependencies": {
     "react": "19",

package/src/player/hooks/previewMessageRouter.test.ts

@@ -0,0 +1,23 @@
+import { describe, expect, it, vi } from "vitest";
+import { createPreviewMessageHandler } from "./previewMessageRouter";
+
+function route(isPlaying: boolean) {
+  const enrich = vi.fn();
+  const handle = createPreviewMessageHandler({
+    iframeRef: { current: null },
+    processTimelineMessageRef: { current: vi.fn() },
+    enrichMissingCompositionsRef: { current: enrich },
+    lastTimelineMessageRef: { current: 0 },
+    getAdapter: () => null,
+    syncTimelineElements: vi.fn(),
+  });
+  handle(new MessageEvent("message", { data: { source: "hf-preview", type: "state", isPlaying } }));
+  return enrich;
+}
+
+describe("preview state messages", () => {
+  it("re-reads the preview for missing compositions only while it is stopped", () => {
+    expect(route(true)).not.toHaveBeenCalled();
+    expect(route(false)).toHaveBeenCalledTimes(1);
+  });
+});

package/src/player/hooks/previewMessageRouter.ts

@@ -29,6 +29,7 @@ interface PreviewMessage {
   source?: string;
   type?: string;
   clips?: unknown;
+  isPlaying?: unknown;
 }
 
 export interface PreviewMessageRouterDeps {
@@ -68,6 +69,7 @@ function acceptedPreviewMessage(
 function handleStateMessage(
   deps: PreviewMessageRouterDeps,
   iframe: HTMLIFrameElement | null,
+  playingHoldsClipListPosts: boolean,
 ): void {
   try {
     if (usePlayerStore.getState().elements.length === 0) {
@@ -76,7 +78,7 @@ function handleStateMessage(
         deps.processTimelineMessageRef.current(manifest);
       }
     }
-    if (Date.now() - deps.lastTimelineMessageRef.current > 500) {
+    if (!playingHoldsClipListPosts && Date.now() - deps.lastTimelineMessageRef.current > 500) {
       deps.enrichMissingCompositionsRef.current();
     }
   } catch {}
@@ -112,7 +114,7 @@ export function createPreviewMessageHandler(
     const iframe = deps.iframeRef.current;
     const data = acceptedPreviewMessage(e, iframe);
     if (!data) return;
-    if (data.type === "state") return handleStateMessage(deps, iframe);
+    if (data.type === "state") return handleStateMessage(deps, iframe, data.isPlaying === true);
     if (data.type === "timeline" && Array.isArray(data.clips)) {
       handleTimelineMessage(deps, iframe, data as unknown as ClipManifestMessage);
     }