@saooti/octopus-sdk 37.0.60 → 37.1.0

package/package.json

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

package/src/App.vue

@@ -6,7 +6,7 @@
       :is-education="false"
       @close="displayMenu = false"
     />
-    <CategoryFilter />
+    <CategoryFilter v-if="firstDisplayCategoryFilter" />
     <router-view />
     <ClassicLazy
       v-if="pageFullyLoad"
@@ -22,7 +22,6 @@
 <script lang="ts">
 import TopBar from "@/components/misc/TopBar.vue";
 import PlayerComponent from "@/components/misc/player/PlayerComponent.vue";
-import CategoryFilter from "@/components/display/categories/CategoryFilter.vue";
 import ClassicLazy from "@/components/misc/ClassicLazy.vue";
 import { state } from "./stores/ParamSdkStore";
 import { Rubriquage } from "./stores/class/rubrique/rubriquage";
@@ -40,6 +39,9 @@ const LeftMenu = defineAsyncComponent(
 const FooterOctopus = defineAsyncComponent(
   () => import("@/components/misc/FooterSection.vue"),
 );
+const CategoryFilter = defineAsyncComponent(
+  () => import("@/components/display/categories/CategoryFilter.vue"),
+);
 export default defineComponent({
   name: "App",
 
@@ -59,7 +61,8 @@ export default defineComponent({
       displayMenu: false as boolean,
       reload: false as boolean,
       isInit: false as boolean,
-      pageFullyLoad: false as boolean
+      pageFullyLoad: false as boolean,
+      firstDisplayCategoryFilter: false as boolean,
     };
   },
 
@@ -69,6 +72,17 @@ export default defineComponent({
   },
 
   watch: {
+    $route: {
+      deep: true,
+      immediate: true,
+      async handler() {
+        if(this.firstDisplayCategoryFilter){
+          return;
+        }
+        const namesRouteWithCategoryFilter = ["homePriv", "home", "podcasts", "emissions", "participants", "playlists"];
+        this.firstDisplayCategoryFilter = namesRouteWithCategoryFilter.includes(this.$route.name?.toString()?? "");
+      },
+    },
     "$i18n.locale"() {
       this.$forceUpdate();
       this.reload = !this.reload;

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

@@ -1,5 +1,5 @@
 <template>
-  <div v-if="isComments" class="module-box">
+  <div class="module-box">
     <div class="d-flex align-items-center">
       <h2 class="mb-0 me-2" data-selenium="episode-comment-counter">
         {{ commentTitle }}
@@ -29,15 +29,19 @@
 </template>
 
 <script lang="ts">
-import CommentList from "./CommentList.vue";
-import CommentInput from "./CommentInput.vue";
 import cookies from "../../mixins/cookies";
 import { Podcast } from "@/stores/class/general/podcast";
 import { Conference } from "@/stores/class/conference/conference";
 import { useCommentStore } from "@/stores/CommentStore";
 import { mapState, mapActions } from "pinia";
-import { defineComponent } from "vue";
+import { defineAsyncComponent, defineComponent } from "vue";
 import { CommentPodcast } from "@/stores/class/general/comment";
+const CommentList = defineAsyncComponent(
+  () => import("./CommentList.vue"),
+);
+const CommentInput = defineAsyncComponent(
+  () => import("./CommentInput.vue"),
+);
 export default defineComponent({
   name: "CommentSection",
   components: {
@@ -65,27 +69,6 @@ export default defineComponent({
           : "";
       return this.$t("Podcast's comments") + count;
     },
-    isComments(): boolean {
-      if (!this.podcast) return true;
-      let podcastComment = "INHERIT";
-      if (this.podcast.annotations && this.podcast.annotations.COMMENTS) {
-        podcastComment = this.podcast.annotations.COMMENTS as string;
-      }
-      let organisationComment = "LIVE_ONLY";
-      if (this.podcast.organisation.comments) {
-        organisationComment = this.podcast.organisation.comments;
-      }
-      return !(
-        "NO" === podcastComment ||
-        ("INHERIT" === podcastComment && "NO" === organisationComment) ||
-        ("LIVE_RECORD" === podcastComment &&
-          "READY_TO_RECORD" !== this.podcast.processingStatus) ||
-        ("INHERIT" === podcastComment &&
-          "LIVE_ONLY" === organisationComment &&
-          !this.podcast.conferenceId &&
-          0 !== this.podcast.conferenceId)
-      );
-    },
     knownIdentity: {
       get(): string | null {
         return this.commentKnownIdentity;

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

@@ -39,9 +39,6 @@ export default defineComponent({
 
   computed: {
     ...mapState(useFilterStore, ["filterOrgaId"]),
-    idPopover(): string {
-      return this.isGuest ? "popover-guests-help" : "popover-animators-help";
-    },
     title(): string {
       return this.isGuest ? this.$t("Guests") : this.$t("Animated by");
     },

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

@@ -125,14 +125,13 @@
       :display-studio-access="isDebriefing"
       @validate-podcast="$emit('updatePodcast', $event)"
     />
-    <TagList :tag-list="podcast.tags" />
+    <TagList v-if="undefined !== podcast.tags && 0 !== podcast.tags.length" :tag-list="podcast.tags" />
   </div>
 </template>
 
 <script lang="ts">
 import PodcastImage from "./PodcastImage.vue";
 import ParticipantDescription from "./ParticipantDescription.vue";
-import TagList from "./TagList.vue";
 import { state } from "../../../stores/ParamSdkStore";
 import dayjs from "dayjs";
 // @ts-ignore
@@ -155,6 +154,9 @@ const EditBox = defineAsyncComponent(
 const PodcastPlayBar = defineAsyncComponent(
   () => import("./PodcastPlayBar.vue"),
 );
+const TagList = defineAsyncComponent(
+  () => import("./TagList.vue"),
+);
 export default defineComponent({
   name: "PodcastModuleBox",
   components: {

package/src/components/misc/ClassicLazy.vue

@@ -35,8 +35,8 @@ export default {
     const shouldRender = ref(false);
     const targetEl = ref();
     const fixedMinHeight = ref(0);
-    let unrenderTimer;
-    let renderTimer;
+    let unrenderTimer: ReturnType<typeof setTimeout> | undefined;
+    let renderTimer: ReturnType<typeof setTimeout> | undefined;
 
     const { stop } = useIntersectionObserver(
       targetEl,
@@ -57,7 +57,7 @@ export default {
           // if the component was set to render, cancel that
           clearTimeout(renderTimer);
           unrenderTimer = setTimeout(() => {
-            fixedMinHeight.value = targetEl.value.clientHeight;
+            fixedMinHeight.value = targetEl.value?.clientHeight ?? 0;
             shouldRender.value = false;
           }, props.unrenderDelay);
         }

package/src/components/misc/player/PlayerComponent.vue

@@ -51,12 +51,12 @@
 <script lang="ts">
 import { CommentPodcast } from "@/stores/class/general/comment";
 import { playerLogic } from "../../mixins/player/playerLogic";
-import PlayerCompact from "../player/PlayerCompact.vue";
-import PlayerLarge from "../player/PlayerLarge.vue";
 import { usePlayerStore } from "@/stores/PlayerStore";
 import { mapState, mapActions } from "pinia";
 import { defineComponent, defineAsyncComponent } from "vue";
 const PlayerVideo = defineAsyncComponent(() => import("./PlayerVideo.vue"));
+const PlayerCompact = defineAsyncComponent(() => import("../player/PlayerCompact.vue"));
+const PlayerLarge = defineAsyncComponent(() => import("../player/PlayerLarge.vue"));
 export default defineComponent({
   name: "PlayerComponent",
 

package/src/components/pages/PodcastPage.vue

@@ -34,7 +34,7 @@
           :emission="podcast.emission"
         />
         <CommentSection
-          v-if="!isPodcastmaker"
+          v-if="!isPodcastmaker && isComments"
           ref="commentSection"
           :podcast="podcast"
           :fetch-conference="fetchConference"
@@ -154,6 +154,27 @@ export default defineComponent({
 
   computed: {
     ...mapState(useGeneralStore, ["storedCategories"]),
+     isComments(): boolean {
+      if (!this.podcast) return true;
+      let podcastComment = "INHERIT";
+      if (this.podcast.annotations && this.podcast.annotations.COMMENTS) {
+        podcastComment = this.podcast.annotations.COMMENTS as string;
+      }
+      let organisationComment = "LIVE_ONLY";
+      if (this.podcast.organisation.comments) {
+        organisationComment = this.podcast.organisation.comments;
+      }
+      return !(
+        "NO" === podcastComment ||
+        ("INHERIT" === podcastComment && "NO" === organisationComment) ||
+        ("LIVE_RECORD" === podcastComment &&
+          "READY_TO_RECORD" !== this.podcast.processingStatus) ||
+        ("INHERIT" === podcastComment &&
+          "LIVE_ONLY" === organisationComment &&
+          !this.podcast.conferenceId &&
+          0 !== this.podcast.conferenceId)
+      );
+    },
     backgroundDisplay(): string {
       if (!this.podcast) {
         return "";