mirror of
https://github.com/heygen-com/hyperframes.git
synced 2026-09-01 19:42:03 +00:00
Miguel Ángel
91bdffffe6
* refactor: split useTimelinePlayer.ts and hyperframes-player.ts into focused modules (<500 LOC each) * fix(ci): scope 500 LOC check to packages/studio, add allowlist for grandfathered files * feat(cli): Linux ARM64 support — auto-install Chromium on DGX Spark / GB10 / Jetson Chrome Headless Shell has no Linux ARM64 binary. On arm64 Linux: - Detects the platform automatically - Tries to auto-install system Chromium via apt-get (works on Ubuntu/Debian ARM) - Falls back to clear manual instructions with exact commands - 'hyperframes browser ensure' guides through the setup interactively - After setup, all render commands work without any flags * fix(ci): disable Windows Defender real-time monitoring to prevent EPERM builds Path exclusions are insufficient — Defender re-scans new files created during bun install before the exclusion takes effect. Disable real-time monitoring for the entire job duration instead (standard CI practice). * refactor(studio): split all files >500 LOC + extract useToast, delete allowlist All 11 large files split into focused modules under 500 LOC. App.tsx extracted toast logic into useToast hook (493 LOC now). .filesize-allowlist deleted — no longer needed. * fix: remove unused imports from split files, extract useToast from App.tsx App.tsx: 504 → 493 lines (toast logic extracted to useToast hook) timelineDOM.ts: remove unused imports from re-export pattern MotionPanel.tsx: remove unused clampStudioCustomEasePoints import studioMotionOps.ts: remove unused StudioGsapMotionDirection import * fix(ci): use Set-MpPreference to fully disable Windows Defender (both jobs) * fix(producer): use node --experimental-strip-types instead of tsx for build:fonts Eliminates the tsx binary dependency that Windows Defender locks during bun install, causing EPERM errors. Node 22.6+ strips TypeScript types natively with no external binary. * chore: remove .filesize-allowlist — App.tsx is now 493 lines (<500) * fix(ci): disable Windows Defender before checkout to prevent all EPERM races * fix(producer): skip build:fonts if fontData.generated.ts already exists The generated file is tracked in git, so CI doesn't need to regenerate it. This avoids @fontsource/inter node_modules access on Windows which triggers EPERM from Defender scanning during bun install.
86 lines
2.9 KiB
TypeScript
86 lines
2.9 KiB
TypeScript
/**
|
|
* Pure playback-state update logic for the `state` message from the runtime.
|
|
*
|
|
* Extracted from the web component so the state-transition rules — loop
|
|
* handling, play/pause mirroring, completion detection — can be read and
|
|
* exercised independently.
|
|
*/
|
|
|
|
import type { ParentMediaManager } from "./parent-media.js";
|
|
|
|
const UI_UPDATE_INTERVAL_MS = 100;
|
|
|
|
export interface PlaybackState {
|
|
currentTime: number;
|
|
duration: number;
|
|
paused: boolean;
|
|
lastUpdateMs: number;
|
|
}
|
|
|
|
export interface PlaybackStateCallbacks {
|
|
updateControlsTime: (current: number, duration: number) => void;
|
|
updateControlsPlaying: (playing: boolean) => void;
|
|
dispatchEvent: (event: Event) => void;
|
|
seek: (t: number) => void;
|
|
play: () => void;
|
|
getLoop: () => boolean;
|
|
media: ParentMediaManager;
|
|
}
|
|
|
|
/**
|
|
* Process a `state` message from the runtime and return the next state.
|
|
* Side effects (controls updates, events, media mirroring) are fired through
|
|
* `callbacks`. The caller must commit the returned state object.
|
|
*/
|
|
export function applyRuntimeStateMessage(
|
|
data: { frame: number; isPlaying: boolean },
|
|
fps: number,
|
|
current: PlaybackState,
|
|
callbacks: PlaybackStateCallbacks,
|
|
): PlaybackState {
|
|
const rawTime = (data.frame ?? 0) / fps;
|
|
const currentTime = current.duration > 0 ? Math.min(rawTime, current.duration) : rawTime;
|
|
const wasPlaying = !current.paused;
|
|
const nextPaused = !data.isPlaying;
|
|
const completedPlayback =
|
|
current.duration > 0 && currentTime >= current.duration && (wasPlaying || data.isPlaying);
|
|
|
|
if (completedPlayback && callbacks.getLoop()) {
|
|
if (callbacks.media.audioOwner === "parent") callbacks.media.pauseAll();
|
|
callbacks.seek(0);
|
|
callbacks.play();
|
|
// play() sets paused=false; reflect that in the returned state so the
|
|
// caller's destructure doesn't overwrite it with the stale nextPaused value.
|
|
return { ...current, currentTime, paused: false };
|
|
}
|
|
|
|
const next: PlaybackState = { ...current, currentTime, paused: nextPaused };
|
|
|
|
if (callbacks.media.audioOwner === "parent") {
|
|
if (wasPlaying && nextPaused) {
|
|
callbacks.media.pauseAll();
|
|
} else if (!wasPlaying && !nextPaused) {
|
|
callbacks.media.playAll();
|
|
}
|
|
callbacks.media.mirrorTime(currentTime);
|
|
}
|
|
|
|
const now = performance.now();
|
|
const playStateChanged = nextPaused !== current.paused;
|
|
if (now - current.lastUpdateMs > UI_UPDATE_INTERVAL_MS || playStateChanged) {
|
|
next.lastUpdateMs = now;
|
|
callbacks.updateControlsTime(currentTime, current.duration);
|
|
callbacks.updateControlsPlaying(!nextPaused);
|
|
callbacks.dispatchEvent(new CustomEvent("timeupdate", { detail: { currentTime } }));
|
|
}
|
|
|
|
if (completedPlayback) {
|
|
if (callbacks.media.audioOwner === "parent") callbacks.media.pauseAll();
|
|
next.paused = true;
|
|
callbacks.updateControlsPlaying(false);
|
|
callbacks.dispatchEvent(new Event("ended"));
|
|
}
|
|
|
|
return next;
|
|
}
|