Merge pull request #73 from Balatro-Multiplayer/64-add-command-argument-to-display-the-graph-with-individual-points

Dots to each point optional argument

Author: robotzurg

src/commands/queues/statsQueue.ts

@@ -15,12 +15,15 @@ export default {
       const targetUser = interaction.options.getUser('user') || interaction.user
       const byDate =
         interaction.options.getString('by-date') === 'yes' ? true : false
+      const showDots =
+        interaction.options.getString('dots') === 'yes' ? true : false
       const queueId = await getQueueIdFromName(queueName)
       const playerStats = await getStatsCanvasUserData(targetUser.id, queueId)
       const statFile = await drawPlayerStatsCanvas(
         queueName,
         playerStats,
         byDate,
+        showDots,
       )
       const viewStatsButtons = setupViewStatsButtons(queueName)
 

src/commands/superCommands/stats.ts

@@ -33,6 +33,13 @@ export default {
             .setDescription('Sort the stats by date')
             .addChoices([{ name: 'yes', value: 'yes' }])
             .setRequired(false),
+        )
+        .addStringOption((option) =>
+          option
+            .setName('dots')
+            .setDescription('Show dots for each individual game on the graph')
+            .addChoices([{ name: 'yes', value: 'yes' }])
+            .setRequired(false),
         ),
     ),
   async execute(interaction: ChatInputCommandInteraction) {

src/utils/canvasHelpers.ts

@@ -421,6 +421,7 @@ function createGraph(
   xlen: number,
   ylen: number,
   byDate: boolean = false,
+  showDots: boolean = false,
 ) {
   /**
    * Draws normalizedPoints to ctx. The top left of the graph is at x,y, and the graph should be xlen across and ylen down
@@ -668,6 +669,22 @@ function createGraph(
 
   ctx.restore()
 
+  // Draw dots at each data point if enabled
+  if (showDots) {
+    for (let i = 0; i < normalizedPoints.length; i++) {
+      const p = normalizedPoints[i]
+      const x = graphX + ((p.xVar - minX) / xRange) * graphXLen
+      const y = convertToCanvasSpace(p.rating)
+      const color = getColor(p.rating)
+
+      // Draw dot
+      ctx.beginPath()
+      ctx.arc(x, y, 4, 0, Math.PI * 2)
+      ctx.fillStyle = color
+      ctx.fill()
+    }
+  }
+
   // Add y level labels
 
   guideRatings.forEach((r) => {
@@ -1103,6 +1120,7 @@ export async function drawPlayerStatsCanvas(
   queueName: string,
   playerData: StatsCanvasPlayerData,
   byDate: boolean,
+  showDots: boolean = false,
 ) {
   // Render at higher resolution for sharper text (2x, 4x, etc.)
   // Higher scale = more anti-aliasing but larger file size
@@ -1156,7 +1174,7 @@ export async function drawPlayerStatsCanvas(
 
   //graph
   await addBlackBox(ctx, 270, 170, 470, 370)
-  createGraph(ctx, playerData, queueName, 280, 180, 450, 350, byDate)
+  createGraph(ctx, playerData, queueName, 280, 180, 450, 350, byDate, showDots)
 
   // Export with high quality settings
   return await canvas.toBuffer('png', {

src/utils/matchHelpers.ts

@@ -855,7 +855,7 @@ export async function endMatch(
   try {
     // build results embed
     const resultsEmbed = new EmbedBuilder()
-      .setTitle(`🏆 ${queueSettings.queue_name} Match #${matchId} 🏆`)
+      .setTitle(`${queueSettings.queue_name} Match #${matchId} 🏆`)
       .setColor(queueSettings.color as any)
 
     const guild =