umami event tracking

client/src/App.tsx

@@ -26,9 +26,11 @@ function App() {
       const ditheredImage = await new Ditherer().dither(imageArray, palette);
       setDitheredImage(new Blob([ditheredImage], { type: "image/png" }));
       setAppState(AppState.IMAGE_PROCESSED);
+      (window as any).umami.track("image processed");
     } catch (e) {
       console.error(e);
       window.alert("Something went wrong. Please try again.");
+      (window as any).umami.track("processing error");
     }
   };
 

client/src/ImageInput.tsx

@@ -69,6 +69,7 @@ function ImageInput({ onImageSubmit }: Props) {
       <button
         type="submit"
         value="Go"
+        data-umami-event="image submit"
         className={
           "block " +
           "w-32 " +