update readme and add remove product command

README.md

@@ -51,8 +51,18 @@ This app is a simplified version of **Vinted**, following a similar layout. Belo
 - **Frontend:**
   - React using Vite.
 
+## Integration with discord 
+ **Discord commands**
+  ![DiscordCommands](/readmeImages/Discord%20commands%20(2).png)
+
+  - Profile
+   ![Profile Command](/readmeImages/Profile%20command.png)
+  - Inventory + removing product ![Inventory  command](/readmeImages/Inventory%20command.png)
+  - Reviews ![Review command](/readmeImages/Reviews%20command.png)
 ## Images
 
+
+
 Add feedback
 ![Add feedback](/readmeImages/addFeedback.png)
 
@@ -85,3 +95,5 @@ Notifications + main page
 
 Editing roles
 ![Editing roles](/readmeImages/EditRole.png)
+
+

server/ecommerce/src/discord-bot/discord-bot.service.ts

@@ -8,6 +8,7 @@ import { UsersService } from 'src/users/users.service';
 import { InventoryCommand } from './src/commands/inventory';
 import { ProductsService } from 'src/products/products.service';
 import { ReviewsCommand } from './src/commands/reviews';
+import { RemoveProduct } from './src/commands/remove-product';
 
 @Injectable()
 export class DiscordBotService implements OnModuleInit {
@@ -44,6 +45,10 @@ export class DiscordBotService implements OnModuleInit {
           usersService: this.userService,
         }),
         new ReviewsCommand({ usersService: this.userService }),
+        new RemoveProduct({
+          productService: productsService,
+          usersService: userService,
+        }),
       ],
     });
   }

server/ecommerce/src/discord-bot/src/commands/inventory.ts

@@ -1,4 +1,6 @@
 import {
+  AutocompleteInteraction,
+  CacheType,
   ChatInputCommandInteraction,
   EmbedBuilder,
   SlashCommandBuilder,
@@ -41,6 +43,8 @@ export class InventoryCommand implements SlashCommand {
     await interaction.editReply({ embeds: embed });
   };
 
+  public autocomplete = async (interaction: AutocompleteInteraction) => {};
+
   private createEmbeds = async (userProducts: Product[]) => {
     const headerEmbed = new EmbedBuilder()
       .setTitle('Your items')

server/ecommerce/src/discord-bot/src/commands/ping.ts

@@ -1,4 +1,8 @@
-import { ChatInputCommandInteraction, SlashCommandBuilder } from 'discord.js';
+import {
+  AutocompleteInteraction,
+  ChatInputCommandInteraction,
+  SlashCommandBuilder,
+} from 'discord.js';
 import { SlashCommand } from './slash-command';
 
 export class Ping implements SlashCommand {
@@ -11,4 +15,6 @@ export class Ping implements SlashCommand {
   public execute = async (interaction: ChatInputCommandInteraction) => {
     await interaction.reply('pong');
   };
+
+  public autocomplete = async (interaction: AutocompleteInteraction) => {};
 }

server/ecommerce/src/discord-bot/src/commands/profile.ts

@@ -1,4 +1,5 @@
 import {
+  AutocompleteInteraction,
   ChatInputCommandInteraction,
   EmbedBuilder,
   SlashCommandBuilder,
@@ -43,6 +44,8 @@ export class ProfileCommand implements SlashCommand {
     await interaction.editReply({ embeds: [embed] });
   };
 
+  public autocomplete = async (interaction: AutocompleteInteraction) => {};
+
   private createEmbed = async (
     userAvatar: string | null,
     displayName: string,

server/ecommerce/src/discord-bot/src/commands/remove-product.ts

@@ -0,0 +1,93 @@
+import {
+  AutocompleteInteraction,
+  ChatInputCommandInteraction,
+  SlashCommandBuilder,
+} from 'discord.js';
+import { SlashCommand } from './slash-command';
+import { UsersService } from 'src/users/users.service';
+import { ProductsService } from 'src/products/products.service';
+
+const PRODUCT_OPTION_NAME = 'product';
+
+type Config = {
+  usersService: UsersService;
+  productService: ProductsService;
+};
+
+export class RemoveProduct implements SlashCommand {
+  readonly config: any = new SlashCommandBuilder()
+    .setName('remove-product')
+    .setDescription('Removes one of your listed products')
+    .addStringOption((option) =>
+      option
+        .setName(PRODUCT_OPTION_NAME)
+        .setDescription('Product to remove')
+        .setRequired(true)
+        .setAutocomplete(true),
+    );
+
+  private readonly usersService: UsersService;
+  private readonly productService: ProductsService;
+
+  constructor(config: Config) {
+    this.usersService = config.usersService;
+    this.productService = config.productService;
+  }
+
+  public autocomplete = async (interaction: AutocompleteInteraction) => {
+    const userId = interaction.user.id;
+    const user = await this.getUserWithProducts(userId);
+    const value = interaction.options.getFocused().toLowerCase();
+    const userProducts = user.products;
+
+    const filteredProducts = userProducts
+      .filter((product) => product.title.toLowerCase().includes(value))
+      .slice(0, 25);
+
+    await interaction.respond(
+      filteredProducts.map((choice) => ({
+        name: choice.title,
+        value: choice.id.toString(),
+      })),
+    );
+  };
+
+  public execute = async (interaction: ChatInputCommandInteraction) => {
+    const productArg = interaction.options.getString(PRODUCT_OPTION_NAME);
+    if (!productArg) {
+      await interaction.reply({
+        content: `Missing "${productArg} option"`,
+        ephemeral: true,
+      });
+    }
+
+    const productId = parseInt(productArg);
+
+    if (!this.isValidProduct(productId)) {
+      await interaction.reply({
+        content:
+          'Invalid product ID. Please select a valid product from the autocomplete options.',
+        ephemeral: true,
+      });
+      return;
+    }
+
+    await this.deleteProductById(productId);
+    await interaction.reply({
+      content: 'Product removed successfully',
+      ephemeral: true,
+    });
+  };
+
+  private getUserWithProducts = async (userDiscordId: string) => {
+    return await this.usersService.findUserByDiscordId(userDiscordId);
+  };
+
+  private deleteProductById = async (productId: number) => {
+    return await this.productService.deleteProduct(productId);
+  };
+
+  private isValidProduct = (productArg: number) => {
+    return !isNaN(productArg);
+  };
+}

server/ecommerce/src/discord-bot/src/commands/reviews.ts

@@ -1,4 +1,5 @@
 import {
+  AutocompleteInteraction,
   ChatInputCommandInteraction,
   EmbedBuilder,
   SlashCommandBuilder,
@@ -56,7 +57,7 @@ export class ReviewsCommand implements SlashCommand {
   ) => {
     const embed = new EmbedBuilder()
       .setTitle(
-        `You have a total of ${totalReviews} reviews with an average rating of ⭐ ${averageRating.toFixed(
+        `You have a total of ${totalReviews} reviews with an average rating of  ${averageRating.toFixed(
           2,
         )}`,
       )
@@ -82,6 +83,8 @@ export class ReviewsCommand implements SlashCommand {
     return embed;
   };
 
+  public autocomplete = async (interaction: AutocompleteInteraction) => {};
+
   private calculateTotalReviews = (reviews: Review[]) => {
     return reviews.length;
   };

server/ecommerce/src/discord-bot/src/commands/slash-command.ts

@@ -1,6 +1,15 @@
-import { ChatInputCommandInteraction, SlashCommandBuilder } from 'discord.js';
+import {
+  AutocompleteInteraction,
+  ChatInputCommandInteraction,
+  SlashCommandBuilder,
+} from 'discord.js';
 
 export interface SlashCommand {
-  readonly config: SlashCommandBuilder;
+  readonly config: Omit<
+    SlashCommandBuilder,
+    'addSubcommand' | 'addSubcommandGroup'
+  >;
+
   execute(interaction: ChatInputCommandInteraction): Promise<void>;
+  autocomplete(interaction: AutocompleteInteraction): Promise<void>;
 }

server/ecommerce/src/discord-bot/src/discordbot.ts

@@ -1,5 +1,6 @@
 import { Logger } from '@nestjs/common';
 import {
+  AutocompleteInteraction,
   ChatInputCommandInteraction,
   Client,
   Events,
@@ -86,9 +87,25 @@ export class DiscordBot {
 
   private listenToInteractions = () => {
     this.bot.on(Events.InteractionCreate, async (interaction) => {
-      if (!interaction.isChatInputCommand()) return;
-
-      await this.handleCommand(interaction);
+      if (interaction.isChatInputCommand()) {
+        await this.handleCommand(interaction);
+      } else if (interaction.isAutocomplete()) {
+        await this.handleAutocomplete(interaction);
+      }
     });
   };
+
+  private handleAutocomplete = async (interaction: AutocompleteInteraction) => {
+    const command = this.commands.get(interaction.commandName);
+    if (!command) return;
+
+    try {
+      await command.autocomplete(interaction);
+    } catch (error) {
+      this.logger.error(
+        { error },
+        `Error when executing the ${interaction.commandName} autocomplete`,
+      );
+    }
+  };
 }