Implement Tuning with (1/1/1) and (+5/-5) on T5 Armor

package.json

@@ -1,6 +1,6 @@
 {
   "name": "d2-armor-picker",
-  "version": "2.9.6",
+  "version": "2.9.7",
   "scripts": {
     "ng": "ng",
     "config": "ts-node set-env.ts",
@@ -11,7 +11,9 @@
     "deploy-canary": "npm run config && ng deploy D2ArmorPicker --build-target D2ArmorPicker:build:canary --repo=https://github.com/Mijago/D2ArmorPicker-Canary.git --base-href=/ --cname=canary.d2armorpicker.com ",
     "deploy-nznaza": "npm run config && ng deploy D2ArmorPicker --build-target D2ArmorPicker:build:beta --no-silent --repo=https://github.com/nznaza/D2ArmorPicker.git --base-href=/D2ArmorPicker/ --cname=nznaza.github.io/D2ArmorPicker/",
     "watch": "npm run config && ng build --watch --configuration development",
-    "test": "ng test",
+  "test": "ng test",
+  "test:ci": "ng test --browsers=ChromeHeadlessCI --watch=false --code-coverage=false",
+  "test:coverage": "ng test --browsers=ChromeHeadlessCI --watch=false --code-coverage=true",
     "prepare": "husky install",
     "lint": "ng lint --fix --max-warnings=0",
     "format": "prettier . --write",

set-env.ts

@@ -21,7 +21,7 @@ const production = process.env["PRODUCTION"] === "1";
 const beta_branch = process.env["BETA"] === "1";
 const canary_branch = process.env["CANARY"] === "1";
 
-const version = "2.9.6";
+const version = "2.9.7";
 
 // Configure Angular `environment.ts` file path
 const targetPath = production

src/app/app.component.spec.ts

@@ -18,12 +18,20 @@
 import { TestBed } from "@angular/core/testing";
 import { AppComponent } from "./app.component";
 import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
+import { HttpClientModule } from "@angular/common/http";
+import { LoggerTestingModule } from "ngx-logger/testing";
+import { CommonMaterialModule } from "./modules/common-material/common-material.module";
 
 describe("AppComponent", () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [AppComponent],
-      imports: [BrowserAnimationsModule],
+      imports: [
+        BrowserAnimationsModule,
+        HttpClientModule,
+        LoggerTestingModule,
+        CommonMaterialModule,
+      ],
     }).compileComponents();
   });
 

src/app/components/authenticated-v2/results/expanded-result-content/expanded-result-content.component.html

@@ -29,8 +29,10 @@
         <th class="ability-column">{{ ArmorStatNames[ArmorStat.StatWeapon] }}</th>
         <th></th>
         <th></th>
+        <th>Tier</th>
         <th>MW</th>
         <th></th>
+        <th></th>
       </tr>
     </thead>
     <!-- Items -->
@@ -94,6 +96,14 @@
             <app-armor-perk-icon [perk]="i.perk || 0"></app-armor-perk-icon>
           </div>
         </td>
+
+        <!-- Tier-->
+        <td style="text-align: center">
+          <span class="tuning-affinity" *ngIf="i.tier !== undefined">
+            {{ i.tier }}
+          </span>
+        </td>
+
         <td style="text-align: center">
           <ng-container *ngIf="i.armorSystem === 2; else showLevel">
             <mat-icon aria-label="Masterworked" *ngIf="i.masterworked">check_circle</mat-icon>
@@ -102,6 +112,14 @@
             <span *ngIf="i.masterworkLevel !== undefined">{{ i.masterworkLevel }}</span>
           </ng-template>
         </td>
+
+        <!-- Tuning Affinity-->
+        <td>
+          <span class="tuning-affinity" *ngIf="i.tuningStat !== undefined">
+            <app-stat-icon [stat]="i.tuningStat"></app-stat-icon>
+          </span>
+        </td>
+
         <!-- Disable -->
         <td class="icon-column">
           <button
@@ -272,6 +290,7 @@
         <span *ngIf="count > 0" class="positive">{{ count }}×10</span>
       </td>
     </tr>
+    <!-- Artifice Mods -->
     <ng-container *ngVar="element?.artifice as mods">
       <tr>
         <td>Artifice Mods</td>
@@ -296,6 +315,21 @@
       </tr>
     </ng-container>
 
+    <!-- Tuning Mods -->
+    <ng-container *ngIf="element && element?.tuning && (element?.tuning)!.improvements.length > 0">
+      <tr>
+        <td>Tuning</td>
+        <td *ngFor="let stat of ArmorStatOrder; let i = index">
+          <span *ngIf="element!.tuning!.stats[stat] > 0" class="positive">{{
+            element!.tuning!.stats[stat]
+          }}</span>
+          <span *ngIf="element!.tuning!.stats[stat] < 0" class="negative">{{
+            element!.tuning!.stats[stat]
+          }}</span>
+        </td>
+      </tr>
+    </ng-container>
+
     <!-- Final sum line -->
     <tr *ngVar="element?.stats as stats" class="result-total-all result-total highlight-row">
       <td>Total</td>

src/app/components/authenticated-v2/results/expanded-result-content/expanded-result-content.component.ts

@@ -22,6 +22,7 @@ import { Component, Input, OnDestroy, OnInit } from "@angular/core";
 import { NGXLogger } from "ngx-logger";
 import {
   ArmorStat,
+  ARMORSTAT_ORDER,
   ArmorStatIconUrls,
   ArmorStatNames,
   SpecialArmorStat,
@@ -55,6 +56,8 @@ export class ExpandedResultContentComponent implements OnInit, OnDestroy {
   public ArmorStatNames = ArmorStatNames;
   public ArmorStatIconUrls = ArmorStatIconUrls;
   public ArmorStat = ArmorStat;
+  public ArmorStatOrder = ARMORSTAT_ORDER;
+
   public StatModifier = StatModifier;
   public config_characterClass = DestinyClass.Unknown;
   public config_assumeLegendariesMasterworked = false;

src/app/components/authenticated-v2/results/results-card-view/results-card-view.component.html

@@ -153,7 +153,6 @@
                 <span class="stat-value-compact">{{ result.stats[stat] }}</span>
               </div>
             </div>
-
             <div class="mods-section">
               <app-table-mod-display
                 [mods]="result.mods"
@@ -379,6 +378,20 @@ <h4>Armor Breakdown</h4>
                         </span>
                       </td>
                     </tr>
+                    <!-- Tuning stat row -->
+                    <tr class="tuning-row" *ngIf="result.tuning && isBreakdownExpanded(i)">
+                      <td class="tuning-label">Tuning</td>
+                      <td *ngFor="let stat of STAT_ORDER">
+                        <span *ngIf="result.tuning.stats[stat] !== 0" class="tuning-value">
+                          <span
+                            [class.positive]="result.tuning.stats[stat] > 0"
+                            [class.negative]="result.tuning.stats[stat] < 0">
+                            {{ result.tuning.stats[stat] > 0 ? "+" : ""
+                            }}{{ result.tuning.stats[stat] }}
+                          </span>
+                        </span>
+                      </td>
+                    </tr>
 
                     <!-- Final total row -->
                     <tr class="final-total-row">

src/app/components/authenticated-v2/results/results-card-view/results-card-view.component.scss

@@ -578,7 +578,8 @@
 
   .minor-mods-row,
   .major-mods-row,
-  .artifice-mods-row {
+  .artifice-mods-row,
+  .tuning-row {
     background: rgba(255, 193, 7, 0.1);
     border: 1px solid rgba(255, 193, 7, 0.3);
   }

src/app/components/authenticated-v2/results/results.component.ts

@@ -32,6 +32,7 @@ import { Subject } from "rxjs";
 import { takeUntil } from "rxjs/operators";
 import { InventoryArmorSource } from "src/app/data/types/IInventoryArmor";
 import { MAXIMUM_STAT_MOD_AMOUNT } from "src/app/data/constants";
+import { Tuning } from "src/app/data/types/IPermutatorArmorSet";
 
 export interface ResultDefinition {
   exotic:
@@ -53,6 +54,8 @@ export interface ResultDefinition {
   loaded: boolean;
   usesCollectionRoll?: boolean;
   usesVendorRoll?: boolean;
+  tuning?: Tuning;
+  tuningHashPlacement: Array<number | null>; // Array of hashes or nulls for tuning stat placements
 }
 
 export enum ResultItemMoveState {
@@ -70,6 +73,7 @@ export interface ResultItem {
   tier: number; // 0 = exotic, 1-5 = legendary
   name: string;
   exotic: boolean;
+  tuningStat?: ArmorStat; // 0 = none, 1-6 = element affinity
   masterworked: boolean;
   armorSystem: number; // 2 = Armor 2.0, 3 = Armor 3.0
   masterworkLevel: number; // 0-5, 5 = full masterwork

src/app/data/changelog.ts

@@ -33,14 +33,33 @@ export const CHANGELOG_DATA: {
   clearManifest?: boolean;
   entries: ChangelogEntry[];
 }[] = [
+  {
+    version: "2.9.7",
+    date: "August 9, 2025",
+    clearManifest: true,
+    entries: [
+      {
+        type: ChangelogEntryType.ADD,
+        text: "Introduced T5 Tuning: allows tuning of Tier 5 armor with (1/1/1) and (+5/-5) stat modifications for advanced optimization.",
+      },
+      {
+        type: ChangelogEntryType.ADD,
+        text: "Added UI and calculation logic to support T5 tuning, including new tuning options in the results and settings.",
+      },
+      {
+        type: ChangelogEntryType.MODIFIED,
+        text: "Updated the core logic to handle tuning scenarios and stat tradeoffs.",
+      },
+    ],
+  },
   {
     version: "2.9.6",
     date: "July 31, 2025",
     clearManifest: true,
     entries: [
       {
         type: ChangelogEntryType.ADD,
-        text: "Added gearset selection feature, allowing users to easily select and combine gearsets.",
+        text: "Added the gearset selection feature, allowing users to easily select and combine gearsets.",
         issues: [],
       },
       {

src/app/data/database.ts

@@ -38,8 +38,8 @@ export class Database extends Dexie {
 
   constructor() {
     super("d2armorpicker-v2");
-    this.version(31).stores({
-      manifestArmor: "id++, hash, isExotic",
+    this.version(32).stores({
+      manifestArmor: "id++, hash, isExotic, itemType",
       inventoryArmor:
         "id++, itemInstanceId, isExotic, hash, name, masterworked, clazz, slot, source, gearSetHash, perk, [clazz+gearSetHash]",
       sandboxPerkDefinition: "id++, hash",

src/app/data/enum/armor-stat.ts

@@ -100,6 +100,15 @@ export const ArmorStatHashes: EnumDictionary<ArmorStat, number> = {
   [ArmorStat.StatMelee]: 4244567218,
 };
 
+export const ArmorStatFromHash: EnumDictionary<number, ArmorStat> = {
+  [ArmorStatHashes[ArmorStat.StatWeapon]]: ArmorStat.StatWeapon,
+  [ArmorStatHashes[ArmorStat.StatHealth]]: ArmorStat.StatHealth,
+  [ArmorStatHashes[ArmorStat.StatClass]]: ArmorStat.StatClass,
+  [ArmorStatHashes[ArmorStat.StatGrenade]]: ArmorStat.StatGrenade,
+  [ArmorStatHashes[ArmorStat.StatSuper]]: ArmorStat.StatSuper,
+  [ArmorStatHashes[ArmorStat.StatMelee]]: ArmorStat.StatMelee,
+};
+
 export const ArmorStatIconUrls: EnumDictionary<ArmorStat, string> = {
   [ArmorStat.StatWeapon]:
     "https://www.bungie.net/common/destiny2_content/icons/bc69675acdae9e6b9a68a02fb4d62e07.png",

src/app/data/types/IInventoryArmor.ts

@@ -63,6 +63,7 @@ export interface IInventoryArmor
     ITimestampedEntry {
   // Note: this will be empty for vendor items
   statPlugHashes?: (number | undefined)[];
+  tuningStat?: ArmorStat; // for armor 3.0, this is the tuning stat hash
   // exoticPerkHash is now inherited as number[] from IManifestArmor
 }
 

src/app/data/types/IPermutatorArmor.ts

@@ -1,5 +1,5 @@
 import { DestinyClass, TierType } from "bungie-api-ts/destiny2";
-import { ArmorPerkOrSlot } from "../enum/armor-stat";
+import { ArmorPerkOrSlot, ArmorStat } from "../enum/armor-stat";
 import { IDestinyArmor } from "./IInventoryArmor";
 
 export interface IPermutatorArmor extends IDestinyArmor {
@@ -9,4 +9,5 @@ export interface IPermutatorArmor extends IDestinyArmor {
   rarity: TierType;
   isSunset: boolean;
   exoticPerkHash: number[];
+  tuningStat?: ArmorStat; // for armor 3.0, this is the tuning stat hash
 }

src/app/data/types/IPermutatorArmorSet.ts

@@ -1,13 +1,29 @@
-import { StatModifier } from "../enum/armor-stat";
+import { ArmorStat, StatModifier } from "../enum/armor-stat";
 import { IPermutatorArmor } from "./IPermutatorArmor";
 
+export interface PossibleTuningInformation {
+  tuningStat: ArmorStat;
+  archetypeStats: ArmorStat[];
+}
+
+export interface SelectedTuning extends PossibleTuningInformation {
+  // describes the stat that is reduced by the tuning; If it is null, no stat is but the 1/1/1 tuning is applied
+  reducedStat: ArmorStat | null;
+}
+
+export interface Tuning {
+  stats: number[];
+  improvements: SelectedTuning[];
+}
+
 export interface IPermutatorArmorSet {
   armor: number[];
   useExoticClassItem: boolean;
   usedArtifice: StatModifier[];
   usedMods: StatModifier[];
   statsWithMods: number[];
   statsWithoutMods: number[];
+  tuning?: Tuning;
 }
 
 export function createArmorSet(
@@ -19,7 +35,8 @@ export function createArmorSet(
   usedArtifice: StatModifier[],
   usedMods: StatModifier[],
   statsWithMods: number[],
-  statsWithoutMods: number[]
+  statsWithoutMods: number[],
+  tuning: Tuning | undefined = undefined
 ): IPermutatorArmorSet {
   return {
     armor: [helmet.id, gauntlet.id, chest.id, leg.id, classItem.id],
@@ -28,6 +45,7 @@ export function createArmorSet(
     usedMods,
     statsWithMods,
     statsWithoutMods,
+    tuning,
   };
 }