Moved siteAlert() from content.js to components/modal.js for centralization ↞ [auto-sync from https://github.com/KudoAI/chatgpt.js-chrome-starter]

Author: kudo-sync-bot

starters/chrome/extension/components/modals.js

@@ -4,10 +4,16 @@ window.modals = {
     stack: [], // of types of undismissed modals
 
     dependencies: {
-        import(dependencies) { // { app, siteAlert }
+        import(dependencies) { // { app }
             for (const name in dependencies) this[name] = dependencies[name] }
     },
 
+    alert(title = '', msg = '', btns = '', checkbox = '', width = '') {
+        const alertID = chatgpt.alert(title, msg, btns, checkbox, width),
+              alert = document.getElementById(alertID).firstChild
+        return alert
+    },
+
     open(modalType) {
         this.stack.unshift(modalType) // add to stack
         const modal = this[modalType]() // show modal
@@ -79,7 +85,7 @@ window.modals = {
         ]
 
         // Show modal
-        const aboutModal = this.dependencies.siteAlert(
+        const aboutModal = this.alert(
             `${this.dependencies.app.symbol} ${chrome.runtime.getManifest().name}`, // title
             `<span style="${headingStyle}"><b>🏷️ <i>Version</i></b>: </span>`
                 + `<span style="${pStyle}">${this.dependencies.app.version}</span>\n`

starters/chrome/extension/content.js

@@ -9,14 +9,14 @@
 
     // Import APP data
     const { app } = await chrome.storage.sync.get('app')
-    modals.dependencies.import({ app, siteAlert })
+    modals.dependencies.import({ app })
 
     // Add CHROME MSG listener
     chrome.runtime.onMessage.addListener(req => { // from service-worker.js + popup/index.html
         if (req.action == 'notify')
             notify(...['msg', 'pos', 'notifDuration', 'shadow'].map(arg => req.options[arg]))
         else if (req.action == 'alert')
-            siteAlert(...['title', 'msg', 'btns', 'checkbox', 'width'].map(arg => req.options[arg]))
+            modals.alert(...['title', 'msg', 'btns', 'checkbox', 'width'].map(arg => req.options[arg]))
         else if (req.action == 'showAbout') chatgpt.isLoaded().then(() => { modals.open('about') })
         else if (req.action == 'syncConfigToUI') syncConfigToUI(req.options)
     })
@@ -47,11 +47,6 @@
         }
     }
 
-    function siteAlert(title = '', msg = '', btns = '', checkbox = '', width = '') {
-        const alertID = chatgpt.alert(title, msg, btns, checkbox, width)
-        return document.getElementById(alertID).firstChild
-    }
-
     // Define SYNC function
 
     async function syncConfigToUI(options) { // eslint-disable-line
@@ -84,7 +79,7 @@
     if (config.extensionDisabled) return
 
     if (!config.skipAlert) // alert to extension load
-        chatgpt.alert('≫ ChatGPT extension loaded! 🚀', // title
+        modals.alert('≫ ChatGPT extension loaded! 🚀', // title
             'Success! Press Ctrl+Shift+J to view all chatgpt.js methods.', // msg
             function getHelp() { // button
                 chrome.tabs.create({ url: `${app.urls.gitHub}/issues` }) },