ext/hyperframes
2
0
Fork 0
mirror of https://github.com/heygen-com/hyperframes.git synced 2026-10-30 17:27:09 +00:00
Code Issues Packages Projects Releases Wiki Activity
Files
f2eb6d9cc14004fd02f9997a8916f0ceae4e6529
hyperframes/packages/studio
T
History
Miguel Ángel 30ed3cd124 fix(studio): a saved clip volume reaches the timeline store (#4883) 
* fix(studio): a clip's saved volume reaches the timeline store, and undo reads it back

* fix(studio): drop the comments the volume helpers do not need

* refactor(studio): the stored volume reader lives in its own file, under the helpers' size limit

* fix(studio): drop the doc line that put the volume reader over its comment share
2026-10-02 07:15:05 -07:00
..
frontend
…
public
…
src
fix(studio): a saved clip volume reaches the timeline store (#4883)
2026-10-02 07:15:05 -07:00
tests/e2e
feat(studio): give timeline clips a Filmstrip name band (#4897)
2026-10-02 06:14:20 -07:00
.gitignore
feat(studio): make agent edits live and explicit (#3581)
2026-09-02 01:11:13 -04:00
AGENTS.md
style(studio): format AGENTS.md (#3167)
2026-08-10 15:51:43 -04:00
index.html
feat(studio): a light and dark theme toggle in the header that remembers the choice (#4839)
2026-10-01 08:44:57 -07:00
package-subpaths.json
perf(studio): a host's first screen can import Studio's UI and Player without the editor (#4650)
2026-09-28 15:15:00 +00:00
package.json
feat(studio): give timeline clips a Filmstrip name band (#4897)
2026-10-02 06:14:20 -07:00
README.md
docs(studio): align stack note with package dependency contract (#3675)
2026-09-04 19:53:07 -04:00
tsconfig.json
chore(deps): update dependency vitest to v4 [security] (#3789)
2026-09-10 13:55:52 -04:00
tsconfig.lib.json
…
tsup.config.ts
feat(studio): the code editor follows studio's light and dark theme (#4862)
2026-10-01 10:13:48 -07:00
vite.adapter.projects.test.ts
fix(studio): open projects named with a colon and keep preview assets for names with # (#4829)
2026-09-30 23:21:53 -07:00
vite.adapter.proxy.test.ts
…
vite.adapter.signature.test.ts
fix(studio): invalidate the preview signature off the watcher that sees project writes (#3364)
2026-08-21 19:13:37 -04:00
vite.adapter.ts
feat(studio): normalize loudness and duck under voice, with a limiter report (4/8) (#4816)
2026-10-02 03:51:34 +00:00
vite.browser.test.ts
fix(studio-server): prefer Puppeteer's cached Chrome for thumbnails (#4272)
2026-09-22 08:59:28 -04:00
vite.browser.ts
fix(studio-server): uncopied HEVC clips no longer stall Studio while their preview copies are made (#4580)
2026-09-28 16:14:29 +00:00
vite.config.test.ts
feat(studio): export the header logo, button sizes and a stable styles.css subpath (#4197)
2026-09-19 19:06:01 -04:00
vite.config.ts
fix(studio): reload the preview only when a file it loaded changes (#4570)
2026-09-27 10:05:53 +00:00
vite.preview-config.test.ts
feat(cli): run a managed background preview in every launch mode (#3310)
2026-08-19 17:02:44 -04:00
vite.preview-config.ts
feat(cli): run a managed background preview in every launch mode (#3310)
2026-08-19 17:02:44 -04:00
vite.preview-watch.test.ts
fix(studio): reload the preview only when a file it loaded changes (#4570)
2026-09-27 10:05:53 +00:00
vite.preview-watch.ts
fix(studio): reload the preview only when a file it loaded changes (#4570)
2026-09-27 10:05:53 +00:00
vite.producer.test.ts
…
vite.producer.ts
…
vite.request-body.test.ts
…
vite.request-body.ts
…
vite.studio-server-module.test.ts
feat(studio): make agent edits live and explicit (#3581)
2026-09-02 01:11:13 -04:00
vite.studio-server-module.ts
feat(studio): make agent edits live and explicit (#3581)
2026-09-02 01:11:13 -04:00
vite.studioMotion.test.ts
…
vite.studioMotion.ts
…
vite.thumbnail.test.ts
…
vite.thumbnail.ts
perf(studio-server): coordinate cancelable thumbnail generation (#2720)
2026-08-05 20:41:35 -07:00

README.md

@hyperframes/studio

Browser-based composition editor UI for Hyperframes. Provides a visual timeline, code editor, and live preview for building video compositions.

Install

npm install @hyperframes/studio

What it does

The studio is a React application with:

  • Visual timeline — drag, resize, and arrange elements on tracks
  • Code editor — edit HTML and GSAP scripts with CodeMirror (syntax highlighting, autocomplete)
  • Live preview — see changes in real time as you edit
  • Composition inspector — view and modify element properties

Development

The studio is embedded in the hyperframes preview command. To develop the studio UI itself:

cd packages/studio
bun run dev        # Start Vite dev server
bun run build      # Build for production
bun run typecheck  # Type-check

Tech stack

  • React 19, Zustand 4/5 (state management; development uses Zustand 5)
  • CodeMirror 6 (editor)
  • Tailwind CSS (styling)
  • Vite (bundler)
  • Phosphor Icons

Documentation

Full documentation: hyperframes.heygen.com/packages/studio

Related packages

Reference in New Issue View Git Blame Copy Permalink