@saooti/octopus-sdk 39.3.7 → 39.3.8

package/eslint.config.mjs

@@ -0,0 +1,29 @@
+import eslint from '@eslint/js';
+import eslintConfigPrettier from 'eslint-config-prettier';
+import eslintPluginVue from 'eslint-plugin-vue';
+import globals from 'globals';
+import typescriptEslint from 'typescript-eslint';
+
+export default typescriptEslint.config(
+  { ignores: ['*.d.ts', '**/coverage', '**/dist'] },
+  {
+    extends: [
+      eslint.configs.recommended,
+      ...typescriptEslint.configs.recommended,
+      ...eslintPluginVue.configs['flat/recommended'],
+    ],
+    files: ['**/*.{ts,vue}'],
+    languageOptions: {
+      ecmaVersion: 'latest',
+      sourceType: 'module',
+      globals: globals.browser,
+      parserOptions: {
+        parser: typescriptEslint.parser,
+      },
+    },
+    rules: {
+      // your rules
+    },
+  },
+  eslintConfigPrettier
+);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saooti/octopus-sdk",
-  "version": "39.3.7",
+  "version": "39.3.8",
   "private": false,
   "description": "Javascript SDK for using octopus",
   "author": "Saooti",
@@ -10,7 +10,7 @@
     "dev": "vite",
     "proxy_authentifié": "node proxy.ts",
     "proxy_non_authentifié": "node proxy.ts false",
-    "lint": "eslint --ext .js,.vue --fix src",
+    "lint": "eslint --fix src",
     "build_bundle": "vue-cli-service build --target lib --name octopus ./index.js",
     "sonar": "node sonarqube-scanner.js"
   },
@@ -32,8 +32,8 @@
     "dayjs": "^1.11.13",
     "emoji-mart-vue-fast": "^15.0.3",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-prettier": "^5.2.1",
     "express": "^4.21.2",
+    "globals": "^15.13.0",
     "hls.js": "^1.5.17",
     "humanize-duration": "^3.32.1",
     "pinia": "^2.3.0",
@@ -42,6 +42,7 @@
     "sockjs-client": "^1.6.1",
     "sonarqube-scanner": "^3.3.0",
     "swiper": "^11.1.14",
+    "typescript-eslint": "^8.18.1",
     "video.js": "^8.21.0",
     "videojs-quality-selector-hls": "^1.1.1",
     "vite": "^5.4.11",
@@ -56,48 +57,11 @@
   },
   "devDependencies": {
     "@types/sockjs-client": "^1.5.4",
-    "@typescript-eslint/eslint-plugin": "^8.18.0",
-    "@typescript-eslint/parser": "^8.18.0",
     "@vitejs/plugin-vue": "^5.1.4",
-    "eslint": "^9.16.0",
+    "eslint": "^9.17.0",
     "eslint-plugin-vue": "^9.32.0",
     "typescript": "^5.6.3"
   },
-  "eslintConfig": {
-    "root": true,
-    "env": {
-      "node": true
-    },
-    "extends": [
-      "eslint:recommended",
-      "@vue/typescript",
-      "plugin:@typescript-eslint/eslint-recommended",
-      "plugin:@typescript-eslint/recommended",
-      "plugin:vue/base",
-      "plugin:vue/vue3-recommended",
-      "plugin:vue/vue3-essential",
-      "plugin:vue/vue3-strongly-recommended",
-      "prettier",
-      "plugin:prettier/recommended"
-    ],
-    "plugins": [
-      "prettier"
-    ],
-    "rules": {
-      "no-console": "off",
-      "no-debugger": "off",
-      "@typescript-eslint/ban-ts-ignore": "off",
-      "@typescript-eslint/ban-ts-comment": "off",
-      "no-async-promise-executor": "off",
-      "prettier/prettier": [
-        "error",
-        {}
-      ]
-    },
-    "parserOptions": {
-      "parser": "@typescript-eslint/parser"
-    }
-  },
   "postcss": {
     "plugins": {
       "autoprefixer": {}

package/plateform.conf

@@ -1 +1 @@
-preprod.saooti.org
+octopus.saooti.com

package/src/api/classicApi.ts

@@ -144,7 +144,7 @@ export default {
   },
 
   adjustParameters(params:RequestParameters){
-    let parametersUpdated = params.parameters ?? {};
+    const parametersUpdated = params.parameters ?? {};
     if (params.path.includes('podcast/search')){
       if(!params.parameters?.includeHidden || params.isNotAuth){
         parametersUpdated.validity = true;

package/src/components/display/comments/CommentInput.vue

@@ -165,7 +165,7 @@ export default defineComponent({
         this.$emit("newComment", commentReceived);
         this.newComment = "";
         this.isTextareaActive = false;
-      } catch (error) {
+      } catch {
         this.postError = true;
       }
       this.isCheckIdentity = false;

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

@@ -30,7 +30,7 @@ export default defineComponent({
   },
   computed: {
     optionsArray() {
-      let options = [
+      const options = [
         { title: this.$t("Sort score"), value: "SCORE" },
         {
           title: this.$t("Sort last"),

package/src/components/display/list/SwiperList.vue

@@ -105,14 +105,14 @@ export default defineComponent({
     slidesUpdated() {
       //TODO CODE USELESS IF LIBRARY IS FIXED BUT FOR NOW IT IS IMPORTANT
       if (!this.$el) return;
-      let slides = this.$el.getElementsByClassName("swiper-slide");
-      for (let slide of slides) {
+      const slides = this.$el.getElementsByClassName("swiper-slide");
+      for (const slide of slides) {
         slide.style.width = this.itemRecalculizedSize + "px";
       }
     },
     slideChange() {
       if (!this.$el) return;
-      let wrapper = this.$el.getElementsByClassName("swiper-wrapper")[0];
+      const wrapper = this.$el.getElementsByClassName("swiper-wrapper")[0];
       if (wrapper.style.transform.includes("translate3d(40px")) {
         return;
       }

package/src/components/display/live/LiveList.vue

@@ -106,7 +106,7 @@ export default defineComponent({
     },
     statusArraySelect(): Array<{ title: string; value: string }> {
       const statusArray = [{ title: this.$t("All lives"), value: "ALL" }];
-      for (let status of this.statusFetched) {
+      for (const status of this.statusFetched) {
         let title = "";
         switch (status) {
           case "RECORDING":

package/src/components/display/live/RadioPlanning.vue

@@ -4,9 +4,9 @@
       {{ $t("Program") }}
     </h2>
     <div class="py-3">
-      <div class="d-flex align-items-center w-100">
+      <div class="d-flex align-items-center w-100 mb-3">
         <button
-          v-for="day in arrayDays"
+          v-for="day in displayArrayDays"
           :key="day.date"
           class="d-flex flex-column align-items-center flex-grow-1 button-date"
           :class="day.date == daySelected ? 'bg-primary text-white' : ''"
@@ -16,6 +16,10 @@
           <span>{{ day.title }}</span>
         </button>
       </div>
+      <button class="btn btn-primary mb-3 mx-0" v-if="isPhone" @click="showAllDays = !showAllDays">
+        <template v-if="!showAllDays">{{ $t('Show more days') }}</template>
+        <template v-else>{{ $t('Show fewer days') }}</template>
+      </button>
       <div
         class="d-flex align-items-center justify-content-center border-bottom"
       >
@@ -64,7 +68,7 @@
                   {{ dateDisplay(planningItem.startDate) }}
                 </div>
                 <router-link
-                  class="d-flex align-items-center text-dark"
+                  class="d-flex align-items-center flex-nowrap text-dark"
                   :to="{
                     name: 'podcast',
                     params: { podcastId: planningItem.podcastId },
@@ -77,7 +81,7 @@
                     "
                     width="150"
                     height="150"
-                    class="m-2"
+                    class="m-2 program-item-img"
                     role="presentation"
                     :title="
                       $t('Episode name image', {
@@ -93,7 +97,7 @@
                       >
                         {{ $t("Live") }}
                       </div>
-                      <div class="flex-grow-1 text-truncate fw-bold">
+                      <div class="flex-grow-1 fw-bold">
                         {{ planningItem.podcastData.title }}
                       </div>
                     </div>
@@ -114,6 +118,7 @@ import utc from "dayjs/plugin/utc";
 dayjs.extend(utc);
 import classicApi from "../../../api/classicApi";
 import imageProxy from "../../mixins/imageProxy";
+import resizePhone from "../../mixins/resizePhone";
 import ClassicLoading from "../../form/ClassicLoading.vue";
 import { defineComponent } from "vue";
 import { Canal } from "@/stores/class/radio/canal";
@@ -126,7 +131,7 @@ export default defineComponent({
     ClassicLoading,
   },
 
-  mixins: [imageProxy],
+  mixins: [imageProxy,resizePhone],
 
   props: {
     radio: { default: undefined, type: Object as () => Canal },
@@ -150,6 +155,9 @@ export default defineComponent({
       }>,
       loading: true as boolean,
       error: false as boolean,
+      isPhone: false as boolean,
+      windowWidth: 0 as number,
+      showAllDays: false as boolean
     };
   },
 
@@ -187,6 +195,12 @@ export default defineComponent({
         },
       ];
     },
+    displayArrayDays(){
+      if(this.isPhone && !this.showAllDays){
+        return this.arrayDays.slice(6, 9);
+      }
+      return this.arrayDays;
+    },
   },
 
   mounted() {
@@ -217,7 +231,7 @@ export default defineComponent({
           this.planning[this.daySelected],
         ).reduce((r, c) => r.concat(c), []);
         let selectedOccurrence = arrayOccurrences[0];
-        for (let occ of arrayOccurrences) {
+        for (const occ of arrayOccurrences) {
           selectedOccurrence = occ;
           if (dayjs(occ.endDate).isAfter(now)) {
             break;
@@ -289,9 +303,9 @@ export default defineComponent({
       this.loading = true;
       this.error = false;
       try {
-        let occurrences = await this.fetchOccurrencesAndLives();
+        const occurrences = await this.fetchOccurrencesAndLives();
         let periodDayIndex = 0;
-        for (let occ of occurrences) {
+        for (const occ of occurrences) {
           if (!occ.podcastId) {
             continue;
           }
@@ -335,14 +349,30 @@ export default defineComponent({
   .program-item-date {
     width: 100px;
     font-size: 1.1rem;
+    @media (max-width: 960px) {
+			font-size: 0.8rem;
+		}
+  }
+  .program-item-img{
+    @media (max-width: 960px) {
+			width: 80px;
+      height: 80px;
+      margin: 0.5rem 0.5rem 0 0 !important;
+		}
   }
   .button-date {
     border: 1px solid #ddd;
-    padding: 0.5rem 0;
+    padding: 0.5rem;
     color: black !important;
+    &.text-white{
+      color: white !important;
+    }
     &:hover {
       background: #ddd;
     }
+    @media (max-width: 960px) {
+			width: 80px;
+		}
   }
 }
 </style>

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

@@ -62,7 +62,7 @@ export default defineComponent({
   computed: {
     ouestFranceMainTag(): string | undefined {
       if (this.podcastAnnotations?.["mainOfTag"]) {
-        for (let key in this.podcastAnnotations) {
+        for (const key in this.podcastAnnotations) {
           if (
             this.podcastAnnotations[key] ===
               this.podcastAnnotations["mainOfTag"] &&

package/src/components/display/rubriques/RubriqueChooser.vue

@@ -75,7 +75,7 @@ export default defineComponent({
       return { name: this.defaultanswer, rubriqueId: 0 };
     },
     rubriques(): Array<Rubrique> {
-      let rubriques = this.allRubriques;
+      const rubriques = this.allRubriques;
       if (!this.getDefaultRubrique) {
         return rubriques;
       }

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

@@ -258,7 +258,7 @@ export default defineComponent({
       return state.generalParameters.podcastmaker as boolean;
     },
     rssUrl(): string {
-      let api = this.apiUrl + "rss/";
+      const api = this.apiUrl + "rss/";
       if (
         (!this.isPodcastmaker && this.playlist) ||
         this.podcast ||

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

@@ -261,7 +261,7 @@ export default defineComponent({
         );
       }
       let url = [""];
-      let iFrameNumber =
+      const iFrameNumber =
         this.displayChoiceAllEpisodes && "all" === this.episodeNumbers
           ? "/0"
           : "/" + this.iFrameNumber;

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

@@ -34,7 +34,6 @@
 </template>
 
 <script lang="ts">
-// @ts-ignore
 import { VSwatches } from "vue3-swatches";
 import "vue3-swatches/dist/style.css";
 import { defineComponent } from "vue";

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

@@ -177,7 +177,7 @@ export default defineComponent({
       type: string,
       selectIfPossible = true,
     ): Promise<boolean> {
-      let customPlayersForType = await this.fetchPlayerPaginate(type);
+      const customPlayersForType = await this.fetchPlayerPaginate(type);
       this.customPlayers = this.customPlayers.concat(customPlayersForType);
       if (
         "video" !== this.iFrameModel &&

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

@@ -204,7 +204,7 @@ export default defineComponent({
       return sub.filter((item) => item.url);
     },
     rssUrl(): string | undefined {
-      let api = this.apiUrl + "rss/";
+      const api = this.apiUrl + "rss/";
       if (this.emission) {
         return api + "emission/" + this.emission?.emissionId + ".rss";
       }

package/src/components/form/ClassicEmojiPicker.vue

@@ -32,7 +32,7 @@ import ClassicPopover from "../misc/ClassicPopover.vue";
 import data from "emoji-mart-vue-fast/data/all.json";
 import "emoji-mart-vue-fast/css/emoji-mart.css";
 import { Picker, EmojiIndex } from "emoji-mart-vue-fast/src";
-let emojiIndex = new EmojiIndex(data);
+const emojiIndex = new EmojiIndex(data);
 import { defineComponent } from "vue";
 export default defineComponent({
   name: "ClassicEmojiPicker",

package/src/components/misc/FooterSection.vue

@@ -110,7 +110,7 @@ export default defineComponent({
       return undefined !== this.authOrgaId;
     },
     routerLinkSecondArray() {
-      let links = [];
+      const links = [];
       if (!this.isGarRole) {
         links.push(
           { title: this.$t("Contact"), routeName: "/main/pub/contact" },

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

@@ -28,7 +28,7 @@ import { mapState } from "pinia";
 import { useApiStore } from "../../../stores/ApiStore";
 import { useAuthStore } from "../../../stores/AuthStore";
 import { Contract } from "../../../stores/class/contract/contract";
-// @ts-ignore
+// @ts-expect-error Problème de bibliothèque
 import { usePDF, VuePDF, PDFDocumentLoadingTask } from "@tato30/vue-pdf";
 import { defineComponent, defineAsyncComponent, ShallowRef } from "vue";
 const ClassicModal = defineAsyncComponent(() => import("./ClassicModal.vue"));

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

@@ -60,7 +60,6 @@
 import ContentCopyIcon from "vue-material-design-icons/ContentCopy.vue";
 import ClassicModal from "../modal/ClassicModal.vue";
 import SnackBar from "../../misc/SnackBar.vue";
-// @ts-ignore
 import { VSwatches } from "vue3-swatches";
 import "vue3-swatches/dist/style.css";
 import displayMethods from "../../mixins/displayMethods";

package/src/components/mixins/player/playerLive.ts

@@ -80,7 +80,7 @@ export const playerLive = defineComponent({
         } else {
           await this.initHls(hlsStreamUrl);
         }
-      } catch (error) {
+      } catch {
         this.onHlsError(hlsStreamUrl);
       }
     },

package/src/components/mixins/player/playerLogicProgress.ts

@@ -84,7 +84,7 @@ export const playerLogicProgress = defineComponent({
           isNotAuth:true
         });
         this.setDownloadId(downloadId);
-      } catch (error) {
+      } catch {
         this.downloadId = null;
         console.log("ERROR downloadId");
       }

package/src/components/mixins/player/playerStitching.ts

@@ -95,7 +95,7 @@ export const playerStitching = defineComponent({
       if(!this.playerCurrentChange || !this.playerPodcast ||(this.playerCurrentChange && this.adPositionsPodcasts[this.playerCurrentChange])){
         return;
       }
-      let adserverConfig = await classicApi.fetchData<AdserverOtherEmission>({
+      const adserverConfig = await classicApi.fetchData<AdserverOtherEmission>({
         api:0,
         path: `ad/test/podcast/${this.playerCurrentChange}`,
         isNotAuth:true
@@ -110,11 +110,11 @@ export const playerStitching = defineComponent({
       this.updateAdPositionsPodcasts(this.playerCurrentChange, selectedAdPositions);
     },
     generateAllAdPositions(doublets: Array<AdserverTiming>, podcastDuration: number): Array<AdPosition>{
-      let adPositions: Array<AdPosition> = [];
+      const adPositions: Array<AdPosition> = [];
       if(doublets.some((element: AdserverTiming)=>{return "TAG_NO_AD"===element.tag})){
         return [];
       }
-      for (let doublet of doublets) {
+      for (const doublet of doublets) {
         if(!doublet.tag){continue;}
         let seconds = 0;
         if("post"===doublet.timing.insertion){
@@ -143,16 +143,16 @@ export const playerStitching = defineComponent({
       });
     },
     async selectCorrectAdPositions(allAdPositions: Array<AdPosition>, podcastDuration: number, minIntervalDuration:number, minTailDuration:number): Promise<Array<AdPosition>>{
-      let adPositions: Array<AdPosition> = [];
+      const adPositions: Array<AdPosition> = [];
       let previousPosition = -1;
-      for(let adPosition of allAdPositions){
+      for(const adPosition of allAdPositions){
         switch (adPosition.policy) {
           case "pre":
             adPositions.push(await this.defineVastUrl(adPosition));
             previousPosition = 0;
             break;
           case "mid":
-            let position = adPosition.seconds;
+            const position = adPosition.seconds;
             if (position > podcastDuration - minTailDuration) {
               //Too close to end
               continue;
@@ -182,7 +182,7 @@ export const playerStitching = defineComponent({
       return adPosition;
     },
     async getVastUrl(tag: string, adCount: number): Promise<string>{
-      let baseUrl = "https://api.soundcast.io/v1/vast/"+tag;
+      const baseUrl = "https://api.soundcast.io/v1/vast/"+tag;
       let keywords: Array<string> = [];
       if(this.playerPodcast?.tags?.length){
         const attributes = await this.getOrgaAttributes(this.playerPodcast.organisation.id);

package/src/components/mixins/player/playerTranscript.ts

@@ -20,7 +20,7 @@ export const playerTranscript = defineComponent({
       {
         return;
       }
-      let adserverConfig = await classicApi.fetchData<AdserverOtherEmission>({
+      const adserverConfig = await classicApi.fetchData<AdserverOtherEmission>({
         api:0,
         path:`ad/test/podcast/${this.playerPodcast.podcastId}`,
         isNotAuth:true

package/src/components/mixins/player/playerVast.ts

@@ -112,12 +112,12 @@ export const playerVast = defineComponent({
       adsManager.addEventListener(google.ima.AdErrorEvent.Type.AD_ERROR,this.onAdError);
       adsManager.addEventListener(google.ima.AdEvent.Type.CONTENT_PAUSE_REQUESTED, this.onContentPauseRequested);
       adsManager.addEventListener(google.ima.AdEvent.Type.CONTENT_RESUME_REQUESTED, this.onContentResumeRequested);
-      let events = [
+      const events = [
         google.ima.AdEvent.Type.ALL_ADS_COMPLETED, google.ima.AdEvent.Type.AD_PROGRESS,
         google.ima.AdEvent.Type.COMPLETE, google.ima.AdEvent.Type.LOADED, 
         google.ima.AdEvent.Type.PAUSED, google.ima.AdEvent.Type.STARTED,
       ];
-      for (let index in events) {
+      for (const index in events) {
         adsManager.addEventListener(events[index], this.onAdEvent);
       }
       //adsManager.addEventListener(google.ima.AdEvent.Type.SKIPPED, this.onAdEvent);

package/src/components/mixins/podcast/podcastView.ts

@@ -1,5 +1,5 @@
 import dayjs from "dayjs";
-// @ts-ignore
+// @ts-expect-error Bibliothèque non typée
 import humanizeDuration from "humanize-duration";
 import { defineComponent } from 'vue';
 export default defineComponent({

package/src/components/mixins/routeParam/advancedParamInit.ts

@@ -7,6 +7,7 @@ import { mapState } from "pinia";
 import { RubriquageFilter } from "@/stores/class/rubrique/rubriquageFilter";
 import dayjs from "dayjs";
 export const advancedParamInit = defineComponent({
+  mixins: [orgaComputed, paginateParamInit, rubriquesFilterParam],
   props: {
     productor: { default: undefined, type: String },
     routeQuery: { default: "", type: String },
@@ -19,7 +20,6 @@ export const advancedParamInit = defineComponent({
     routeOrga: { default: undefined, type: String },
     routeRubriques: { default: "", type: String },
   },
-  mixins: [orgaComputed, paginateParamInit, rubriquesFilterParam],
   data() {
     return {
       isInit: false as boolean,

package/src/components/mixins/seoTitleUrl.ts

@@ -14,7 +14,7 @@ export const seoTitleUrl = defineComponent({
       }
       const withoutSpecialChar = text.replaceAll(
         /[!"`'#%&,:;<>=\-_@{}~\$\.\(\)\*\+\/\\\?\[\]\^\|]+/gm, ' ');
-      let trimText = withoutSpecialChar.trim();
+      const trimText = withoutSpecialChar.trim();
       return "-"+trimText.replaceAll(/\s+/gm, '-');
     },
   },

package/src/locale/de.ts

@@ -400,4 +400,6 @@ export default {
   "Listening progress bar":"Fortschrittsbalken beim Zuhören",
   "Contract preview": "Vertragsübersicht",
   "Clear search":"Suche löschen",
+  "Show more days":"Weitere Tage anzeigen",
+  "Show fewer days":"Weniger Tage anzeigen",
 }

package/src/locale/en.ts

@@ -401,4 +401,6 @@ export default {
   "Listening progress bar":"Listening progress bar",
   "Contract preview": "Contract preview",
   "Clear search":"Clear search",
+  "Show more days":"Show more days",
+  "Show fewer days":"Show fewer days",
 };

package/src/locale/es.ts

@@ -401,4 +401,6 @@ export default {
   "Listening progress bar":"Barra de progreso de escucha",
   "Contract preview": "Panoramica del contratto",
   "Clear search":"Borrar búsqueda",
+  "Show more days":"Mostrar más días",
+  "Show fewer days":"Mostrar menos días",
 }

package/src/locale/fr.ts

@@ -408,4 +408,6 @@ export default {
   "Listening progress bar":"Barre de progression de l'écoute",
   "Contract preview": "Aperçu du document",
   "Clear search":"Effacer la recherche",
+  "Show more days":"Afficher plus de jours",
+  "Show fewer days":"Afficher moins de jours",
 };

package/src/locale/it.ts

@@ -395,4 +395,6 @@ export default{
   "Listening progress bar":"Barra di avanzamento dell'ascolto",
   "Contract preview": "Panoramica del contratto",
   "Clear search":"Cancella ricerca",
+  "Show more days":"Mostra più giorni",
+  "Show fewer days":"Mostra meno giorni",
 };

package/src/locale/sl.ts

@@ -391,4 +391,6 @@ export default {
   "Listening progress bar":"Vrstica napredka poslušanja",
   "Contract preview": "Pregled pogodbe",
   "Clear search":"Počisti iskanje",
+  "Show more days":"Prikaži več dni",
+  "Show fewer days":"Prikaži manj dni",
 }

package/src/main.ts

@@ -99,7 +99,7 @@ router.isReady().then(() => {
     beforeCreate() {
       if (this.$options.watch) {
         Object.entries(this.$options.watch).forEach(([watcherKey, func]) => {
-          // @ts-ignore
+          // @ts-expect-error
           this.$options.watch[watcherKey] = new Proxy(func, {
             apply(target, thisArg) {
               let targetAny : any= target;