Skip to content

UI polish, CSS import fidelity, and editable group layers - #21

Merged
vgomx merged 5 commits into
mainfrom
cursor/ui-polish-ci
Jul 12, 2026
Merged

UI polish, CSS import fidelity, and editable group layers#21
vgomx merged 5 commits into
mainfrom
cursor/ui-polish-ci

Conversation

@vgomx

@vgomx vgomx commented Jul 12, 2026

Copy link
Copy Markdown
Owner

Summary

  • Improve HTML/SVG CSS animation import fidelity (timing, transform-origin, wagon jitter) with train-404 regression coverage.
  • Add import progress loaders for HTML, SVG, and Lottie imports.
  • Store CSS group animations on editable layerGroups (project v13) and compose them at playback instead of baking into every child layer.
  • Polish viewport/PWA experience (Safari trackpad zoom, installable PWA support).

Test plan

  • npm test -- --run — 183 tests passing
  • npx tsc -b — clean typecheck
  • Import train-404-bg.html and verify wagons jitter together, wheels spin, pantograph visible
  • Import a Lottie file and confirm progress toast appears
  • Smoke-test viewport zoom on Safari trackpad
  • Verify PWA install prompt/settings still work

Made with Cursor

vgomx and others added 4 commits July 12, 2026 14:39
Add scaleX/scaleY support, normalize line/path placement for keyframe merge, correct ellipse pivot math for wheel spin, and show progress while importing HTML animations.

Co-authored-by: Cursor <cursoragent@cursor.com>
Paint loading toasts before heavy import work, add a visible progress bar, and resolve strict build failures in css-keyframes and the train import regression test.

Co-authored-by: Cursor <cursoragent@cursor.com>
* Improve CSS animation import timing fidelity for train HTML.

Parse animation-delay, easing, steps(), and alternate direction from class rules and inline styles so streaks stagger, jitter snaps, and bob uses ease-in-out.

Co-authored-by: Cursor <cursoragent@cursor.com>

* Fix train bob origin scope and wheel spoke rotation pivot.

Include nested jitter shapes when resolving parent train transform origins, and rotate imported path layers around their visual center so wheel cross lines stay attached.

Co-authored-by: Cursor <cursoragent@cursor.com>

* Fix uniform wagon jitter across nested CSS group transforms.

Apply group bob/jitter as shared translation plus rotation tilt, scope train transform origins through nested animated groups, and keep wheel spin on the rotation property only so path cars match the middle rect.

Co-authored-by: Cursor <cursoragent@cursor.com>

---------

Co-authored-by: Cursor <cursoragent@cursor.com>
…up layers.

Store CSS group animations on layerGroups instead of baking into every child, compose them at playback, and align import tests with the new model.

Co-authored-by: Cursor <cursoragent@cursor.com>
@vgomx

vgomx commented Jul 12, 2026

Copy link
Copy Markdown
Owner Author

Branch synced: pushed 731d81f (Lottie import progress, transform-origin polish, editable group layers on layerGroups / v13). PR now includes 4 commits ahead of main after the latest main fetch.

…icts.

Keep branch-side group layers, Lottie progress, and path pivot transforms over overlapping PR #19 changes on main.

Co-authored-by: Cursor <cursoragent@cursor.com>
@vgomx
vgomx merged commit 299e61f into main Jul 12, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant