Add Plausible analytics with JSON Upload custom event.

Load tagged-events from plausible.elpatron.me on all pages, allow it in CSP, and track successful save uploads with import status.

Co-authored-by: Cursor <cursoragent@cursor.com>

security.py

@@ -48,10 +48,10 @@ def configure_app(flask_app: Flask) -> None:
         response.headers["Referrer-Policy"] = "strict-origin-when-cross-origin"
         response.headers["Content-Security-Policy"] = (
             "default-src 'self'; "
-            "script-src 'self'; "
+            "script-src 'self' https://plausible.elpatron.me; "
             "style-src 'self' 'unsafe-inline'; "
             "img-src 'self' data:; "
-            "connect-src 'self'; "
+            "connect-src 'self' https://plausible.elpatron.me; "
             "frame-ancestors 'self'"
         )
         return response

static/app.js

@@ -42,6 +42,12 @@ function getViewerId() {
   return document.body?.dataset?.viewerId || "";
 }
 
+function trackEvent(name, props) {
+  if (typeof window.plausible === "function") {
+    window.plausible(name, props ? { props } : undefined);
+  }
+}
+
 function apiBase() {
   const vid = getViewerId();
   return vid ? `/v/${vid}/api` : "/api";
@@ -143,6 +149,7 @@ function setupUpload() {
       e.target.value = "";
       return;
     }
+    trackEvent("JSON Upload", { status: result.imported ? "imported" : result.reason || "ok" });
     if (result.imported) {
       await loadData();
       notifyImportSuccess(result);

templates/_analytics.html

@@ -0,0 +1 @@
+<script defer data-domain="if-viewer.elpatron.me" src="https://plausible.elpatron.me/js/script.tagged-events.js"></script>

templates/index.html

@@ -5,6 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Idle Fantasy Viewer</title>
   <link rel="stylesheet" href="/static/style.css">
+  {% include '_analytics.html' %}
   <script src="/static/vendor/chart.umd.min.js" defer></script>
   <script src="/static/i18n.js" defer></script>
   <script src="/static/app.js" defer></script>

templates/landing.html

@@ -5,6 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Idle Fantasy Viewer</title>
   <link rel="stylesheet" href="/static/style.css">
+  {% include '_analytics.html' %}
   <script src="/static/i18n.js" defer></script>
   <script src="/static/landing.js" defer></script>
 </head>