@saooti/octopus-sdk 41.5.2 → 41.5.4

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # CHANGELOG
 
+## 41.5.4 (12/02/2026)
+
+**Misc**
+
+- Ajouts d'options pour customiser les éléments de `TopBar`
+- Ajout d'un slot `bottom` pour `PlaylistPage`
+
+## 41.5.3 (09/02/2026)
+
+**Fix**
+
+- Enregistrement stats d'écoutes pour vidéos Digiteka
+
+**Misc**
+
+- Correction double slash dans sharePath
+
 ## 41.5.2 (06/02/2026)
 
 **Misc**

package/package.json

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

package/src/api/videoApi.ts

@@ -0,0 +1,17 @@
+import { ModuleApi } from "./apiConnection";
+import classicApi from "./classicApi";
+
+/**
+ * Request the download ID from a video
+ * @param podcastId The id of the podcast to be watched
+ */
+async function watchPodcast(podcastId: number): Promise<string> {
+    return classicApi.fetchData<string>({
+        api: ModuleApi.DEFAULT,
+        path: 'video/watch/' + podcastId
+    });
+}
+
+export const videoApi = {
+    watchPodcast
+}

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

@@ -14,10 +14,10 @@ export const usePlayerLogicProgress = ()=>{
   const authStore = useAuthStore();
 
   const intervalToSend = computed(() => { 
-    if(lastSend.value<180){
+    if(lastSend.value < 180){
       return 10;
     }
-    if(lastSend.value<1800){
+    if(lastSend.value < 1800){
       return 30;
     }
     return 60;
@@ -46,7 +46,9 @@ export const usePlayerLogicProgress = ()=>{
       return;
     }
     const audioPlayer: HTMLAudioElement | null = document.querySelector("#audio-player");
-    if (!audioPlayer) return;
+    if (!audioPlayer) {
+      return;
+    }
     audioPlayer.currentTime = playerStore.playerSeekTime;
   });
 
@@ -72,12 +74,15 @@ export const usePlayerLogicProgress = ()=>{
         },
       });
       setDownloadId(downloadIdFetched);
-    } catch {
+    } catch(e) {
       downloadId.value = null;
-      console.log("ERROR downloadId");
+      console.error("ERROR downloadId", e);
     }
   }
 
+  /**
+   * @param currentTime: Temps en seconds
+   */
   function onTimeUpdateProgress(currentTime: number): void {
     if (!downloadId.value) {
       return;
@@ -92,7 +97,7 @@ export const usePlayerLogicProgress = ()=>{
     } else {
       const newListenTime = currentTime - notListenTime.value;
       const diffTime = newListenTime - listenTime.value;
-      if(diffTime > 0 && diffTime<1){
+      if(diffTime > 0 && diffTime<1) {
         listenTime.value = newListenTime;
       }
     }
@@ -104,7 +109,9 @@ export const usePlayerLogicProgress = ()=>{
   }
 
   async function endListeningProgress(): Promise<void> {
-    if (!downloadId.value) return;
+    if (!downloadId.value) {
+      return;
+    }
     await sendListeningProgress(listenTime.value);
     downloadId.value = null;
     notListenTime.value = 0;
@@ -120,24 +127,26 @@ export const usePlayerLogicProgress = ()=>{
       paramUrlLive="&url="+encodeURI(playerStore.playerHlsUrl);
       urlLiveSent.value = true;
     }
+
+    // Send listening updates if listening lasted more than 30 seconds
     try {
       await classicApi.putData<string | null>({
         api: 0,
         path:"podcast/listen/" +downloadId.value +"?seconds=" +Math.round(listenTime)+paramUrlLive,
         isNotAuth:true
       });
-    } catch {
+    } catch(e) {
       //Do nothing
+      console.error(e);
     }
   }
 
-
-	return {
+  return {
     listenTime,
     downloadId,
     initLiveDownloadId,
     setDownloadId,
     onTimeUpdateProgress,
     endListeningProgress
-	}
-}
+  }
+}

package/src/components/composable/share/useSharePath.ts

@@ -1,5 +1,5 @@
 import { OrganisationAttributes } from "@/stores/class/general/organisation";
-import { RouteLocation, RouteLocationAsRelativeTyped, RouteLocationNormalized, useRouter } from "vue-router";
+import { RouteLocationAsRelativeTyped, useRouter } from "vue-router";
 import { useSeoTitleUrl } from "../route/useSeoTitleUrl";
 
 export const useSharePath = () => {
@@ -37,7 +37,11 @@ export const useSharePath = () => {
 	 */
 	function getSharePath(route: RouteLocationAsRelativeTyped, attributes?: OrganisationAttributes): string {
         const resolved = router.resolve(route);
-        return getBaseSharePath(attributes) + resolved.path;
+        // Remove trailing slash
+        const base = getBaseSharePath(attributes).replace(/\/$/, '');
+        // Remove leading slash
+        const path = resolved.path.replace(/^\//, '');
+        return base + '/' + path;
 	}
 
 	type GetSmartLinkParam = {

package/src/components/misc/HomeDropdown.vue

@@ -9,7 +9,7 @@
       <AppsIcon :size="30" />
     </button>
     <router-link
-      v-if="isAuthenticatedWithOrga && authStore.isRoleContribution"
+      v-if="displayUpload"
       :title="t('Upload')"
       to="/main/priv/upload"
       class="btn admin-button hide-small-screen m-1 text-blue-octopus"
@@ -48,11 +48,15 @@ import { computed } from "vue";
 import { useI18n } from "vue-i18n";
 import { useRoute, useRouter } from "vue-router";
 
+export interface HomeDropdownProps {
+  isEducation?: boolean;
+  mobileMenuDisplay?: boolean;
+  /** Display the upload button */
+  displayUpload?: boolean;
+}
+
 //Props 
-defineProps({
-  isEducation: { default: false, type: Boolean },
-  mobileMenuDisplay: { default: false, type: Boolean },
-})
+defineProps<HomeDropdownProps>();
 
 //Composables
 const { t } = useI18n();

package/src/components/misc/TopBar.vue

@@ -11,6 +11,7 @@
       :title-display="titleToDisplay"
       style="height: var(--header-size);"
       :class="headerBackgroundImage.length ? 'header-opacity':''"
+      :options="options?.topBarMainContent"
     />
   </header>
   <div v-if="generalStore.contentToDisplay" class="header-content-bg" :style="headerBackgroundImage" :class="{ scrolled: scrolled, 'header-force-blur':needToBlur }" >
@@ -30,7 +31,7 @@
 
 <script setup lang="ts">
 import {useImageProxy} from "../composable/useImageProxy";
-import TopBarMainContent from "./TopBarMainContent.vue";
+import TopBarMainContent, { type TopBarMainContentOptions } from "./TopBarMainContent.vue";
 import { computed, defineAsyncComponent, onBeforeUnmount, onMounted, ref, watch } from "vue";
 import { useAuthStore } from "../../stores/AuthStore";
 import { useGeneralStore } from "../../stores/GeneralStore";
@@ -44,6 +45,11 @@ const SubscribeButtons = defineAsyncComponent(
   () => import("../display/sharing/SubscribeButtons.vue"),
 );
 
+defineProps<{
+  options?: {
+    topBarMainContent?: TopBarMainContentOptions
+  }
+}>();
 
 //Data 
 const scrolled = ref(false);

package/src/components/misc/TopBarMainContent.vue

@@ -138,6 +138,7 @@
         <HomeDropdown
           :is-education="generalStore.platformEducation"
           :mobile-menu-display="mobileMenuDisplay"
+          v-bind="options?.homeDropdown"
         />
         <router-link
           v-show="!isPhone && !inContentDisplayPage"
@@ -160,7 +161,7 @@ import ChevronDownIcon from "vue-material-design-icons/ChevronDown.vue";
 import MagnifyIcon from "vue-material-design-icons/Magnify.vue";
 import { useRubriquesFilterComputed } from "../composable/route/useRubriquesFilterComputed";
 import { state } from "../../stores/ParamSdkStore";
-import HomeDropdown from "./HomeDropdown.vue";
+import HomeDropdown, { type HomeDropdownProps } from "./HomeDropdown.vue";
 import {useImageProxy} from "../composable/useImageProxy";
 import { useFilterStore } from "../../stores/FilterStore";
 import { useAuthStore } from "../../stores/AuthStore";
@@ -170,13 +171,21 @@ import { useGeneralStore } from "../../stores/GeneralStore";
 import { useI18n } from "vue-i18n";
 const MobileMenu = defineAsyncComponent(() => import("./MobileMenu.vue"));
 
+export interface TopBarMainContentOptions {
+  homeDropdown?: HomeDropdownProps;
+}
+
+export interface TopBarMainContentProps {
+  isPhone?: boolean;
+  titleDisplay?: string;
+  scrolled?: boolean;
+};
 
 //Props 
-const props = defineProps({
-  isPhone: { default: false, type: Boolean },
-  titleDisplay: { default: "", type: String },
-  scrolled: { default: false, type: Boolean },
-})
+const props = defineProps<TopBarMainContentProps & {
+  /** Props for subcomponents */
+  options?: TopBarMainContentOptions;
+}>();
 
 
 //Composables

package/src/components/misc/player/video/PlayerVideo.vue

@@ -6,7 +6,11 @@
       </button>
       <div class="video-wrapper">
         <PlayerYoutubeEmbed v-if="youtubeId" :youtube-id="youtubeId" />
-        <PlayerVideoDigiteka v-else-if="!playerStore.playerLive" :video-id="playerStore.playerPodcast?.video?.videoId" />
+        <PlayerVideoDigiteka
+          v-else-if="!playerStore.playerLive"
+          :video-id="playerStore.playerPodcast?.video?.videoId"
+          :podcast-id="playerStore.playerPodcast.podcastId"
+        />
         <PlayerVideoHls v-else :hls-url="hlsVideoUrl" :is-secured="isSecured"/>
       </div>
     </template>

package/src/components/misc/player/video/PlayerVideoDigiteka.vue

@@ -23,9 +23,13 @@ import { useI18n } from "vue-i18n";
 import SnackBar from "../../SnackBar.vue";
 import { computed, onMounted, useTemplateRef } from "vue";
 
+import { usePlayerLogicProgress } from "../../../composable/player/usePlayerLogicProgress";
+import { videoApi } from "../../../../api/videoApi";
+
 //Props 
 const props = defineProps({
-  videoId: { default: undefined, type: String },
+  videoId: { type: String, required: true },
+  podcastId: { type: Number, required: false, default: null },
   responsive: { default: false, type: Boolean },
 })
 
@@ -34,7 +38,7 @@ const snackBarRef = useTemplateRef('snackbar');
 
 //Composables
 const { t } = useI18n();
-
+const { onTimeUpdateProgress, setDownloadId } = usePlayerLogicProgress();
 
 //Computed
 const srcVideo = computed(() => {
@@ -45,13 +49,30 @@ const srcVideo = computed(() => {
   );
 });
 
-onMounted(()=>{
+onMounted(async()=>{
   if (undefined === props.videoId) {
     (snackBarRef?.value as InstanceType<typeof SnackBar>).open(t("Podcast play error"));
   }
-})
 
+  // #14118 cf https://support.digiteka.com/fr/API/Iframe#h-3-r%C3%A9ception-des-%C3%A9v%C3%A9nements-du-player
+  window.addEventListener('message', event => {
+    if (typeof event.data !== 'string') {
+      return;
+    }
+
+    const data = Object.fromEntries(event.data.split('&').map(d => d.split('=')));
+    if (data.event === 'timeupdate') {
+      onTimeUpdateProgress(parseFloat(data.time));
+    }
+  });
+
+  if (props.podcastId !== undefined) {
+    const downloadId = await videoApi.watchPodcast(props.podcastId);
+    setDownloadId(downloadId);
+  }
+})
 </script>
-<style lang="scss">
+
+<style scoped lang="scss">
 @use "../../../../style/videoPlayer";
 </style>

package/src/components/pages/PlaylistPage.vue

@@ -57,6 +57,8 @@
           />
         </section>
       </div>
+
+      <slot name="bottom" v-bind="{ playlist }" />
     </template>
     <ClassicLoading
       :loading-text="!loaded ? t('Loading content ...') : undefined"

package/src/components/pages/VideoPage.vue

@@ -33,7 +33,12 @@
               />
             </div>
           </template>
-          <PlayerVideoDigiteka v-else :video-id="videoId" :responsive="true" />
+          <PlayerVideoDigiteka
+            v-else
+            :video-id="videoId"
+            :podcast-id="podcastId"
+            responsive
+          />
         </div>
         <div class="w-30-responsive info-video-container">
           <div class="d-flex flex-column flex-grow-1 w-100">

package/tests/components/misc/HomeDropdown.spec.ts

@@ -0,0 +1,43 @@
+import '@tests/mocks/useRouter';
+import '@tests/mocks/i18n';
+
+import HomeDropdown from '@/components/misc/HomeDropdown.vue';
+import { mount } from '@tests/utils';
+import { describe, expect, it } from 'vitest';
+
+describe('HomeDropdown - displayUpload prop', () => {
+    it('displays the upload button when displayUpload is true', async () => {
+        const wrapper = await mount(HomeDropdown, {
+            props: {
+                displayUpload: true
+            },
+            stubs: ['ClassicPopover', 'UserButtonContent', 'AppsIcon', 'AccountIcon', 'DownloadIcon']
+        });
+
+        const uploadButton = wrapper.find('a[title="Upload"]');
+        expect(uploadButton.exists()).toBe(true);
+        expect(uploadButton.attributes('to')).toBe('/main/priv/upload');
+    });
+
+    it('does not display the upload button when displayUpload is false', async () => {
+        const wrapper = await mount(HomeDropdown, {
+            props: {
+                displayUpload: false
+            },
+            stubs: ['ClassicPopover', 'UserButtonContent', 'AppsIcon', 'AccountIcon', 'DownloadIcon']
+        });
+
+        const uploadButton = wrapper.find('a[title="Upload"]');
+        expect(uploadButton.exists()).toBe(false);
+    });
+
+    it('does not display the upload button when displayUpload is undefined', async () => {
+        const wrapper = await mount(HomeDropdown, {
+            props: {},
+            stubs: ['ClassicPopover', 'UserButtonContent', 'AppsIcon', 'AccountIcon', 'DownloadIcon']
+        });
+
+        const uploadButton = wrapper.find('a[title="Upload"]');
+        expect(uploadButton.exists()).toBe(false);
+    });
+});