display format abbreviation in handler list

Author: p2r3

src/main.ts

@@ -204,16 +204,17 @@ async function buildOptionList () {
       newOption.setAttribute("format-index", (allOptions.length - 1).toString());
       newOption.setAttribute("mime-type", format.mime);
 
+      const formatDescriptor = format.format.toUpperCase();
       if (simpleMode) {
         // Hide any handler-specific information in simple mode
         const cleanName = format.name
           .split("(").join(")").split(")")
           .filter((_, i) => i % 2 === 0)
           .filter(c => c != "")
           .join(" ");
-        newOption.appendChild(document.createTextNode(cleanName + ` (${format.mime})`));
+        newOption.appendChild(document.createTextNode(`${formatDescriptor} - ${cleanName} (${format.mime})`));
       } else {
-        newOption.appendChild(document.createTextNode(format.name + ` (${format.mime}) ${handler.name}`));
+        newOption.appendChild(document.createTextNode(`${formatDescriptor} - ${format.name} (${format.mime}) ${handler.name}`));
       }
 
       const clickHandler = (event: Event) => {