saltfish 0.3.3 → 0.3.5

package/dist/saltfish-playlist-player.es.js

@@ -956,7 +956,7 @@ const STORAGE_KEYS = {
   SESSION: "saltfish_session",
   ANONYMOUS_USER: "saltfish_anonymous_user_data"
 };
-const TIMING = {
+const TIMING$1 = {
   // 5 seconds
   STEP_TIMEOUT: 12e4,
   // Session persistence
@@ -6166,6 +6166,24 @@ class VideoManager {
     this.soundbarElement = null;
   }
 }
+const ANALYTICS = {
+  /** Interval for flushing analytics events to the backend (30 seconds) */
+  FLUSH_INTERVAL_MS: 3e4
+};
+const TIMING = {
+  /** Delay for DOM stabilization before cursor operations (0.5 seconds) */
+  DOM_STABILIZATION_DELAY_MS: 500,
+  /** Delay for state processing operations (100 milliseconds) */
+  STATE_PROCESSING_DELAY_MS: 100,
+  /** Interval for checking URL path changes (5 seconds) */
+  URL_PATH_CHECK_INTERVAL_MS: 5e3,
+  /** Retry delay for failed operations (0.5 seconds) */
+  RETRY_DELAY_MS: 500
+};
+const THRESHOLDS = {
+  /** Minimum scroll distance in pixels to trigger scroll events */
+  SCROLL_THRESHOLD_PX: 10
+};
 class CursorManager {
   constructor() {
     __publicField(this, "cursor", null);
@@ -6818,7 +6836,7 @@ class CursorManager {
       console.warn("CursorManager: No targetSelector provided in animation");
       return;
     }
-    await new Promise((resolve) => setTimeout(resolve, 500));
+    await new Promise((resolve) => setTimeout(resolve, TIMING.DOM_STABILIZATION_DELAY_MS));
     if (this.isAutoplayBlocked()) {
       return;
     }
@@ -6994,6 +7012,13 @@ class CursorManager {
     this.lastCursorY = this.targetY;
     this.dragPhase = "dragging";
     this.dragAnimationStartTime = performance.now();
+    const dragDistance = this.calculateDistance(
+      this.dragStartX + this.SELECTION_HORIZONTAL_OFFSET,
+      this.dragStartY + this.SELECTION_VERTICAL_OFFSET,
+      this.dragEndX + this.SELECTION_HORIZONTAL_OFFSET,
+      this.dragEndY + this.SELECTION_VERTICAL_OFFSET
+    );
+    this.animationDuration = this.calculateAnimationDuration(dragDistance);
     if (this.cursor) {
       const x = this.lastCursorX;
       const y = this.lastCursorY;
@@ -7074,7 +7099,7 @@ class CursorManager {
       this.updateDragCoordinatesFromElement();
     }
     const elapsed = timestamp - this.dragAnimationStartTime;
-    const progress = Math.min(elapsed / 1e3, 1);
+    const progress = Math.min(elapsed / this.animationDuration, 1);
     const easedProgress = 0.5 - 0.5 * Math.cos(progress * Math.PI);
     const currentX = this.dragStartX + (this.dragEndX - this.dragStartX) * easedProgress + this.SELECTION_HORIZONTAL_OFFSET;
     const currentY = this.dragStartY + (this.dragEndY - this.dragStartY) * easedProgress + this.SELECTION_VERTICAL_OFFSET;
@@ -7547,7 +7572,7 @@ class InteractionManager {
       const scrollHeight = container.scrollHeight;
       const scrollTop = container.scrollTop;
       const clientHeight = container.clientHeight;
-      if (scrollHeight - scrollTop - clientHeight < 10) {
+      if (scrollHeight - scrollTop - clientHeight < THRESHOLDS.SCROLL_THRESHOLD_PX) {
         this.scrollIndicator.classList.add("sf-scroll-indicator--hidden");
       } else {
         this.scrollIndicator.classList.remove("sf-scroll-indicator--hidden");
@@ -7750,12 +7775,12 @@ class InteractionManager {
         await this.flushAnalytics();
         if (store.currentState === "completedWaitingForInteraction") {
           store.completePlaylist();
-          await new Promise((resolve) => setTimeout(resolve, 100));
+          await new Promise((resolve) => setTimeout(resolve, TIMING.STATE_PROCESSING_DELAY_MS));
         } else {
           const isLastStep = this.isCurrentStepLast(store);
           if (isLastStep) {
             store.goToStep("completed");
-            await new Promise((resolve) => setTimeout(resolve, 100));
+            await new Promise((resolve) => setTimeout(resolve, TIMING.STATE_PROCESSING_DELAY_MS));
           }
         }
         window.open(buttonConfig.action.target, "_blank");
@@ -7771,7 +7796,7 @@ class InteractionManager {
           await this.flushAnalytics();
           log("InteractionManager: Completing current playlist before starting new one");
           store.completePlaylist();
-          await new Promise((resolve) => setTimeout(resolve, 100));
+          await new Promise((resolve) => setTimeout(resolve, TIMING.STATE_PROCESSING_DELAY_MS));
           const { SaltfishPlayer: SaltfishPlayer22 } = await Promise.resolve().then(() => SaltfishPlayer$1);
           const player2 = SaltfishPlayer22.getInstance();
           if (player2) {
@@ -7886,6 +7911,13 @@ class InteractionManager {
     this.container = null;
   }
 }
+function getSaltfishStore() {
+  try {
+    return useSaltfishStore.getState();
+  } catch (error2) {
+    return null;
+  }
+}
 class AnalyticsManager {
   // Default to enabled
   /**
@@ -7921,7 +7953,7 @@ class AnalyticsManager {
       return;
     }
     this.eventManager.on("playerPaused", (_) => {
-      const store = this.getStore();
+      const store = getSaltfishStore();
       const runId = this.getRunId();
       if ((store == null ? void 0 : store.manifest) && store.currentStepId && runId) {
         this.trackEvent({
@@ -7934,7 +7966,7 @@ class AnalyticsManager {
       }
     });
     this.eventManager.on("playerResumed", (_) => {
-      const store = this.getStore();
+      const store = getSaltfishStore();
       const runId = this.getRunId();
       if ((store == null ? void 0 : store.manifest) && store.currentStepId && runId) {
         this.trackEvent({
@@ -7973,7 +8005,7 @@ class AnalyticsManager {
       }
     });
     this.eventManager.on("playerMinimized", (_) => {
-      const store = this.getStore();
+      const store = getSaltfishStore();
       const runId = this.getRunId();
       if ((store == null ? void 0 : store.manifest) && store.currentStepId && runId) {
         this.trackEvent({
@@ -7986,7 +8018,7 @@ class AnalyticsManager {
       }
     });
     this.eventManager.on("playerMaximized", (_) => {
-      const store = this.getStore();
+      const store = getSaltfishStore();
       const runId = this.getRunId();
       if ((store == null ? void 0 : store.manifest) && store.currentStepId && runId) {
         this.trackEvent({
@@ -7999,17 +8031,6 @@ class AnalyticsManager {
       }
     });
   }
-  /**
-   * Helper to get the store state when needed
-   */
-  getStore() {
-    try {
-      return useSaltfishStore.getState();
-    } catch (error2) {
-      console.error("Failed to access store:", error2);
-      return null;
-    }
-  }
   /**
    * Initializes the analytics manager
    * @param config - Saltfish configuration
@@ -8024,7 +8045,7 @@ class AnalyticsManager {
     if (this.analyticsEnabled) {
       this.flushInterval = window.setInterval(() => {
         this.flushEvents();
-      }, 3e4);
+      }, ANALYTICS.FLUSH_INTERVAL_MS);
     }
   }
   /**
@@ -8274,7 +8295,7 @@ class SessionManager {
     const sessionData = this.storageManager.getSession();
     if (sessionData) {
       const now = Date.now();
-      if (now - sessionData.lastActivity < TIMING.SESSION_EXPIRY) {
+      if (now - sessionData.lastActivity < TIMING$1.SESSION_EXPIRY) {
         log(`SessionManager: Using existing session: ${sessionData.sessionId}`);
         this.updateSessionActivity(sessionData.sessionId);
         return sessionData.sessionId;
@@ -8606,10 +8627,10 @@ class TransitionManager {
           this.triggerTransition(nextStepId);
         } else if (retries < maxRetries) {
           log(`TransitionManager: State still incompatible (${currentStore.currentState}), will retry`);
-          setTimeout(retryTransition, 500);
+          setTimeout(retryTransition, TIMING.RETRY_DELAY_MS);
         }
       };
-      setTimeout(retryTransition, 500);
+      setTimeout(retryTransition, TIMING.RETRY_DELAY_MS);
     }
     const transitionId = `url-path-${Date.now()}`;
     const intervalId = window.setInterval(() => {
@@ -8618,7 +8639,7 @@ class TransitionManager {
         clearInterval(intervalId);
         this.triggerTransition(nextStepId);
       }
-    }, 5e3);
+    }, TIMING.URL_PATH_CHECK_INTERVAL_MS);
     this.activeTransitions.set(transitionId, {
       handlers: /* @__PURE__ */ new Map(),
       // No DOM handlers for URL path transitions
@@ -8755,7 +8776,7 @@ class TransitionManager {
     try {
       log(`TransitionManager: Conditions met, transitioning to step '${nextStepId}'`);
       this.triggerTransition(nextStepId);
-      await new Promise((resolve) => setTimeout(resolve, 100));
+      await new Promise((resolve) => setTimeout(resolve, TIMING.STATE_PROCESSING_DELAY_MS));
       log(`TransitionManager: Transition to '${nextStepId}' completed successfully`);
       return true;
     } catch (error2) {
@@ -9931,17 +9952,6 @@ class PlaylistManager {
       this.updateWatchedPlaylistStatus(event.playlist.id, "in_progress", event.step.id);
     });
   }
-  /**
-   * Helper to get the store state when needed
-   */
-  getStore() {
-    try {
-      return useSaltfishStore.getState();
-    } catch (error2) {
-      console.error("Failed to access store:", error2);
-      return null;
-    }
-  }
   /**
    * Updates the watched playlist status locally and in the backend
    * @param playlistId - ID of the playlist
@@ -9955,7 +9965,7 @@ class PlaylistManager {
     }
     this.isUpdatingWatchedPlaylists = true;
     try {
-      const store = this.getStore();
+      const store = getSaltfishStore();
       if (!store) {
         return;
       }
@@ -10046,7 +10056,10 @@ class PlaylistManager {
   async load(playlistId, options) {
     var _a, _b;
     try {
-      const store = useSaltfishStore.getState();
+      const store = getSaltfishStore();
+      if (!store) {
+        throw new Error("Store not available");
+      }
       const isAnonymous = ((_a = store.user) == null ? void 0 : _a.__isAnonymous) === true;
       const savedProgress = isAnonymous ? store.progress : ((_b = store.userData) == null ? void 0 : _b.watchedPlaylists) || store.progress;
       const loadResult = await this.playlistLoader.loadManifest({
@@ -10064,9 +10077,13 @@ class PlaylistManager {
         });
       }
     } catch (error2) {
-      const store = useSaltfishStore.getState();
+      const store = getSaltfishStore();
       const errorObj = error2 instanceof Error ? error2 : new Error("Unknown error loading manifest");
-      store.setError(errorObj);
+      if (store) {
+        store.setError(errorObj);
+      } else {
+        console.error("[PlaylistManager] Cannot set error: Store not available", errorObj);
+      }
     }
   }
   /**
@@ -10976,7 +10993,7 @@ const _StepTimeoutManager = class _StepTimeoutManager {
     this.destroyCallback = null;
   }
 };
-__publicField(_StepTimeoutManager, "STEP_TIMEOUT_MS", TIMING.STEP_TIMEOUT);
+__publicField(_StepTimeoutManager, "STEP_TIMEOUT_MS", TIMING$1.STEP_TIMEOUT);
 let StepTimeoutManager = _StepTimeoutManager;
 class ManagerFactory {
   /**
@@ -11234,7 +11251,7 @@ const SaltfishPlayer$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.de
   __proto__: null,
   SaltfishPlayer
 }, Symbol.toStringTag, { value: "Module" }));
-const version = "0.3.3";
+const version = "0.3.5";
 const packageJson = {
   version
 };