@betarena/ad-engine 0.0.70 → 0.0.71

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@betarena/ad-engine",
-	"version": "0.0.70",
+	"version": "0.0.71",
 	"private": false,
 	"description": "Betarena ad-engine widget",
 	"keywords": [
@@ -12,10 +12,6 @@
 		"widget",
 		"script-tag"
 	],
-	"files": [
-		"src",
-		"dist"
-	],
 	"author": {
 		"name": "migbash",
 		"email": "20924663+migbash@users.noreply.github.com",
@@ -29,21 +25,48 @@
 		"type": "git",
 		"url": "https://github.com/Betarena/ad-engine/issues"
 	},
+	"files": [
+		"dist",
+		"src"
+	],
+	"type": "module",
+	"main": "./dist/index.js",
+	"svelte": "./src/index.js",
+	"exports": {
+		".": {
+			"svelte": "./src/index.js",
+			"require": "./dist/index.cjs",
+			"import": "./dist/index.mjs",
+			"default": "./dist/index.js",
+			"types": "./dist/index.d.ts"
+		},
+		"./dist": "./dist/index.js"
+	},
 	"scripts": {
-		"build": "vite build",
+		"____________________________________NPM-LIFECYCLE____________________________________": "",
 		"start": "node dist/index.js",
-		"vite/dev": "vite --host",
-		"vite/dev/1-click/npm": "npm run 'sass/watch' & npm run 'vite/dev'",
-		"vite/dev/1-click/pnpm": "pnpm run 'sass/watch' & pnpm run 'vite/dev'",
+		"____________________________________VITE____________________________________": "",
+		"vite/dev": "vite dev",
+		"vite/dev/1-click/npm": "npm run sass/watch & npm run vite/dev",
+		"vite/dev/1-click/pnpm": "pnpm run sass/watch & pnpm run vite/dev",
+		"vite/1-click/pnpm/+local/scores-lib": "pnpm run pnpm/link/@betarena/scores-lib && pnpm run vite/dev/1-click/pnpm",
+		"vite/build": "vite build",
 		"vite/preview": "vite preview",
-		"svelte-check": "svelte-check --tsconfig ./tsconfig.json",
+		"____________________________________DEPENDENCY____________________________________": "",
 		"npm/next/@betarena/scores-lib": "npm i @betarena/scores-lib@latest",
 		"npm/link/@betarena/scores-lib": "npm link @betarena/scores-lib && npm ls --link --global",
 		"npm/link": "npm link",
-		"npm/bump+publish": "npm version patch && npm publish",
-		"sass/watch": "sass --watch src/style/app.scss src/style/app.css",
+		"npm/publish": "npm publish",
+		"pnpm/init": "pnpm run clean/node_modules && pnpm import && pnpm install",
 		"pnpm/link": "pnpm link --dir . --global",
-		"pnpm/link/@betarena/scores-lib": "pnpm link --global @betarena/scores-lib"
+		"pnpm/link/@betarena/scores-lib": "pnpm link --global @betarena/scores-lib",
+		"____________________________________HELPER____________________________________": "",
+		"clean/node_modules": "rm -rf ./node_modules",
+		"clean/dist": "rm -rf ./dist",
+		"____________________________________PLUGIN____________________________________": "",
+		"svelte-check": "svelte-check --tsconfig ./tsconfig.json",
+		"____________________________________MISCELLENOUS____________________________________": "",
+		"sass/watch": "sass --watch src/style/app.scss src/style/app.css"
 	},
 	"devDependencies": {
 		"@sveltejs/vite-plugin-svelte": "3.0.2",
@@ -63,23 +86,12 @@
 	"dependencies": {
 		"@betarena/scores-lib": "4.1.0",
 		"@fontsource/roboto": "5.0.12",
+		"dedent": "1.6.0",
+		"table": "6.9.0",
 		"chalk": "5.3.0",
 		"colorthief": "2.6.0",
 		"device-detector-js": "3.0.3",
 		"svelte-preprocess": "5.1.3",
 		"ua-parser-js": "2.0.0"
-	},
-	"main": "./dist/index.js",
-	"svelte": "./src/index.js",
-	"exports": {
-		".": {
-			"svelte": "./src/index.js",
-			"require": "./dist/index.cjs",
-			"import": "./dist/index.mjs",
-			"default": "./dist/index.js",
-			"types": "./dist/index.d.ts"
-		},
-		"./dist": "./dist/index.js"
-	},
-	"type": "module"
+	}
 }

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

@@ -38,7 +38,7 @@
   // │ 5. type(s) imports(s)                                                  │
   // ╰────────────────────────────────────────────────────────────────────────╯
 
-  import { onMount } from 'svelte';
+  import { onDestroy, onMount, SvelteComponent } from 'svelte';
   // import '@fontsource/roboto';
 
   import { ServiceAdEngine } from '@betarena/scores-lib/dist/classes/_service.adengine.js';
@@ -141,6 +141,14 @@
     mapCreative = new Map < number, AdsCreativeMain > ()
   ;
 
+  const
+    /**
+     * @description
+     * 📝 `List` of dynamically created advert components (to be destroyed on cleanup)
+     */
+    listAdWidgetElements: SvelteComponent[] = []
+  ;
+
   // #endregion ➤ 📌 VARIABLES
 
   // #region ➤ 🛠️ METHODS
@@ -536,15 +544,18 @@
         {
           if (zoneId != 1) continue;
 
-          new WidgetAdvertSlide
+          listAdWidgetElements.push
           (
-            {
-              target: document.body,
-              props:
+            new WidgetAdvertSlide
+            (
               {
-                adData
+                target: document.body,
+                props:
+                {
+                  adData
+                }
               }
-            }
+            )
           );
         }
       }
@@ -616,15 +627,18 @@
         {
           if (zoneId != 1) continue;
 
-          new WidgetAdvertSlide
+          listAdWidgetElements.push
           (
-            {
-              target: document.body,
-              props:
+            new WidgetAdvertSlide
+            (
               {
-                adData
+                target: document.body,
+                props:
+                {
+                  adData
+                }
               }
-            }
+            )
           );
         }
       }
@@ -654,15 +668,18 @@
       {
         if (adData.type != 1) continue;
 
-        new WidgetAdvertSlide
+        listAdWidgetElements.push
         (
-          {
-            target: document.body,
-            props:
+          new WidgetAdvertSlide
+          (
             {
-              adData
+              target: document.body,
+              props:
+              {
+                adData
+              }
             }
-          }
+          )
         );
       }
     }
@@ -736,6 +753,31 @@
     }
   );
 
+  onDestroy
+  (
+    () =>
+    {
+      // [🐞]
+      logger
+      (
+        [
+          'Betarena Ad-Engine ⏰ onMount ⏰ cleanup',
+          `🔹 [var] ➤ listAdWidgetElements.length ${listAdWidgetElements.length}`
+        ],
+      );
+
+      // ╭─────
+      // │ NOTE:
+      // │ |: Destroy all dynamically created advert components
+      // ╰─────
+      for (const item of listAdWidgetElements)
+        item.$destroy();
+      ;
+
+      return;
+    }
+  );
+
   // #endregion ➤ 🔄 LIFECYCLE [SVELTE]
 
 </script>