mirror of
https://github.com/webstudio-is/webstudio.git
synced 2026-11-09 14:03:33 +09:00
Ivan Starkov
68a28b4eee
## Description ref #2645 Proof of Concept for the Animation Component Using ScrollTimeline For FF and Safari `scroll-timeline-polyfill` is used. SSR Support https://animate.development.webstudio.is/playground Storybook Part 1. https://6382151c8b47d4399fb9fc69-limlyrmprp.chromatic.com/?path=/story/sdk-components-animation-scroll-animations--in-out Next steps: - Add stories with additional examples i.e. closest usage, images etc. https://scroll-driven-animations.style/ - Add support to view animations - Add view animations examples - Add enter/leave actions and animations support - Builder UI - Add lottie, rive etc compatibility (should work through context.getAnimations()[0].effect.getComputedTiming().progress) ## Steps for reproduction 1. click button 2. 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](https://github.com/webstudio-is/webstudio/blob/main/apps/builder/docs/test-cases.md) document - [ ] added tests - [ ] if any new env variables are added, added them to `.env` file
45 lines
1.1 KiB
YAML
45 lines
1.1 KiB
YAML
name: Chromatic
|
|
|
|
on:
|
|
push:
|
|
branches:
|
|
- main
|
|
pull_request:
|
|
|
|
# cancel in-progress runs on new commits to same PR (gitub.event.number)
|
|
concurrency:
|
|
group: ${{ github.workflow }}-${{ github.event.number || github.sha }}
|
|
cancel-in-progress: true
|
|
|
|
permissions:
|
|
contents: read # to fetch code (actions/checkout)
|
|
|
|
jobs:
|
|
chromatic:
|
|
timeout-minutes: 20
|
|
|
|
runs-on: ubuntu-latest
|
|
|
|
environment:
|
|
name: development
|
|
|
|
steps:
|
|
- uses: actions/checkout@v4
|
|
with:
|
|
fetch-depth: 2 # we need to fetch at least parent commit to satisfy Chromatic
|
|
ref: ${{ github.event.pull_request.head.sha || github.sha }} # HEAD commit instead of merge commit
|
|
|
|
# Storybook with submodules
|
|
- uses: ./.github/actions/submodules-checkout
|
|
with:
|
|
submodules-ssh-key: ${{ secrets.PRIVATE_GITHUB_DEPLOY_TOKEN }}
|
|
|
|
- uses: ./.github/actions/ci-setup
|
|
|
|
- name: Chromatic
|
|
id: chromatic
|
|
uses: chromaui/action@v11.3.0
|
|
with:
|
|
projectToken: bea8dc1981d4
|
|
buildScriptName: storybook:build
|