Defer cost of OSD tab font glyph render from tab initialization to time-of-use (cuts tab load time to roughly 1/3 of previous).

Author: DavidAnson

src/js/LogoManager.js

@@ -290,6 +290,8 @@ LogoManager.replaceLogoInFont = function (img) {
 LogoManager.drawPreview = function () {
     const $el = this.elements.$preview.empty();
     for (let i = this.logoStartIndex, I = this.font.constants.MAX_CHAR_COUNT; i < I; i++) {
+        // Call this.font.draw to force the URL to be generated if it hasn't already
+        this.font.draw(i);
         const url = this.font.data.character_image_urls[i];
         $el.append(`<img src="${url}" title="0x${i.toString(16)}"></img>`);
     }

src/js/tabs/osd.js

@@ -130,7 +130,6 @@ FONT.pushChar = function (fontCharacterBytes, fontCharacterBits) {
     }
     FONT.data.characters_bytes.push(fontCharacterBytes.slice(0));
     FONT.data.characters.push(fontCharacterBits.slice(0));
-    FONT.draw(FONT.data.characters.length - 1);
 };
 
 /**
@@ -262,6 +261,8 @@ FONT.upload = function ($progress) {
 FONT.preview = function ($el) {
     $el.empty();
     for (let i = 0; i < SYM.LOGO; i++) {
+        // Call FONT.draw to force the URL to be generated if it hasn't already
+        FONT.draw(i);
         const url = FONT.data.character_image_urls[i];
         $el.append(`<img src="${url}" title="0x${i.toString(16)}"></img>`);
     }
@@ -2769,6 +2770,10 @@ osd.initialize = function (callback) {
             attach: $("#fontmanager"),
             title: "OSD Font Manager",
             content: $("#fontmanagercontent"),
+            onCreated: () => {
+                FONT.preview(fontPreviewElement);
+                LogoManager.drawPreview();
+            },
         });
 
         $(".elements-container div.cf_tip").attr("title", i18n.getMessage("osdSectionHelpElements"));
@@ -3506,8 +3511,6 @@ osd.initialize = function (callback) {
             $(".font-manager-version-info").text(i18n.getMessage(`osdDescribeFontVersion${fontver}`));
             $.get(`./resources/osd/${fontver}/${$font.data("font-file")}.mcm`, function (data) {
                 FONT.parseMCMFontFile(data);
-                FONT.preview(fontPreviewElement);
-                LogoManager.drawPreview();
                 updateOsdView();
                 $(".fontpresets option[value=-1]").hide();
             });