@kudoai/chatgpt.js 3.6.3 → 3.7.1

package/starters/chrome/extension/components/icons.js

@@ -3,7 +3,7 @@
 window.icons = {
     import(deps) { Object.assign(this.imports = this.imports || {}, deps) },
 
-    create({ name, size = 16, width, height, ...additionalAttrs }) {
+    create(name, { size = 16, width, height, ...additionalAttrs } = {}) {
         const iconData = icons[name],
               iconAttrs = { width: width || size, height: height || size, ...additionalAttrs }
         if (iconData.type == 'svg') {

package/starters/chrome/extension/components/modals.js

@@ -9,16 +9,19 @@ window.modals = {
     about() {
 
         // Show modal
+        const labelStyles = 'text-transform: uppercase ; font-size: 17px ; font-weight: bold ;'
+                          + `color: ${ this.imports.env.ui.scheme == 'dark' ? 'white' : '#494141' }`
         const aboutModal = this.alert(
             `${this.imports.app.symbol} ${chrome.runtime.getManifest().name}`, // title
-            '🧠 Author: ' // msg
-                + `<a href="${this.imports.app.author.url}">${this.imports.app.author.name}</a> `
+            `<span style="${labelStyles}">🧠 Author:</span> `
+            + `<a href="${this.imports.app.author.url}">${this.imports.app.author.name}</a> `
                     + `& <a href="${this.imports.app.urls.contributors}">contributors</a>\n`
-            + `🏷️ Version: <span class="about-em">${this.imports.app.version}</span>\n`
-            + '📜 Open source code: '
+            + `<span style="${labelStyles}">🏷️ Version:</span> `
+                    + `<span class="about-em">${this.imports.app.version}</span>\n`
+            + `<span style="${labelStyles}">📜 Open source code:</span> `
                 + `<a href="${this.imports.app.urls.gitHub}" target="_blank" rel="nopener">`
                     + this.imports.app.urls.gitHub + '</a>\n'
-            + '⚡ Powered by: '
+            + `<span style="${labelStyles}">⚡ Powered by:</span> `
                 + `<a href="${this.imports.app.urls.chatgptJS}" target="_blank" rel="noopener">chatgpt.js</a>`,
             [ function getSupport(){}, function rateUs(){}, function moreAiExtensions(){} ], // button labels
             '', 656 // modal width

package/starters/chrome/extension/content.js

@@ -12,7 +12,7 @@
     env.browser.isPortrait = env.browser.isMobile && (window.innerWidth < window.innerHeight)
 
     // Import APP data
-    const { app } = await chrome.storage.sync.get('app')
+    const { app } = await chrome.storage.local.get('app')
 
     // Export DEPENDENCIES to imported resources
     dom.import({ env }) // for env.ui.scheme
@@ -24,12 +24,14 @@
             notify(...['msg', 'pos', 'notifDuration', 'shadow'].map(arg => req.options[arg]))
         else if (req.action == 'alert')
             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)
+        else if (req.action == 'showAbout') {
+            config.skipAlert = true ; chatgpt.isLoaded().then(() => modals.open('about'))
+        } else if (req.action == 'syncConfigToUI') syncConfigToUI(req.options)
     })
 
     // Init SETTINGS
-    await settings.load(Object.keys(settings.controls), 'skipAlert')
+    await settings.load(Object.keys(settings.controls))
+    if (!config.skipAlert) await settings.load('skipAlert') // only if not showing About modal
 
     // Define FUNCTIONS
 
@@ -48,7 +50,7 @@
             const stateStyles = {
                 on: {
                     light: 'color: #5cef48 ; text-shadow: rgba(255,250,169,0.38) 2px 1px 5px',
-                    dark:  'color: #5cef48 ; text-shadow: rgb(55, 255, 0) 3px 0 10px'
+                    dark:  'color: #5cef48 ; text-shadow: rgb(55,255,0) 3px 0 10px'
                 },
                 off: {
                     light: 'color: #ef4848 ; text-shadow: rgba(255,169,225,0.44) 2px 1px 5px',
@@ -99,7 +101,7 @@
         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` }) },
+                open(`${app.urls.gitHub}/issues`) },
             function dontShowAgain() { // checkbox
                 settings.save('skipAlert', !config.skipAlert) }
         )