@exponential_app/eui 0.2.1 → 0.4.0

package/fixtures/motion-playback.json

@@ -0,0 +1,528 @@
+{
+  "$comment": "EXP-1604: eUI Motion's playback clock (apps/desktop/crates/eui-motion/src/playback.rs), the ONE clock every renderer uses: Playback::from_json(props) then tick(elapsedMs) -> {frame, done}, poster(), at_progress(0.5). Timeline: 30 fps, in 0, out 30, marker `pop` = frames 10..15 (lottie `markers` [{cm:\"pop\", tm:10, dr:5}]). Replayed by eui-motion tests/playback.rs (generator: UPDATE_MOTION_FIXTURES=1), over WASM (packages/exponential-ui src/motion) and over uniffi (Swift, Kotlin) with the `lottie` below.",
+  "lottie": {
+    "v": "5.12.0",
+    "fr": 30,
+    "ip": 0,
+    "op": 30,
+    "w": 10,
+    "h": 10,
+    "layers": [],
+    "markers": [
+      {
+        "cm": "pop",
+        "tm": 10,
+        "dr": 5
+      }
+    ]
+  },
+  "cases": [
+    {
+      "id": "default-loop",
+      "props": {},
+      "poster": 0.0,
+      "progressHalf": 15.0,
+      "ticks": [
+        {
+          "elapsedMs": 0.0,
+          "frame": 0.0,
+          "done": false
+        },
+        {
+          "elapsedMs": 250.0,
+          "frame": 7.5,
+          "done": false
+        },
+        {
+          "elapsedMs": 500.0,
+          "frame": 15.0,
+          "done": false
+        },
+        {
+          "elapsedMs": 999.0,
+          "frame": 29.97,
+          "done": false
+        },
+        {
+          "elapsedMs": 1000.0,
+          "frame": 0.0,
+          "done": false
+        },
+        {
+          "elapsedMs": 1500.0,
+          "frame": 15.0,
+          "done": false
+        },
+        {
+          "elapsedMs": 2250.0,
+          "frame": 7.5,
+          "done": false
+        },
+        {
+          "elapsedMs": 5000.0,
+          "frame": 0.0,
+          "done": false
+        }
+      ]
+    },
+    {
+      "id": "once-holds-last",
+      "props": {
+        "loop": false
+      },
+      "poster": 0.0,
+      "progressHalf": 15.0,
+      "ticks": [
+        {
+          "elapsedMs": 0.0,
+          "frame": 0.0,
+          "done": false
+        },
+        {
+          "elapsedMs": 250.0,
+          "frame": 7.5,
+          "done": false
+        },
+        {
+          "elapsedMs": 500.0,
+          "frame": 15.0,
+          "done": false
+        },
+        {
+          "elapsedMs": 999.0,
+          "frame": 29.97,
+          "done": false
+        },
+        {
+          "elapsedMs": 1000.0,
+          "frame": 29.0,
+          "done": true
+        },
+        {
+          "elapsedMs": 1500.0,
+          "frame": 29.0,
+          "done": true
+        },
+        {
+          "elapsedMs": 2250.0,
+          "frame": 29.0,
+          "done": true
+        },
+        {
+          "elapsedMs": 5000.0,
+          "frame": 29.0,
+          "done": true
+        }
+      ]
+    },
+    {
+      "id": "plays-2",
+      "props": {
+        "plays": 2
+      },
+      "poster": 0.0,
+      "progressHalf": 15.0,
+      "ticks": [
+        {
+          "elapsedMs": 0.0,
+          "frame": 0.0,
+          "done": false
+        },
+        {
+          "elapsedMs": 250.0,
+          "frame": 7.5,
+          "done": false
+        },
+        {
+          "elapsedMs": 500.0,
+          "frame": 15.0,
+          "done": false
+        },
+        {
+          "elapsedMs": 999.0,
+          "frame": 29.97,
+          "done": false
+        },
+        {
+          "elapsedMs": 1000.0,
+          "frame": 0.0,
+          "done": false
+        },
+        {
+          "elapsedMs": 1500.0,
+          "frame": 15.0,
+          "done": false
+        },
+        {
+          "elapsedMs": 2250.0,
+          "frame": 29.0,
+          "done": true
+        },
+        {
+          "elapsedMs": 5000.0,
+          "frame": 29.0,
+          "done": true
+        }
+      ]
+    },
+    {
+      "id": "reverse",
+      "props": {
+        "direction": "reverse"
+      },
+      "poster": 0.0,
+      "progressHalf": 15.0,
+      "ticks": [
+        {
+          "elapsedMs": 0.0,
+          "frame": 29.0,
+          "done": false
+        },
+        {
+          "elapsedMs": 250.0,
+          "frame": 22.5,
+          "done": false
+        },
+        {
+          "elapsedMs": 500.0,
+          "frame": 15.0,
+          "done": false
+        },
+        {
+          "elapsedMs": 999.0,
+          "frame": 0.030000000000001137,
+          "done": false
+        },
+        {
+          "elapsedMs": 1000.0,
+          "frame": 29.0,
+          "done": false
+        },
+        {
+          "elapsedMs": 1500.0,
+          "frame": 15.0,
+          "done": false
+        },
+        {
+          "elapsedMs": 2250.0,
+          "frame": 22.5,
+          "done": false
+        },
+        {
+          "elapsedMs": 5000.0,
+          "frame": 29.0,
+          "done": false
+        }
+      ]
+    },
+    {
+      "id": "alternate",
+      "props": {
+        "direction": "alternate"
+      },
+      "poster": 0.0,
+      "progressHalf": 15.0,
+      "ticks": [
+        {
+          "elapsedMs": 0.0,
+          "frame": 0.0,
+          "done": false
+        },
+        {
+          "elapsedMs": 250.0,
+          "frame": 7.5,
+          "done": false
+        },
+        {
+          "elapsedMs": 500.0,
+          "frame": 15.0,
+          "done": false
+        },
+        {
+          "elapsedMs": 999.0,
+          "frame": 29.97,
+          "done": false
+        },
+        {
+          "elapsedMs": 1000.0,
+          "frame": 29.0,
+          "done": false
+        },
+        {
+          "elapsedMs": 1500.0,
+          "frame": 15.0,
+          "done": false
+        },
+        {
+          "elapsedMs": 2250.0,
+          "frame": 7.5,
+          "done": false
+        },
+        {
+          "elapsedMs": 5000.0,
+          "frame": 29.0,
+          "done": false
+        }
+      ]
+    },
+    {
+      "id": "speed-2",
+      "props": {
+        "speed": 2
+      },
+      "poster": 0.0,
+      "progressHalf": 15.0,
+      "ticks": [
+        {
+          "elapsedMs": 0.0,
+          "frame": 0.0,
+          "done": false
+        },
+        {
+          "elapsedMs": 250.0,
+          "frame": 15.0,
+          "done": false
+        },
+        {
+          "elapsedMs": 500.0,
+          "frame": 0.0,
+          "done": false
+        },
+        {
+          "elapsedMs": 999.0,
+          "frame": 29.939999999999998,
+          "done": false
+        },
+        {
+          "elapsedMs": 1000.0,
+          "frame": 0.0,
+          "done": false
+        },
+        {
+          "elapsedMs": 1500.0,
+          "frame": 0.0,
+          "done": false
+        },
+        {
+          "elapsedMs": 2250.0,
+          "frame": 15.0,
+          "done": false
+        },
+        {
+          "elapsedMs": 5000.0,
+          "frame": 0.0,
+          "done": false
+        }
+      ]
+    },
+    {
+      "id": "segment-ms",
+      "props": {
+        "segment": [
+          200,
+          600
+        ]
+      },
+      "poster": 6.0,
+      "progressHalf": 12.0,
+      "ticks": [
+        {
+          "elapsedMs": 0.0,
+          "frame": 6.0,
+          "done": false
+        },
+        {
+          "elapsedMs": 250.0,
+          "frame": 13.5,
+          "done": false
+        },
+        {
+          "elapsedMs": 500.0,
+          "frame": 9.0,
+          "done": false
+        },
+        {
+          "elapsedMs": 999.0,
+          "frame": 11.969999999999999,
+          "done": false
+        },
+        {
+          "elapsedMs": 1000.0,
+          "frame": 12.0,
+          "done": false
+        },
+        {
+          "elapsedMs": 1500.0,
+          "frame": 15.0,
+          "done": false
+        },
+        {
+          "elapsedMs": 2250.0,
+          "frame": 13.5,
+          "done": false
+        },
+        {
+          "elapsedMs": 5000.0,
+          "frame": 12.0,
+          "done": false
+        }
+      ]
+    },
+    {
+      "id": "marker",
+      "props": {
+        "marker": "pop"
+      },
+      "poster": 10.0,
+      "progressHalf": 12.5,
+      "ticks": [
+        {
+          "elapsedMs": 0.0,
+          "frame": 10.0,
+          "done": false
+        },
+        {
+          "elapsedMs": 250.0,
+          "frame": 12.5,
+          "done": false
+        },
+        {
+          "elapsedMs": 500.0,
+          "frame": 10.0,
+          "done": false
+        },
+        {
+          "elapsedMs": 999.0,
+          "frame": 14.969999999999999,
+          "done": false
+        },
+        {
+          "elapsedMs": 1000.0,
+          "frame": 10.0,
+          "done": false
+        },
+        {
+          "elapsedMs": 1500.0,
+          "frame": 10.0,
+          "done": false
+        },
+        {
+          "elapsedMs": 2250.0,
+          "frame": 12.5,
+          "done": false
+        },
+        {
+          "elapsedMs": 5000.0,
+          "frame": 10.0,
+          "done": false
+        }
+      ]
+    },
+    {
+      "id": "paused-poster",
+      "props": {
+        "autoplay": false,
+        "poster": 500
+      },
+      "poster": 15.0,
+      "progressHalf": 15.0,
+      "ticks": [
+        {
+          "elapsedMs": 0.0,
+          "frame": 15.0,
+          "done": false
+        },
+        {
+          "elapsedMs": 250.0,
+          "frame": 15.0,
+          "done": false
+        },
+        {
+          "elapsedMs": 500.0,
+          "frame": 15.0,
+          "done": false
+        },
+        {
+          "elapsedMs": 999.0,
+          "frame": 15.0,
+          "done": false
+        },
+        {
+          "elapsedMs": 1000.0,
+          "frame": 15.0,
+          "done": false
+        },
+        {
+          "elapsedMs": 1500.0,
+          "frame": 15.0,
+          "done": false
+        },
+        {
+          "elapsedMs": 2250.0,
+          "frame": 15.0,
+          "done": false
+        },
+        {
+          "elapsedMs": 5000.0,
+          "frame": 15.0,
+          "done": false
+        }
+      ]
+    },
+    {
+      "id": "bad-values-default",
+      "props": {
+        "speed": -3,
+        "direction": "sideways",
+        "segment": [
+          900,
+          100
+        ]
+      },
+      "poster": 0.0,
+      "progressHalf": 15.0,
+      "ticks": [
+        {
+          "elapsedMs": 0.0,
+          "frame": 0.0,
+          "done": false
+        },
+        {
+          "elapsedMs": 250.0,
+          "frame": 7.5,
+          "done": false
+        },
+        {
+          "elapsedMs": 500.0,
+          "frame": 15.0,
+          "done": false
+        },
+        {
+          "elapsedMs": 999.0,
+          "frame": 29.97,
+          "done": false
+        },
+        {
+          "elapsedMs": 1000.0,
+          "frame": 0.0,
+          "done": false
+        },
+        {
+          "elapsedMs": 1500.0,
+          "frame": 15.0,
+          "done": false
+        },
+        {
+          "elapsedMs": 2250.0,
+          "frame": 7.5,
+          "done": false
+        },
+        {
+          "elapsedMs": 5000.0,
+          "frame": 0.0,
+          "done": false
+        }
+      ]
+    }
+  ]
+}