Add setting to default to the 'Base Item' preset on magic items

Author: chrisheib

renderer/public/data/en/app_i18n.json

@@ -420,6 +420,7 @@
     "show_suggest_warning_warn": "Show alert",
     "show_suggest_warning_help": "Show alert and help",
     "default_all_selected": "Default all filters to enabled",
+    "default_base_item_on_magic": "Default to \"Base item\" filter for magic items",
     "use_tooltip_hover": "Show item when hovering over price",
     "use_tooltip_keybind": "SHIFT + hover",
     "use_tooltip_always": "hover",

renderer/src/web/Config.ts

@@ -156,7 +156,7 @@ export interface Config {
 }
 
 export const defaultConfig = (): Config => ({
-  configVersion: 34,
+  configVersion: 35,
   overlayKey: "Shift + Space",
   overlayBackground: "rgba(129, 139, 149, 0.15)",
   overlayBackgroundClose: true,
@@ -669,6 +669,16 @@ function upgradeConfig(_config: Config): Config {
 
     config.configVersion = 34;
   }
+
+  if (config.configVersion < 35) {
+    // NOTE: v0.15.9 || poe0.5.4b
+    const priceCheck = config.widgets.find(
+      (w) => w.wmType === "price-check",
+    ) as widget.PriceCheckWidget;
+    priceCheck.defaultBaseItemOnMagic = false;
+
+    config.configVersion = 35;
+  }
   /* eslint-enable */
 
   return config as unknown as Config;

renderer/src/web/overlay/widgets.ts

@@ -52,6 +52,7 @@ export interface PriceCheckWidget extends Widget {
   builtinBrowser: boolean;
   rememberCurrency: boolean;
   defaultAllSelected: boolean;
+  defaultBaseItemOnMagic: boolean;
   itemHoverTooltip: "off" | "keybind" | "always";
   autoFillEmptyRuneSockets: "Iron Rune" | false;
   alwaysShowTier: boolean;

renderer/src/web/price-check/CheckedItem.vue

@@ -181,6 +181,7 @@ export default defineComponent({
             ? prevListingType
             : undefined,
           defaultAllSelected: widget.value.defaultAllSelected,
+          defaultBaseItemOnMagic: widget.value.defaultBaseItemOnMagic,
           autoFillEmptyAugmentSockets: widget.value.autoFillEmptyRuneSockets,
         });
 

renderer/src/web/price-check/PriceCheckWindow.vue

@@ -238,6 +238,7 @@ export default defineComponent({
         rememberCurrency: false,
         // New Settings EE2
         defaultAllSelected: false,
+        defaultBaseItemOnMagic: false,
         itemHoverTooltip: "keybind",
         autoFillEmptyRuneSockets: false,
         alwaysShowTier: false,

renderer/src/web/price-check/filters/create-presets.ts

@@ -18,17 +18,18 @@ export function createPresets(
     league: string;
     currency: string | undefined;
     listingType:
-      | "securable"
-      | "any"
-      | "online"
-      | "available"
-      | "onlineleague"
-      | undefined;
+    | "securable"
+    | "any"
+    | "online"
+    | "available"
+    | "onlineleague"
+    | undefined;
     collapseListings: "app" | "api";
     activateStockFilter: boolean;
     searchStatRange: number;
     useEn: boolean;
     defaultAllSelected: boolean;
+    defaultBaseItemOnMagic: boolean;
     autoFillEmptyAugmentSockets: PriceCheckWidget["autoFillEmptyRuneSockets"];
   },
 ): { presets: FilterPreset[]; active: string } {
@@ -84,6 +85,9 @@ export function createPresets(
     stats: initUiModFilters(item, opts),
   };
 
+  const shouldDefaultBaseItemOnMagic =
+    opts.defaultBaseItemOnMagic && item.rarity === ItemRarity.Magic;
+
   // Apply augments if we should
   // if (
   //   (item.rarity === ItemRarity.Magic || item.rarity === ItemRarity.Rare) &&
@@ -99,7 +103,10 @@ export function createPresets(
   //   );
   // }
 
-  if (likelyFinishedItem(item) || !hasCraftingValue(item)) {
+  if (
+    (likelyFinishedItem(item) || !hasCraftingValue(item)) &&
+    !shouldDefaultBaseItemOnMagic
+  ) {
     return { active: pseudoPreset.id, presets: [pseudoPreset] };
   }
 
@@ -109,8 +116,12 @@ export function createPresets(
     stats: createExactStatFilters(item, item.statsByType, opts),
   };
 
+  const activePreset = shouldDefaultBaseItemOnMagic
+    ? baseItemPreset.id
+    : pseudoPreset.id;
+
   return {
-    active: pseudoPreset.id,
+    active: activePreset,
     presets: [pseudoPreset, baseItemPreset],
   };
 }

renderer/src/web/price-check/settings-price-check.vue

@@ -181,6 +181,9 @@
     <ui-checkbox class="mb-4" v-model="defaultAllSelected">{{
       t(":default_all_selected")
     }}</ui-checkbox>
+    <ui-checkbox class="mb-4" v-model="defaultBaseItemOnMagic">{{
+      t(":default_base_item_on_magic")
+    }}</ui-checkbox>
     <ui-checkbox class="mb-4" v-model="alwaysShowTier">{{
       t(":always_show_tier")
     }}</ui-checkbox>
@@ -369,6 +372,10 @@ export default defineComponent({
         () => configWidget.value,
         "defaultAllSelected",
       ),
+      defaultBaseItemOnMagic: configModelValue(
+        () => configWidget.value,
+        "defaultBaseItemOnMagic",
+      ),
       leagues,
       availableCoreCurrencies,
       tooltipHover: configModelValue(