saltfish 0.3.2 → 0.3.4

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
@@ -982,12 +982,29 @@ const CSS_CLASSES = {
   ERROR_DISPLAY_MESSAGE: "sf-error-display__message",
   LOADING_SPINNER: "sf-loading-spinner"
 };
-class StorageManager {
+const _StorageManager = class _StorageManager {
   constructor() {
     __publicField(this, "isLocalStorageAvailable");
     this.isLocalStorageAvailable = this.checkLocalStorageAvailability();
     if (!this.isLocalStorageAvailable) ;
   }
+  /**
+   * Get the singleton instance of StorageManager
+   * @returns The StorageManager instance
+   */
+  static getInstance() {
+    if (!_StorageManager.instance) {
+      _StorageManager.instance = new _StorageManager();
+    }
+    return _StorageManager.instance;
+  }
+  /**
+   * Reset the singleton instance (useful for testing)
+   * @internal
+   */
+  static resetInstance() {
+    _StorageManager.instance = null;
+  }
   /**
    * Check if localStorage is available and working
    */
@@ -1223,8 +1240,10 @@ class StorageManager {
       keys
     };
   }
-}
-const storageManager = new StorageManager();
+};
+__publicField(_StorageManager, "instance", null);
+let StorageManager = _StorageManager;
+const storageManager = StorageManager.getInstance();
 const createInitialContext = () => ({
   currentStep: null,
   error: null
@@ -6147,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);
@@ -6799,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;
     }
@@ -7425,7 +7462,7 @@ class InteractionManager {
     __publicField(this, "scrollIndicator", null);
     __publicField(this, "domEventListeners", /* @__PURE__ */ new Map());
     __publicField(this, "storeUnsubscribe", null);
-    __publicField(this, "storageManager", new StorageManager());
+    __publicField(this, "storageManager", StorageManager.getInstance());
     /**
      * Handles the video90PercentReached event
      * @param _event - The custom event dispatched when video reaches 90%
@@ -7528,7 +7565,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");
@@ -7731,12 +7768,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");
@@ -7752,7 +7789,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) {
@@ -7867,6 +7904,13 @@ class InteractionManager {
     this.container = null;
   }
 }
+function getSaltfishStore() {
+  try {
+    return useSaltfishStore.getState();
+  } catch (error2) {
+    return null;
+  }
+}
 class AnalyticsManager {
   // Default to enabled
   /**
@@ -7902,7 +7946,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({
@@ -7915,7 +7959,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({
@@ -7954,7 +7998,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({
@@ -7967,7 +8011,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({
@@ -7980,17 +8024,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
@@ -8005,7 +8038,7 @@ class AnalyticsManager {
     if (this.analyticsEnabled) {
       this.flushInterval = window.setInterval(() => {
         this.flushEvents();
-      }, 3e4);
+      }, ANALYTICS.FLUSH_INTERVAL_MS);
     }
   }
   /**
@@ -8240,7 +8273,7 @@ class SessionManager {
     __publicField(this, "sessionId");
     __publicField(this, "currentRunId", null);
     __publicField(this, "storageManager");
-    this.storageManager = storageManager2 || new StorageManager();
+    this.storageManager = storageManager2 || StorageManager.getInstance();
     this.sessionId = this.getOrCreateSession();
     log(`SessionManager: Initialized with sessionId: ${this.sessionId}`);
   }
@@ -8255,7 +8288,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;
@@ -8587,10 +8620,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(() => {
@@ -8599,7 +8632,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
@@ -8736,7 +8769,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) {
@@ -9873,7 +9906,7 @@ class PlaylistManager {
     __publicField(this, "playlistLoader");
     __publicField(this, "storageManager");
     this.playlistLoader = new PlaylistLoader();
-    this.storageManager = storageManager2 || new StorageManager();
+    this.storageManager = storageManager2 || StorageManager.getInstance();
     if (eventManager) {
       this.setEventManager(eventManager);
     }
@@ -9912,17 +9945,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
@@ -9936,7 +9958,7 @@ class PlaylistManager {
     }
     this.isUpdatingWatchedPlaylists = true;
     try {
-      const store = this.getStore();
+      const store = getSaltfishStore();
       if (!store) {
         return;
       }
@@ -10027,7 +10049,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({
@@ -10045,9 +10070,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);
+      }
     }
   }
   /**
@@ -10957,14 +10986,14 @@ 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 {
   /**
    * Create all manager instances with proper dependencies
    */
   createManagers() {
-    const storageManager2 = new StorageManager();
+    const storageManager2 = StorageManager.getInstance();
     const sessionManager = new SessionManager(storageManager2);
     const shadowDOMManager = new ShadowDOMManager();
     const videoManager = new VideoManager();
@@ -11215,7 +11244,7 @@ const SaltfishPlayer$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.de
   __proto__: null,
   SaltfishPlayer
 }, Symbol.toStringTag, { value: "Module" }));
-const version = "0.3.2";
+const version = "0.3.4";
 const packageJson = {
   version
 };