@saooti/octopus-sdk 38.0.22 → 38.1.0

package/package.json

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

package/src/assets/general.scss

@@ -111,7 +111,6 @@ body{
       margin: 1rem 0;
     }
   }
-
   .flex-super-grow{
     flex-grow: 2;
   }

package/src/assets/progressbar.scss

@@ -20,19 +20,6 @@
       background-color: $octopus-primary-color;
       transition: width 0.6s ease;
     }
-    .octopus-chapter{
-      position: absolute;
-      background: transparent;
-      background-clip: content-box;
-      padding: 0 5px;
-      box-shadow: inset -2px 1px 0px 0px rgb(0 0 0),
-                  inset 2px 1px 0px 0px rgb(0 0 0);
-
-      &:hover{
-        background: rgba(255, 255, 255, 0.4);
-        box-shadow: -4px 1px 0px 0px rgb(0 0 0);
-      }
-    }
     &,.octopus-progress-bar{
       height: 4px;
       @media (max-width: 960px) {

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

@@ -18,7 +18,7 @@
             <div :class="button.icon" />
           </a>
         </template>
-        <!-- <router-link
+        <router-link
           v-if="!isPodcastmaker && authenticated && podcast && isProduction"
           :class="getClass('saooti-share')"
           :title="$t('Advanced sharing')"
@@ -26,7 +26,7 @@
             name: 'advancedShare',
             params: { podcastId: podcast.podcastId },
           }"
-        /> -->
+        />
       </div>
     </div>
     <div v-if="podcast || emission || playlist" class="d-flex flex-column me-2">

package/src/components/misc/ClassicPopover.vue

@@ -5,7 +5,7 @@
     ref="popover"
     tabindex="0"
     class="octopus-popover"
-    :class="[onlyClick ? 'octopus-dropdown' : '', popoverClass]"
+    :class="onlyClick ? 'octopus-dropdown' : ''"
     :style="positionInlineStyle"
     @blur="clearDataBlur"
   >
@@ -28,12 +28,10 @@ export default defineComponent({
     target: { type: String, required: true },
     disable: { type: Boolean, default: false },
     onlyClick: { type: Boolean, default: false },
-    onlyMouse: { type: Boolean, default: false },
     isFixed: { type: Boolean, default: false },
     relativeClass: { type: String, default: undefined },
     leftPos: { type: Boolean, default: false },
     topPos: { type: Boolean, default: false },
-    popoverClass: { type: String, default: undefined },
   },
   data() {
     return {
@@ -69,9 +67,7 @@ export default defineComponent({
           );
           this.targetElement.addEventListener("mouseleave", this.clearData);
         }
-        if (!this.onlyMouse) {
-          this.targetElement.addEventListener("click", this.setPopoverData);
-        }
+        this.targetElement.addEventListener("click", this.setPopoverData);
         this.targetElement.addEventListener("blur", this.clearDataBlur);
       }
     },
@@ -84,9 +80,7 @@ export default defineComponent({
           );
           this.targetElement.removeEventListener("mouseleave", this.clearData);
         }
-        if (!this.onlyMouse) {
-          this.targetElement.removeEventListener("click", this.setPopoverData);
-        }
+        this.targetElement.removeEventListener("click", this.setPopoverData);
         this.targetElement.addEventListener("blur", this.clearDataBlur);
       }
     },

package/src/components/misc/HomeDropdown.vue

@@ -24,7 +24,7 @@
       :left-pos="true"
     >
       <template v-if="!isAuthenticated">
-        <a class="octopus-dropdown-item" href="/sso/login" realLink="true">
+        <a class="octopus-dropdown-item" href="/login" realLink="true">
           {{ $t("Login") }}
         </a>
         <router-link
@@ -60,7 +60,7 @@
           </template>
         </template>
         <hr />
-        <a class="octopus-dropdown-item" href="/sso/logout" realLink="true">
+        <a class="octopus-dropdown-item" href="/logout" realLink="true">
           {{ $t("Logout") }}
         </a>
       </template>

package/src/components/misc/ProgressBar.vue

@@ -1,5 +1,5 @@
 <template>
-  <div v-if="display" id="test-menu-dropdown" class="octopus-progress">
+  <div class="octopus-progress">
     <div
       v-if="secondaryProgress"
       class="octopus-progress-bar bg-light"
@@ -48,50 +48,18 @@
     />
     <div
       v-if="isProgressCursor"
-      class="octopus-progress-bar-cursor"
+      class="progress-bar-cursor"
       :style="'left:' + mainProgress + '%'"
     />
-    <template v-if="playerChapteringPercent">
-      <template v-for="chapter in playerChapteringPercent" :key="chapter">
-        <div
-          :id="'chapter-' + chapter.startPercent"
-          class="octopus-progress-bar octopus-chapter"
-          role="progressbar"
-          aria-valuenow="0"
-          aria-valuemin="0"
-          aria-valuemax="100"
-          :style="{
-            left: chapter.startPercent + '%',
-            right: 100 - chapter.endPercent + '%',
-          }"
-        />
-        <Teleport to="#octopus-player-component">
-          <ClassicPopover
-            :target="'chapter-' + chapter.startPercent"
-            :is-fixed="true"
-            relative-class="player-container"
-            :only-mouse="true"
-            popover-class="octopus-small-popover"
-            :content="chapter.title"
-          />
-        </Teleport>
-      </template>
-    </template>
   </div>
 </template>
 
 <script lang="ts">
 import { usePlayerStore } from "@/stores/PlayerStore";
 import { mapState } from "pinia";
-import { defineAsyncComponent, defineComponent } from "vue";
-const ClassicPopover = defineAsyncComponent(
-  () => import("../misc/ClassicPopover.vue"),
-);
+import { defineComponent } from "vue";
 export default defineComponent({
   name: "ProgressBar",
-  components: {
-    ClassicPopover,
-  },
   props: {
     alertBar: { default: undefined, type: Number },
     mainProgress: { default: 0, type: Number },
@@ -105,14 +73,7 @@ export default defineComponent({
     };
   },
   computed: {
-    ...mapState(usePlayerStore, [
-      "playerMedia",
-      "playerChapteringPercent",
-      "playerStatus",
-    ]),
-    display() {
-      return "STOPPED" !== this.playerStatus;
-    },
+    ...mapState(usePlayerStore, ["playerMedia"]),
   },
   watch: {
     playerMedia: {
@@ -143,15 +104,4 @@ export default defineComponent({
 
 <style lang="scss">
 @import "../../assets/progressbar.scss";
-.octopus-app .player-container {
-  .octopus-small-popover {
-    font-size: 0.7rem;
-    background: #282828;
-    color: white;
-    border: 0;
-    .p-2 {
-      padding: 0.2rem !important;
-    }
-  }
-}
 </style>

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

@@ -34,7 +34,6 @@
           {{ playedTime }} / {{ totalTime }}
         </div>
       </div>
-      <PlayerChaptering />
       <PlayerProgressBar
         v-if="!radioUrl"
         :show-timeline="showTimeline"
@@ -70,7 +69,6 @@ import { playerDisplay } from "../../mixins/player/playerDisplay";
 import imageProxy from "../../mixins/imageProxy";
 import ClassicSpinner from "../ClassicSpinner.vue";
 import PlayerTimeline from "./PlayerTimeline.vue";
-import PlayerChaptering from "./PlayerChaptering.vue";
 import { defineAsyncComponent, defineComponent } from "vue";
 const RadioProgressBar = defineAsyncComponent(
   () => import("./radio/RadioProgressBar.vue"),
@@ -86,7 +84,6 @@ export default defineComponent({
     RadioProgressBar,
     PlayerTimeline,
     ClassicSpinner,
-    PlayerChaptering,
   },
   mixins: [playerDisplay, imageProxy],
 

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

@@ -1,12 +1,11 @@
 <template>
   <div
-    id="octopus-player-component"
     class="player-container"
     :class="playerVideo ? 'player-video' : ''"
     :style="{ height: playerHeight }"
     @transitionend="onHidden"
   >
-    <template v-if="displayWithTimeout">
+    <template v-if="display">
       <PlayerVideo v-if="playerVideo" />
       <template v-else>
         <audio
@@ -87,7 +86,6 @@ export default defineComponent({
       comments: [] as Array<CommentPodcast>,
       audioUrlToPlay: "" as string,
       hlsReady: false as boolean,
-      displayWithTimeout: false as boolean,
     };
   },
   computed: {
@@ -106,15 +104,6 @@ export default defineComponent({
     playerHeight(): void {
       this.$emit("hide", 0 === this.playerHeight);
     },
-    display(): void {
-      if (this.display) {
-        this.displayWithTimeout = this.display;
-      } else {
-        setTimeout(() => {
-          this.displayWithTimeout = this.display;
-        }, 3000);
-      }
-    },
   },
 
   methods: {
@@ -152,12 +141,6 @@ export default defineComponent({
     transition: height 1s;
     background: #282828 !important;
     font-size: 1rem;
-    .medium-text {
-      font-size: 0.65rem;
-    }
-    .small-text {
-      font-size: 0.5rem;
-    }
 
     @media (max-width: 960px) {
       .d-flex {

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

@@ -24,7 +24,6 @@
         {{ podcastTitle }}
       </div>
     </div>
-    <PlayerChaptering class="justify-content-center w-100" />
     <div class="player-grow-large-content">
       <PlayerProgressBar
         v-if="!radioUrl"
@@ -87,7 +86,6 @@ import ClassicSpinner from "../ClassicSpinner.vue";
 import { playerDisplay } from "../../mixins/player/playerDisplay";
 import imageProxy from "../../mixins/imageProxy";
 import PlayerTimeline from "./PlayerTimeline.vue";
-import PlayerChaptering from "./PlayerChaptering.vue";
 import { defineAsyncComponent, defineComponent } from "vue";
 import { CommentPodcast } from "@/stores/class/general/comment";
 const RadioProgressBar = defineAsyncComponent(
@@ -108,7 +106,6 @@ export default defineComponent({
     PlayerTimeline,
     ClassicSpinner,
     RadioHistory,
-    PlayerChaptering,
   },
   mixins: [playerDisplay, imageProxy],
 

package/src/components/mixins/handle403.ts

@@ -10,7 +10,7 @@ export const handle403 = defineComponent({
     handle403(error: AxiosError): void {
       if (403 === error.response?.status) {
         if (undefined === this.authOrgaId) {
-          window.location.href = window.location.origin + "/sso/login";
+          window.location.href = window.location.origin + "/login";
         } else {
           this.$router.push({
             path: "/main/pub/error",

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

@@ -41,7 +41,7 @@ export const playerLogicProgress = defineComponent({
       );
     },
     playerSeekTime() {
-      if (undefined===this.playerSeekTime) {
+      if (!this.playerSeekTime) {
         return;
       }
       if (this.playerPodcast || this.playerLive) {

package/src/components/pages/Error403Page.vue

@@ -22,7 +22,7 @@
 
     <a
       class="btn btn-primary"
-      :href="authenticated ? '/sso/logout' : '/sso/login'"
+      :href="authenticated ? '/logout' : '/login'"
       >{{ authText }}</a
     >
   </div>

package/src/components/pages/RadioPage.vue

@@ -91,8 +91,7 @@ export default defineComponent({
   computed: {
     editRight(): boolean {
       return (
-        (true === this.authenticated &&
-          true === state.generalParameters.isRadio &&
+        (true === this.authenticated && true === state.generalParameters.isRadio && 
           this.myOrganisationId === this.radio?.organisationId) ||
         true === state.generalParameters.isAdmin
       );

package/src/helper/duration.ts

@@ -1,18 +1,20 @@
 export default {
-  convertTimestamptoSeconds(timestamp: string){
-    const [hours, minutes, seconds] = timestamp.split(':');
-    return Number(hours) * 60 * 60 + Number(minutes) * 60 + Number(seconds);
-  },
   formatToString(value: number) {
     if (value < 10) {
       return "0" + value;
     }
     return value.toString();
   },
-  formatDuration(totalSeconds: number, separator="'", isLast=true): string {
+  formatDuration(totalSeconds: number): string {
     const hours = Math.floor(totalSeconds / 3600);
     const minutes = Math.floor((totalSeconds - hours * 3600) / 60);
     const seconds = totalSeconds - hours * 3600 - minutes * 60;
-    return (hours > 0? this.formatToString(hours)+separator:"") + this.formatToString(minutes) +separator+ this.formatToString(seconds) + (isLast?separator:'' );
+    return (
+      (hours > 0 ? this.formatToString(hours) + "'" : "") +
+      this.formatToString(minutes) +
+      "'" +
+      this.formatToString(seconds) +
+      "''"
+    );
   },
 };

package/src/locale/de.ts

@@ -350,5 +350,4 @@ export default {
   "Trigger automatic reading if this is possible":"Wenn möglich, automatisches Auslesen auslösen",
   "High version":"Hohe Version",
   "Advanced sharing":"Erweitertes Teilen",
-  "Chaptering":"Kapitelaufteilung",
 }

package/src/locale/en.ts

@@ -350,5 +350,4 @@ export default {
   "Trigger automatic reading if this is possible":"Trigger automatic reading if this is possible",
   "High version":"High version",
   "Advanced sharing":"Advanced sharing",
-  "Chaptering":"Chaptering",
 };

package/src/locale/es.ts

@@ -351,5 +351,4 @@ export default {
   "Trigger automatic reading if this is possible":"Activar la lectura automática si esto es posible",
   "High version":"Versión alta",
   "Advanced sharing":"Reparto adelantado",
-  "Chaptering":"Capítulos",
 }

package/src/locale/fr.ts

@@ -357,5 +357,4 @@ export default {
   "Trigger automatic reading if this is possible":"Déclencher la lecture automatique si celle ci est possible",
   "High version":"Version en hauteur",
   "Advanced sharing":"Partage avancé",
-  "Chaptering":"Chapitrage",
 };

package/src/locale/it.ts

@@ -343,5 +343,4 @@ export default{
   "Trigger automatic reading if this is possible":"Attivare la lettura automatica, se possibile",
   "High version":"Versione alta",
   "Advanced sharing":"Condivisione avanzata",
-  "Chaptering":"Capitolazione",
   };

package/src/locale/sl.ts

@@ -340,5 +340,4 @@ export default {
   "Trigger automatic reading if this is possible":"Sprožite samodejno branje, če je to mogoče",
   "High version":"Visoka različica",
   "Advanced sharing":"Napredno deljenje",
-  "Chaptering":"Poglavje",
 }

package/src/stores/ParamSdkStore.ts

@@ -13,7 +13,7 @@ const state: ParamStore = {
     isProduction: false,
     isContribution: false,
     isRadio: false,
-    ApiUri: "https://api.dev2.saooti.org/",
+    ApiUri: "https://api.staging.saooti.org/",
     podcastmaker: false,
     buttonPlus: true,
     allCategories: [],
@@ -27,8 +27,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,
@@ -80,14 +80,14 @@ 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/",
-    radioUrl:"https://radio.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/",
+    radioUrl:"https://radio.staging.saooti.org/",
+    recoUrl: "https://reco.staging.saooti.org/",
     organisationId: undefined,
     rubriqueIdFilter: undefined,
   },

package/src/stores/PlayerStore.ts

@@ -3,8 +3,6 @@ import { Media } from "@/stores/class/general/media";
 import { MediaRadio, Radio } from "@/stores/class/general/player";
 import { Podcast } from "@/stores/class/general/podcast";
 import { defineStore } from "pinia";
-import { Chaptering, ChapteringPercent } from "./class/chaptering/chaptering";
-import octopusApi from "@saooti/octopus-api";
 interface Transcript {
   actual: number;
   actualText: string;
@@ -24,7 +22,6 @@ interface PlayerState {
   playerTranscript?: Transcript;
   playerLargeVersion: boolean;
   playerVideo: boolean;
-  playerChaptering?: Chaptering;
 }
 export const usePlayerStore = defineStore("PlayerStore", {
   state: (): PlayerState => ({
@@ -39,33 +36,13 @@ export const usePlayerStore = defineStore("PlayerStore", {
     playerSeekTime: 0,
     playerLargeVersion: false,
     playerVideo: false,
-    playerChaptering: undefined,
   }),
   getters: {
-    playerChapteringPercent(): ChapteringPercent|undefined{
-      if(!this.playerChaptering || 0===this.playerTotal){
-        return;
-      }
-      let chapteringPercent: ChapteringPercent = [];
-      for (let i = 0, len = this.playerChaptering.chapters.length; i < len; i++) {
-        chapteringPercent.push({
-          startTime : this.playerChaptering.chapters[i].startTime,
-          startDisplay: DurationHelper.formatDuration(this.playerChaptering.chapters[i].startTime, ':', false),
-          startPercent: (this.playerChaptering.chapters[i].startTime * 100 ) / (Math.round(this.playerTotal)),
-          endPercent:100,
-          title: this.playerChaptering.chapters[i].title
-        });
-      }
-      for (let i = 0, len = chapteringPercent.length; i < len; i++) {
-        chapteringPercent[i].endPercent = chapteringPercent[i].startPercent + ((chapteringPercent[i+1]?.startPercent ?? 100) - chapteringPercent[i].startPercent);
-      }
-      return chapteringPercent;
-    },
     playerHeight() {
       if ("STOPPED" === this.playerStatus) return 0;
       if (this.playerVideo) return "0px"/* "281px" */;
       if (this.playerLargeVersion) return "27rem";
-      if (window.innerWidth > 450) return "6rem";
+      if (window.innerWidth > 450) return "5rem";
       return "3.5rem";
     },
     playedTime(): string {
@@ -114,7 +91,7 @@ export const usePlayerStore = defineStore("PlayerStore", {
     },
   },
   actions: {
-    async playerPlay(param?: any, isVideo = false) {
+    playerPlay(param?: any, isVideo = false) {
       if (!param) {
         this.playerStatus = "STOPPED";
         this.playerPodcast = undefined;
@@ -123,7 +100,6 @@ export const usePlayerStore = defineStore("PlayerStore", {
         this.playerRadio = undefined;
         this.playerElapsed = 0;
         this.playerVideo = false;
-        this.playerChaptering=undefined;
         return;
       }
       if (
@@ -142,26 +118,16 @@ export const usePlayerStore = defineStore("PlayerStore", {
       this.playerRadio = undefined;
       this.playerVideo = isVideo;
       this.playerElapsed = 0;
-      this.playerChaptering=undefined;
       if (
         param.conferenceId &&
         (!param.podcastId || param.processingStatus !== "READY")
       ) {
         this.playerLive = param;
-        return;
-      }
-      if (param.podcastId) {
+      } else if (param.podcastId) {
         this.playerPodcast = param;
-        if(param.annotations?.chaptering){
-          this.playerChaptering =  await octopusApi.fetchDataPublic<Chaptering>(4, (param.annotations.chaptering as string));
-        }
-        return;
-      }
-      if (param.mediaId) {
+      } else if (param.mediaId) {
         this.playerMedia = param;
-        return;
-      }
-      if (param.canalId) {
+      } else if (param.canalId) {
         this.playerRadio = { ...param, ...{ isInit: false } };
       }
     },
@@ -192,11 +158,9 @@ export const usePlayerStore = defineStore("PlayerStore", {
       this.playerRadio.podcast = podcast;
     },
 
-    playerUpdateElapsed(elapsed: number, total?: number) {
+    playerUpdateElapsed(elapsed: number, total: number) {
       this.playerElapsed = elapsed;
-      if(total){
-        this.playerTotal = total;
-      }
+      this.playerTotal = total;
     },
 
     playerUpdateTranscript(transcript?: Transcript) {

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

@@ -1,95 +0,0 @@
-<template>
-  <ClassicModal
-    id-modal="chaptering-modal"
-    :title-modal="$t('Chaptering')"
-    @close="closePopup"
-  >
-    <template #body>
-      <div class="d-flex flex-column">
-        <button
-          v-for="(chapter, index) in playerChapteringPercent"
-          :key="chapter"
-          class="btn d-flex flex-nowrap align-items-center p-2 mt-1 c-hand text-truncate mb-1"
-          :class="actualChapter === index ? 'chapter-selected':'border'"
-          @click="goToChapter(index)"
-        >
-          <div class="d-flex align-items-center me-auto">
-            <svg v-if="actualChapter === index" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-soundwave" viewBox="0 0 16 16">
-              <path fill-rule="evenodd" d="M8.5 2a.5.5 0 0 1 .5.5v11a.5.5 0 0 1-1 0v-11a.5.5 0 0 1 .5-.5m-2 2a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 .5-.5m4 0a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 .5-.5m-6 1.5A.5.5 0 0 1 5 6v4a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m8 0a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m-10 1A.5.5 0 0 1 3 7v2a.5.5 0 0 1-1 0V7a.5.5 0 0 1 .5-.5m12 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0V7a.5.5 0 0 1 .5-.5"/>
-            </svg>
-            <div v-else>{{ index + 1 }}</div>
-            <div class="ms-2">{{ "- " + chapter.title }}</div>
-          </div>
-          <div>{{ chapter.startDisplay }}</div>
-        </button>
-      </div>
-    </template>
-    <template #footer>
-      <button class="btn m-1" @click="closePopup">
-        {{ $t("Close") }}
-      </button>
-    </template>
-  </ClassicModal>
-</template>
-
-<script lang="ts">
-import { usePlayerStore } from "@/stores/PlayerStore";
-import { mapState, mapActions } from "pinia";
-import ClassicModal from "../modal/ClassicModal.vue";
-import { defineComponent } from "vue";
-export default defineComponent({
-  name: "ChapteringModal",
-  components: {
-    ClassicModal,
-  },
-  props: {actualChapter: {default: -1, type: Number}},
-  emits: ["close"],
-  data() {
-    return {
-      audioPlayer: null as HTMLAudioElement | null,
-    };
-  },
-  computed: {
-    ...mapState(usePlayerStore, [
-      "playerPodcast",
-      "playerLive",
-      "playerChapteringPercent",
-      "playerTotal",
-      "playerElapsed",
-    ]),
-  },
-  created() {
-    this.audioPlayer = document.querySelector("#audio-player");
-  },
-  methods: {
-    ...mapActions(usePlayerStore, [
-      "playerUpdateSeekTime",
-      "playerUpdateElapsed",
-    ]),
-    closePopup(): void {
-      this.$emit("close");
-    },
-    goToChapter(index: number) {
-      if (!this.playerChapteringPercent || !this.audioPlayer) {
-        return;
-      }
-      const seekTime =
-        this.playerTotal *
-        (this.playerChapteringPercent[index].startPercent / 100);
-      this.playerUpdateSeekTime(seekTime);
-      if (0 === seekTime) {
-        this.playerUpdateElapsed(0);
-      }
-      this.audioPlayer.currentTime = seekTime;
-    },
-  },
-});
-</script>
-<style lang="scss">
-@import "@scss/_variables.scss";
-.octopus-app {
- .chapter-selected{
-    border: $octopus-primary-color 3px solid;
- }
-}
-</style>

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

@@ -1,86 +0,0 @@
-<template>
-  <div v-if="actualChapter" class="d-flex mb-1">
-    <button
-      class="btn-transparent d-flex align-items-center text-truncate medium-text text-light"
-      @click="showChaptering = !showChaptering"
-    >
-      <div class="text-truncate">
-        {{ actualIndex + 1 + " - " + actualChapter.title }}
-      </div>
-      <span class="saooti-right small-text" />
-    </button>
-    <ChapteringModal v-if="showChaptering" @close="showChaptering = false" :actual-chapter="actualIndex" />
-  </div>
-  <div v-else-if="playerChapteringPercent" class="margin-chaptering"></div>
-</template>
-<script lang="ts">
-import { ChapterPercent } from "@/stores/class/chaptering/chaptering";
-import { usePlayerStore } from "@/stores/PlayerStore";
-import { mapState } from "pinia";
-import { defineAsyncComponent, defineComponent } from "vue";
-const ChapteringModal = defineAsyncComponent(
-  () => import("./ChapteringModal.vue"),
-);
-export default defineComponent({
-  name: "PlayerChaptering",
-
-  components: {
-    ChapteringModal,
-  },
-  data() {
-    return {
-      actualChapter: undefined as ChapterPercent | undefined,
-      actualIndex: -1 as number,
-      showChaptering: false as boolean,
-    };
-  },
-  computed: {
-    ...mapState(usePlayerStore, ["playerChapteringPercent", "playerElapsed"]),
-  },
-  watch: {
-    playerElapsed: {
-      immediate: true,
-      handler() {
-        if (!this.playerChapteringPercent) {
-          this.actualChapter = undefined;
-          return;
-        }
-        const progressPercent = (this.playerElapsed ?? 0) * 100;
-        if (
-          this.actualChapter &&
-          this.isInChapter(progressPercent, this.actualChapter)
-        ) {
-          return;
-        }
-        for (
-          let i = 0, len = this.playerChapteringPercent.length;
-          i < len;
-          i++
-        ) {
-          if (
-            this.isInChapter(progressPercent, this.playerChapteringPercent[i])
-          ) {
-            this.actualChapter = this.playerChapteringPercent[i];
-            this.actualIndex = i;
-            return;
-          }
-        }
-        this.actualChapter = undefined;
-        this.actualIndex = -1;
-      },
-    },
-  },
-  methods: {
-    isInChapter(val: number, chapter: ChapterPercent) {
-      return Math.floor(chapter.startPercent) <= val && val < Math.floor(chapter.endPercent);
-    },
-  },
-});
-</script>
-<style lang="scss">
-.octopus-app {
- .margin-chaptering{
-  height: 23px;
- }
-}
-</style>

package/src/stores/class/chaptering/chaptering.ts

@@ -1,23 +0,0 @@
-//https://github.com/Podcastindex-org/podcast-namespace/blob/main/chapters/jsonChapters.md
-export interface Chaptering {
-  version: string;
-  chapters: Array<Chapter>;
-}
-
-export interface Chapter{
-  startTime: number;
-  title: string;
-  img?: string;
-  url?:string
-}
-
-export interface ChapterPercent {
-  startTime: number;
-  startDisplay: string;
-  startPercent: number;
-  endPercent: number;
-  title: string;
-}
-
-
-export type ChapteringPercent = Array<ChapterPercent>;