mirror of https://github.com/heygen-com/hyperframes.git synced 2026-09-14 18:01:20 +08:00

Files

T

History

Miguel Ángel 078ed7d5cd fix(deps): patch security vulnerabilities in pretext and vite (#237 )

## Summary

- Bump `@chenglou/pretext` ^0.0.3 → ^0.0.5 in `packages/core` — fixes **high-severity** algorithmic complexity DoS ([Dependabot #3](https://github.com/heygen-com/hyperframes/security/dependabot/3))
- Bump `vite` ^5.0.0 → ^6.4.2 in `packages/studio` — fixes **medium-severity** path traversal in optimized deps `.map` handling ([Dependabot #2](https://github.com/heygen-com/hyperframes/security/dependabot/2))

## Test plan

- [x] `pnpm --filter @hyperframes/core build` — passes
- [x] `pnpm --filter @hyperframes/studio build` — passes (vite 6.4.2, 4631 modules, 3.85s)
- [x] `@vitejs/plugin-react@^4.0.0` supports vite 6 (`peerDependencies: vite ^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0`)

2026-04-10 03:09:17 +02:00

public/icons/timeline

initial code (#2 )

2026-03-21 22:43:56 -07:00

src

feat(studio): use @hyperframes/player web component for preview (#238 )

2026-04-10 03:00:54 +02:00

.gitignore

refactor(studio): update layout, config, and remove agent activity tracking (#64 )

2026-03-28 20:45:00 +01:00

index.html

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

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

package.json

fix(deps): patch security vulnerabilities in pretext and vite (#237 )

2026-04-10 03:09:17 +02:00

postcss.config.js

initial code (#2 )

2026-03-21 22:43:56 -07:00

README.md

feat(skills): add hyperframes-cli skill (#154 )

2026-03-31 00:30:55 -07:00

tailwind.config.js

refactor(studio): code quality — 22 findings, dead code removal, App.tsx split (#144 )

2026-03-31 04:21:12 +02:00

tsconfig.json

refactor(studio): update layout, config, and remove agent activity tracking (#64 )

2026-03-28 20:45:00 +01:00

vite.config.ts

fix(studio): render in-process, remove producer server dependency (#235 )

2026-04-10 01:41:18 +02: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 18/19, Zustand (state management)
CodeMirror 6 (editor)
Tailwind CSS (styling)
Vite (bundler)
Phosphor Icons

Documentation

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

@hyperframes/core — types and parsers used by the editor
hyperframes — CLI that serves the studio via hyperframes preview

README.md

@hyperframes/studio

Install

What it does

Development

Tech stack

Documentation

Related packages