@saooti/octopus-sdk 39.0.30 → 39.0.32

package/package.json

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

package/src/components/misc/ClassicAccordion.vue

@@ -42,6 +42,7 @@ export default defineComponent({
     icon: { default: undefined, type: String },
     imageUrl: { default: undefined, type: String },
     displayAccordion: { default: true, type: Boolean },
+    initOpen: { default: false, type: Boolean },
   },
   emits: ["open"],
   data() {
@@ -54,6 +55,9 @@ export default defineComponent({
       this.$emit("open");
     },
   },
+  created(){
+    this.isOpen= this.initOpen;
+  }
 });
 </script>
 <style lang="scss">

package/src/components/misc/ClassicLazy.vue

@@ -1,7 +1,7 @@
 <template>
   <div
     ref="targetEl"
-    :style="`min-height:${fixedMinHeight ? fixedMinHeight : minHeight}px`"
+    :style="`min-height:${minHeight}px`"
   >
     <slot v-if="shouldRender" />
     <slot v-else name="preview" />
@@ -9,7 +9,7 @@
 </template>
 <script lang="ts">
 import { useIntersectionObserver } from "@vueuse/core";
-import { ref, nextTick } from "vue";
+import { ref, nextTick, watch } from "vue";
 
 function onIdle(cb = () => {}) {
   if ("requestIdleCallback" in window) {
@@ -38,17 +38,18 @@ export default {
       default: 10000,
     },
   },
-  setup(props) {
+  emits:['isRender'],
+  setup(props, context) {
     const waitBeforeInit = ref(true);
     const shouldRender = ref(false);
     const targetEl = ref();
-    const fixedMinHeight = ref(0);
+    //const fixedMinHeight = ref(0);
     let unrenderTimer: ReturnType<typeof setTimeout> | undefined;
     let renderTimer: ReturnType<typeof setTimeout> | undefined;
     setTimeout(() => {
       waitBeforeInit.value = false;
     }, props.initRenderDelay);
-    const { stop } = useIntersectionObserver(
+    const { isActive, pause, resume } = useIntersectionObserver(
       targetEl,
       ([{ isIntersecting }]) => {
         if (waitBeforeInit.value) {
@@ -62,19 +63,20 @@ export default {
           renderTimer = setTimeout(
             () => {
               shouldRender.value = true;
+              context.emit('isRender', true);
             },
             props.unrender ? 200 : 0,
           );
-          //shouldRender.value = true;
           if (!props.unrender) {
-            stop();
+            pause();
           }
         } else if (props.unrender) {
           // if the component was set to render, cancel that
           clearTimeout(renderTimer);
           unrenderTimer = setTimeout(() => {
-            fixedMinHeight.value = targetEl.value?.clientHeight ?? 0;
+            //fixedMinHeight.value = targetEl.value?.clientHeight ?? 0;
             shouldRender.value = false;
+            context.emit('isRender', false);
           }, props.unrenderDelay);
         }
       },
@@ -86,13 +88,24 @@ export default {
     if (props.renderOnIdle) {
       onIdle(() => {
         shouldRender.value = true;
+        context.emit('isRender', true);
         if (!props.unrender) {
-          stop();
+          pause();
         }
       });
     }
+    watch(() => props.unrender, (newValue, oldValue) => {
+     if (newValue) {
+        clearTimeout(renderTimer);
+        unrenderTimer = setTimeout(() => {
+          shouldRender.value = false;
+          context.emit('isRender', false);
+          resume();
+        }, props.unrenderDelay);
+      }
+    });
 
-    return { targetEl, shouldRender, fixedMinHeight };
+    return { targetEl, shouldRender/* , fixedMinHeight  */};
   },
 };
 </script>

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

@@ -41,6 +41,7 @@ export const playerTranscript = defineComponent({
         11,
         `response/${this.playerPodcast.podcastId}`,
       );
+
       const arrayTranscript = this.parseSrt(result);
       const actualText =
         arrayTranscript?.[0]?.startTime === 0 ? arrayTranscript[0].text : "";
@@ -61,9 +62,11 @@ export const playerTranscript = defineComponent({
       if (transcript == null) {
         return;
       }
+      const pattern =
+      /(\d+)\n([\d:,]+)\s+-{2}>\s+([\d:,]+)\n([\s\S]*?(?=\n{2}|$))/gm;
       transcript = transcript.replace(/\r\n|\r|\n|\t/g, "\n");
       let matches;
-      while ((matches = /(\d+)\n([\d:,]+)\s+-{2}>\s+([\d:,]+)\n([\s\S]*?(?=\n{2}|$))/gm.exec(transcript)) != null) {
+      while ((matches = pattern.exec(transcript)) != null) {
         result.push({
           startTime: this.srtTimeToSeconds(matches[2]),
           endTime: this.srtTimeToSeconds(matches[3]),

package/src/main.ts

@@ -54,4 +54,22 @@ const pinia = createPinia();
 const app = createApp(App);
 // Initialisation store
 app.use(i18n).use(pinia).use(router).use(VueLazyLoad);
-app.mount("#app");
+router.isReady().then(() => {
+  /* app.mixin({
+    beforeCreate() {
+      if (this.$options.watch) {
+        Object.entries(this.$options.watch).forEach(([watcherKey, func]) => {
+          // @ts-ignore
+          this.$options.watch[watcherKey] = new Proxy(func, {
+            apply(target, thisArg) {
+              let targetAny : any= target;
+              console.log(`Called watcher ${targetAny.name} on component ${thisArg.$options.name}`);
+            },
+          });
+        });
+      }
+    },
+  });  */
+  app.mount('#app');
+})
+//app.mount("#app");