saltfish 0.2.27 → 0.2.29

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

@@ -1427,16 +1427,7 @@ const saltfishStore = createStore()(
       },
       completePlaylist: () => {
         set2((state) => {
-          var _a, _b;
-          const { manifest } = state;
           state.currentState = transitionState({ type: "COMPLETE_PLAYLIST" });
-          const playlistPersistence = ((_a = state.playlistOptions) == null ? void 0 : _a.persistence) ?? true;
-          if (manifest && playlistPersistence) {
-            delete state.progress[manifest.id];
-            const userId = (_b = state.user) == null ? void 0 : _b.id;
-            storageManager.setProgress(state.progress, userId);
-            log(`Store: Removed completed playlist ${manifest.id} from localStorage`);
-          }
         });
       },
       // Add new method to reset playlist state while preserving config and user data
@@ -2885,94 +2876,89 @@ class StateMachineActionHandler {
     if (!context.currentStep) {
       return;
     }
-    if (context.currentStep.urlRequirement) {
-      log(`StateMachineActionHandler: Validating URL requirement for step ${context.currentStep.id}`);
-      const isValid = this.validateStepUrlRequirement(context.currentStep);
+    const currentStep = context.currentStep;
+    if (currentStep.urlRequirement) {
+      log(`StateMachineActionHandler: Validating URL requirement for step ${currentStep.id}`);
+      const isValid = this.validateStepUrlRequirement(currentStep);
       if (!isValid) {
         return;
       }
     }
-    const videoUrl = this.getVideoUrl(context.currentStep);
+    const videoUrl = this.getVideoUrl(currentStep);
     try {
       this.managers.interactionManager.clearButtons();
       this.managers.interactionManager.clearDOMInteractions();
-      if (context.currentStep.domInteractions) {
-        this.managers.interactionManager.setupDOMInteractions(context.currentStep.domInteractions);
+      if (currentStep.domInteractions) {
+        this.managers.interactionManager.setupDOMInteractions(currentStep.domInteractions);
       }
-      if (context.currentStep.buttons) {
-        this.managers.interactionManager.createButtons(context.currentStep.buttons);
+      if (currentStep.buttons) {
+        this.managers.interactionManager.createButtons(currentStep.buttons);
       }
-      log(`StateMachineActionHandler: Processing cursor animations for step ${context.currentStep.id}`);
-      log(`StateMachineActionHandler: Step has cursor animations: ${!!(context.currentStep.cursorAnimations && context.currentStep.cursorAnimations.length > 0)}`);
-      if (context.currentStep.cursorAnimations && context.currentStep.cursorAnimations.length > 0) {
-        log(`StateMachineActionHandler: Setting cursor visibility to true for step ${context.currentStep.id}`);
+      log(`StateMachineActionHandler: Processing cursor animations for step ${currentStep.id}`);
+      log(`StateMachineActionHandler: Step has cursor animations: ${!!(currentStep.cursorAnimations && currentStep.cursorAnimations.length > 0)}`);
+      if (currentStep.cursorAnimations && currentStep.cursorAnimations.length > 0) {
+        log(`StateMachineActionHandler: Setting cursor visibility to true for step ${currentStep.id}`);
         this.managers.cursorManager.setShouldShowCursor(true);
-        log(`StateMachineActionHandler: Starting cursor animation for step ${context.currentStep.id} with target: ${context.currentStep.cursorAnimations[0].targetSelector || "no target"}`);
-        this.managers.cursorManager.animate(context.currentStep.cursorAnimations[0]);
+        log(`StateMachineActionHandler: Starting cursor animation for step ${currentStep.id} with target: ${currentStep.cursorAnimations[0].targetSelector || "no target"}`);
+        this.managers.cursorManager.animate(currentStep.cursorAnimations[0]);
       } else {
-        log(`StateMachineActionHandler: Setting cursor visibility to false for step ${context.currentStep.id} - step has no cursor animations`);
+        log(`StateMachineActionHandler: Setting cursor visibility to false for step ${currentStep.id} - step has no cursor animations`);
         this.managers.cursorManager.setShouldShowCursor(false);
       }
-      const hasSpecialTransitions = context.currentStep.buttons && context.currentStep.buttons.length > 0 || context.currentStep.transitions.some(
+      const hasSpecialTransitions = currentStep.buttons && currentStep.buttons.length > 0 || currentStep.transitions.some(
         (t) => t.type === "dom-click" || t.type === "url-path" || t.type === "dom-element-visible"
       );
       const completionPolicy = hasSpecialTransitions ? "manual" : "auto";
       if (hasSpecialTransitions) {
         log("StateMachineActionHandler: Setting up transitions immediately for step with special transitions");
-        this.managers.transitionManager.setupTransitions(context.currentStep, false);
+        this.managers.transitionManager.setupTransitions(currentStep, false);
       }
       this.managers.videoManager.setCompletionPolicy(completionPolicy, () => {
-        if (context.currentStep) {
-          const store = useSaltfishStore.getState();
-          if (!hasSpecialTransitions) {
-            log("StateMachineActionHandler: Setting up transitions after video ended");
-            this.managers.transitionManager.setupTransitions(context.currentStep, true);
-            const hasValidNextSteps = context.currentStep.transitions.some((transition) => {
-              return store.manifest.steps.some((s) => s.id === transition.nextStep);
-            });
-            if (!hasValidNextSteps) {
-              log("StateMachineActionHandler: No valid next steps found, completing playlist");
-              store.sendStateMachineEvent({
-                type: "COMPLETE_PLAYLIST"
-              });
-            }
-          } else {
+        const store = useSaltfishStore.getState();
+        if (!hasSpecialTransitions) {
+          log("StateMachineActionHandler: Setting up transitions after video ended");
+          this.managers.transitionManager.setupTransitions(currentStep, true);
+          const hasValidNextSteps = currentStep.transitions.some((transition) => {
+            return store.manifest.steps.some((s) => s.id === transition.nextStep);
+          });
+          if (!hasValidNextSteps) {
+            log("StateMachineActionHandler: No valid next steps found, completing playlist");
             store.sendStateMachineEvent({
-              type: "VIDEO_FINISHED_WAIT",
-              step: context.currentStep
+              type: "COMPLETE_PLAYLIST"
             });
           }
+        } else {
+          store.sendStateMachineEvent({
+            type: "VIDEO_FINISHED_WAIT",
+            step: currentStep
+          });
         }
       });
       log("StateMachineActionHandler: Starting async video load");
       const loadTranscriptForStep = () => {
         var _a, _b, _c;
-        if (context.currentStep) {
-          const store = useSaltfishStore.getState();
-          const currentPlaylistId = (_a = store.manifest) == null ? void 0 : _a.id;
-          const currentPlaylist = (_b = store.backendPlaylists) == null ? void 0 : _b.find((p) => p.id === currentPlaylistId);
-          const captionsEnabled = (currentPlaylist == null ? void 0 : currentPlaylist.captions) === true;
-          const language = (_c = store.config) == null ? void 0 : _c.language;
-          let transcript = context.currentStep.transcript;
-          if (language && context.currentStep.translations && context.currentStep.translations[language]) {
-            const translatedTranscript = context.currentStep.translations[language].transcript;
-            if (translatedTranscript) {
-              transcript = translatedTranscript;
-              log(`StateMachineActionHandler: Loading translated transcript for step ${context.currentStep.id} in language ${language}`);
-            } else {
-              log(`StateMachineActionHandler: No translated transcript found for language ${language}, using default`);
-            }
-          } else if (language) {
-            log(`StateMachineActionHandler: No translation available for language ${language}, using default transcript`);
-          }
-          if (transcript) {
-            log(`StateMachineActionHandler: Loading transcript for step ${context.currentStep.id}, initially visible: ${captionsEnabled}`);
-            this.managers.videoManager.loadTranscript(transcript, captionsEnabled);
+        const store = useSaltfishStore.getState();
+        const currentPlaylistId = (_a = store.manifest) == null ? void 0 : _a.id;
+        const currentPlaylist = (_b = store.backendPlaylists) == null ? void 0 : _b.find((p) => p.id === currentPlaylistId);
+        const captionsEnabled = (currentPlaylist == null ? void 0 : currentPlaylist.captions) === true;
+        const language = (_c = store.config) == null ? void 0 : _c.language;
+        let transcript = currentStep.transcript;
+        if (language && currentStep.translations && currentStep.translations[language]) {
+          const translatedTranscript = currentStep.translations[language].transcript;
+          if (translatedTranscript) {
+            transcript = translatedTranscript;
+            log(`StateMachineActionHandler: Loading translated transcript for step ${currentStep.id} in language ${language}`);
           } else {
-            log(`StateMachineActionHandler: No transcript available for step ${context.currentStep.id}`);
-            this.managers.videoManager.loadTranscript(null, true);
+            log(`StateMachineActionHandler: No translated transcript found for language ${language}, using default`);
           }
+        } else if (language) {
+          log(`StateMachineActionHandler: No translation available for language ${language}, using default transcript`);
+        }
+        if (transcript) {
+          log(`StateMachineActionHandler: Loading transcript for step ${currentStep.id}, initially visible: ${captionsEnabled}`);
+          this.managers.videoManager.loadTranscript(transcript, captionsEnabled);
         } else {
+          log(`StateMachineActionHandler: No transcript available for step ${currentStep.id}`);
           this.managers.videoManager.loadTranscript(null, true);
         }
       };
@@ -2980,15 +2966,13 @@ class StateMachineActionHandler {
         log("StateMachineActionHandler: Video loaded successfully, playing");
         loadTranscriptForStep();
         this.managers.videoManager.play();
-        if (context.currentStep) {
-          const nextVideoUrl = this.findNextVideoUrl(context.currentStep);
-          if (nextVideoUrl) {
-            log(`StateMachineActionHandler: Preloading next video: ${nextVideoUrl}`);
-            this.managers.videoManager.preloadNextVideo(nextVideoUrl);
-          }
+        const nextVideoUrl = this.findNextVideoUrl(currentStep);
+        if (nextVideoUrl) {
+          log(`StateMachineActionHandler: Preloading next video: ${nextVideoUrl}`);
+          this.managers.videoManager.preloadNextVideo(nextVideoUrl);
         }
       }).catch((error2) => {
-        var _a, _b;
+        var _a;
         log(`StateMachineActionHandler: Error loading video: ${error2}`);
         this.managers.uiManager.showError(
           error2 instanceof Error ? error2 : new Error(`Failed to load video: ${error2}`),
@@ -3000,7 +2984,7 @@ class StateMachineActionHandler {
         this.managers.eventManager.trigger("error", {
           timestamp: Date.now(),
           playlistId: ((_a = store.manifest) == null ? void 0 : _a.id) || void 0,
-          stepId: (_b = context.currentStep) == null ? void 0 : _b.id,
+          stepId: currentStep.id,
           error: errorObj,
           errorType: "video",
           videoUrl: enrichedError == null ? void 0 : enrichedError.videoUrl,
@@ -3028,34 +3012,35 @@ class StateMachineActionHandler {
     if (!context.currentStep) {
       return;
     }
-    const videoUrl = this.getVideoUrl(context.currentStep);
+    const currentStep = context.currentStep;
+    const videoUrl = this.getVideoUrl(currentStep);
     try {
       this.managers.interactionManager.clearButtons();
       this.managers.interactionManager.clearDOMInteractions();
-      if (context.currentStep.domInteractions) {
-        this.managers.interactionManager.setupDOMInteractions(context.currentStep.domInteractions);
+      if (currentStep.domInteractions) {
+        this.managers.interactionManager.setupDOMInteractions(currentStep.domInteractions);
       }
-      if (context.currentStep.buttons) {
-        this.managers.interactionManager.createButtons(context.currentStep.buttons);
+      if (currentStep.buttons) {
+        this.managers.interactionManager.createButtons(currentStep.buttons);
       }
-      if (context.currentStep.cursorAnimations && context.currentStep.cursorAnimations.length > 0) {
-        log(`StateMachineActionHandler: Setting up cursor animations for idle mode step ${context.currentStep.id}`);
+      if (currentStep.cursorAnimations && currentStep.cursorAnimations.length > 0) {
+        log(`StateMachineActionHandler: Setting up cursor animations for idle mode step ${currentStep.id}`);
         this.managers.cursorManager.setShouldShowCursor(true);
-        this.managers.cursorManager.animate(context.currentStep.cursorAnimations[0]);
+        this.managers.cursorManager.animate(currentStep.cursorAnimations[0]);
       } else {
         this.managers.cursorManager.setShouldShowCursor(false);
       }
-      const hasSpecialTransitions = context.currentStep.buttons && context.currentStep.buttons.length > 0 || context.currentStep.transitions.some(
+      const hasSpecialTransitions = currentStep.buttons && currentStep.buttons.length > 0 || currentStep.transitions.some(
         (t) => t.type === "dom-click" || t.type === "url-path"
       );
       const completionPolicy = hasSpecialTransitions ? "manual" : "auto";
       if (hasSpecialTransitions) {
         log("StateMachineActionHandler: Setting up transitions for idle mode step with special transitions");
-        this.managers.transitionManager.setupTransitions(context.currentStep, false);
+        this.managers.transitionManager.setupTransitions(currentStep, false);
       }
       this.managers.videoManager.setCompletionPolicy(completionPolicy, () => {
-        if (context.currentStep && !hasSpecialTransitions) {
-          this.managers.transitionManager.setupTransitions(context.currentStep, true);
+        if (!hasSpecialTransitions) {
+          this.managers.transitionManager.setupTransitions(currentStep, true);
         }
       });
       log("StateMachineActionHandler: Starting async idle mode video load");
@@ -3070,27 +3055,25 @@ class StateMachineActionHandler {
             log("StateMachineActionHandler: Idle mode video play failed");
           });
         }
-        if (context.currentStep) {
-          const store = useSaltfishStore.getState();
-          const currentPlaylistId = (_a = store.manifest) == null ? void 0 : _a.id;
-          const currentPlaylist = (_b = store.backendPlaylists) == null ? void 0 : _b.find((p) => p.id === currentPlaylistId);
-          const captionsEnabled = (currentPlaylist == null ? void 0 : currentPlaylist.captions) === true;
-          const language = (_c = store.config) == null ? void 0 : _c.language;
-          let transcript = context.currentStep.transcript;
-          if (language && context.currentStep.translations && context.currentStep.translations[language]) {
-            const translation = context.currentStep.translations[language];
-            if (translation.transcript) {
-              transcript = translation.transcript;
-              log(`StateMachineActionHandler: Using translated transcript for idle mode, language: ${language}`);
-            }
-          }
-          if (transcript) {
-            log(`StateMachineActionHandler: Loading transcript for idle mode step ${context.currentStep.id}, initially visible: ${captionsEnabled}`);
-            this.managers.videoManager.loadTranscript(transcript, captionsEnabled);
-          } else {
-            this.managers.videoManager.loadTranscript(null, true);
+        const store = useSaltfishStore.getState();
+        const currentPlaylistId = (_a = store.manifest) == null ? void 0 : _a.id;
+        const currentPlaylist = (_b = store.backendPlaylists) == null ? void 0 : _b.find((p) => p.id === currentPlaylistId);
+        const captionsEnabled = (currentPlaylist == null ? void 0 : currentPlaylist.captions) === true;
+        const language = (_c = store.config) == null ? void 0 : _c.language;
+        let transcript = currentStep.transcript;
+        if (language && currentStep.translations && currentStep.translations[language]) {
+          const translation = currentStep.translations[language];
+          if (translation.transcript) {
+            transcript = translation.transcript;
+            log(`StateMachineActionHandler: Using translated transcript for idle mode, language: ${language}`);
           }
         }
+        if (transcript) {
+          log(`StateMachineActionHandler: Loading transcript for idle mode step ${currentStep.id}, initially visible: ${captionsEnabled}`);
+          this.managers.videoManager.loadTranscript(transcript, captionsEnabled);
+        } else {
+          this.managers.videoManager.loadTranscript(null, true);
+        }
       }).catch((error2) => {
         log(`StateMachineActionHandler: Error loading idle mode video: ${error2}`);
       });
@@ -3098,16 +3081,24 @@ class StateMachineActionHandler {
     }
   }
   handleTrackPlaylistComplete() {
+    var _a, _b;
     const store = useSaltfishStore.getState();
     if (store.manifest && this.managers.eventManager) {
-      log(`StateMachineActionHandler: Triggering playlistEnded event for playlist ${store.manifest.id}`);
+      const playlistId = store.manifest.id;
       this.managers.eventManager.trigger("playlistEnded", {
         timestamp: Date.now(),
         playlist: {
-          id: store.manifest.id,
+          id: playlistId,
           title: store.manifest.name
         }
       });
+      const playlistPersistence = ((_a = store.playlistOptions) == null ? void 0 : _a.persistence) ?? true;
+      if (playlistPersistence && store.progress[playlistId]) {
+        const updatedProgress = { ...store.progress };
+        delete updatedProgress[playlistId];
+        const userId = (_b = store.user) == null ? void 0 : _b.id;
+        this.managers.storageManager.setProgress(updatedProgress, userId);
+      }
     }
   }
   handleError(context) {