use addEvent everywhere

frontend/src/App.tsx

@@ -166,7 +166,7 @@ function App() {
               toast.error(
                 "No parent version set. Contact support or open a Github issue."
               );
-              window.plausible("ParentVersionNull");
+              addEvent("ParentVersionNull");
               return prev;
             }
 

frontend/src/components/OutputSettingsSection.tsx

@@ -6,6 +6,7 @@ import {
   SelectTrigger,
 } from "./ui/select";
 import { GeneratedCodeConfig } from "../types";
+import { addEvent } from "../lib/analytics";
 
 function generateDisplayComponent(config: GeneratedCodeConfig) {
   switch (config) {
@@ -62,7 +63,7 @@ function OutputSettingsSection({
         <Select
           value={generatedCodeConfig}
           onValueChange={(value: string) => {
-            window.plausible("OutputSettings", { props: { stack: value } });
+            addEvent("OutputSettings", { stack: value });
             setGeneratedCodeConfig(value as GeneratedCodeConfig);
           }}
           disabled={shouldDisableUpdates}

frontend/src/lib/analytics.ts

@@ -1,6 +1,6 @@
-export function addEvent(eventName: string) {
+export function addEvent(eventName: string, props = {}) {
   try {
-    window.plausible(eventName);
+    window.plausible(eventName, { props });
   } catch (e) {
     // silently fail in non-production environments
   }