experimental: Animate UI #4851

istarkov · 2025-02-10T09:39:42Z

Description

What is this PR about (link the issue and add a short description)

Steps for reproduction

click button
expect xyz

Code Review

hi @kof, I need you to do
- conceptual review (architecture, feature-correctness)
- detailed review (read every line)
- test it on preview

Before requesting a review

made a self-review
added inline comments where things may be not obvious (the "why", not "what")

Before merging

tested locally and on preview environment (preview dev login: 0000)
updated test cases document
added tests
if any new env variables are added, added them to .env file

apps/builder/app/builder/features/pages/page-settings.tsx

packages/sdk-components-animation/vitest.config.ts

Animate 2 Animation UI - Type Select Subject selection Create new Animation New animation Add Add sort/delete subject Add Ranges Select Fix scroll Ranges Ready Fix comments Allow negative values Add storybook Add storie Add error Add offset Add anim Edit keyframes Add Fill Mode Add easing Rename Fix errors Hide animate children Add hook upd Fix Fix hook Allow calc Add ability to play localy isPinned Add mutations to track Support composition Switch auto on add Add animation-composition Use default composite Fix tests Allow select self Add kebab Change private detection refactor: output hyphenated properties from css parser (#4900) We are going to switch to hyphenated properties in styles. Here refactored css parser to output hyphenated property instead of camel case and added camelCaseProperty utility which does the opposite of hyphenateProperty. fix my env

.../builder/app/builder/features/settings-panel/props-section/animation/animation-keyframes.tsx

...lder/app/builder/features/settings-panel/props-section/animation/animation-panel-content.tsx

apps/builder/app/builder/features/settings-panel/props-section/animation/set-css-property.ts

apps/builder/app/builder/features/style-panel/shared/model.tsx

fixtures/webstudio-features/.template/vite.config.ts

packages/sdk/src/schema/animation-schema.ts

packages/sdk-components-animation/vitest.config.ts

istarkov force-pushed the animate branch 4 times, most recently from 6c278d7 to 14da057 Compare February 19, 2025 17:34

kof reviewed Feb 20, 2025

View reviewed changes

apps/builder/app/builder/features/pages/page-settings.tsx Show resolved Hide resolved

kof reviewed Feb 20, 2025

View reviewed changes

packages/sdk-components-animation/vitest.config.ts Outdated Show resolved Hide resolved

istarkov requested review from kof and TrySound February 23, 2025 13:24

istarkov marked this pull request as ready for review February 23, 2025 13:25

istarkov force-pushed the animate branch from 9038d19 to 6f1a94c Compare February 23, 2025 13:26

Fix

b3f5e98