add logging with loglevel

src/lib/MetaPixel.svelte

@@ -39,18 +39,21 @@
 				loadMetaPixel(); // Load the Meta Pixel script
 			}
 			this._baseLoaded = true;
+			log.debug('Meta Pixel base script loaded.');
 		}
 
 		/** Tells the Meta pixel that the user has given consent for tracking. */
 		static grantConsent() {
 			this.loadGuard();
 			window.fbq?.('consent', 'grant');
+			log.debug('Meta Pixel consent granted.');
 		}
 
 		/** Tells the Meta pixel that the user has revoked consent for tracking. */
 		static revokeConsent() {
 			this.loadGuard();
 			window.fbq?.('consent', 'revoke');
+			log.debug('Meta Pixel consent revoked.');
 		}
 
 		/**
@@ -89,6 +92,7 @@
 		fireInit(advancedMatching?: AdvancedMatching, initOptions?: InitOptions): PixelControl {
 			PixelControl.loadGuard();
 			window.fbq('init', this._pixelID, advancedMatching, initOptions);
+			log.debug(`Meta Pixel [${this._pixelID}] initialized.`);
 			return this;
 		}
 
@@ -111,6 +115,9 @@
 		pageView() {
 			if (!this.consentGuard()) return;
 			window.fbq('track', 'PageView', undefined, { test_event_code: this._testEventCode });
+			log.debug(
+				`Meta Pixel [${this._pixelID}] PageView event sent (test code: ${this._testEventCode}).`
+			);
 		}
 
 		/**
@@ -123,6 +130,9 @@
 				eventID,
 				test_event_code: this._testEventCode
 			});
+			log.debug(
+				`Meta Pixel [${this._pixelID}] ${event} event sent (test code: ${this._testEventCode}).`
+			);
 		}
 
 		/**
@@ -135,6 +145,9 @@
 				eventID,
 				test_event_code: this._testEventCode
 			});
+			log.debug(
+				`Meta Pixel [${this._pixelID}] ${event} custom event sent (test code: ${this._testEventCode}).`
+			);
 		}
 	}
 </script>
@@ -154,6 +167,7 @@
 	import { loadMetaPixel } from './util/meta-pixel-loader.ts';
 	import { onNavigate } from '$app/navigation';
 	import { resolveGetter, type MaybeGetter } from './util/getter.ts';
+	import log from 'loglevel';
 
 	interface Props {
 		/** Meta Pixel ID */

src/lib/Umami.svelte

@@ -2,6 +2,7 @@
 	import { dev } from '$app/environment';
 	import { onMount } from 'svelte';
 	import type { TrackingManager } from './tracking.svelte.ts';
+	import log from 'loglevel';
 
 	interface Props {
 		/**
@@ -27,11 +28,11 @@
 	const devConsoleTag = $derived(`[dev][consent: ${consentGranted ? 'granted' : 'revoked'}]`);
 	const devOverride = {
 		track: (...args: unknown[]): Promise<string> | undefined => {
-			console.log(`${devConsoleTag}: Track called with:`, ...args);
+			log.debug(`${devConsoleTag}: Track called with:`, ...args);
 			return undefined;
 		},
 		identify: (...args: unknown[]): Promise<void> => {
-			console.log(`${devConsoleTag}: Identify called with:`, ...args);
+			log.debug(`${devConsoleTag}: Identify called with:`, ...args);
 			return Promise.resolve();
 		}
 	};
@@ -61,7 +62,7 @@
 		}
 	});
 
-	if (dev) console.log('[dev]: Umami tracking disabled');
+	if (dev) log.debug('[dev]: Umami tracking disabled');
 
 	onMount(() => {
 		if (dev) {

src/lib/index.ts

@@ -1,7 +1,14 @@
 // Reexport your entry components here
 
-export * as fbq from './types/fbq.js';
+import { dev } from '$app/environment';
+import log from 'loglevel';
+
 export type * as fbq from './types/fbq.d.ts';
 export { default as MetaPixel, PixelControl } from './MetaPixel.svelte';
 export * from './tracking.svelte.ts';
 export { default as Umami } from './Umami.svelte';
+
+// set log level to debug if we're in dev mode
+if (dev) {
+	log.setLevel('debug');
+}