@saooti/octopus-sdk 41.3.0 → 41.3.1

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # CHANGELOG
 
+## 42.3.1 (09/01/2026)
+
+**Features**
+
+- Recherche avancée
+  - Ajout du filtrage par groupe sur les émissions
+  - Ajustement filtrage par groupe sur les podcasts
+- Miniplayer
+  - Ajout d'une option de hauteur automatique
+- Les liens dans les descriptions s'ouvrent maintenant dans un nouvel onglet
+
+**Fixes**
+
+- Suppression d'un lien SmartLink oublié sur les playlists.
+- Correction d'affichage des descriptions html dans les SmartLinks
+
+**Misc**
+
+- Producteur mis à jour lors de la consultation d'une émission/playlist/podcast
+  quand non connecté
+
 ## 42.3.0 (09/01/2026)
 
 **Features**
@@ -27,7 +48,7 @@
 
 **Fixes**
 
-- Recherche avancées
+- Recherche avancée
   - Correction chargements groupes & ayants-droits depuis routing
   - Filtrage des groupes par organisation
 

package/package.json

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

package/src/api/podcastApi.ts

@@ -44,7 +44,7 @@ export interface PodcastSearchOptions extends Paginable<PodcastSort> {
     /** Filter by emission ID */
     emissionId?: number|number[];
     /** Filter by emission groups */
-    emissionGroups?: EmissionGroup[];
+    groupId?: number[];
     /** Filter by organisation ID */
     organisationId?: string[];
     /** Filter by title containing */
@@ -134,12 +134,6 @@ function processSearchParameters(search: PodcastSearchOptions): FetchParam {
             parameters.after = value;
         } else if (key === 'pageSize') {
             parameters.size = value;
-        } else if (key === 'emissionGroups') {
-            const emissionIds = [search.emissionId ?? undefined].flat();
-            search.emissionGroups.forEach(group => {
-                emissionIds.push(...group.emissionIds);
-            });
-            parameters.emissionId = emissionIds;
         } else {
             parameters[key] = value;
         }

package/src/components/display/emission/EmissionList.vue

@@ -186,6 +186,7 @@ async function fetchContent(reset: boolean): Promise<void> {
     first: reset? 0: dfirst.value,
     size: dsize.value,
     query: props.query,
+    groupId: props.emissionGroups?.map(g => g.groupId),
     organisationId: organisation.value,
     monetisable: props.monetisable,
     iabId: props.iabId,

package/src/components/display/filter/AdvancedSearch.vue

@@ -33,7 +33,7 @@
                     />
 
                     <!-- Group filters -->
-                    <div v-if="!isEmission && showEmissionGroups" class="mt-3 d-flex">
+                    <div v-if="showEmissionGroups" class="mt-3 d-flex">
                         <ClassicCheckbox
                             v-model:text-init="emissionGroupCheckbox"
                             class="flex-shrink-0"

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

@@ -23,7 +23,7 @@
       ]"
     >
       <!-- eslint-disable vue/no-v-html -->
-      <div ref="descriptionPodcast" v-html="description" />
+      <div ref="descriptionPodcast" v-html="displayHelper.urlify(description)" />
       <!-- eslint-enable -->
     </div>
     <div
@@ -46,6 +46,8 @@ import { Podcast } from "../../../stores/class/general/podcast";
 import { computed, nextTick, onBeforeMount, ref, Ref, useTemplateRef } from "vue";
 import { Conference } from "@/stores/class/conference/conference";
 
+import displayHelper from "../../../helper/displayHelper";
+
 //Props 
 const props = defineProps<{
   podcast: Podcast;

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

@@ -201,7 +201,7 @@ async function fetchContent(reset: boolean): Promise<void> {
     pageSize: dsize.value,
     organisationId: organisation.value,
     emissionId: props.emissionId,
-    emissionGroups: props.emissionGroups,
+    groupId: props.emissionGroups?.map(g => g.groupId),
     iabId: props.iabId,
     participantId: props.participantId,
     query: props.query,

package/src/components/display/sharing/PlayerParameters.vue

@@ -3,6 +3,7 @@
     <legend class="h4 mb-2 mt-3">
       {{ t("player parameters") }}
     </legend>
+
     <template v-if="choseNumberEpisode">
       <div v-if="displayChoiceAllEpisodes" role="radiogroup">
         <div
@@ -37,6 +38,15 @@
       </div>
       <ChooseEpisodesNumber v-else :episodes-number="episodesNumber" @update-number="emit('update:episodesNumber', $event)"/>
     </template>
+
+    <ClassicCheckbox
+      v-if="displayAutoHeight"
+      :text-init="autoHeight"
+      id-checkbox="auto-height-checkbox"
+      :label="t('Miniplayer - Parameters - Auto height')"
+      @update:text-init="emit('update:autoHeight', $event)"
+    />
+
     <ClassicCheckbox
       v-if="displayIsVisible"
       :text-init="isVisible"
@@ -105,6 +115,8 @@ const props = defineProps({
   isPodcastNotVisible: { default: false, type: Boolean },
   episodesNumber: { default: 3, type: Number },
   insertCode: { default: false, type: Boolean },
+  displayAutoHeight: { default: false, type: Boolean },
+  autoHeight: { default: false, type: Boolean },
 })
 
 
@@ -117,7 +129,9 @@ const emit = defineEmits([
   "update:displayTranscript",
   "update:displayWave",
   "update:playerAutoPlay",
-  "update:insertCode"]);
+  "update:insertCode",
+  "update:autoHeight"
+]);
 
 
 //Data 
@@ -136,4 +150,4 @@ watch(episodeChoiceDisplay, async () => {
   emit("episodeChoiceDisplay", episodeChoiceDisplay.value);
 });
 
-</script>
+</script>

package/src/components/display/sharing/SharePlayer.vue

@@ -48,6 +48,7 @@
             v-model:player-auto-play="playerAutoPlay"
             v-model:episodes-number="episodesNumber"
             v-model:insert-code="insertCode"
+            v-model:auto-height="autoHeight"
             :display-is-visible="displayIsVisible"
             :is-podcast-not-visible="isPodcastNotVisible"
             :chose-number-episode="displayChoiceAllEpisodes"
@@ -56,6 +57,7 @@
             :display-article-param="displayArticleParam"
             :display-wave-param="displayWaveParam"
             :display-insert-code="displayInsertCode"
+            :display-auto-height="iFrameModel.toLowerCase().includes('large')"
             @episode-choice-display="episodeChoiceDisplay = $event"
           />
 
@@ -132,6 +134,7 @@ const displayTranscript = ref(true);
 const displayWave = ref(false);
 const playerAutoPlay = ref(false);
 const insertCode = ref(false);
+const autoHeight = ref(false);
 const orgaAttributes : Ref<{ [key: string]: string | number | boolean | undefined }| undefined>= ref(undefined);
 
 
@@ -244,6 +247,7 @@ const iFrameSrc = computed(() => {
       url.push(`${props.podcast.podcastId}`);
     }
   }
+
   return addUrlParameters(url).join("");
 });
 const iFrameHeight = computed(() => {
@@ -357,6 +361,9 @@ function addUrlParameters(url: Array<string>) {
   if (insertCode.value) {
     url.push("&insertCode=true");
   }
+  if (autoHeight.value) {
+    url.push("&autoHeight=true");
+  }
   return url;
 }
 function initColor(): void {

package/src/components/misc/modal/MessageModal.vue

@@ -7,7 +7,7 @@
   >
     <template #body>
       <!-- eslint-disable vue/no-v-html -->
-      <div v-if="!save && !error" class="content" v-html="message" />
+      <div v-if="!save && !error" class="content" v-html="displayHelper.urlify(message)" />
       <!-- eslint-enable -->
       <ClassicLoading
         v-if="save || error"
@@ -45,6 +45,7 @@ import ClassicModal from "../modal/ClassicModal.vue";
 import ClassicLoading from "../../form/ClassicLoading.vue";
 import { onMounted, ref, useTemplateRef } from "vue";
 import { useI18n } from "vue-i18n";
+import displayHelper from "../../../helper/displayHelper"; 
 //Props 
 const props = defineProps({
   title: { default: undefined, type: String },

package/src/components/pages/EmissionPage.vue

@@ -119,7 +119,6 @@
 </template>
 
 <script setup lang="ts">
-import classicApi from "../../api/classicApi";
 import { state } from "../../stores/ParamSdkStore";
 import displayHelper from "../../helper/displayHelper";
 import {useImageProxy} from "../composable/useImageProxy";
@@ -140,6 +139,7 @@ import { useSimplePageParam } from "../composable/route/useSimplePageParam";
 
 import ErrorMessage from "../misc/ErrorMessage.vue";
 import ClassicHelpButton from "../misc/ClassicHelpButton.vue";
+import { emissionApi } from "../../api/emissionApi";
 
 const ShareAnonymous = defineAsyncComponent(() => import("../display/sharing/ShareAnonymous.vue"));
 const PodcastFilterList = defineAsyncComponent(
@@ -243,10 +243,8 @@ async function getEmissionDetails(): Promise<void> {
   loaded.value = false;
   error.value = false;
   try {
-    emission.value = await classicApi.fetchData<Emission>({
-      api: 0,
-      path: "emission/" + props.emissionId,
-    });
+    emission.value = await emissionApi.get(props.emissionId);
+    filterStore.updateOrgaIfNecessary(emission.value.orga.id);
     if (
       "PUBLIC" !== emission.value.orga.privacy &&
       filterStore.filterOrgaId !== emission.value.orga.id &&

package/src/components/pages/PlaylistPage.vue

@@ -12,7 +12,6 @@
       >
         <section class="module-box">
           <EditBox v-if="editRight && !isPodcastmaker" :playlist="playlist" />
-          <router-link :to="{ name: 'playlist-smartlink', params: { playlistId: playlist.playlistId } }">SmartLink</router-link>
           <div class="mb-5 mt-3 description-text">
             <img
               v-lazy="useProxyImageUrl(playlist.imageUrl, '250')"
@@ -66,7 +65,6 @@ import {useOrgaComputed} from "../composable/useOrgaComputed";
 import {useSeoTitleUrl} from "../composable/route/useSeoTitleUrl";
 import ClassicLoading from "../form/ClassicLoading.vue";
 import PodcastList from "../display/playlist/PodcastList.vue";
-import classicApi from "../../api/classicApi";
 import { useFilterStore } from "../../stores/FilterStore";
 import { state } from "../../stores/ParamSdkStore";
 import displayHelper from "../../helper/displayHelper";
@@ -78,6 +76,7 @@ import { AxiosError } from "axios";
 import { useI18n } from "vue-i18n";
 import { useRoute } from "vue-router";
 import { useSimplePageParam } from "../composable/route/useSimplePageParam";
+import { playlistApi } from "../../api/playlistApi";
 const ShareSocialsButtons = defineAsyncComponent(
   () => import("../display/sharing/ShareSocialsButtons.vue"),
 );
@@ -164,10 +163,8 @@ async function getPlaylistDetails(): Promise<void> {
   try {
     loaded.value = false;
     error.value = false;
-    playlist.value = await classicApi.fetchData<Playlist>({
-      api: 0,
-      path: "playlist/" + props.playlistId,
-    });
+    playlist.value = await playlistApi.get(props.playlistId);
+    filterStore.updateOrgaIfNecessary(playlist.value.organisation?.id);
     if (
       (!editRight.value && playlistRadio.value) ||
       ("PUBLIC" !== playlist.value.organisation?.privacy &&

package/src/components/pages/PodcastPage.vue

@@ -96,6 +96,8 @@ import { AxiosError } from "axios";
 import { useCommentStore } from "../../stores/CommentStore";
 import { useI18n } from "vue-i18n";
 import { useRoute } from "vue-router";
+import { podcastApi } from "../../api/podcastApi";
+
 const ShareSocialsButtons = defineAsyncComponent(
   () => import("../display/sharing/ShareSocialsButtons.vue"),
 );
@@ -268,6 +270,7 @@ async function fetchConferenceStatus() {
 }
 function updatePodcast(podcastUpdated: Podcast): void {
   podcast.value = podcastUpdated;
+  filterStore.updateOrgaIfNecessary(podcastUpdated.organisation.id);
 }
 function initError(): void {
   error.value = true;
@@ -290,7 +293,7 @@ async function getPodcastDetails(): Promise<void> {
       initError();
       return;
     }
-    podcast.value = data;
+    updatePodcast(data);
     generalStore.contentToDisplayUpdate(data);
     if (
       (!podcast.value.availability.visibility ||
@@ -323,10 +326,8 @@ function podcastInProcessing(){
     return;
   }
   infoReload.value = setTimeout(async () => {
-    podcast.value = await classicApi.fetchData<Podcast>({
-      api: 0,
-      path: "podcast/" + props.podcastId,
-    });
+    const podcast = await podcastApi.get(props.podcastId);
+    updatePodcast(podcast);
     podcastInProcessing();
   }, 2000);
 }

package/src/components/pages/SmartLinkPage.vue

@@ -4,7 +4,7 @@
     </div>
     <article v-if="element">
         <!-- Top part of smartlink, with image, title and description -->
-        <div class="d-flex">
+        <div class="content">
             <img
                 v-lazy="useProxyImageUrl(element.imageUrl, '250')"
                 width="250"
@@ -13,21 +13,17 @@
                 aria-hidden="true"
                 alt=""
             >
-            <div class="content">
-                <h1>{{ title }}</h1>
-                <p>
-                    {{ element.description }}
-                </p>
-
-                <button
-                    v-if="latestPodcast"
-                    class="btn btn-primary pe-3"
-                    @click="playLatestPodcast"
-                >
-                    <PlayIcon class="me-2" />
-                    {{ $t('SmartLink - Listen to latest episode') }}
-                </button>
-            </div>
+            <h1>{{ title }}</h1>
+            <div v-html="displayHelper.urlify(element.description)" />
+
+            <button
+                v-if="latestPodcast"
+                class="btn btn-primary pe-3"
+                @click="playLatestPodcast"
+            >
+                <PlayIcon class="me-2" />
+                {{ $t('SmartLink - Listen to latest episode') }}
+            </button>
         </div>
 
         <!-- Links -->
@@ -87,6 +83,7 @@ import { Podcast } from '@/stores/class/general/podcast';
 import { usePlayerStore } from '../../stores/PlayerStore';
 import { podcastApi, PodcastSort } from '../../api/podcastApi';
 import { useSharePath } from '../composable/share/useSharePath';
+import displayHelper from '../../helper/displayHelper';
 
 const { updatePathParams } = useSeoTitleUrl();
 const { useProxyImageUrl } = useImageProxy();
@@ -282,9 +279,12 @@ article {
     .img-box {
         // Move image
         margin-top: -70px;
-        margin-left: 20px;
         margin-bottom: 0px;
 
+        // Move image left with content going to its right, and below it
+        float: left;
+        margin-right: 20px;
+
         // Add a border
         border: 2px solid var(--background);
         border-radius: var(--border-radius);

package/src/helper/displayHelper.ts

@@ -1,8 +1,23 @@
+const REGEX_URL = /[^">](https?:\/\/[^\s<]+)/g;
+const REGEX_A = /<a (.+?)>/g;
+
 export default {
   urlify(text: string|undefined): string {
-    const urlRegex = /[^">](https?:\/\/[^\s<]+)/g;
-    if (!text) return "";
-    return text.replace(urlRegex, (url: string) => {
+    if (!text) {
+      return "";
+    }
+
+    // Add target="_blank" to <a>
+    const withTarget = text.replace(REGEX_A, (full: string, content: string) => {
+      if (full.includes('target="_blank"')) {
+        return full;
+      } else {
+        return '<a ' + content + ' target="_blank">';
+      }
+    });
+
+    // Convert URL to <a>
+    return withTarget.replace(REGEX_URL, (url: string) => {
       return (
         '<a href="' + url + '" target="_blank" rel="noreferrer noopener" :title="t(\'New window\', {text: '+url+'})">' + url + "</a>"
       );
@@ -12,4 +27,4 @@ export default {
     await navigator.clipboard.writeText(link);
     return callback();
   },
-};
+};

package/src/locale/de.json

@@ -425,5 +425,6 @@
   "SmartLink - Listen to latest episode": "Hören Sie sich die neueste Folge an",
   "SmartLink - Made by": "Gehostet von",
   "SmartLink - To emission on podcastmaker": "Offizielle Seite der Show – {organisation}",
-  "SmartLink - To playlist on podcastmaker": "Offizielle Playlist-Seite – {organisation}"
+  "SmartLink - To playlist on podcastmaker": "Offizielle Playlist-Seite – {organisation}",
+  "Miniplayer - Parameters - Auto height": "Automatische Höhe"
 }

package/src/locale/en.json

@@ -425,5 +425,6 @@
   "SmartLink - Listen to latest episode": "Listen to the latest episode",
   "SmartLink - Made by": "Hosted by",
   "SmartLink - To emission on podcastmaker": "Official page of the show - {organisation}",
-  "SmartLink - To playlist on podcastmaker": "Official playlist page - {organisation}"
+  "SmartLink - To playlist on podcastmaker": "Official playlist page - {organisation}",
+  "Miniplayer - Parameters - Auto height": "Auto Height"
 }

package/src/locale/es.json

@@ -425,5 +425,6 @@
   "SmartLink - Listen to latest episode": "Escuche el último episodio",
   "SmartLink - Made by": "Anfitrión:",
   "SmartLink - To emission on podcastmaker": "Página oficial del espectáculo - {organisation}",
-  "SmartLink - To playlist on podcastmaker": "Página oficial de la lista de reproducción: {organisation}"
+  "SmartLink - To playlist on podcastmaker": "Página oficial de la lista de reproducción: {organisation}",
+  "Miniplayer - Parameters - Auto height": "Altura automática"
 }

package/src/locale/fr.json

@@ -448,5 +448,6 @@
   "SmartLink - Listen to latest episode": "Écouter le dernier épisode",
   "SmartLink - Made by": "Hébergé par",
   "SmartLink - To emission on podcastmaker": "Page officielle de l'émission - {organisation}",
-  "SmartLink - To playlist on podcastmaker": "Page officielle de la playlist - {organisation}"
+  "SmartLink - To playlist on podcastmaker": "Page officielle de la playlist - {organisation}",
+  "Miniplayer - Parameters - Auto height": "Hauteur automatique"
 }

package/src/locale/it.json

@@ -426,5 +426,6 @@
     "SmartLink - Listen to latest episode": "Ascolta l'ultimo episodio",
     "SmartLink - Made by": "Ospitato da",
     "SmartLink - To emission on podcastmaker": "Pagina ufficiale dello spettacolo - {organisation}",
-    "SmartLink - To playlist on podcastmaker": "Pagina della playlist ufficiale - {organisation}"
+    "SmartLink - To playlist on podcastmaker": "Pagina della playlist ufficiale - {organisation}",
+    "Miniplayer - Parameters - Auto height": "Altezza automatica"
 }

package/src/locale/sl.json

@@ -424,5 +424,6 @@
   "SmartLink - Listen to latest episode": "Poslušajte najnovejšo epizodo",
   "SmartLink - Made by": "Gostuje",
   "SmartLink - To emission on podcastmaker": "Uradna stran razstave - {organisation}",
-  "SmartLink - To playlist on podcastmaker": "Uradna stran seznama predvajanja - {organisation}"
+  "SmartLink - To playlist on podcastmaker": "Uradna stran seznama predvajanja - {organisation}",
+  "Miniplayer - Parameters - Auto height": "Samodejna višina"
 }

package/src/stores/FilterStore.ts

@@ -32,17 +32,31 @@ export const useFilterStore = defineStore("FilterStore", () => {
    * ID of the current organisation.
    */
   const filterOrgaId = computed((): string|undefined => {
+    // When explicitly asking to view all content, disable filter
     if (route?.query.viewall === "true") {
       return undefined;
+
+    // When productor set in route, use it
     } else if (route?.query.productor) {
       return route.query.productor as string;
+
+    // If we don´t have an ID stored, use data from auth store
     } else if(_filterOrgaId.value === null) {
       return authStore.authOrgaId;
+
+    // Otherwise use stored ID
     } else {
       return _filterOrgaId.value ?? undefined;
     }
   });
 
+  /** Update stored organisation ID only if not already set */
+  function updateOrgaIfNecessary(orgaId: string|undefined): void {
+    if (orgaId && filterOrgaId.value === undefined) {
+      _filterOrgaId.value = orgaId;
+    }
+  }
+
   /**
    * The ID of the current organisation, regardless of other options.
    * Use this if you want to know the organisation of the user even in
@@ -105,6 +119,8 @@ export const useFilterStore = defineStore("FilterStore", () => {
     filterOrgaId,
     realOrgaId,
 
+    updateOrgaIfNecessary,
+    
     filterUpdateOrga,
     filterUpdateIab,
     filterUpdateRubrique,
@@ -125,4 +141,4 @@ export const useFilterStore = defineStore("FilterStore", () => {
 });
 
 /** Type for the FilterStore */
-export type FilterStore = ReturnType<typeof useFilterStore>;
+export type FilterStore = ReturnType<typeof useFilterStore>;