@saooti/octopus-sdk 41.1.8 → 41.1.10

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # CHANGELOG
 
+## 41.1.10 (15/12/2025)
+
+**Misc**
+
+- Les pages d'émissions et d'épisodes peuvent afficher le titre de l'émission
+  en header
+- Ajustement pour assurer l'affichage d'épisodes d'émissions différentes dans
+  `PodcastPresentationList`.
+
+**Fixes**
+
+- Correction d'un problème de lecture des lives sous Firefox
+
+## 41.1.9 (11/12/2025)
+
+**Fixes**
+
+- Correction recherche dans `PodcastList`
+
 ## 41.1.8 (10/12/2025)
 
 **Fixes**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saooti/octopus-sdk",
-  "version": "41.1.8",
+  "version": "41.1.10",
   "private": false,
   "description": "Javascript SDK for using octopus",
   "author": "Saooti",

package/src/api/podcastApi.ts

@@ -70,7 +70,7 @@ export interface PodcastSearchOptions extends Paginable<PodcastSort> {
     /** Filter by podcast having a video */
     withVideo?: boolean;
     /** Filter by tags */
-    tags: Array<string>;
+    tags?: Array<string>;
     /** Filter by beneficiaries/rights holder reference */
     beneficiaries?: Array<string>;
 }

package/src/components/composable/player/usePlayerLive.ts

@@ -1,7 +1,7 @@
 import stringHelper from "../../../helper/stringHelper";
 import { usePlayerLogicProgress } from "./usePlayerLogicProgress";
 import { computed, Ref, ref } from "vue";
-import { usePlayerStore } from "../../../stores/PlayerStore";
+import { usePlayerStore, PlayerStatus } from "../../../stores/PlayerStore";
 import { useApiStore } from "../../../stores/ApiStore";
 import dayjs from "dayjs";
 import { useAuthStore } from "../../../stores/AuthStore";
@@ -28,11 +28,8 @@ export const usePlayerLive = (hlsReady: Ref<boolean>)=>{
     return authStore.authParam.accessToken && ("SECURED" === playerStore.playerLive?.organisation?.privacy || playerStore.playerRadio?.secured);
   });
 
-  
-
-
-  function onPlay(): void {
-    playerStore.playerChangeStatus("PAUSED"===playerStore.playerStatus);
+    function onPlay(): void {
+    playerStore.playerChangeStatus(PlayerStatus.PAUSED ===playerStore.playerStatus);
   }
 
   function playRadio() {
@@ -87,7 +84,8 @@ export const usePlayerLive = (hlsReady: Ref<boolean>)=>{
       } else {
         await initHls();
       }
-    } catch {
+    } catch(e) {
+      console.error(e);
       onHlsError();
     }
   }
@@ -112,6 +110,11 @@ export const usePlayerLive = (hlsReady: Ref<boolean>)=>{
       throw new Error("Hls is not supported ! ");
     }
     hls.value = new Hls({
+      autoStartLoad: true,
+      liveDurationInfinity:true,
+      backBufferLength:10,
+      maxBufferLength:60,
+
       xhrSetup: (xhr: XMLHttpRequest) => {
         if (needToAddToken.value) {
           xhr.setRequestHeader("Authorization", "Bearer " +authStore.authParam.accessToken);
@@ -124,16 +127,36 @@ export const usePlayerLive = (hlsReady: Ref<boolean>)=>{
       if(true===errorHls.value){
         return;
       }
-      playPromise.value = (audioElement.value as HTMLAudioElement).play();
-      playPromise.value.then(() =>{
-        playPromise.value = undefined;
-        onPlay();
-      }).catch(()=>{
-        onHlsError();
-        playPromise.value = undefined;
-      })
+      setTimeout(() => {
+        playPromise.value = (audioElement.value as HTMLAudioElement).play();
+        playPromise.value.then(() =>{
+          playPromise.value = undefined;
+          onPlay();
+        }).catch((e)=>{
+          console.error(e);
+          onHlsError();
+          playPromise.value = undefined;
+        });
+      }, 500);
     });
-    hls.value.on(Hls.Events.ERROR, async (e, data:any) => {
+    hls.value.on(Hls.Events.ERROR, async (name: string, data:any) => {
+      // Stalling, we don't have enough data
+      if (data.details === 'bufferStalledError') {
+        // Some logs to be able to follow what's happening
+        console.warn('playback is stalling…');
+        playerStore.playerStatus = PlayerStatus.LOADING;
+        // Destroy current instance
+        hls.value.destroy();
+        // Wait a bit before restarting playback
+        setTimeout(initHls, 500);
+        return;
+      }
+      console.error('An error occured: ' + name + ' / ' + data.details);
+      console.error(data);
+      if (data.fatal && data.type === Hls.ErrorTypes.MEDIA_ERROR) {
+        console.warn('Trying to recover...');
+        hls.value.recoverMediaError();
+      }
       errorHls.value = true;
       if(undefined===playPromise.value && data.fatal){
         onHlsError();

package/src/components/composable/player/usePlayerLogic.ts

@@ -186,8 +186,12 @@ export const usePlayerLogic = (forceHide: Ref<boolean, boolean>) => {
     let streamDuration = mediaTarget.duration;
     if (Infinity === streamDuration) {
       const seekable = mediaTarget.seekable;
-      if (seekable) {
-        streamDuration = seekable.end(seekable.length - 1);
+      if (seekable && seekable.length > 0) {
+        try {
+          streamDuration = seekable.end(seekable.length - 1);
+        } catch (e) {
+          console.error(e);
+        }
       } else {
         streamDuration = mediaTarget.currentTime;
       }
@@ -272,4 +276,4 @@ export const usePlayerLogic = (forceHide: Ref<boolean, boolean>) => {
     onFinished,
     onPlay
 	}
-}
+}

package/src/components/display/podcasts/PodcastList.vue

@@ -86,7 +86,7 @@ const props = withDefaults(defineProps<{
   showCount?: boolean;
   displaySortText?: boolean;
   sortCriteria?: PodcastSort;
-  validity?: 'true'|'false'|boolean;
+  validity?: 'true'|'false'|''|boolean; // TODO improve this
   rubriqueId?: Array<number>;
   rubriquageId?: Array<number>;
   noRubriquageId?: Array<number>;
@@ -188,8 +188,10 @@ onBeforeMount(()=>fetchContent(false))
 async function fetchContent(reset: boolean): Promise<void> {
   loading.value = true;
 
+  // Sadly we kinda have no idea what will be passed as 'validity', we need to
+  // handle multiple cases.
   let validity: undefined|boolean = undefined;
-  if (props.validity !== undefined) {
+  if (props.validity !== undefined && props.validity !== '') {
     validity = props.validity === 'true' || props.validity === true;
   }
   

package/src/components/display/podcasts/PodcastPresentationList.vue

@@ -43,15 +43,15 @@ import { Emission } from "@/stores/class/general/emission";
 import { onMounted, Ref, ref } from "vue";
 import { AxiosError } from "axios";
 import {useResizePhone} from "../../composable/useResizePhone";
-import { ListClassicReturn } from "@/stores/class/general/listReturn";
+import { ListClassicReturn } from "../../../stores/class/general/listReturn";
 
 import PresentationLayout from "../../layout/PresentationLayout.vue"; 
-import { Podcast } from "@/stores/class/general/podcast";
-import { ModuleApi } from "../../../api/apiConnection";
+import { Podcast, SimplifiedPodcast, simplifiedToFull } from "../../../stores/class/general/podcast";
 
 import PresentationItem from "../../layout/PresentationItem.vue"; 
 import PodcastPlayButton from "./PodcastPlayButton.vue"; 
 import { RouteLocationRaw } from "vue-router";
+import { podcastApi, PodcastSort } from "../../../api/podcastApi";
 
 //Props 
 const props = defineProps({
@@ -92,23 +92,29 @@ async function fetchNext(): Promise<void> {
       specialTreatement: true,
     });
 
-    // Retrieve the podcasts for these emissions
-    const data = await classicApi.fetchData<ListClassicReturn<Podcast>>({
-      api: ModuleApi.DEFAULT,
-      path: "podcast/search",
-      parameters: {
+    const promises: Array<Promise<SimplifiedPodcast>> = [];
+
+    for (let i = 0; i < emissions.result.length; i++) {
+      promises.push(podcastApi.search({
         first: 0,
-        size: 5,
-        organisationId: props.organisationId,
-        emissionId: emissions.result.map(e => e.emissionId),
-        sort: "DATE",
+        pageSize: 1,
+        organisationId: [props.organisationId],
+        emissionId: [emissions.result[i].emissionId],
+        sort: PodcastSort.DATE,
         rubriqueId: props.rubriquesId
-      },
-      specialTreatement: true
-    });
-    
+      }).then(r => r.result[0]));
+    }
+
+    // Retrieve the podcasts for these emissions
+    const data = await Promise.all(promises);
+
     podcasts.value = podcasts.value.concat(
-      data.result.filter((em: Podcast | null) => null !== em),
+      data.filter((em: SimplifiedPodcast | null) => null !== em).map(p => {
+        // Get emission from podcast
+        const emission = emissions.result.find(e => e.emissionId === p.emissionId);
+        // Create full podcast from simplified + emission
+        return simplifiedToFull(p, emission.orga, emission);
+      })
     );
     loading.value = false;
   } catch (errorWs) {

package/src/components/pages/EmissionPage.vue

@@ -3,7 +3,7 @@
     <template v-if="loaded && !error && emission">
       <PodcastmakerHeader
         v-if="isPodcastmaker"
-        :page-title="t('Emission')"
+        :page-title="useEmissionTitle ? emission.name : t('Emission')"
         :img-url="emission.imageUrl"
       />
       <div
@@ -178,7 +178,8 @@ const props = defineProps({
   pr: { default: 0, type: Number },
   ps: { default: 30, type: Number },
   routeQuery: { default: "", type: String },
-})
+  useEmissionTitle: { default: false, type: Boolean }
+});
 
 
 //Data 

package/src/components/pages/PodcastPage.vue

@@ -3,7 +3,7 @@
     <template v-if="loaded && !error && podcast">
       <PodcastmakerHeader
         v-if="isPodcastmaker"
-        :page-title="titlePage"
+        :page-title="useEmissionTitle ? podcast.emission.name : titlePage"
         :img-url="podcast.imageUrl"
       />
       <div
@@ -114,6 +114,8 @@ const props = defineProps({
   updateStatus: { default: undefined, type: String },
   playingPodcast: { default: undefined, type: Object as () => Podcast },
   podcastId: { default: 0, type: Number },
+  /** When true, display emission title in podcastmaker header */
+  useEmissionTitle: { default: false, type: Boolean }
 });
 
 

package/src/stores/PlayerStore.ts

@@ -14,9 +14,17 @@ interface Transcript {
   actualText: string;
   value: Array<{ endTime: number; startTime: number; text: string }>;
 }
+
+export enum PlayerStatus {
+  STOPPED = "STOPPED",
+  LOADING = "LOADING",
+  PLAYING = "PLAYING",
+  PAUSED = "PAUSED"
+}
+
 interface PlayerState {
   playerCurrentChange: number | null;
-  playerStatus: string; //STOPPED, LOADING, PLAYING, PAUSED
+  playerStatus: PlayerStatus;
   playerPodcast: Podcast | undefined;
   playerVolume?: number; //From 0 to 1
   playerElapsed: number; //From 0 to 1