Added preload navicon

adamlui · Jan 30, 2025 · 3a587bb · 3a587bb
1 parent 5878849
commit 3a587bb
Show file tree

Hide file tree

Showing 7 changed files with 82 additions and 27 deletions.
diff --git a/autoclear-chatgpt-history/greasemonkey/autoclear-chatgpt-history.user.js b/autoclear-chatgpt-history/greasemonkey/autoclear-chatgpt-history.user.js
@@ -225,7 +225,7 @@
 // @description:zu      Ziba itshala lokucabanga okuzoshintshwa ngokuzenzakalelayo uma ukubuka chatgpt.com
 // @author              Adam Lui
 // @namespace           https://github.com/adamlui
-// @version             2025.1.30
+// @version             2025.1.30.1
 // @license             MIT
 // @icon                https://assets.autoclearchatgpt.com/images/icons/openai/black/icon48.png?v=f461c06
 // @icon64              https://assets.autoclearchatgpt.com/images/icons/openai/black/icon64.png?v=f461c06
@@ -876,9 +876,19 @@
             },
 
             update: {
-                navicon() {
-                    toggles.sidebar.navicon.src = `${app.urls.assetHost}/images/icons/incognito/${
-                        env.ui.scheme == 'dark' ? 'white' : 'black' }/icon32.png?v=${app.latestResourceCommitHash}`
+
+                navicon({ preload = false } = {}) {
+                    const baseURL = `${app.urls.assetHost}/images/icons/incognito`,
+                          schemeMap = { light: 'black', dark: 'white' },
+                          fileName = 'icon32.png'
+
+                    if (preload)
+                        Object.keys(schemeMap).forEach(scheme =>
+                            new Image().src = `${baseURL}/${schemeMap[scheme]}/${fileName}?v=`
+                                            + app.latestResourceCommitHash
+                        )
+                    else toggles.sidebar.navicon.src = baseURL
+                        + `/${schemeMap[env.ui.scheme]}/${fileName}?v=${app.latestResourceCommitHash}`
                 },
 
                 scheme() { // to match UI scheme
@@ -900,7 +910,6 @@
                             toggles.sidebar.toggleInput.checked ? 13 : 0 }px)`
                     }, 1) // min delay to trigger 1st transition fx
                 }
-
             }
         }
     }
@@ -931,6 +940,7 @@
     // Run MAIN routine
 
     menu.register() // create browser toolbar menu
+    toggles.sidebar.update.navicon({ preload: true }) // preload sidebar NAVICON variants
 
     // Init UI props
     await Promise.race([chatgpt.isLoaded(), new Promise(resolve => setTimeout(resolve, 5000))]) // initial UI loaded

diff --git a/chatgpt-auto-refresh/greasemonkey/chatgpt-auto-refresh.user.js b/chatgpt-auto-refresh/greasemonkey/chatgpt-auto-refresh.user.js
@@ -220,7 +220,7 @@
 // @description:zu      *NGOKUPHEPHA* susa ukusetha kabusha ingxoxo yemizuzu eyi-10 + amaphutha enethiwekhi ahlala njalo + Ukuhlolwa kwe-Cloudflare ku-ChatGPT.
 // @author              Adam Lui
 // @namespace           https://github.com/adamlui
-// @version             2025.1.29.8
+// @version             2025.1.30
 // @license             MIT
 // @icon                https://assets.chatgptautorefresh.com/images/icons/openai/black/icon48.png?v=f11a0a8
 // @icon64              https://assets.chatgptautorefresh.com/images/icons/openai/black/icon64.png?v=f11a0a8
@@ -910,9 +910,19 @@
             },
 
             update: {
-                navicon() {
-                    toggles.sidebar.navicon.src = `${app.urls.assetHost}/images/icons/auto-refresh/${
-                        env.ui.scheme == 'dark' ? 'white' : 'black' }/icon32.png?v=${app.latestResourceCommitHash}`
+
+                navicon({ preload = false } = {}) {
+                    const baseURL = `${app.urls.assetHost}/images/icons/auto-refresh`,
+                          schemeMap = { light: 'black', dark: 'white' },
+                          fileName = 'icon32.png'
+
+                    if (preload)
+                        Object.keys(schemeMap).forEach(scheme =>
+                            new Image().src = `${baseURL}/${schemeMap[scheme]}/${fileName}?v=`
+                                            + app.latestResourceCommitHash
+                        )
+                    else toggles.sidebar.navicon.src = baseURL
+                        + `/${schemeMap[env.ui.scheme]}/${fileName}?v=${app.latestResourceCommitHash}`
                 },
 
                 scheme() { // to match UI scheme
@@ -950,6 +960,7 @@
     // Run MAIN routine
 
     menu.register() // create browser toolbar menu
+    toggles.sidebar.update.navicon({ preload: true }) // preload sidebar NAVICON variants
 
     // Init UI props
     await Promise.race([chatgpt.isLoaded(), new Promise(resolve => setTimeout(resolve, 5000))]) // initial UI loaded

diff --git a/chatgpt-auto-talk/greasemonkey/chatgpt-auto-talk.user.js b/chatgpt-auto-talk/greasemonkey/chatgpt-auto-talk.user.js
@@ -225,7 +225,7 @@
 // @description:zu      Dlala izimpendulo ze-ChatGPT ngokuzenzakalela
 // @author              Adam Lui
 // @namespace           https://github.com/adamlui
-// @version             2025.1.29.11
+// @version             2025.1.30
 // @license             MIT
 // @icon                https://assets.chatgptautotalk.com/images/icons/openai/black/icon48.png?v=9f1ed3c
 // @icon64              https://assets.chatgptautotalk.com/images/icons/openai/black/icon64.png?v=9f1ed3c
@@ -862,10 +862,20 @@
             },
 
             update: {
-                navicon() {
-                    toggles.sidebar.navicon.src = `${app.urls.resourceHost }/assets/images/icons/soundwave`
-                        + `/${ config.autoTalkDisabled ? '' : 'tall' }`
-                        + `/${ env.ui.scheme == 'dark' ? 'white' : 'black' }.svg`
+
+                navicon({ preload = false } = {}) {
+                    const baseURL = `${app.urls.resourceHost}/assets/images/icons/soundwave`,
+                          stateMap = { enabled: 'tall', disabled: '' },
+                          schemeMap = { light: 'black', dark: 'white' }
+
+                    if (preload)
+                        Object.keys(stateMap).forEach(state =>
+                            Object.keys(schemeMap).forEach(scheme =>
+                                new Image().src = `${baseURL}/${stateMap[state]}/${schemeMap[scheme]}.svg`
+                        ))
+                    else toggles.sidebar.navicon.src = baseURL
+                        + `/${ stateMap[config.autoTalkDisabled ? 'disabled' : 'enabled'] }`
+                        + `/${ schemeMap[env.ui.scheme] }.svg`
                 },
 
                 scheme() { // to match UI scheme
@@ -888,14 +898,14 @@
                             toggles.sidebar.toggleInput.checked ? 13 : 0 }px)`
                     }, 1) // min delay to trigger 1st transition fx
                 }
-
             }
         }
     }
 
     // Run MAIN routine
 
     menu.register() // create browser toolbar menu
+    toggles.sidebar.update.navicon({ preload: true }) // preload sidebar NAVICON variants
 
     // Init BROWSER/UI props
     await Promise.race([chatgpt.isLoaded(), new Promise(resolve => setTimeout(resolve, 5000))]) // initial UI loaded

diff --git a/chatgpt-infinity/chromium/extension/components/toggles.js b/chatgpt-infinity/chromium/extension/components/toggles.js
@@ -117,11 +117,20 @@ window.toggles = {
         },
 
         update: {
-            navicon() {
-                toggles.sidebar.navicon.src = `${
-                    toggles.imports.app.urls.assetHost}/images/icons/infinity-symbol/${
-                        toggles.imports.env.ui.scheme == 'dark' ? 'white' : 'black' }/icon32.png?v=${
-                        toggles.imports.app.latestResourceCommitHash}`
+
+            navicon({ preload = false } = {}) {
+                const baseURL = `${toggles.imports.app.urls.assetHost}/images/icons/infinity-symbol`,
+                      schemeMap = { light: 'black', dark: 'white' },
+                      fileName = 'icon32.png'
+
+                if (preload)
+                    Object.keys(schemeMap).forEach(scheme =>
+                        new Image().src = `${baseURL}/${schemeMap[scheme]}/${fileName}?v=`
+                                        + toggles.imports.app.latestResourceCommitHash
+                    )
+                else toggles.sidebar.navicon.src = baseURL
+                    + `/${schemeMap[toggles.imports.env.ui.scheme]}` // scheme path
+                    + `/${fileName}?v=${toggles.imports.app.latestResourceCommitHash}` // file path
             },
 
             scheme() { // to match UI scheme

diff --git a/chatgpt-infinity/chromium/extension/content.js b/chatgpt-infinity/chromium/extension/content.js
@@ -149,6 +149,10 @@
 
     // Run MAIN routine
 
+    // Preload sidebar NAVICON variants
+    toggles.imports.import({ app, env, notify, syncConfigToUI })
+    toggles.sidebar.update.navicon({ preload: true })
+
     // Init BROWSER/UI props
     await Promise.race([chatgpt.isLoaded(), new Promise(resolve => setTimeout(resolve, 5000))]) // initial UI loaded
     await chatgpt.sidebar.isLoaded()
@@ -167,7 +171,6 @@
                 color}.min.css?v=727feff`
     })))
 
-    toggles.imports.import({ app, env, notify, syncConfigToUI })
     toggles.sidebar.insert()
 
     // Auto-start if enabled

diff --git a/chatgpt-infinity/firefox/extension/components/toggles.js b/chatgpt-infinity/firefox/extension/components/toggles.js
@@ -117,11 +117,20 @@ window.toggles = {
         },
 
         update: {
-            navicon() {
-                toggles.sidebar.navicon.src = `${
-                    toggles.imports.app.urls.assetHost}/images/icons/infinity-symbol/${
-                        toggles.imports.env.ui.scheme == 'dark' ? 'white' : 'black' }/icon32.png?v=${
-                        toggles.imports.app.latestResourceCommitHash}`
+
+            navicon({ preload = false } = {}) {
+                const baseURL = `${toggles.imports.app.urls.assetHost}/images/icons/infinity-symbol`,
+                      schemeMap = { light: 'black', dark: 'white' },
+                      fileName = 'icon32.png'
+
+                if (preload)
+                    Object.keys(schemeMap).forEach(scheme =>
+                        new Image().src = `${baseURL}/${schemeMap[scheme]}/${fileName}?v=`
+                                        + toggles.imports.app.latestResourceCommitHash
+                    )
+                else toggles.sidebar.navicon.src = baseURL
+                    + `/${schemeMap[toggles.imports.env.ui.scheme]}` // scheme path
+                    + `/${fileName}?v=${toggles.imports.app.latestResourceCommitHash}` // file path
             },
 
             scheme() { // to match UI scheme

diff --git a/chatgpt-infinity/firefox/extension/content.js b/chatgpt-infinity/firefox/extension/content.js
@@ -152,6 +152,10 @@
 
     // Run MAIN routine
 
+    // Preload sidebar NAVICON variants
+    toggles.imports.import({ app, env, notify, syncConfigToUI })
+    toggles.sidebar.update.navicon({ preload: true })
+
     // Init BROWSER/UI props
     await Promise.race([chatgpt.isLoaded(), new Promise(resolve => setTimeout(resolve, 5000))]) // initial UI loaded
     await chatgpt.sidebar.isLoaded()
@@ -170,7 +174,6 @@
                 color}.min.css?v=727feff`
     })))
 
-    toggles.imports.import({ app, env, notify, syncConfigToUI })
     toggles.sidebar.insert()
 
     // Auto-start if enabled