hyperframes

mirror of https://github.com/heygen-com/hyperframes.git synced 2026-11-15 22:08:03 +00:00

Files

T

Miguel Ángel f56b4c8620 fix(core): load head styles/scripts from non-template sub-compositions (#219 )

## Summary

Fixes a bug where non-template sub-compositions (full HTML documents loaded via `data-composition-src`) lost all `<head>` styles and scripts. This affected **three code paths**:

1. **Runtime** (`compositionLoader.ts`) — browser preview via iframe fetch
2. **Bundler** (`htmlBundler.ts`) — studio preview HTML bundling (**this was causing the black preview**)
3. Producer fix is in PR #220

## What it fixes

**Eval prompt #25** (iris-wipe) renders entirely black in both the studio preview and rendered video because scene backgrounds (`#EF4444` red, `#3B82F6` blue), positioning, and the GSAP CDN script were all in `<head>` and silently dropped.

### Verified

Rebuilt core, started studio preview, fetched the bundled HTML from `/api/projects/iris-wipe/preview` — confirmed `#scene1 { background: #EF4444 }` and `.scene { position: absolute }` are now present in the output.

## Root cause

All three code paths did the same thing:
```js
const contentHtml = template ? template.innerHTML : bodyEl.innerHTML;
// ^ <head> content is already lost here
```

## Test plan

- [x] All 429 core tests pass
- [x] Studio preview endpoint returns correct bundled HTML with head styles included
- [x] `pnpm --filter @hyperframes/core build` succeeds

🤖 Generated with [Claude Code](https://claude.com/claude-code)

2026-04-07 17:17:25 +02:00

htmlBundler.test.ts

fix(preview): rewrite sub-composition asset urls in styles (#174 )

2026-04-01 18:13:38 +02:00

htmlBundler.ts

fix(core): load head styles/scripts from non-template sub-compositions (#219 )

2026-04-07 17:17:25 +02:00

htmlCompiler.ts

style: apply oxfmt baseline formatting across all source files (#25 )

2026-03-23 17:15:14 -07:00

index.ts

refactor(core): replace cheerio with linkedom to drop deprecated whatwg-encoding (#187 )