@pictor-sdk/video-android 0.1.4 → 0.1.6

package/dist/index.mjs

@@ -574,6 +574,7 @@ function useVideoSurface(options) {
 
 // src/useCompositionPlayback.ts
 import { useCallback as useCallback2, useEffect as useEffect2, useMemo, useRef as useRef2, useState as useState2 } from "react";
+import { AppState as AppState2 } from "react-native";
 import {
   playIntent,
   playlistOf as playlistOf2,
@@ -747,7 +748,8 @@ function composedState(snapshot) {
         */
     width: 0,
     height: 0,
-    error: snapshot.error ?? null
+    error: snapshot.error ?? null,
+    readinessFailure: snapshot.readinessFailure ?? null
   };
 }
 function useCompositionPlayback(options) {
@@ -795,10 +797,26 @@ function useCompositionPlayback(options) {
     setUnsupported(
       refused.map((reason) => ({ clipId: reason.split(":")[0] ?? "", reason }))
     );
-    if (spec.items.length === 0) return;
+    if (spec.items.length === 0) {
+      spikePause();
+      return;
+    }
     const started = spikeStart(spec);
     if (started.ok === true) loaded.current = signature;
   }, [enabled, signature, surfaceGeneration, project, mix]);
+  useEffect2(() => {
+    const subscription = AppState2.addEventListener("change", (next) => {
+      if (next === "active") {
+        lifecycle.resume();
+        setLifecycleEpoch(lifecycle.epoch);
+        return;
+      }
+      lifecycle.suspend("background");
+      setLifecycleEpoch(lifecycle.epoch);
+      setPlaying(false);
+    });
+    return () => subscription.remove();
+  }, [lifecycle]);
   useEffect2(() => {
     return () => {
       lifecycle.teardown("unmount");
@@ -890,7 +908,7 @@ import {
   windowToProjectTime
 } from "@pictor-sdk/video-core";
 import { useCallback as useCallback3, useEffect as useEffect3, useMemo as useMemo2, useRef as useRef3, useState as useState3 } from "react";
-import { AppState as AppState2 } from "react-native";
+import { AppState as AppState3 } from "react-native";
 
 // src/surfaceRecovery.ts
 var RECOVERY_GRACE_MS = 1500;
@@ -982,7 +1000,7 @@ function useMedia3Playback(options) {
   const lifecycle = lifecycleRef.current;
   const [lifecycleEpoch, setLifecycleEpoch] = useState3(lifecycle.epoch);
   useEffect3(() => {
-    const subscription = AppState2.addEventListener("change", (next) => {
+    const subscription = AppState3.addEventListener("change", (next) => {
       if (next === "active") {
         lifecycle.resume();
         setLifecycleEpoch(lifecycle.epoch);