usage

src/index.ts

@@ -1,4 +1,5 @@
 import { BrowserContainer } from "./container/browsercontainer"
+import { logusage } from "./utils/usage"
 
 initialise()
 
@@ -7,4 +8,5 @@ function initialise() {
   const params = new URLSearchParams(location.search)
   const browserContainer = new BrowserContainer(canvas3d, params)
   browserContainer.start()
+  logusage()
 }

src/utils/usage.ts

@@ -1,12 +1,29 @@
 export function logusage() {
-  const params = new URLSearchParams(location.search)
-  const ruletype = params.get("ruletype") ?? "nineball"
-  const mode = params.get("state") ? "replay" : "play"
-  const url = `https://scoreboard-tailuge.vercel.app/usage/${mode}/${ruletype}`
 
-  fetch(url, {
-    method: "GET",
-    mode: "cors",
-    headers: { "Content-Type": "application/json" },
-  })
-}
+  if (window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1") {
+    console.log("Skipping usage fetch for localhost.")
+    return;
+  }
+
+  const url = `https://scoreboard-tailuge.vercel.app/api/usage/game`
+
+  try {
+    fetch(url, {
+      method: "PUT",
+      mode: "cors",
+    })
+    .then(response => {
+      if (!response.ok) {
+        // Log HTTP errors (e.g., 4xx, 5xx)
+        console.error("HTTP error:", response.status, response.statusText)
+      }
+    })
+    .catch(error => {
+      // Log network errors or other fetch-related errors
+      console.error("Fetch error:", error)
+    });
+  } catch (error) {
+    // Log any synchronous errors that occur in the try block
+    console.error("Error in logusage:", error)
+  }
+}