@betarena/ad-engine 0.0.71 → 0.0.73

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@betarena/ad-engine",
-	"version": "0.0.71",
+	"version": "0.0.73",
 	"private": false,
 	"description": "Betarena ad-engine widget",
 	"keywords": [

package/src/lib/Advert-Engine-Widget.svelte

@@ -103,7 +103,12 @@
      * @description
      * 📝 Translation target
      */
-    strTranslationTarget = 'en'
+    strTranslationTarget = 'en',
+    /**
+     * @description
+     * 📝 Condition for testing
+     */
+    isStandalone = true
   ;
 
   /**
@@ -794,9 +799,13 @@
 />
 
 <svelte:head>
-  <link rel="preconnect" href="https://fonts.googleapis.com">
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
+
+  {#if isStandalone}
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
+  {/if}
+
 </svelte:head>
 
 <!--

package/src/lib/Advert-Slide-Child.svelte

@@ -38,7 +38,7 @@
   // │ 5. type(s) imports(s)                                                  │
   // ╰────────────────────────────────────────────────────────────────────────╯
 
-  import { onMount } from 'svelte';
+  import { onDestroy, onMount } from 'svelte';
   import { fly } from 'svelte/transition';
 
   import { ServiceAdEngine } from '@betarena/scores-lib/dist/classes/_service.adengine.js';
@@ -49,7 +49,7 @@
 
   import iconClose from './assets/icon-close.svg';
   import iconArrow from './assets/icon-external-link.svg';
-
+  import { logger } from './utils/debug.js';
 
   import type { AdsCreativeMain } from '@betarena/scores-lib/types/v8/_HASURA-0.js';
 
@@ -125,6 +125,14 @@
   // │ as soon as 'this' .svelte file is ran.                                 │
   // ╰────────────────────────────────────────────────────────────────────────╯
 
+  let
+    /**
+     * @description
+     * 📝 timeout for advert show
+     */
+    intTimeoutForAdvertShow: ReturnType<typeof setTimeout> | null = null
+  ;
+
   onMount
   (
     () =>
@@ -134,7 +142,7 @@
         // ╭─────
         // │ NOTE: |:| Advert timeour start
         // ╰─────
-        setTimeout
+        intTimeoutForAdvertShow = setTimeout
         (
           () =>
           {
@@ -175,6 +183,33 @@
     }
   );
 
+  onDestroy
+  (
+    () =>
+    {
+      // [🐞]
+      logger
+      (
+        [
+          'Betarena Ad-Engine ⏰ onMount ⏰ cleanup (x2)'
+        ],
+      );
+
+      if (intTimeoutForAdvertShow)
+        clearTimeout(intTimeoutForAdvertShow);
+      ;
+
+      document.getElementById(CNAME)?.remove();
+
+      document.body.classList.remove
+      (
+        'disable-scroll'
+      );
+
+      return;
+    }
+  );
+
   // #endregion ➤ 🔄 LIFECYCLE [SVELTE]
 
 </script>

package/src/lib/utils/debug.ts

@@ -37,9 +37,6 @@ export function logger
   listMsg: string[]
 ): void
 {
-  // [🐞]
-  // eslint-disable-next-line no-console
-  console.log(chalk.hex('#FF7F50')('📦 [ad-engine] :: ─────────────────────────'));
   for (const message of listMsg)
     // [🐞]
     // eslint-disable-next-line no-console