mirror of
https://github.com/heygen-com/hyperframes.git
synced 2026-09-05 17:30:50 +00:00
Miguel Ángel
cdf9c817e1
## Summary Extracts the GSAP parser/writer suite, HTML parser, hf-ids, spring-ease, and the shared composition data types out of `@hyperframes/core/src/parsers/` into a new, independently-publishable **`@hyperframes/parsers`** package. This is the foundation of the [#1749](https://github.com/heygen-com/hyperframes/issues/1749) effort: make HyperFrames' parsing/linting/validation usable as plain libraries in a Node app, without shelling out to the CLI. Parsers is the standalone base every other extracted package builds on. **Part 1 of 3** — splits #1754 into independently-reviewable pieces. Parts 2 (lint) and 3 (studio-server) stack on this branch. ## What moves | | | |---|---| | Source moved out of core | **~9,900 LOC** (`src/parsers/` → `packages/parsers/src/`) | | Total lines removed from core (incl. tests + goldens) | ~19,600 | | Files relocated | 39 | | Tests carried over | **660 passing** (5 skipped, 3 todo) | The big movers: `gsapParser` / `gsapParserAcorn` (the recast + acorn dual parsers), `gsapWriterAcorn`, `gsapSerialize`, `gsapUnroll`, `htmlParser`, `hfIds`, `springEase`, `stableIds`, plus the `__goldens__` corpus. ## Bundle footprint of the new package | Artifact | Size | |---|---| | `dist/` (unpacked) | 1.7 MB | | npm tarball (packed) | 409 KB | | `dist/index.js` | 90 KB (**~21 KB gzipped**) | | Heaviest entries | `gsapWriterAcorn.js` 93 KB · `gsapParser.js` 91 KB | Most of the weight is the GSAP AST machinery (recast/babel/acorn). It's tree-shakeable via subpath entries (`@hyperframes/parsers/hf-ids`, `/gsap-constants`, etc.) so a consumer that only needs `hf-ids` (2 KB) doesn't pull the parsers. ## How `@hyperframes/core` changes The interesting part: **core sheds its entire AST toolchain.** | core `dependencies` | before | after | |---|---|---| | count | 9 | 6 | | removed | — | `@babel/parser`, `acorn`, `acorn-walk`, `magic-string`, `recast` | | added | — | `@hyperframes/parsers`, `linkedom` | Before this PR, importing `@hyperframes/core` at all dragged in babel + recast + acorn just to construct types. Now those live behind `@hyperframes/parsers`, and a consumer that only wants core's runtime/compiler types never resolves the parser stack. Core keeps thin `@deprecated` re-export stubs at the old subpaths (`@hyperframes/core/gsap-parser`, `/gsap-constants`, …) so nothing downstream breaks. ## Design notes - **`"bun"` export condition before `"node"`** in every package export. Bun resolves the TypeScript source directly (no pre-built `dist/`), while Node/tsx/Docker contexts fall through to `"node"` → `dist/`. This keeps the dev loop zero-build while published artifacts stay Node-consumable. - `@hyperframes/parsers` is **standalone** — zero `@hyperframes/*` dependencies — so it can be the base of the stack. ## Test plan - [x] `bun run --filter @hyperframes/parsers test` — 660 tests pass - [x] `bun run --filter @hyperframes/sdk test` — 382 tests pass - [x] `bun run build` — full monorepo build succeeds - [x] Fallow audit passes on CI
37 lines
1.7 KiB
TypeScript
37 lines
1.7 KiB
TypeScript
import type { ArcPathSegment } from "@hyperframes/parsers/gsap-parser";
|
|
|
|
/**
|
|
* Edit callbacks shared by GsapAnimationSection and each AnimationCard it
|
|
* renders. Extracted so the two prop interfaces don't duplicate the (large)
|
|
* signatures the section forwards straight through to the card.
|
|
*/
|
|
export interface GsapAnimationEditCallbacks {
|
|
onUpdateProperty: (animationId: string, property: string, value: number | string) => void;
|
|
onUpdateMeta: (
|
|
animationId: string,
|
|
updates: { duration?: number; ease?: string; position?: number },
|
|
) => void;
|
|
onDeleteAnimation: (animationId: string) => void;
|
|
onAddProperty: (animationId: string, property: string) => void;
|
|
onRemoveProperty: (animationId: string, property: string) => void;
|
|
onUpdateFromProperty?: (animationId: string, property: string, value: number | string) => void;
|
|
onAddFromProperty?: (animationId: string, property: string) => void;
|
|
onRemoveFromProperty?: (animationId: string, property: string) => void;
|
|
onLivePreview?: (property: string, value: number | string) => void;
|
|
onLivePreviewEnd?: () => void;
|
|
onSetArcPath?: (
|
|
animationId: string,
|
|
config: { enabled: boolean; autoRotate?: boolean | number; segments?: ArcPathSegment[] },
|
|
) => void;
|
|
onUpdateArcSegment?: (
|
|
animationId: string,
|
|
segmentIndex: number,
|
|
update: Partial<ArcPathSegment>,
|
|
) => void;
|
|
onUpdateKeyframeEase?: (animationId: string, percentage: number, ease: string) => void;
|
|
/** Apply one ease to every keyframe segment at once (clears per-segment overrides). */
|
|
onSetAllKeyframeEases?: (animationId: string, ease: string) => void;
|
|
/** Unroll a computed (helper/loop) tween into literal tweens so it edits directly. */
|
|
onUnroll?: (animationId: string) => void;
|
|
}
|