Analytics is always last

src/Wes95/components/Explorer.tsx

@@ -70,6 +70,7 @@ export const Explorer = () => {
                 width: 480,
                 height: 520,
               },
+              skipAnalytics: true,
             },
           );
         },

src/Wes95/lib/SessionManager.ts

@@ -1,3 +1,4 @@
+import { collect } from '../../utils/plausible';
 import type { WindowState } from '../models/WindowState';
 import { ScreenManager } from './ScreenManager';
 import { WindowManager } from './WindowManager';
@@ -129,6 +130,8 @@ export class SessionManager {
 
     params.append('a', activeIndex.toString());
 
+    collect('Session Encoded');
+
     return params.toString();
   };
 
@@ -198,6 +201,8 @@ export class SessionManager {
 
     if (windows.length === 0) {
       options?.cleanState?.();
+    } else {
+      collect('Session Restored');
     }
 
     this.initialized = true;

src/Wes95/lib/WindowManager.ts

@@ -26,6 +26,7 @@ import {
 import { modifyById, modifyByIds } from '../utils/array';
 import { clamp } from '../utils/size';
 import { ScreenManager } from './ScreenManager';
+import { collect } from '../../utils/plausible';
 
 let shared: WindowManager | undefined;
 
@@ -86,6 +87,7 @@ export type WindowInit = Partial<
   active?: boolean | undefined;
   position?: Point | undefined;
   size?: Partial<Size> | undefined;
+  skipAnalytics?: boolean;
 };
 
 export type WindowManagerState = {
@@ -171,10 +173,8 @@ export class WindowManager {
 
     this.#windowInits.set(id, windowInit);
 
-    const [WindowContentComponent, WindowDataSchema] = parseWindowURL(
-      url,
-      this.windowLibrary,
-    );
+    const [WindowContentComponent, WindowDataSchema, windowURL] =
+      parseWindowURL(url, this.windowLibrary);
 
     if (!WindowContentComponent) {
       this.messageDialog({
@@ -208,6 +208,13 @@ export class WindowManager {
       }),
     );
 
+    if (!windowInit.skipAnalytics) {
+      collect('Application Opened', {
+        app:
+          windowURL.protocol + '//' + windowURL.hostname + windowURL.pathname,
+      });
+    }
+
     return window;
   };
 

src/Wes95/lib/ding.ts

@@ -1,5 +1,6 @@
 import { onCleanup, onMount } from 'solid-js';
 import { WES95_MEDIA_PATH } from '../../config';
+import { collect } from '../../utils/plausible';
 
 export function createDinger() {
   let buffer: AudioBuffer | undefined;
@@ -35,5 +36,7 @@ export function createDinger() {
     source.buffer = buffer;
     source.connect(context.destination);
     source.start();
+
+    collect('Sound Played', { sound: 'Ding' });
   };
 }

src/components/BaseHeadMeta.astro

@@ -32,3 +32,10 @@ const { title, description = '', image = '/images/OgImage.png' } = Astro.props;
   data-domain={SITE_DOMAIN}
   is:inline
   src="https://plausible.io/js/plausible.js"></script>
+<script>
+  window.plausible =
+    window.plausible ||
+    function () {
+      (window.plausible.q = window.plausible.q || []).push(arguments);
+    };
+</script>

src/env.d.ts

@@ -1,6 +1,12 @@
 /// <reference path="../.astro/types.d.ts" />
 /// <reference types="astro/client" />
 
+interface Plausible {
+  (...args: any[]): void;
+  q: IArguments[];
+}
+
 interface Window {
   onYouTubeIframeAPIReady: () => void;
+  plausible: Plausible;
 }

src/utils/plausible.ts

@@ -0,0 +1,5 @@
+export function collect(eventName: string, props: Record<string, any> = {}) {
+  try {
+    window.plausible?.(eventName, { props });
+  } catch (error) {}
+}