@betarena/ad-engine 0.0.72 → 0.0.74

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@betarena/ad-engine",
-	"version": "0.0.72",
+	"version": "0.0.74",
 	"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
   ;
 
   /**
@@ -347,10 +352,14 @@
       mapZoneToTagIds = new Map (dataRes0.success.data.mapZoneIdToTagIds)
     ;
 
+    // ╭──────────────────────────────────────────────────────────────────────────────────╮
+    // │ 💠 │ STEP :: ADVERT INJECTION                                                    │
+    // ╰──────────────────────────────────────────────────────────────────────────────────╯
+
     // ╭─────
     // │ NOTE:
-    // │ ➤ [1] loop over retrieved/fetched elements identified in 'document',
-    // │ ➤ [2] and inject target 'ADVERTS' in target specific locations.
+    // │ |: [1] loop over retrieved/fetched elements identified in 'document',
+    // │ |: [2] AND inject target 'ADVERTS' in target specific locations.
     // ┣─────
     // ┃ ZONE-ID :: 1,2,3,4
     // ╰─────
@@ -471,15 +480,16 @@
     }
 
     // ╭─────
-    // │ CHECK
+    // │ CHECK:
     // │ |: for case of injection of 'GLOBAL' placements for adverts,
-    // │ |: (a.k.a SLIDER / POPUP ads)
+    // │ |:   ⦿ (a.k.a SLIDER / POPUP ads)
+    // │ |:   ⦿ (a.k.a document.body injections)
     // ╰─────
     if (authorId || authorArticleTagIds.length > 0)
     {
       // ╭─────
       // │ NOTE:
-      // │ |: Loop over creative data and inject adverts
+      // │ |: loop over creative data AND inject adverts, based on 'authorId'
       // ╰─────
       for (const [zoneId, authorIds] of mapZoneToAuthorIds)
       {
@@ -562,7 +572,7 @@
 
       // ╭─────
       // │ NOTE:
-      // │ |: Loop over creative data and inject adverts
+      // │ |: loop over creative data AND inject adverts, based on 'tagIds'
       // ╰─────
       for (const [zoneId, tagIds] of mapZoneToTagIds)
       {
@@ -644,10 +654,12 @@
       }
     }
     // ╭─────
-    // │ CHECK
-    // │ |: otherwise, case where NO (1) 'authorId' OR (2) 'tagIds' are present (a.k.a Global Ads),
-    // │ |: but data for ADS was still fetched (a.k.a Advert Condition was RETRIVED/HIT)
-    // │ |: inject SLIDER adverts in 'document.body'
+    // │ CHECK:
+    // │ |: otherwise, case where NO (1) 'authorId' OR (2) 'tagIds' are present:
+    // │ |:   ⦿ (a.k.a NO Global Ads Placements)
+    // │ |: BUT, data for ADS was still successfully fetched
+    // │ |:   ⦿ (a.k.a Advert Condition was RETRIEVED/HIT).
+    // │ |: Inject STANDARD SLIDER adverts in 'document.body'
     // ╰─────
     else
     {
@@ -794,9 +806,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-General-Child.svelte

@@ -42,7 +42,7 @@
 
   import iconArrow from './assets/icon-external-link.svg';
 
-  import type { AdsCreativeMain } from '@betarena/scores-lib/types/_AUTO-HASURA_.js';
+  import type { AdsCreativeMain } from '@betarena/scores-lib/types/v8/_HASURA-0.js';
 
   // #endregion ➤ 📦 Package Imports
 
@@ -105,7 +105,7 @@
     <iframe
       width=250
       height=250
-      src={adData.data?.media}
+      src={adData.data.media}
     />
     <!--
       <video
@@ -115,6 +115,32 @@
       />
     -->
 
+  {:else if adData.type == 3 && adData.data?.code}
+
+    <!--
+    sandbox="allow-scripts allow-popups allow-popups-to-escape-sandbox allow-top-navigation-by-user-activation"
+    referrerpolicy="no-referrer-when-downgrade"
+    -->
+
+    <iframe
+      title="ad"
+      width=300
+      height=250
+      srcdoc='
+        <!doctype html>
+        <html>
+          <head>
+            <meta charset="utf-8">
+          </head>
+          <body
+            style="margin:0"
+          >
+            {adData.data.code}
+          </body>
+        </html>
+      '
+    />
+
   {:else if (adData.type == 2)}
     <img
       id='banner'

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

@@ -44,7 +44,7 @@
   import { betarenaEndpoint } from './constants/instance.js';
   import { storeAdmin } from './store/admin';
 
-  import type { AdsCreativeMain } from '@betarena/scores-lib/types/v8/_HASURA-0';
+  import type { AdsCreativeMain } from '@betarena/scores-lib/types/v8/_HASURA-0.js';
 
   // #endregion ➤ 📦 Package Imports
 

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