0.0.5

package.json

@@ -4,7 +4,7 @@
 		"type": "git",
 		"url": "https://gitea.auvem.com/svelte-toolkit/spectator.git"
 	},
-	"version": "0.0.4",
+	"version": "0.0.5",
 	"license": "MIT",
 	"scripts": {
 		"dev": "vite dev",

src/lib/MetaPixel.svelte

@@ -154,10 +154,17 @@ using the MetaPixel component.
 		 */
 		pageView() {
 			if (!this.consentGuard()) return;
-			window.fbq('track', 'PageView', undefined, { test_event_code: this._testEventCode });
+			// Send the PageView event
-			log.debug(
+			if (!dev || this._testEventCode) {
-				`Meta Pixel [${this._pixelID}] PageView event sent (test code: ${this._testEventCode}).`
+				window.fbq('track', 'PageView', undefined, { test_event_code: this._testEventCode });
-			);
+				log.debug(
+					`Meta Pixel [${this._pixelID}] PageView event sent${dev && ` (test code: ${this._testEventCode})`}.`
+				);
+			} else {
+				log.info(
+					`Meta Pixel [${this._pixelID}] PageView event not sent in development mode without a test event code.`
+				);
+			}
 		}
 
 		/**
@@ -166,13 +173,19 @@ using the MetaPixel component.
 		 */
 		track<K extends StandardEventName>(event: K, params?: EventParamsByName[K], eventID?: string) {
 			if (!this.consentGuard()) return;
-			window.fbq('trackSingle', this._pixelID, event, params, {
+			if (!dev || this._testEventCode) {
-				eventID,
+				window.fbq('trackSingle', this._pixelID, event, params, {
-				test_event_code: this._testEventCode
+					eventID,
-			});
+					test_event_code: this._testEventCode
-			log.debug(
+				});
-				`Meta Pixel [${this._pixelID}] ${event} event sent (test code: ${this._testEventCode}).`
+				log.debug(
-			);
+					`Meta Pixel [${this._pixelID}] ${event} event sent${dev && ` (test code: ${this._testEventCode})`}.`
+				);
+			} else {
+				log.info(
+					`Meta Pixel [${this._pixelID}] ${event} event not sent in development mode without a test event code.`
+				);
+			}
 		}
 
 		/**
@@ -181,19 +194,25 @@ using the MetaPixel component.
 		 */
 		trackCustom(event: string, params?: CommonParams & CustomParams, eventID?: string) {
 			if (!this.consentGuard()) return;
-			window.fbq('trackSingleCustom', this._pixelID, event, params, {
+			if (!dev || this._testEventCode) {
-				eventID,
+				window.fbq('trackSingleCustom', this._pixelID, event, params, {
-				test_event_code: this._testEventCode
+					eventID,
-			});
+					test_event_code: this._testEventCode
-			log.debug(
+				});
-				`Meta Pixel [${this._pixelID}] ${event} custom event sent (test code: ${this._testEventCode}).`
+				log.debug(
-			);
+					`Meta Pixel [${this._pixelID}] ${event} custom event sent (test code: ${this._testEventCode}).`
+				);
+			} else {
+				log.info(
+					`Meta Pixel [${this._pixelID}] ${event} custom event not sent in development mode without a test event code.`
+				);
+			}
 		}
 	}
 </script>
 
 <script lang="ts">
-	import { createContext, onMount } from 'svelte';
+	import { onMount } from 'svelte';
 
 	import type { TrackingManager } from './tracking.svelte.ts';
 	import type {
@@ -208,6 +227,7 @@ using the MetaPixel component.
 	import { onNavigate } from '$app/navigation';
 	import { resolveGetter, type MaybeGetter } from './util/getter.ts';
 	import log from 'loglevel';
+	import { dev } from '$app/environment';
 
 	interface Props {
 		/**