From 800a660fa260fc498e47e178d3a1cf8fae92e520 Mon Sep 17 00:00:00 2001
From: HJfod <60038575+HJfod@users.noreply.github.com>
Date: Mon, 4 Mar 2024 23:32:26 +0200
Subject: [PATCH] incomplete stats menu

---
 package-lock.json                | 17 +++++++++++++++++
 package.json                     |  1 +
 src/components/PlayerStats.astro | 23 +++++++++++++++++++++++
 src/pages/index.astro            |  3 +++
 4 files changed, 44 insertions(+)
 create mode 100644 src/components/PlayerStats.astro

diff --git a/package-lock.json b/package-lock.json
index ef454e4..af1493b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11,6 +11,7 @@
         "@astrojs/tailwind": "^5.1.0",
         "astro": "^4.4.9",
         "astro-feather": "^1.0.0",
+        "chart.js": "^4.4.2",
         "tailwindcss": "^3.4.1"
       }
     },
@@ -883,6 +884,11 @@
         "@jridgewell/sourcemap-codec": "^1.4.14"
       }
     },
+    "node_modules/@kurkle/color": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/@kurkle/color/-/color-0.3.2.tgz",
+      "integrity": "sha512-fuscdXJ9G1qb7W8VdHi+IwRqij3lBkosAm4ydQtEmbY58OzHXqQhvlxqEkoz0yssNVn38bcpRWgA9PP+OGoisw=="
+    },
     "node_modules/@medv/finder": {
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/@medv/finder/-/finder-3.2.0.tgz",
@@ -1739,6 +1745,17 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
+    "node_modules/chart.js": {
+      "version": "4.4.2",
+      "resolved": "https://registry.npmjs.org/chart.js/-/chart.js-4.4.2.tgz",
+      "integrity": "sha512-6GD7iKwFpP5kbSD4MeRRRlTnQvxfQREy36uEtm1hzHzcOqwWx0YEHuspuoNlslu+nciLIB7fjjsHkUv/FzFcOg==",
+      "dependencies": {
+        "@kurkle/color": "^0.3.0"
+      },
+      "engines": {
+        "pnpm": ">=8"
+      }
+    },
     "node_modules/chokidar": {
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
diff --git a/package.json b/package.json
index 75d0b72..f9c0604 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,7 @@
     "@astrojs/tailwind": "^5.1.0",
     "astro": "^4.4.9",
     "astro-feather": "^1.0.0",
+    "chart.js": "^4.4.2",
     "tailwindcss": "^3.4.1"
   }
 }
diff --git a/src/components/PlayerStats.astro b/src/components/PlayerStats.astro
new file mode 100644
index 0000000..0d70cf2
--- /dev/null
+++ b/src/components/PlayerStats.astro
@@ -0,0 +1,23 @@
+---
+
+---
+
+<canvas class="player-stats" width="500" height="300"></canvas>
+
+<script>
+    import { Chart } from 'chart.js/auto';
+
+    const data = await (await fetch(
+        'https://globed.dankmeme.dev/public/players?period=hour',
+        {
+            mode: 'no-cors'
+        }
+    )).json();
+    document.querySelectorAll('.player-stats').forEach(canvas => {
+        const chart = new Chart(canvas as HTMLCanvasElement, {
+            type: 'line',
+            data: data,
+        });
+    });
+
+</script>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index ea3d064..e52beac 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -14,6 +14,7 @@ import Title from '../components/Title.astro';
 import Subtitle from '../components/Subtitle.astro';
 import ButtonRow from '../components/ButtonRow.astro';
 import Content from '../components/Content.astro';
+import PlayerStats from '../components/PlayerStats.astro';
 
 const screenshots = (await Astro.glob('../images/screenshot-*.png')).map(file => file.default);
 ---
@@ -94,6 +95,8 @@ const screenshots = (await Astro.glob('../images/screenshot-*.png')).map(file =>
         </div>
     </Content>
 
+    <!-- <PlayerStats/> -->
+
     <Donate />
 
 </Page>