feat(item): can now sell items

client/src/app/pages/inventory/inventory.page.html

@@ -22,9 +22,15 @@
               class="dark"
               [rows]="items"
               [rowHeight]="64"
+              [columnMode]="'force'"
               [sorts]="[{ prop: 'name', dir: 'asc' }]"
             >
-              <ngx-datatable-column name="" [maxWidth]="100" [sortable]="false">
+              <ngx-datatable-column
+                name=""
+                [maxWidth]="100"
+                [minWidth]="100"
+                [sortable]="false"
+              >
                 <ng-template let-row="row" ngx-datatable-cell-template>
                   <app-item-icon [item]="row" size="small"></app-item-icon>
                 </ng-template>
@@ -48,11 +54,10 @@
                 </ng-template>
               </ngx-datatable-column>
 
-              <ngx-datatable-column name="Value">
-                <ng-template
-                  let-row="row"
-                  ngx-datatable-cell-template
-                ></ng-template>
+              <ngx-datatable-column name="Value" [comparator]="valueComparison">
+                <ng-template let-row="row" ngx-datatable-cell-template>
+                  {{ getValueForItem(row) | number }}
+                </ng-template>
               </ngx-datatable-column>
 
               <!--
@@ -63,11 +68,40 @@
               </ngx-datatable-column>
               -->
 
-              <ngx-datatable-column name="" [sortable]="false">
+              <ngx-datatable-column name="" [maxWidth]="90" [sortable]="false">
                 <ng-template
                   let-row="row"
+                  let-rowIndex="rowIndex"
                   ngx-datatable-cell-template
-                ></ng-template>
+                >
+                  <ion-button
+                    class="icon-only"
+                    size="small"
+                    color="tertiary"
+                    (click)="popover.present($event)"
+                  >
+                    <ion-icon name="ellipsis-vertical"></ion-icon>
+                  </ion-button>
+
+                  <ion-popover
+                    #popover
+                    [showBackdrop]="false"
+                    class="inventory-item-actions"
+                  >
+                    <ng-template>
+                      <ion-content>
+                        <ion-list class="action-list">
+                          <ion-item
+                            class="cursor-pointer"
+                            (click)="sellItem(row, rowIndex); popover.dismiss()"
+                          >
+                            Sell
+                          </ion-item>
+                        </ion-list>
+                      </ion-content>
+                    </ng-template>
+                  </ion-popover>
+                </ng-template>
               </ngx-datatable-column>
             </ngx-datatable>
           </ion-card-content>

client/src/app/pages/inventory/inventory.page.ts

@@ -3,6 +3,10 @@ import { IEquipment, IItem } from '@interfaces';
 import { ContentService } from '@services/content.service';
 import { PlayerService } from '@services/player.service';
 
+import { itemValue } from '@helpers/item';
+import { Store } from '@ngxs/store';
+import { GameplayService } from '@services/gameplay.service';
+
 @Component({
   selector: 'app-inventory',
   templateUrl: './inventory.page.html',
@@ -12,8 +16,10 @@ export class InventoryPage implements OnInit {
   public items: IItem[] = [];
 
   constructor(
+    private store: Store,
     public playerService: PlayerService,
     public contentService: ContentService,
+    private gameplayService: GameplayService,
   ) {}
 
   ngOnInit() {
@@ -38,4 +44,20 @@ export class InventoryPage implements OnInit {
   getElementsForItem(item: IItem) {
     return (item as IEquipment).elements || [];
   }
+
+  getValueForItem(item: IItem) {
+    return itemValue(item);
+  }
+
+  valueComparison(vA: unknown, vB: unknown, itemA: IItem, itemB: IItem) {
+    return itemValue(itemB) - itemValue(itemA);
+  }
+
+  sellItem(item: IItem, index: number) {
+    if (!item.instanceId) return;
+
+    this.gameplayService.sellItem(item.instanceId).subscribe(() => {
+      this.items = this.items.filter((i) => i !== item);
+    });
+  }
 }

client/src/app/services/gameplay.service.ts

@@ -30,4 +30,10 @@ export class GameplayService {
       isWaveBack,
     });
   }
+
+  sellItem(instanceId: string) {
+    return this.http.post(`${environment.apiUrl}/gameplay/sellitem`, {
+      instanceId,
+    });
+  }
 }

client/src/styles/ionic-overrides.scss

@@ -27,3 +27,8 @@ ion-avatar {
   display: flex !important;
   align-items: center;
 }
+
+ion-button.icon-only {
+  --padding-start: 4px;
+  --padding-end: 4px;
+}

server/src/modules/content/content.service.ts

@@ -1,6 +1,6 @@
 import { Injectable } from '@nestjs/common';
 
-import { ICollectible, IEquipment, IJob, ILocation } from '@interfaces';
+import { ICollectible, IEquipment, IItem, IJob, ILocation } from '@interfaces';
 import * as fs from 'fs-extra';
 import { Logger } from 'nestjs-pino';
 
@@ -84,4 +84,8 @@ export class ContentService {
   public getEquipment(equipment: string): IEquipment | undefined {
     return this.equipment[equipment];
   }
+
+  public getItem(item: string): IItem | undefined {
+    return this.equipment[item] || this.collectibles[item];
+  }
 }

server/src/modules/inventory/inventory.service.ts

@@ -47,6 +47,23 @@ export class InventoryService {
     return this.inventoryItems.find({ userId });
   }
 
+  async getInventoryItemForUser(
+    userId: string,
+    instanceId: string,
+  ): Promise<InventoryItem | null> {
+    return this.inventoryItems.findOne({ userId, instanceId });
+  }
+
+  async removeInventoryItemForUser(
+    userId: string,
+    instanceId: string,
+  ): Promise<any> {
+    const item = await this.getInventoryItemForUser(userId, instanceId);
+    if (!item) return;
+
+    return this.em.remove<InventoryItem>(item);
+  }
+
   async isInventoryFull(userId: string): Promise<boolean> {
     const count = await this.inventoryItems.count({
       userId,

server/src/modules/player/gameplay.controller.ts

@@ -67,7 +67,7 @@ export class GameplayController {
   @UseGuards(JwtAuthGuard)
   @ApiOperation({ summary: 'Explore Event: Take an item' })
   @Post('takeitem')
-  async takeitem(@User() user) {
+  async takeItem(@User() user) {
     if (await this.inventoryService.isInventoryFull(user.userId)) {
       throw new BadRequestException('Inventory is full.');
     }
@@ -76,4 +76,11 @@ export class GameplayController {
       player: await this.gameplayService.takeItem(user.userId),
     };
   }
+
+  @UseGuards(JwtAuthGuard)
+  @ApiOperation({ summary: 'Sell an item' })
+  @Post('sellitem')
+  async sellItem(@User() user, @Body('instanceId') instanceId: string) {
+    return await this.gameplayService.sellItem(user.userId, instanceId);
+  }
 }

server/src/modules/player/gameplay.service.ts

@@ -1,3 +1,4 @@
+import { itemValue } from '@helpers/item';
 import { IItem, ILocation, TrackedStat } from '@interfaces';
 import { ConstantsService } from '@modules/content/constants.service';
 import { ContentService } from '@modules/content/content.service';
@@ -390,4 +391,32 @@ export class GameplayService {
 
     return playerPatches;
   }
+
+  async sellItem(userId: string, instanceId: string) {
+    if (!instanceId) throw new ForbiddenException('Item instance not found!');
+
+    const player = await this.playerService.getPlayerForUser(userId);
+    if (!player) throw new ForbiddenException('Player not found');
+
+    const itemRef = await this.inventoryService.getInventoryItemForUser(
+      userId,
+      instanceId,
+    );
+    if (!itemRef) throw new ForbiddenException('Item ref not found!');
+
+    const item = this.contentService.getItem(itemRef.itemId);
+    if (!item) throw new ForbiddenException('Item existence not found!');
+
+    const coinsGained = itemValue(item);
+    await this.inventoryService.removeInventoryItemForUser(userId, instanceId);
+
+    const playerPatches = await getPatchesAfterPropChanges<Player>(
+      player,
+      async (playerRef) => {
+        this.playerService.gainCoins(playerRef, coinsGained);
+      },
+    );
+
+    return { player: playerPatches };
+  }
 }

shared/helpers/index.ts

@@ -1 +1,2 @@
-export * from "./xp";
+export * from './item';
+export * from './xp';

shared/helpers/item.ts

@@ -0,0 +1,42 @@
+import { IEquipment, IItem, Rarity, Stat } from '../interfaces/';
+
+const multiplierPerRarity: Record<Rarity, number> = {
+  Common: 1,
+  Uncommon: 1.25,
+  Unusual: 1.75,
+  Rare: 2.5,
+  Masterful: 4,
+  Epic: 6.5,
+  Arcane: 9.5,
+  Divine: 11,
+  Unique: 13,
+};
+
+const valuePerStat: Record<Stat, number> = {
+  health: 1,
+  magic: 3,
+  power: 5,
+  resistance: 2,
+  special: 10,
+  toughness: 4,
+};
+
+export function itemValue(item: IItem): number {
+  const levelRequirement = (item as IEquipment).levelRequirement ?? 1;
+  const itemStats = (item as IEquipment).stats ?? {};
+  const multiplier = item.type === 'collectible' ? 50 : 1;
+
+  let value = 1;
+
+  Object.keys(itemStats).forEach((stat) => {
+    const statValue =
+      (itemStats[stat as Stat] ?? 0) * (valuePerStat[stat as Stat] ?? 0);
+    value += statValue;
+  });
+
+  value *= multiplier;
+  value *= multiplierPerRarity[item.rarity] ?? 1;
+  value *= Math.log(levelRequirement + 1);
+
+  return Math.max(1, Math.floor(value));
+}