Truncate file names

Author: Andrews54757

chrome/player/ui/audio/OutputConvolver.mjs

@@ -1,6 +1,7 @@
 import {Localize} from '../../modules/Localize.mjs';
 import {IndexedDBManager} from '../../network/IndexedDBManager.mjs';
 import {AudioUtils} from '../../utils/AudioUtils.mjs';
+import {StringUtils} from '../../utils/StringUtils.mjs';
 import {WebUtils} from '../../utils/WebUtils.mjs';
 import {AbstractAudioModule} from './AbstractAudioModule.mjs';
 import {AudioConvolverControl} from './config/AudioConvolverControl.mjs';
@@ -125,7 +126,7 @@ export class OutputConvolver extends AbstractAudioModule {
       }
       channel.enableCheckbox.checked = channelConfig.enabled;
       channel.normalizeCheckbox.checked = channelConfig.normalize;
-      channel.fileButton.textContent = channel.fileName ? channel.fileName : Localize.getMessage('audioconvolver_selectfile');
+      channel.fileButton.textContent = channel.fileName ? StringUtils.truncateFilename(channel.fileName, 32) : Localize.getMessage('audioconvolver_selectfile');
       channel.fileButton.classList.toggle('has_file', !!channel.fileName);
     }
   }

chrome/player/utils/StringUtils.mjs

@@ -316,4 +316,24 @@ export class StringUtils {
     const end = parseInt(match[2], 10);
     return [start, end];
   }
+
+  static truncateFilename(filename, maxLength) {
+    const extIndex = filename.lastIndexOf('.');
+    const ext = extIndex !== -1 ? filename.slice(extIndex) : '';
+    const name = extIndex !== -1 ? filename.slice(0, extIndex) : filename;
+
+    if (filename.length <= maxLength) {
+      return filename;
+    }
+
+    // max ext length is 5 chars
+    const maxExtLength = Math.min(ext.length, 5);
+    const maxNameLength = maxLength - maxExtLength - 3; // 3 for "..."
+
+    if (maxNameLength <= 0) {
+      return '...' + ext.slice(0, maxExtLength);
+    }
+
+    return name.slice(0, maxNameLength) + '...' + ext;
+  }
 }