@f8team/reel-core 1.0.0 → 1.0.3

package/dist/index.js

@@ -111,16 +111,16 @@ function createPluginBus({ player, host }) {
     if (findIndex(plugin.name) >= 0) {
       throw new Error(`[@f8team/reel-core] plugin "${plugin.name}" is already registered`);
     }
-    let teardown = null;
+    let setupResult;
     try {
-      const result = plugin.setup(player, host);
-      teardown = typeof result === "function" ? result : null;
+      setupResult = plugin.setup(player, host);
     } catch (err) {
       throw new Error(
         `[@f8team/reel-core] plugin "${plugin.name}" setup threw: ${err.message}`,
         { cause: err }
       );
     }
+    const teardown = typeof setupResult === "function" ? setupResult : null;
     entries.push({ plugin, teardown });
   }
   function unregister(name) {
@@ -1208,6 +1208,10 @@ function createPlayer(options = {}, internal = {}) {
   let disposed = false;
   let initialOptionsApplied = false;
   let pendingPlay = false;
+  const YT_PLAYER_STATE_PLAYING = 1;
+  function getYouTubePlayer() {
+    return activeLoader?._instance?.() ?? null;
+  }
   const registry = createSourceRegistry();
   function emitUnauthorized(payload) {
     bus.emit("unauthorized", payload);
@@ -1261,6 +1265,20 @@ function createPlayer(options = {}, internal = {}) {
       onDuration: (duration) => {
         store.setState({ duration });
         bus.emit("durationchange", { duration });
+      },
+      onStateChange: (ytState) => {
+        if (ytState === "playing") {
+          bus.emit("play");
+          if (status !== "playing" && status !== "loading") dispatch({ type: "play" });
+        } else if (ytState === "paused") {
+          bus.emit("pause");
+          if (status === "playing") dispatch({ type: "pause" });
+        } else if (ytState === "ended") {
+          bus.emit("ended");
+          if (status !== "ended") dispatch({ type: "ended" });
+        } else if (ytState === "buffering") {
+          bus.emit("buffering", { isBuffering: true });
+        }
       }
     })
   );
@@ -1386,6 +1404,14 @@ function createPlayer(options = {}, internal = {}) {
   }
   function runMediaPlay() {
     if (!video) return;
+    const yt = getYouTubePlayer();
+    if (yt) {
+      try {
+        yt.playVideo();
+      } catch {
+      }
+      return;
+    }
     const result = video.play();
     if (result && typeof result.then === "function") {
       result.catch((err) => {
@@ -1398,6 +1424,14 @@ function createPlayer(options = {}, internal = {}) {
   }
   function runMediaPause() {
     if (!video) return;
+    const yt = getYouTubePlayer();
+    if (yt) {
+      try {
+        yt.pauseVideo();
+      } catch {
+      }
+      return;
+    }
     try {
       video.pause();
     } catch {
@@ -1405,6 +1439,20 @@ function createPlayer(options = {}, internal = {}) {
   }
   function runMediaSeek(seconds) {
     if (!video) return;
+    const yt = getYouTubePlayer();
+    if (yt) {
+      try {
+        yt.seekTo(seconds, true);
+        store.setState({ currentTime: seconds });
+        bus.emit("timeupdate", {
+          currentTime: seconds,
+          playedSeconds: seconds,
+          duration: store.getState().duration
+        });
+      } catch {
+      }
+      return;
+    }
     try {
       video.currentTime = seconds;
     } catch {
@@ -1434,6 +1482,7 @@ function createPlayer(options = {}, internal = {}) {
       bus.emit("durationchange", { duration });
     });
     on2("timeupdate", () => {
+      if (getYouTubePlayer()) return;
       const currentTime = target.currentTime;
       store.setState({ currentTime, buffered: bufferedToRanges(target.buffered) });
       bus.emit("timeupdate", {
@@ -1650,6 +1699,14 @@ function createPlayer(options = {}, internal = {}) {
   }
   function paused() {
     if (!video) return true;
+    const yt = getYouTubePlayer();
+    if (yt) {
+      try {
+        return yt.getPlayerState() !== YT_PLAYER_STATE_PLAYING;
+      } catch {
+        return true;
+      }
+    }
     return video.paused;
   }
   function seekTo(seconds) {
@@ -1657,6 +1714,20 @@ function createPlayer(options = {}, internal = {}) {
     if (!video) return;
     const duration = Number.isFinite(video.duration) ? video.duration : Number.POSITIVE_INFINITY;
     const clamped = Math.max(0, Math.min(seconds, duration));
+    const yt = getYouTubePlayer();
+    if (yt) {
+      try {
+        yt.seekTo(clamped, true);
+        store.setState({ currentTime: clamped });
+        bus.emit("timeupdate", {
+          currentTime: clamped,
+          playedSeconds: clamped,
+          duration: store.getState().duration
+        });
+      } catch {
+      }
+      return;
+    }
     video.currentTime = clamped;
   }
   function syncVolumeMutedStoreFromVideo() {