feat(stats): Improve usability of stats and logs

app.py

@@ -14,6 +14,10 @@ app.mount("/static", StaticFiles(directory="static"), name="static")
 
 card_logs = []
 
+# card_logs = [
+#     {pulls: 1, datetime: time()}
+# ]
+
 
 @app.head('/')
 @app.get('/')
@@ -22,8 +26,11 @@ def index() -> FileResponse:
 
 
 @app.get('/new_card')
-def new_card() -> Dict[str, Union[Details, str]]:
-    card_logs.append(strftime('%Y-%m-%dT%H:%M:%SZ', gmtime()))
+def new_card(pull: int) -> Dict[str, Union[Details, str]]:
+    card_logs.append({
+        "pull": pull,
+        "datetime": strftime('%Y-%m-%dT%H:%M:%SZ', gmtime())
+    })
 
     details: Details = rand_details()
 
@@ -33,11 +40,11 @@ def new_card() -> Dict[str, Union[Details, str]]:
     }
 
 
-@app.get('/stats')
+@app.get('/stats.json')
 def stats() -> Dict[str, Union[int, object]]:
     return {**get_stats(), **{"cards_served": len(card_logs)}}
 
 
-@app.get('/logs')
+@app.get('/logs.json')
 def logs() -> List[str]:
     return card_logs

static/js/index.js

@@ -9,6 +9,7 @@ let trainerName;
 let useTrainerName = true;
 let generating = false;
 let mousemoveHandlerForPreviousCard;
+let pulls = 0;
 
 const generate = async () => {
   if (generating) {
@@ -36,7 +37,8 @@ const generate = async () => {
 
     await new Promise((resolve) => setTimeout(resolve, 5_000));
 
-    const resolvedCardUrl = new URL('new_card', document.location.origin + document.location.pathname).href;
+    pulls += 1;
+    const resolvedCardUrl = new URL(`new_card?pull=${pulls}`, document.location.origin + document.location.pathname).href;
     const cardResponse = await fetch(resolvedCardUrl);
     const card = await cardResponse.json();