@saooti/octopus-sdk 40.0.3 → 40.1.0

package/src/stores/CommentStore.ts

@@ -4,13 +4,13 @@ import relativeTime from "dayjs/plugin/relativeTime";
 dayjs.extend(relativeTime);
 
 import { defineStore } from "pinia";
-import StringHelper from "../helper/string";
-import cookies from "../components/mixins/cookies";
+import StringHelper from "../helper/stringHelper";
+import cookiesHelper from "../helper/cookiesHelper";
 import WebSocketEngine from "../websocket/commentWebsocket";
 import { CommentPodcast } from "./class/general/comment";
 import { useAuthStore } from "./AuthStore";
 import { useApiStore } from "./ApiStore";
-import uuidGenerator from "../helper/uuidGenerator";
+import stringHelper from "../helper/stringHelper";
 import { CommentMessage, CommentsConfig } from "./class/config/commentsConfig";
 import classicApi from "../api/classicApi";
 import { Podcast } from "./class/general/podcast";
@@ -120,14 +120,14 @@ export const useCommentStore = defineStore("CommentStore", {
         };
         return;
       }
-      let uuid = cookies.methods.getCookie("comment-octopus-uuid");
+      let uuid = cookiesHelper.getCookie("comment-octopus-uuid");
       if (null === uuid) {
-        uuid = uuidGenerator.uuidv4();
-        cookies.methods.setCookie("comment-octopus-uuid", uuid);
+        uuid = stringHelper.uuidv4();
+        cookiesHelper.setCookie("comment-octopus-uuid", uuid);
       }
       const hash = await this.digest(uuid);
       this.commentUser = {
-        name: cookies.methods.getCookie("comment-octopus-name"),
+        name: cookiesHelper.getCookie("comment-octopus-name"),
         uuid: uuid,
         uuidHash: hash,
       };
@@ -140,7 +140,7 @@ export const useCommentStore = defineStore("CommentStore", {
       if (authStore.authProfile || !this.commentUser) {
         return;
       }
-      cookies.methods.setCookie("comment-octopus-name", name);
+      cookiesHelper.setCookie("comment-octopus-name", name);
       this.commentUser.name = name;
     },
     async getCommentsConfig(podcast: Podcast): Promise<CommentsConfig> {

package/src/stores/PlayerStore.ts

@@ -1,4 +1,4 @@
-import DurationHelper from "../helper/duration";
+import DurationHelper from "../helper/durationHelper";
 import { Media } from "@/stores/class/general/media";
 import {
   MediaRadio,

package/src/style/general.scss

@@ -4,6 +4,11 @@ html{
   font-size: 20px;
   height: 100%;
   scrollbar-gutter: stable;
+  /* scroll-snap-type: y proximity;
+  scroll-padding-top: 5rem;
+  @media (width <= 650px) {
+    scroll-padding-top: 3.5rem;
+  } */
 }
 
 body{
@@ -13,7 +18,7 @@ body{
   font-size: 0.8rem;
   overflow-x: hidden;
   background: var(--octopus-secondary-lighter);
-  min-height: 100%;
+  min-height: 100vh;
   overscroll-behavior-y: contain;
   display: flex;
   flex-direction: column;
@@ -25,6 +30,15 @@ main, #app{
   flex-grow: 1;
 }
 
+/* header, section:not(.page-box), .podcast-inline-container {
+  scroll-snap-align: start;
+}
+.page-element > section:first-child {
+  scroll-snap-align: none;
+}
+ */
+
+
 /** Octopus style */
 
 .octopus-app{

package/src/components/mixins/cookies.ts

@@ -1,22 +0,0 @@
-export default {
-  methods: {
-    setCookie(name: string, value: string, domain = ""): void {
-      const date = new Date();
-      date.setTime(date.getTime() + 24 * 60 * 60 * 1000);
-      const expires = "; expires=" + date.toUTCString();
-      document.cookie =
-        name + "=" + (value || "") + expires + domain + "; path=/";
-    },
-    getCookie(name: string): string | null {
-      const nameEQ = name + "=";
-      const ca = document.cookie.split(";");
-      for (const cookieValue of ca) {
-        let c = cookieValue;
-        while (c.startsWith(" ")) c = c.substring(1, c.length);
-        if (0 === c.indexOf(nameEQ))
-          return c.substring(nameEQ.length, c.length);
-      }
-      return null;
-    },
-  },
-};

package/src/components/mixins/displayMethods.ts

@@ -1,17 +0,0 @@
-export default {
-  methods: {
-    urlify(text: string): string {
-      const urlRegex = /[^">](https?:\/\/[^\s<]+)/g;
-      if (!text) return "";
-      return text.replace(urlRegex, (url: string) => {
-        return (
-          '<a href="' + url + '" target="_blank" rel="noreferrer noopener" :title="$t(\'New window\', {text: '+url+'})">' + url + "</a>"
-        );
-      });
-    },
-    async onCopyCode(link: string, callback: () => void): Promise<void> {
-      await navigator.clipboard.writeText(link);
-      return callback();
-    },
-  },
-};

package/src/components/mixins/download.ts

@@ -1,33 +0,0 @@
-import fetchHelper from "../../helper/fetch";
-import { defineComponent } from "vue";
-export default defineComponent({
-  methods: {
-    async onDownload(
-      urlToDownload: string,
-      nameOfDownload: string,
-      auth = true,
-    ): Promise<void> {
-      const xhr = new XMLHttpRequest();
-      xhr.open("GET", urlToDownload, true);
-      if (auth) {
-        const header = await fetchHelper.createAuthenticatedFetchHeader();
-        if (header) {
-          xhr.setRequestHeader("Authorization", header.Authorization);
-        }
-      }
-      xhr.responseType = "blob";
-      xhr.onload = function () {
-        const urlCreator = window.URL || window.webkitURL;
-        const imageUrl = urlCreator.createObjectURL(this.response);
-        const tag = document.createElement("a");
-        tag.href = imageUrl;
-        tag.target = "_blank";
-        tag.download = nameOfDownload.replace(/ /g, "_");
-        document.body.appendChild(tag);
-        tag.click();
-        document.body.removeChild(tag);
-      };
-      xhr.send();
-    },
-  },
-});

package/src/components/mixins/fetchParameters.ts

@@ -1,16 +0,0 @@
-import { FetchParam } from "@/stores/class/general/fetchParam";
-
-export default {
-  methods: {
-    getUriSearchParams(parameters: FetchParam): URLSearchParams {
-      const _return = new URLSearchParams();
-      for (const [key, value] of Object.entries(parameters)) {
-        // remove empty array for stats #12323
-        if (undefined !== value && '' !== value && (!Array.isArray(value) || (Array.isArray(value) && value.length) )) {
-          _return.append(key, value.toString());
-        }
-      }
-      return _return;
-    },
-  },
-};

package/src/components/mixins/handle403.ts

@@ -1,22 +0,0 @@
-import { AxiosError } from "axios";
-import { defineComponent } from "vue";
-import { useAuthStore } from "../../stores/AuthStore";
-import { mapState } from "pinia";
-export const handle403 = defineComponent({
-  computed: {
-    ...mapState(useAuthStore, ["authOrgaId"]),
-  },
-  methods: {
-    handle403(error: AxiosError): void {
-      if (403 === error.response?.status) {
-        if (undefined === this.authOrgaId) {
-          window.location.href = window.location.origin + "/sso/login";
-        } else {
-          this.$router.push({
-            path: "/main/pub/error",
-          });
-        }
-      }
-    },
-  },
-});

package/src/components/mixins/imageProxy.ts

@@ -1,28 +0,0 @@
-import { mapState } from "pinia";
-import { useApiStore } from "../../stores/ApiStore";
-import { defineComponent } from "vue";
-export default defineComponent({
-  computed: {
-    ...mapState(useApiStore, ["imageUrl"]),
-  },
-  methods: {
-    proxyImageUrl(url: string|undefined, width: string, height?: string): string {
-      if (!url) {
-        return "";
-      }
-      if (this.imageUrl && url.includes("http")) {
-        const size = height ? "height=" + height : "width=" + width;
-        const encode = btoa(url).replace(/\+/g, '-').replace(/\//g, '_').replace(/=+$/, '');
-        return (
-          this.imageUrl +
-          "image/" +
-          encode +
-          "?" +
-          size +
-          "&useWebp=true"
-        );
-      }
-      return url;
-    },
-  },
-});

package/src/components/mixins/init.ts

@@ -1,34 +0,0 @@
-import { Category } from "@/stores/class/general/category";
-import orgaFilter from "../mixins/organisationFilter";
-import classicApi from "../../api/classicApi";
-import { useAuthStore } from "../../stores/AuthStore";
-import { useGeneralStore } from "../../stores/GeneralStore";
-import { mapActions, mapState } from "pinia";
-import { defineComponent } from "vue";
-export default defineComponent({
-  mixins: [orgaFilter],
-  computed: {
-    ...mapState(useAuthStore, ["authOrgaId"]),
-  },
-  methods: {
-    ...mapActions(useGeneralStore, ["storedUpdateCategories"]),
-    async initSdk() {
-      classicApi.fetchData<Array<Category>>({
-        api: 0,
-        path:`iab/list${this.authOrgaId ? "/" + this.authOrgaId : ""}`,
-        parameters:{ lang: this.$i18n.locale },
-      })
-      .then((data: Array<Category>) => {
-        if(data.length){
-          this.storedUpdateCategories(data);
-        }
-      });
-      const captcha = document.getElementsByClassName(
-        "grecaptcha-badge",
-      )[0] as HTMLElement;
-      if (captcha) {
-        captcha.style.display = "none";
-      }
-    },
-  },
-});

package/src/components/mixins/loadScript.ts

@@ -1,25 +0,0 @@
-import { defineComponent } from "vue";
-export const loadScript = defineComponent({
-  methods: {
-    loadScript(src: string, async:boolean, callback: any) {
-      const firstElement = document.getElementsByTagName('head')[0] || document.documentElement,
-        scriptElement = document.createElement('script');
-      scriptElement.type = 'text/javascript';
-      scriptElement.src = src;
-      scriptElement.async = async;
-      scriptElement.addEventListener('load', function() {
-        if(callback && typeof callback === 'function') {
-          callback(true, window);
-        }
-      }, false);
-      scriptElement.addEventListener('error', function(error) {
-        firstElement.removeChild(scriptElement);
-        if(callback && typeof callback === 'function') {
-          callback(false, error);
-        }
-      }, false);
-      firstElement.insertBefore(scriptElement, firstElement.firstChild);
-    }
-    
-  },
-});

package/src/components/mixins/metaTitle.ts

@@ -1,15 +0,0 @@
-import { mapState } from "pinia";
-import { defineComponent } from "vue";
-import { useGeneralStore } from "../../stores/GeneralStore";
-export default defineComponent({
-  computed: {
-    ...mapState(useGeneralStore, ["metaTitle"]),
-  },
-  methods: {
-    updateMetaTitle(){
-      if(""!==this.$route.meta.title){
-        document.title = this.$route.meta.title ? this.$t(this.$route.meta.title) +' - '+ this.metaTitle: this.metaTitle;
-      }
-    },
-  },
-});

package/src/components/mixins/metaTitleWatch.ts

@@ -1,26 +0,0 @@
-import { mapState } from "pinia";
-import { defineComponent } from "vue";
-import { useGeneralStore } from "../../stores/GeneralStore";
-export default defineComponent({
-  computed: {
-    ...mapState(useGeneralStore, ["metaTitle"]),
-  },
-  watch: {
-    $route: {
-      immediate: true,
-      async handler() {
-        this.updateMetaTitle();
-      }
-    },
-    "$i18n.locale"() {
-      this.updateMetaTitle();
-    },
-  },
-  methods:{
-    updateMetaTitle(){
-      if(""!==this.$route.meta.title){
-        document.title = this.$route.meta.title ? this.$t(this.$route.meta.title) +' - '+ this.metaTitle: this.metaTitle;
-      }
-    }
-  }
-});

package/src/components/mixins/orgaComputed.ts

@@ -1,23 +0,0 @@
-import { state } from "../../stores/ParamSdkStore";
-import { useFilterStore } from "../../stores/FilterStore";
-import { useAuthStore } from "../../stores/AuthStore";
-import { mapState } from "pinia";
-import { defineComponent } from "vue";
-export const orgaComputed = defineComponent({
-  computed: {
-    ...mapState(useFilterStore, ["filterOrgaId"]),
-    ...mapState(useAuthStore, ["isRoleAdmin", "authOrgaId"]),
-    isPodcastmaker(): boolean {
-      return state.generalParameters.podcastmaker as boolean;
-    },
-  },
-  methods:{
-    isEditRights(orgaId?: string, condition = true){
-      return (
-        (condition && undefined!==this.authOrgaId&&
-        this.authOrgaId === orgaId) ||
-        this.isRoleAdmin
-      );
-    }
-  }
-});

package/src/components/mixins/organisationFilter.ts

@@ -1,56 +0,0 @@
-import { handle403 } from "../mixins/handle403";
-import { Rubriquage } from "@/stores/class/rubrique/rubriquage";
-import classicApi from "../../api/classicApi";
-import { useFilterStore } from "../../stores/FilterStore";
-import { mapActions } from "pinia";
-import { defineComponent } from "vue";
-import { AxiosError } from "axios";
-import { state } from "../../stores/ParamSdkStore";
-import { useSaveFetchStore } from "../../stores/SaveFetchStore";
-export default defineComponent({
-  mixins: [handle403],
-  methods: {
-    ...mapActions(useSaveFetchStore, ["getOrgaLiveEnabled", "getOrgaData"]),
-    ...mapActions(useFilterStore, ["filterUpdateOrga"]),
-    async selectOrganisation(organisationId: string): Promise<void> {
-      try {
-        const response = await this.getOrgaData(organisationId);
-        const data = await classicApi.fetchData<Array<Rubriquage>>({
-          api: 0,
-          path:"rubriquage/find/" + organisationId,
-          parameters:{
-            sort: "HOMEPAGEORDER",
-            homePageOrder: true,
-          },
-          specialTreatement:true
-        });
-        const isLive = await this.getOrgaLiveEnabled(organisationId);
-        this.filterUpdateOrga({
-          orgaId: organisationId,
-          imgUrl: response.imageUrl,
-          name: response.name,
-          rubriquageArray: data.filter((element: Rubriquage) => {
-            return element.rubriques.length;
-          }),
-          isLive: isLive,
-        });
-        if(!state.generalParameters.podcastmaker){
-          const queries = this.$route.query;
-          this.$router.push({
-            query: { ...queries, ...{ productor: organisationId, o:undefined } },
-          });
-        }
-      } catch (error) {
-        this.handle403(error as AxiosError);
-      }
-    },
-    removeSelectedOrga(): void {
-      if (this.$route.query.productor) {
-        this.$router.push({
-          query: { ...this.$route.query, ...{ productor: undefined } },
-        });
-      }
-      this.filterUpdateOrga({ orgaId: undefined });
-    },
-  },
-});

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

@@ -1,35 +0,0 @@
-
-import { defineComponent } from "vue";
-import DurationHelper from "../../../helper/duration";
-import { usePlayerStore } from "../../../stores/PlayerStore";
-import { useVastStore } from "../../../stores/VastStore";
-import { mapState } from "pinia";
-export const playerDisplayTime = defineComponent({
-
-  computed: {
-    ...mapState(usePlayerStore, [
-      "playedTime",
-      "totalTime",
-      "transcriptText",
-      "radioUrl",
-    ]),
-    ...mapState(useVastStore, ["isAdPlaying", "currentAd","currentTimeAd", "currentDurationAd", "isAdPaused", "titleAdvertising"]),
-    displayPlayTime():string{
-      if(this.isAdPlaying){
-        return DurationHelper.formatDuration(Math.round(this.currentTimeAd));
-        
-      }
-      return this.playedTime;
-    },
-    displayTotalTime():string{
-      if(this.isAdPlaying){
-        return DurationHelper.formatDuration(Math.round(this.currentDurationAd));
-        
-      }
-      return this.totalTime;
-    },
-    
-  },
- 
- 
-});

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

@@ -1,144 +0,0 @@
-import uuidGenerator from "../../../helper/uuidGenerator";
-import dayjs from "dayjs";
-import { playerLogicProgress} from "./playerLogicProgress";
-import { usePlayerStore } from "../../../stores/PlayerStore";
-import { useApiStore } from "../../../stores/ApiStore";
-import { useAuthStore } from "../../../stores/AuthStore";
-import { mapState, mapActions } from "pinia";
-/* eslint-disable */
-let Hls:any = null;
-/* eslint-enable */
-const maxMinutesSessionId = 1;
-import { defineComponent } from "vue";
-export const playerLive = defineComponent({
-  mixins: [playerLogicProgress],
-  data() {
-    return {
-      listenTime: 0 as number,
-      notListenTime: 0 as number,
-      lastSend: 0 as number,
-      hlsReady: false as boolean,
-      downloadId: null as string | null,
-      audioElement: null as HTMLAudioElement | null,
-      hls: null as any,
-      hlsRetryTimeout: undefined as ReturnType<typeof setTimeout> | undefined,
-      playPromise: undefined as any,
-      errorHls: false as boolean,
-    };
-  },
-  computed: {
-    ...mapState(usePlayerStore, ["playerLive", "playerRadio", "playerVideo", "playerStatus"]),
-    ...mapState(useAuthStore, ["authOrgaId"]),
-    ...mapState(useApiStore, ["hlsUrl"]),
-  },
-  methods: {
-    ...mapActions(usePlayerStore, ["playerChangeStatus"]),
-    onPlay(): void {
-      this.playerChangeStatus("PAUSED"===this.playerStatus);
-    },
-    playRadio() {
-      if (!this.playerRadio) return;
-      this.handleSessionIdRadio();
-      this.playHls(this.playerRadio.url+"?origin=octopus&sessionId="+this.playerRadio.sessionId);
-    },
-    handleSessionIdRadio(){
-      if(!this.playerRadio) return;
-      if(this.playerRadio.sessionId && dayjs().diff(dayjs(this.playerRadio.dateSessionId), 'm')<maxMinutesSessionId){
-        return;
-      }
-      this.playerRadio.sessionId = uuidGenerator.uuidv4();
-    },
-    playLive() {
-      if (!this.playerLive) return;
-      const hlsStreamUrl = `${this.hlsUrl}live/dev.${this.playerLive.conferenceId}/index.m3u8`;
-      this.playHls(hlsStreamUrl);
-    },
-    async playHls(hlsStreamUrl: string): Promise<void> {
-      try {
-        if(null===this.audioElement){
-          this.audioElement = document.getElementById(
-            "audio-player",
-          ) as HTMLAudioElement;
-        }
-        if (null === this.audioElement) {
-          setTimeout(() => {
-            this.playHls(hlsStreamUrl);
-          }, 1000);
-          return;
-        }
-        const ua = navigator.userAgent.toLowerCase();
-        const isAndroid = ua.indexOf("android") > -1; //&& ua.indexOf("mobile");
-        if (
-          this.audioElement.canPlayType("application/vnd.apple.mpegurl") &&
-          !isAndroid
-        ) {
-          this.audioElement.src = hlsStreamUrl;
-          await this.initLiveDownloadId();
-          this.hlsReady = true;
-          await this.audioElement.play();
-          this.onPlay();
-        } else {
-          await this.initHls(hlsStreamUrl);
-        }
-      } catch {
-        this.onHlsError(hlsStreamUrl);
-      }
-    },
-    onHlsError(hlsStreamUrl:string){
-      if("STOPPED"!==this.playerStatus && undefined===this.hlsRetryTimeout){
-        this.hlsRetryTimeout = setTimeout(() => {
-          this.errorHls = false;
-          this.playHls(hlsStreamUrl);
-          this.hlsRetryTimeout = undefined;
-        }, 5000);
-      }
-    },
-    async initHls(hlsStreamUrl: string) {
-      if (null === Hls) {
-        await import("hls.js").then((hlsLibrary) => {
-          Hls = hlsLibrary.default;
-        });
-      }
-      if (!Hls.isSupported()) {
-        throw new Error("Hls is not supported ! ");
-      }
-      this.hls = new Hls();
-      this.hls.on(Hls.Events.MANIFEST_PARSED, async () => {
-        await this.initLiveDownloadId();
-        this.hlsReady = true;
-        if(true===this.errorHls){
-          return;
-        }
-        this.playPromise = (this.audioElement as HTMLAudioElement).play();
-        this.playPromise.then(() =>{
-          this.playPromise = undefined;
-          this.onPlay();
-        }).catch(()=>{
-          this.onHlsError(hlsStreamUrl);
-          this.playPromise = undefined;
-        })
-      });
-      this.hls.on(Hls.Events.ERROR, async (e, data:any) => {
-        this.errorHls = true;
-        if(undefined===this.playPromise && data.fatal){
-          this.onHlsError(hlsStreamUrl);
-        }
-      });
-      this.hls.loadSource(hlsStreamUrl);
-      this.hls.attachMedia(this.audioElement as HTMLAudioElement);
-    },
-    async endingLive(): Promise<void> {
-      clearTimeout(this.hlsRetryTimeout);
-      this.hlsRetryTimeout = undefined;
-      this.audioElement = null;
-      const audio: HTMLElement | null = document.getElementById("audio-player");
-      if (audio && this.hls) {
-        this.hls.destroy();
-        this.hls = null;
-      }else{
-        (audio as HTMLAudioElement).pause();
-      }
-      (audio as HTMLAudioElement).src = "";
-    },
-  },
-});