check if plausible is loaded before calling it

Some ad-blockers block plausible's script from loading, in which case
the `plausible` function is not defined.
We define a wrapper function that check if `plausible` is defined and if
so calls it.

src/lib/WebVM.svelte

@@ -10,6 +10,7 @@
 	import { cpuActivity, diskActivity, cpuPercentage, diskLatency } from '$lib/activities.js'
 	import { introMessage, errorMessage, unexpectedErrorMessage } from '$lib/messages.js'
 	import { displayConfig } from '$lib/anthropic.js'
+	import { tryPlausible } from '$lib/plausible.js'
 
 	export let configObj = null;
 	export let processCallback = null;
@@ -237,7 +238,7 @@
 		// Raise the display to the foreground
 		const display = document.getElementById("display");
 		display.parentElement.style.zIndex = 5;
-		plausible("Display activated");
+		tryPlausible("Display activated");
 	}
 	function handleProcessCreated()
 	{
@@ -263,7 +264,7 @@
 					if(configObj.diskImageUrl.startsWith(wssProtocol))
 					{
 						// WebSocket protocol failed, try agin using plain HTTP
-						plausible("WS Disk failure");
+						tryPlausible("WS Disk failure");
 						blockDevice = await CheerpX.CloudDevice.create("https:" + configObj.diskImageUrl.substr(wssProtocol.length));
 					}
 					else

src/lib/anthropic.js

@@ -1,6 +1,7 @@
 import { get, writable } from 'svelte/store';
 import { browser } from '$app/environment'
 import { aiActivity } from '$lib/activities.js'
+import { tryPlausible } from '$lib/plausible.js';
 
 import Anthropic from '@anthropic-ai/sdk';
 
@@ -16,7 +17,7 @@ export function setApiKey(key)
 	messageList.set(messages);
 	localStorage.setItem("anthropic-api-key", key);
 	apiState.set("READY");
-	plausible("ClaudeAI Key");
+	tryPlausible("ClaudeAI Key");
 }
 
 function clearApiKey()
@@ -131,7 +132,7 @@ export function addMessage(text, handleTool)
 {
 	addMessageInternal('user', text);
 	sendMessages(handleTool);
-	plausible("ClaudeAI Use");
+	tryPlausible("ClaudeAI Use");
 }
 
 export function clearMessageHistory() {

src/lib/plausible.js

@@ -0,0 +1,6 @@
+// Some ad-blockers block the plausible script from loading. Check if `plausible`
+// is defined before calling it.
+export function tryPlausible(msg) {
+	if (plausible)
+		plausible(msg)
+}

src/routes/+page.svelte

@@ -1,12 +1,13 @@
 <script>
 import WebVM from '$lib/WebVM.svelte';
-import * as configObj from '/config_terminal'
+import * as configObj from '/config_terminal';
+import { tryPlausible } from '$lib/plausible.js';
 function handleProcessCreated(processCount)
 {
 	// Log the first 5 processes, to get an idea of the level of interaction from the public
 	if(processCount <= 5)
 	{
-		plausible(`Process started: ${processCount}`);
+		tryPlausible(`Process started: ${processCount}`);
 	}
 }
 </script>

src/routes/alpine/+page.svelte

@@ -1,12 +1,13 @@
 <script>
 import WebVM from '$lib/WebVM.svelte';
-import * as configObj from '/config_public_alpine'
+import * as configObj from '/config_public_alpine';
+import { tryPlausible } from '$lib/plausible.js';
 function handleProcessCreated(processCount)
 {
 	// Log only the first process, as a proxy for successful startup
 	if(processCount == 1)
 	{
-		plausible("Alpine init");
+		tryPlausible("Alpine init");
 	}
 }
 </script>