fix(render): avoid empty WAAPI scans and llvmpipe auto GPU

packages/core/src/runtime/adapters/css.test.ts

@@ -126,6 +126,32 @@ describe("css adapter", () => {
     vi.restoreAllMocks();
   });
 
+  it("does not rescan element animations on every seek", () => {
+    const el = document.createElement("div");
+    el.style.animationName = "spin";
+    document.body.appendChild(el);
+
+    vi.spyOn(window, "getComputedStyle").mockImplementation(() => {
+      return { animationName: "spin" } as CSSStyleDeclaration;
+    });
+
+    const animation = { currentTime: 0, pause: vi.fn(), play: vi.fn() } as unknown as Animation;
+    const getAnimations = vi.fn(() => [animation]);
+    (el as HTMLElement & { getAnimations?: () => Animation[] }).getAnimations = getAnimations;
+
+    const adapter = createCssAdapter();
+    adapter.discover();
+    adapter.seek({ time: 1 });
+    adapter.seek({ time: 2 });
+    adapter.seek({ time: 3 });
+
+    expect(getAnimations).toHaveBeenCalledTimes(1);
+    expect(animation.currentTime).toBe(3000);
+
+    document.body.removeChild(el);
+    vi.restoreAllMocks();
+  });
+
   it("play resumes WAAPI animations and restores inline styles", () => {
     const el = document.createElement("div");
     el.style.animationName = "spin";

packages/core/src/runtime/adapters/css.ts

@@ -8,6 +8,7 @@ export function createCssAdapter(params?: {
     el: HTMLElement;
     baseDelay: string;
     basePlayState: string;
+    animations: Animation[];
   }> = [];
 
   const getAnimationsForElement = (el: HTMLElement): Animation[] => {
@@ -84,6 +85,7 @@ export function createCssAdapter(params?: {
           el: rawEl,
           baseDelay: rawEl.style.animationDelay || "",
           basePlayState: rawEl.style.animationPlayState || "",
+          animations: getAnimationsForElement(rawEl),
         });
       }
     },
@@ -95,7 +97,7 @@ export function createCssAdapter(params?: {
           ? params.resolveStartSeconds(entry.el)
           : Number.parseFloat(entry.el.getAttribute("data-start") ?? "0") || 0;
         const localTimeMs = Math.max(0, time - start) * 1000;
-        const animations = getAnimationsForElement(entry.el);
+        const animations = entry.animations;
         if (animations.length > 0) {
           seekAnimations(animations, localTimeMs);
           continue;
@@ -109,7 +111,7 @@ export function createCssAdapter(params?: {
     pause: () => {
       for (const entry of entries) {
         if (!entry.el.isConnected) continue;
-        const animations = getAnimationsForElement(entry.el);
+        const animations = entry.animations;
         if (animations.length > 0) {
           pauseAnimations(animations);
         }
@@ -120,7 +122,7 @@ export function createCssAdapter(params?: {
       for (const entry of entries) {
         if (!entry.el.isConnected) continue;
         restoreInlineStyles(entry);
-        playAnimations(getAnimationsForElement(entry.el));
+        playAnimations(entry.animations);
       }
     },
     revert: () => {