@f8team/reel-core 1.1.0 → 1.1.2

package/dist/index.d.cts

@@ -269,7 +269,7 @@ interface PlayerEvents {
      * Time progress. Fires on every native `timeupdate`; plugins can throttle.
      *
      * - `currentTime` — wall-clock playback position.
-     * - `playedSeconds` — alias kept for parity with the legacy F8 player.
+     * - `playedSeconds` — alias kept for parity with the player F8 used before Reel.
      * - `duration` — current duration (matches `state.duration`).
      */
     timeupdate: {

package/dist/index.d.ts

@@ -269,7 +269,7 @@ interface PlayerEvents {
      * Time progress. Fires on every native `timeupdate`; plugins can throttle.
      *
      * - `currentTime` — wall-clock playback position.
-     * - `playedSeconds` — alias kept for parity with the legacy F8 player.
+     * - `playedSeconds` — alias kept for parity with the player F8 used before Reel.
      * - `duration` — current duration (matches `state.duration`).
      */
     timeupdate: {

package/dist/index.js

@@ -398,6 +398,12 @@ var HlsLoader = class {
     this.rejectAttach = null;
     this.manifestTimeout = null;
     this.aborted = false;
+    /**
+     * Bumped by every abort/detach. `detach()` clears `aborted` so the loader can be reused, so a
+     * source switch (abort, then detach) used to let an attach that was still awaiting the runtime
+     * carry on and bind a stale hls.js instance to the <video>. Each attach keeps its own value.
+     */
+    this.generation = 0;
     this.lastLoadingFragmentKey = null;
     this.repeatedFragmentLoadCount = 0;
     this.repeatedFragmentErrorFired = false;
@@ -416,11 +422,12 @@ var HlsLoader = class {
   async attach(video, source) {
     this.detach();
     this.aborted = false;
+    const generation = this.generation;
     this.video = video;
     this.currentSource = source;
     this.unauthorizedFired = false;
     const Hls = await (this.options.loadRuntime ?? defaultLoad)();
-    if (this.aborted) {
+    if (this.aborted || generation !== this.generation) {
       throw makeAbortError();
     }
     if (!Hls.isSupported()) {
@@ -731,6 +738,7 @@ var HlsLoader = class {
     this.abortLiveXhrs();
   }
   abort() {
+    this.generation += 1;
     if (this.aborted) return;
     this.aborted = true;
     this.clearManifestTimeout();
@@ -1064,17 +1072,24 @@ var YouTubeLoader = class {
     this.duration = 0;
     this.rejectAttach = null;
     this.aborted = false;
+    /**
+     * Bumped by every abort/detach. `detach()` clears `aborted` so the loader can be reused, so a
+     * source switch (abort, then detach) used to let an attach that was still awaiting the runtime
+     * carry on and mount a second iframe. Each attach keeps the value it started with instead.
+     */
+    this.generation = 0;
   }
   async attach(video, source) {
     this.detach();
     this.aborted = false;
+    const generation = this.generation;
     const id = extractYouTubeId(source.src);
     if (!id) {
       throw new Error(`Cannot extract YouTube videoId from "${source.src}"`);
     }
     this.video = video;
     const YT = await (this.options.loadRuntime ?? defaultLoad2)();
-    if (this.aborted) {
+    if (this.aborted || generation !== this.generation) {
       throw makeYtAbortError();
     }
     const parent = video.parentElement;
@@ -1170,6 +1185,7 @@ var YouTubeLoader = class {
     });
   }
   abort() {
+    this.generation += 1;
     if (this.aborted) return;
     this.aborted = true;
     const reject = this.rejectAttach;