mirror of
https://github.com/heygen-com/hyperframes.git
synced 2026-09-10 12:28:12 +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.
51 lines
1.8 KiB
TypeScript
51 lines
1.8 KiB
TypeScript
/**
|
|
* Types and type-guards for the two playback adapter paths the player supports:
|
|
*
|
|
* - `RuntimeDurationAdapter` — the HyperFrames runtime exposes `window.__player`
|
|
* with a `getDuration()` method. This is the standard path for compositions
|
|
* served through the runtime bridge.
|
|
*
|
|
* - `DirectTimelineAdapter` — same-origin standalone compositions can expose
|
|
* their GSAP master timeline at `window.__timelines` without installing the
|
|
* full runtime. The player drives play/pause/seek directly against the
|
|
* timeline object, bypassing the postMessage bridge.
|
|
*
|
|
* `PlaybackDurationAdapter` is the discriminated union the probe interval
|
|
* returns after deciding which path is available.
|
|
*/
|
|
|
|
export interface RuntimeDurationAdapter {
|
|
getDuration: () => number;
|
|
}
|
|
|
|
export interface DirectTimelineAdapter {
|
|
duration: () => number;
|
|
time: () => number;
|
|
seek: (timeInSeconds: number) => unknown;
|
|
play: () => unknown;
|
|
pause: () => unknown;
|
|
}
|
|
|
|
export type PlaybackDurationAdapter =
|
|
| { kind: "runtime"; getDuration: () => number }
|
|
| { kind: "direct-timeline"; timeline: DirectTimelineAdapter; getDuration: () => number };
|
|
|
|
export function isObjectRecord(value: unknown): value is Record<string, unknown> {
|
|
return typeof value === "object" && value !== null;
|
|
}
|
|
|
|
export function isRuntimeDurationAdapter(value: unknown): value is RuntimeDurationAdapter {
|
|
return isObjectRecord(value) && typeof value.getDuration === "function";
|
|
}
|
|
|
|
export function isDirectTimelineAdapter(value: unknown): value is DirectTimelineAdapter {
|
|
return (
|
|
isObjectRecord(value) &&
|
|
typeof value.duration === "function" &&
|
|
typeof value.time === "function" &&
|
|
typeof value.seek === "function" &&
|
|
typeof value.play === "function" &&
|
|
typeof value.pause === "function"
|
|
);
|
|
}
|