From bd82f9b1d81a2d1fd9c029307013cbd9f6c233fb Mon Sep 17 00:00:00 2001
From: CPTN Cosmo <cptncosmo@gmail.com>
Date: Fri, 19 Dec 2025 01:15:40 +0100
Subject: [PATCH] feat: Allow users to select custom SVG files for fear icons.

---
 scripts/module.js | 33 +++++++++++++++++++++++++++------
 1 file changed, 27 insertions(+), 6 deletions(-)

diff --git a/scripts/module.js b/scripts/module.js
index 6024f69..d1fe30b 100644
--- a/scripts/module.js
+++ b/scripts/module.js
@@ -16,7 +16,8 @@ Hooks.once('init', () => {
         type: String,
         choices: {
             'preset': 'Preset List',
-            'custom': 'Custom FontAwesome Class'
+            'custom': 'Custom FontAwesome Class',
+            'custom-svg': 'Custom SVG File'
         },
         default: 'preset',
         onChange: refreshFearTracker
@@ -55,6 +56,17 @@ Hooks.once('init', () => {
         onChange: refreshFearTracker
     });
 
+    game.settings.register(MODULE_ID, 'customSvgPath', {
+        name: 'Custom SVG File',
+        hint: 'Select a custom SVG file for the fear icon.',
+        scope: 'client',
+        config: true,
+        type: String,
+        default: '',
+        filePicker: 'image',
+        onChange: refreshFearTracker
+    });
+
     game.settings.register(MODULE_ID, 'colorTheme', {
         name: 'Color Theme',
         hint: 'Choose a color preset or Custom to set your own colors below.',
@@ -108,13 +120,19 @@ Hooks.on('renderSettingsConfig', (app, html, data) => {
         // Icon Inputs
         const presetGroup = $html.find(`select[name="${MODULE_ID}.presetIcon"]`).closest('.form-group');
         const customIconGroup = $html.find(`input[name="${MODULE_ID}.customIcon"]`).closest('.form-group');
+        const customSvgGroup = $html.find(`input[name="${MODULE_ID}.customSvgPath"]`).closest('.form-group');
+
+        // Reset
+        presetGroup.hide();
+        customIconGroup.hide();
+        customSvgGroup.hide();
 
         if (iconType === 'preset') {
             presetGroup.show();
-            customIconGroup.hide();
-        } else {
-            presetGroup.hide();
+        } else if (iconType === 'custom') {
             customIconGroup.show();
+        } else if (iconType === 'custom-svg') {
+            customSvgGroup.show();
         }
 
         // Color Inputs
@@ -213,11 +231,14 @@ function injectFearCustomization(html) {
     let iconClass = 'fa-skull';
     if (iconType === 'preset') {
         iconClass = presetIcon;
-    } else {
+    } else if (iconType === 'custom') {
         iconClass = customIcon;
+    } else if (iconType === 'custom-svg') {
+        const svgPath = game.settings.get(MODULE_ID, 'customSvgPath');
+        iconClass = svgPath || 'icons/svg/mystery-man.svg'; // Fallback
     }
 
-    const isSVG = iconClass.includes('.svg');
+    const isSVG = iconClass.includes('.svg') || iconType === 'custom-svg';
     const icons = fearContainer.querySelectorAll('i');
     const totalIcons = icons.length;