@saooti/octopus-sdk 37.1.1 → 37.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saooti/octopus-sdk",
-  "version": "37.1.1",
+  "version": "37.2.0",
   "private": false,
   "description": "Javascript SDK for using octopus",
   "author": "Saooti",
@@ -16,35 +16,35 @@
   "dependencies": {
     "@popperjs/core": "^2.11.8",
     "@saooti/octopus-api": "^0.36.0",
-    "@tiptap/extension-link": "^2.1.11",
-    "@tiptap/extension-underline": "^2.1.11",
-    "@tiptap/pm": "^2.1.11",
-    "@tiptap/starter-kit": "^2.1.11",
-    "@tiptap/vue-3": "^2.1.11",
+    "@tiptap/extension-link": "^2.1.12",
+    "@tiptap/extension-underline": "^2.1.12",
+    "@tiptap/pm": "^2.1.12",
+    "@tiptap/starter-kit": "^2.1.12",
+    "@tiptap/vue-3": "^2.1.12",
     "@vue/cli": "^5.0.8",
-    "@vue/compat": "^3.3.4",
-    "@vuepic/vue-datepicker": "^7.0.0",
+    "@vue/compat": "^3.3.7",
+    "@vuepic/vue-datepicker": "^7.2.0",
     "@vueuse/core": "^10.5.0",
     "autoprefixer": "^10.4.16",
-    "axios": "^1.5.1",
+    "axios": "^1.6.0",
     "dayjs": "^1.11.10",
     "eslint-config-prettier": "^9.0.0",
-    "eslint-plugin-prettier": "^5.0.0",
+    "eslint-plugin-prettier": "^5.0.1",
     "express": "^4.18.2",
     "hls.js": "^1.4.12",
     "humanize-duration": "^3.30.0",
     "jest": "^29.7.0",
-    "pinia": "^2.1.6",
+    "pinia": "^2.1.7",
     "qrcode.vue": "^3.4.1",
-    "sass": "^1.68.0",
+    "sass": "^1.69.5",
     "sonarqube-scanner": "^3.1.0",
-    "swiper": "^10.3.1",
-    "video.js": "^7.21.5",
-    "videojs-contrib-quality-levels": "^2.2.1",
+    "swiper": "^11.0.3",
+    "video.js": "^8.6.1",
+    "videojs-contrib-quality-levels": "^4.0.0",
     "videojs-hls-quality-selector": "^1.1.4",
-    "vite": "^4.4.9",
-    "vue": "^3.3.4",
-    "vue-i18n": "^9.5.0",
+    "vite": "^4.5.0",
+    "vue": "^3.3.7",
+    "vue-i18n": "^9.6.4",
     "vue-recaptcha": "^2.0.3",
     "vue-router": "^4.2.5",
     "vue-select": "^4.0.0-beta.6",
@@ -52,16 +52,16 @@
     "vue3-swatches": "^1.2.3"
   },
   "devDependencies": {
-    "@types/videojs-contrib-quality-levels": "^2.0.2",
-    "@types/videojs-hls-quality-selector": "^1.1.1",
-    "@types/vue-select": "^3.16.3",
-    "@typescript-eslint/eslint-plugin": "^6.7.3",
-    "@typescript-eslint/parser": "^6.7.3",
-    "@vitejs/plugin-vue": "^4.3.4",
-    "@vue/compiler-sfc": "^3.3.4",
+    "@types/videojs-contrib-quality-levels": "^2.0.3",
+    "@types/videojs-hls-quality-selector": "^1.1.2",
+    "@types/vue-select": "^3.16.6",
+    "@typescript-eslint/eslint-plugin": "^6.9.1",
+    "@typescript-eslint/parser": "^6.9.1",
+    "@vitejs/plugin-vue": "^4.4.0",
+    "@vue/compiler-sfc": "^3.3.7",
     "@vue/eslint-config-typescript": "^12.0.0",
-    "eslint": "^8.50.0",
-    "eslint-plugin-vue": "^9.15.1",
+    "eslint": "^8.52.0",
+    "eslint-plugin-vue": "^9.18.1",
     "typescript": "^5.1.6"
   },
   "eslintConfig": {

package/src/App.vue

@@ -8,11 +8,7 @@
     />
     <CategoryFilter v-if="firstDisplayCategoryFilter" />
     <router-view />
-    <ClassicLazy
-      v-if="pageFullyLoad"
-      :min-height="125"
-      :unrender="true"
-    >
+    <ClassicLazy v-if="pageFullyLoad" :min-height="125" :unrender="true">
       <FooterOctopus />
     </ClassicLazy>
     <PlayerComponent />
@@ -51,7 +47,7 @@ export default defineComponent({
     CategoryFilter,
     FooterOctopus,
     PlayerComponent,
-    ClassicLazy
+    ClassicLazy,
   },
 
   mixins: [initSDK],
@@ -76,11 +72,20 @@ export default defineComponent({
       deep: true,
       immediate: true,
       async handler() {
-        if(this.firstDisplayCategoryFilter){
+        if (this.firstDisplayCategoryFilter) {
           return;
         }
-        const namesRouteWithCategoryFilter = ["homePriv", "home", "podcasts", "emissions", "participants", "playlists"];
-        this.firstDisplayCategoryFilter = namesRouteWithCategoryFilter.includes(this.$route.name?.toString()?? "");
+        const namesRouteWithCategoryFilter = [
+          "homePriv",
+          "home",
+          "podcasts",
+          "emissions",
+          "participants",
+          "playlists",
+        ];
+        this.firstDisplayCategoryFilter = namesRouteWithCategoryFilter.includes(
+          this.$route.name?.toString() ?? "",
+        );
       },
     },
     "$i18n.locale"() {
@@ -90,9 +95,9 @@ export default defineComponent({
   },
   async created() {
     await this.initApp();
-    setTimeout(()=>{
+    setTimeout(() => {
       this.pageFullyLoad = true;
-    }, 2000)
+    }, 2000);
   },
   methods: {
     ...mapActions(useFilterStore, ["filterUpdateIab", "filterUpdateRubrique"]),

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

@@ -51,8 +51,8 @@
             v-model:display-wave="displayWave"
             v-model:proceed-reading="proceedReading"
             v-model:is-visible="isVisible"
-            :is-visible="isVisible"
             v-model:player-auto-play="playerAutoPlay"
+            :is-visible="isVisible"
             :chose-number-episode="
               displayChoiceAllEpisodes || isLargeSuggestion
             "

package/src/components/misc/ClassicLazy.vue

@@ -25,7 +25,10 @@ export default {
   props: {
     renderOnIdle: Boolean,
     unrender: Boolean,
-    minHeight: Number,
+    minHeight: {
+      type: Number,
+      default: 0,
+    },
     unrenderDelay: {
       type: Number,
       default: 10000,

package/src/components/pages/HomePage.vue

@@ -4,7 +4,7 @@
       <ClassicLazy
         v-for="c in categories"
         :key="c.id"
-        :min-height="650"
+        :min-height="0"
         :unrender="true"
       >
         <PodcastInlineList
@@ -12,13 +12,16 @@
           :title="c.name"
           :button-text="$t('All podcast button', { name: c.name })"
         />
+        <template #preview>
+          <div style="min-height: 650px"></div>
+        </template>
       </ClassicLazy>
     </template>
     <template v-else>
       <ClassicLazy
         v-for="r in rubriqueToShow"
         :key="r.rubriqueId"
-        :min-height="650"
+        :min-height="0"
         :unrender="true"
       >
         <PodcastInlineList
@@ -26,6 +29,9 @@
           :title="r.name"
           :button-text="$t('All podcast button', { name: r.name })"
         />
+        <template #preview>
+          <div style="min-height: 650px"></div>
+        </template>
       </ClassicLazy>
       <template v-if="rubriqueDisplay && rubriqueDisplay.length > 0">
         <PodcastInlineList
@@ -74,6 +80,7 @@ export default defineComponent({
     PodcastInlineList,
     ClassicLazy,
   },
+  emits: ["categoriesLength"],
   data() {
     return {
       rubriqueId: [] as Array<number>,
@@ -81,7 +88,7 @@ export default defineComponent({
     };
   },
   computed: {
-    ...mapState(useGeneralStore, ["storedCategories"]),
+    ...mapState(useGeneralStore, ["storedCategories", "storedCategoriesOrga"]),
     ...mapState(useFilterStore, [
       "filterRubriquage",
       "filterOrgaId",
@@ -121,14 +128,23 @@ export default defineComponent({
       return this.filterRubrique;
     },
     categories(): Array<Category> {
+      let arrayCategories: Array<Category> = [];
       if (this.filterIab) {
         return [this.filterIab];
       }
-      return this.storedCategories.filter((c: Category) => {
-        if (state.generalParameters.podcastmaker)
+      if (this.filterOrgaId) {
+        arrayCategories = this.storedCategoriesOrga.filter((c: Category) => {
           return c.podcastOrganisationCount;
-        return c.podcastCount;
-      });
+        });
+      } else {
+        arrayCategories = this.storedCategories.filter((c: Category) => {
+          if (state.generalParameters.podcastmaker)
+            return c.podcastOrganisationCount;
+          return c.podcastCount;
+        });
+      }
+      this.$emit("categoriesLength", arrayCategories.length);
+      return arrayCategories;
     },
   },
   watch: {

package/src/stores/ParamSdkStore.ts

@@ -12,7 +12,7 @@ const state: ParamStore = {
     isPlaylist: false,
     isProduction: false,
     isContribution: false,
-    ApiUri: "https://api.dev2.saooti.org/",
+    ApiUri: "https://api.staging.saooti.org/",
     podcastmaker: false,
     buttonPlus: true,
     allCategories: [],
@@ -26,8 +26,8 @@ const state: ParamStore = {
     SharePlayer: true,
     ShareButtons: true,
     ShareDistribution: true,
-    MiniplayerUri: "https://playerbeta.dev2.saooti.org/",
-    hlsUri: "https://hls.live.dev2.saooti.org/",
+    MiniplayerUri: "https://playerbeta.staging.saooti.org/",
+    hlsUri: "https://hls.live.staging.saooti.org/",
     mainRubrique: 0,
     resourceUrl: undefined,
     podcastItemShowEmission: false,
@@ -79,13 +79,13 @@ const state: ParamStore = {
     userName: "",
   },
   octopusApi: {
-    url: "https://api.dev2.saooti.org/",
-    commentsUrl: "https://comments.dev2.saooti.org/",
-    imageUrl: "https://imageproxy.dev2.saooti.org/",
-    studioUrl: "https://studio.dev2.saooti.org/",
-    playerUrl: "https://playerbeta.dev2.saooti.org/",
-    speechToTextUrl: "https://speech2text.dev2.saooti.org/",
-    recoUrl: "https://reco.dev2.saooti.org/",
+    url: "https://api.staging.saooti.org/",
+    commentsUrl: "https://comments.staging.saooti.org/",
+    imageUrl: "https://imageproxy.staging.saooti.org/",
+    studioUrl: "https://studio.staging.saooti.org/",
+    playerUrl: "https://playerbeta.staging.saooti.org/",
+    speechToTextUrl: "https://speech2text.staging.saooti.org/",
+    recoUrl: "https://reco.staging.saooti.org/",
     organisationId: undefined,
     rubriqueIdFilter: undefined,
   },