Add beat game age chart command

commands/100-games/beatgameagechart.js

@@ -0,0 +1,171 @@
+const { createCanvas } = require('canvas');
+const { Chart } = require('chart.js/auto');
+const fs = require('fs');
+const { getUserRegistration, getBeatenGames, checkGameStorageId } = require('../../databaseHelperFunctions.js');
+const { getGameJson } = require('../../igdbHelperFunctions');
+const { SlashCommandBuilder, EmbedBuilder } = require('discord.js');
+
+module.exports = {
+  data: new SlashCommandBuilder()
+	.setName('beatgameagechart')
+	.setDescription('beatgameagechart')
+    .addUserOption(option => option.setName('user').setDescription('The user to check'))
+    .addIntegerOption(option => option.setName('year').setDescription('The year to check').addChoices({ name: '2024', value: 2024 }, { name: '2025', value: 2025 })),
+	async execute(interaction) {
+
+    await interaction.deferReply();
+
+    let user = interaction.user;
+    const userOption = interaction.options.getUser('user');
+    const yearOption = interaction.options.getInteger('year');
+
+    if (userOption) {
+        user = userOption;
+    }
+
+    const userDatabaseEntry = await getUserRegistration(user);
+    if (!userDatabaseEntry) return interaction.editReply({ content: `Issue checking registration with "${user.username}".`, ephemeral: true });
+
+    let beatenGamesDatabaseEntries;
+
+    if (yearOption) {
+        beatenGamesDatabaseEntries = await getBeatenGames(userDatabaseEntry.id);
+
+        if (beatenGamesDatabaseEntries && beatenGamesDatabaseEntries.length > 0) {
+            beatenGamesDatabaseEntries = await beatenGamesDatabaseEntries.filter(entry => {
+                const date = new Date(entry.updatedAt);
+                return date.getFullYear() === yearOption;
+            });
+        }
+    }
+    else {
+        beatenGamesDatabaseEntries = await getBeatenGames(userDatabaseEntry.id);
+    }
+
+    if (!beatenGamesDatabaseEntries || beatenGamesDatabaseEntries.length == 0) {
+      const embed = new EmbedBuilder()
+      .setTitle(`${user.username}'s beat games age`)
+      .setDescription(`${user.username} has not beat any games`)
+      .setColor(0xFF0000);
+      return interaction.editReply({ embeds: [embed] });
+    }
+
+    const beatGameIGDBEntries = [];
+
+	for (let i = 0; i < beatenGamesDatabaseEntries.length; i++) {
+		const game = await checkGameStorageId(beatenGamesDatabaseEntries[i].gameId);
+		const json = await getGameJson(String.prototype.concat('where id = ', game.igdb_id, '; fields *;'));
+		beatGameIGDBEntries.push(json[0]);
+	}
+
+    const labels = [];
+    const values = [];
+
+    for (let i = 0; i < beatGameIGDBEntries.length; i++) {
+      const date1 = new Date(beatGameIGDBEntries[i].first_release_date * 1000);
+      const date2 = new Date();
+      const differenceInMilliseconds = Math.abs(date2 - date1);
+      const differenceInDays = differenceInMilliseconds / (1000 * 60 * 60 * 24);
+      labels.push(i + 1);
+      values.push(differenceInDays / 365);
+    }
+
+    // Create a canvas
+    const canvas = createCanvas(1920, 1080);
+
+    // Chart data
+    const data = {
+      labels: labels,
+      datasets: [
+        {
+          label: 'Games Beat',
+          data: values,
+          borderColor: '#5865F2',
+          backgroundColor: 'rgba(88, 101, 242, 0.5)',
+          borderWidth: 8,
+          color: 'white',
+        },
+      ],
+    };
+
+    // Chart configuration
+    const config = {
+      type: 'scatter',
+      data,
+      options: {
+        scales: {
+          x: {
+            beginAtZero: false,
+            max: labels.length + 1,
+            type: 'linear',
+            position: 'bottom',
+            title: {
+              display: true,
+              text: 'Beat Game Index',
+              font: {
+                size: 48,
+                family: 'Tahoma',
+              },
+              color: 'white',
+            },
+            grid: {
+              color: 'rgba(255, 255, 255, 0.5)',
+              lineWidth: 0,
+            },
+          },
+          y: {
+            type: 'linear',
+            title: {
+              display: true,
+              text: 'Game Age',
+              font: {
+                size: 48,
+                family: 'Tahoma',
+              },
+              color: 'white',
+            },
+            grid: {
+              color: 'rgba(255, 255, 255, 0.5)',
+              lineWidth: 2,
+            },
+            ticks: {
+                stepSize: 1,
+              },
+          },
+        },
+        plugins: {
+          title: {
+            display: true,
+            text: `${user.username}'s beat games age`,
+            font: {
+              size: 64,
+              family: 'Tahoma',
+            },
+            color: 'white',
+          },
+          legend: {
+            labels: {
+              color: 'white',
+              font: {
+                size: 24,
+                family: 'Tahoma',
+              },
+            },
+          },
+        },
+      },
+    };
+
+    // Create the chart
+    const chart = new Chart(canvas, config);
+
+    // Save the chart as an image
+    const buffer = canvas.toBuffer('image/png');
+    fs.writeFileSync('./tempbeattimeline.png', buffer);
+
+    // Use the image in your embed
+    return interaction.editReply({
+      files: ['./tempbeattimeline.png'],
+    });
+	},
+};